:root {
    --max_content_width: 1920px;
    --scrollbar_width: 16px;
    --tg_inset_bottom: calc(100vh - var(--tg-viewport-stable-height, 100vh));
    --elevation_xs: 0 2px 10px 0 rgba(0,0,28,.06),0 0 1px 0 rgba(0,0,28,.08);
    --elevation_s: 0 2px 28px 0 rgba(0,0,28,.06),0 0 1px 0 rgba(0,0,28,.12);
    --elevation_m: 0 0 32px 0 rgba(0,0,28,.12),0 0 2px 0 rgba(0,0,28,.08);
    --elevation_l: 0 0 64px 0 rgba(0,0,28,.32),0 0 2px 0 rgba(0,0,28,.08);
    --blur_s: blur(8px);
    --blur_m: blur(12px);
    --blur_l: blur(24px);
    --blur_xl: blur(48px);
    --radius_none: 0;
    --radius_xxs: 4px;
    --radius_xs: 8px;
    --radius_s: 12px;
    --radius_m: 16px;
    --radius_l: 20px;
    --radius_xl: 28px;
    --radius_rounded: 1000px;
    --radius_full: 50%;
    --radius_buttons_small: var(--radius_xs);
    --radius_buttons_medium: var(--radius_s);
    --radius_buttons_large: var(--radius_m);
    --radius_buttons_rounded: var(--radius_rounded);
    --radius_cards_small: var(--radius_s);
    --radius_cards_medium: var(--radius_m);
    --radius_cards_large: var(--radius_l);
    --radius_cards_xlarge: var(--radius_xl);
    --radius_cards_modal: var(--radius_xl);
    --radius_cards_rounded: var(--radius_rounded);
    --radius_badges_small: var(--radius_xs);
    --radius_badges_medium: var(--radius_xs);
    --radius_badges_large: var(--radius_s);
    --radius_components_input: var(--radius_m);
    --radius_components_segmant_control: var(--radius_m);
    --transition_timing_function: ease-in-out;
    --transition_duration: .2s;
    --transition_duration_standart: .4s;
    --transition_duration_fast: .1s
}

.LibraryMedia--fill-container {
    width:100%;
    height:100%;
    min-width: 100%;
    min-height: 100%;
    display: block;
    object-fit: cover
}

.LibraryMedia--contain-container {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    border-radius: inherit
}

.LibraryImg {
    position: relative;
}

.LibraryImg--error[alt]:before {
    background-color: var(--background_content)
}

.LibraryImg--error[alt]:after,.LibraryImg--error[alt]:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.LibraryImg--error[alt]:after,.LibraryImg--skeleton {
    background-color: var(--background_skeleton)
}

.LibraryModalContent--horizontal-spacing-modal-default {
    padding-left: var(--spacing_modal_side_default);
    padding-right: var(--spacing_modal_side_default)
}

.LibraryModalContent--horizontal-spacing-modal-fullscreen {
    padding-left: var(--spacing_modal_side_fullscreen);
    padding-right: var(--spacing_modal_side_fullscreen)
}

.LibraryModalContent--top-spacing-4px {
    padding-top: 4px
}

.LibraryModalContent--top-spacing-8px {
    padding-top: 8px
}

.LibraryModalContent--top-spacing-modal-vertical {
    padding-top: var(--spacing_modal_vertical)
}

.LibraryModalContent--bottom-spacing-4px {
    padding-bottom: 4px
}

.LibraryModalContent--bottom-spacing-8px {
    padding-bottom: 8px
}

.LibraryModalContent--bottom-spacing-16px {
    padding-bottom: 16px
}

.LibraryModalContent--bottom-spacing-modal-vertical {
    padding-bottom: var(--spacing_modal_vertical)
}

.LibraryDisplay--l-1 {
    --skeleton_height: 25px;
    --skeleton_radius: 5.5px;
    font-size: 30px;
    line-height: 36px
}

.LibraryDisplay--l-2 {
    --skeleton_height: 22px;
    --skeleton_radius: 4.9px;
    font-size: 26px;
    line-height: 32px
}

.LibraryDisplay--l-3 {
    --skeleton_height: 21px;
    --skeleton_radius: 4.6px;
    font-size: 24px;
    line-height: 30px
}

.LibraryDisplay--caps {
    text-transform: uppercase
}

.LibraryDisplay--caps.LibraryDisplay--l-3 {
    --skeleton_height: 20px;
    --skeleton_radius: 4.6px;
    font-size: 22px;
    line-height: 28px
}

@media (min-width: 1001px) and (max-width:1600px) {
    .LibraryDisplay--l-1 {
        --skeleton_height:28px;
        --skeleton_radius: 6.2px;
        font-size: 32px;
        line-height: 40px
    }

    .LibraryDisplay--l-2 {
        --skeleton_height: 24px;
        --skeleton_radius: 5.2px;
        font-size: 28px;
        line-height: 34px
    }
}

@media (min-width: 1601px) {
    .LibraryDisplay--l-1 {
        --skeleton_height:30px;
        --skeleton_radius: 6.5px;
        font-size: 34px;
        line-height: 42px
    }

    .LibraryDisplay--l-2 {
        --skeleton_height: 25px;
        --skeleton_radius: 5.5px;
        font-size: 30px;
        line-height: 36px
    }

    .LibraryDisplay--l-3 {
        --skeleton_height: 22px;
        --skeleton_radius: 4.9px;
        font-size: 26px;
        line-height: 32px
    }

    .LibraryDisplay--caps.LibraryDisplay--l-3 {
        --skeleton_height: 21px;
        --skeleton_radius: 4.9px;
        font-size: 23px;
        line-height: 30px
    }
}

.LibraryPlaceholder__inner {
    margin: 0 auto
}

.LibraryPlaceholder__content+* {
    margin-top: 12px
}

.LibraryPlaceholder__title+.LibraryPlaceholder__subtitle {
    margin-top: 8px
}

.LibraryPlaceholder__subtitle {
    color: var(--foreground_subhead);
    word-break: break-word
}

.LibraryPlaceholder__bottom,.LibraryPlaceholder__content,.LibraryPlaceholder__subtitle,.LibraryPlaceholder__title {
    display: flex;
    justify-content: center;
    text-align: center
}

.LibraryPlaceholder__title {
    gap: 8px
}

*+.LibraryPlaceholder__bottom {
    margin-top: 20px
}

.LibraryPlaceholder--compact *+.LibraryPlaceholder__bottom {
    margin-top: 16px
}

.LibraryPlaceholder--orientation-horizontal .LibraryPlaceholder__inner {
    display: flex
}

.LibraryPlaceholder--orientation-horizontal .LibraryPlaceholder__text {
    margin-top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column
}

.LibraryPlaceholder--orientation-horizontal .LibraryPlaceholder__bottom,.LibraryPlaceholder--orientation-horizontal .LibraryPlaceholder__content,.LibraryPlaceholder--orientation-horizontal .LibraryPlaceholder__subtitle,.LibraryPlaceholder--orientation-horizontal .LibraryPlaceholder__title {
    justify-content: flex-start;
    text-align: left
}

.LibraryPlaceholder--orientation-horizontal .LibraryPlaceholder__content+.LibraryPlaceholder__text {
    margin-left: 16px
}

.LibraryCellContainer--spacing-0px {
    padding: 0;
    border-radius: var(--radius_cards_small)
}

.LibraryCellContainer--spacing-8px {
    padding: 8px;
    border-radius: var(--radius_cards_small)
}

.LibraryCellContainer--spacing-12px {
    padding: 12px;
    border-radius: var(--radius_cards_medium)
}

.LibraryCellContainer--spacing-16px {
    padding: 16px;
    border-radius: var(--radius_cards_medium)
}

.LibraryCellContainer--spacing-20px {
    padding: 20px;
    border-radius: var(--radius_cards_large)
}

.LibraryCellContainer--surface-shadow-card {
    box-shadow: var(--elevation_s)
}

.LibraryCellContainer--surface-tint-card {
    background-color: var(--background_tint_card)
}

.LibraryCellContainer--surface-tint-card-modal {
    background-color: var(--background_tint_card_modal)
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-0px,.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-0px>* {
    position: relative
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-0px:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform-origin: top left;
    border: 1px solid var(--stroke_separator);
    border-radius: var(--radius_cards_small)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-0px:before {
        width:200%;
        height: 200%;
        border-radius: calc(var(--radius_cards_small) * 2);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:3dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-0px:before {
        width:300%;
        height: 300%;
        border-radius: calc(var(--radius_cards_small) * 3);
        transform: scale(.3333)
    }
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-8px,.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-8px>* {
    position: relative
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-8px:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform-origin: top left;
    border: 1px solid var(--stroke_separator);
    border-radius: var(--radius_cards_small)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-8px:before {
        width:200%;
        height: 200%;
        border-radius: calc(var(--radius_cards_small) * 2);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:3dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-8px:before {
        width:300%;
        height: 300%;
        border-radius: calc(var(--radius_cards_small) * 3);
        transform: scale(.3333)
    }
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-12px,.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-12px>* {
    position: relative
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-12px:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform-origin: top left;
    border: 1px solid var(--stroke_separator);
    border-radius: var(--radius_cards_medium)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-12px:before {
        width:200%;
        height: 200%;
        border-radius: calc(var(--radius_cards_medium) * 2);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:3dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-12px:before {
        width:300%;
        height: 300%;
        border-radius: calc(var(--radius_cards_medium) * 3);
        transform: scale(.3333)
    }
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-16px,.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-16px>* {
    position: relative
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-16px:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform-origin: top left;
    border: 1px solid var(--stroke_separator);
    border-radius: var(--radius_cards_medium)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-16px:before {
        width:200%;
        height: 200%;
        border-radius: calc(var(--radius_cards_medium) * 2);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:3dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-16px:before {
        width:300%;
        height: 300%;
        border-radius: calc(var(--radius_cards_medium) * 3);
        transform: scale(.3333)
    }
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-20px,.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-20px>* {
    position: relative
}

.LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-20px:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform-origin: top left;
    border: 1px solid var(--stroke_separator);
    border-radius: var(--radius_cards_large)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-20px:before {
        width:200%;
        height: 200%;
        border-radius: calc(var(--radius_cards_large) * 2);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:3dppx) {
    .LibraryCellContainer--surface-stroke-card.LibraryCellContainer--spacing-20px:before {
        width:300%;
        height: 300%;
        border-radius: calc(var(--radius_cards_large) * 3);
        transform: scale(.3333)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-0px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_small);
    background-color: transparent;
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-0px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-0px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-0px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-8px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_small);
    background-color: transparent;
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-8px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-8px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-8px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-12px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_medium);
    background-color: transparent;
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-12px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-12px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-12px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-16px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_medium);
    background-color: transparent;
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-16px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-16px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-16px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-20px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_large);
    background-color: transparent;
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-20px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--spacing-20px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--spacing-20px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-0px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_small);
    background-color: var(--background_tint_card);
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-0px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-0px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-0px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-8px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_small);
    background-color: var(--background_tint_card);
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-8px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-8px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-8px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-12px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_medium);
    background-color: var(--background_tint_card);
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-12px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-12px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-12px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-16px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_medium);
    background-color: var(--background_tint_card);
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-16px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-16px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-16px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-20px {
    background-color: var(--background_tint_card)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-0px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_small);
    background-color: var(--background_tint_card_modal);
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-0px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-0px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-0px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-8px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_small);
    background-color: var(--background_tint_card_modal);
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-8px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-8px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-8px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-12px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_medium);
    background-color: var(--background_tint_card_modal);
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-12px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-12px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-12px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-16px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_medium);
    background-color: var(--background_tint_card_modal);
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-16px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-16px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card-modal.LibraryCellContainer--spacing-16px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-20px {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: var(--radius_cards_large);
    background-color: var(--background_tint_card_modal);
    transition: color var(--transition_duration) var(--transition_timing_function),background-color var(--transition_duration) var(--transition_timing_function),transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover: hover),(min-width:768px) {
    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-20px:hover {
        background-color:var(--background_hover_alpha)
    }

    .LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-20px:active {
        transform: scale(.96)
    }
}

.LibraryCellContainer--hoverable.LibraryCellContainer--surface-tint-card.LibraryCellContainer--spacing-20px[data-tooltip-shown=true] {
    background-color: var(--background_hover_alpha)
}

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

.LibraryCell--size-class-compact {
    gap: 8px
}

.LibraryCell--align-top {
    align-items: start
}

.LibraryCell--align-center {
    justify-content: center
}

.LibraryCell--align-right {
    justify-content: flex-end
}

.LibraryCell--align-center .LibraryCell__main {
    justify-content: center;
    flex-grow: 0
}

.LibraryCell__before {
    font-size: 0
}

.LibraryCell__main {
    flex-grow: 1;
    min-width: 0
}

.LibraryCellChildren--align-right {
    display: flex;
    flex-direction: column;
    text-align: right;
    align-items: flex-end
}

.LibraryCellChildren__container {
    padding: 1px 0
}

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

.LibraryCellTitle__container {
    padding: 1px 0;
    min-width: 0
}

.LibraryCellTitle--ellipsis .LibraryCellTitle__label {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.LibraryBottomButtons {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    box-sizing: border-box;
    background-color: var(--background_modal);
    z-index: 3;
    margin-top: auto;
    border-bottom-left-radius: var(--radius_cards_modal);
    border-bottom-right-radius: var(--radius_cards_modal);
    padding-bottom: var(--tg_inset_bottom)
}

@media (max-width: 1000px) {
    .LibraryBottomButtons {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0
    }
}

.LibraryButtonsGroup {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center
}

.LibraryButtonsGroup--spacing-16px {
    padding: 16px
}

.LibraryButtonsGroup--spacing-modal-default {
    padding: 16px var(--spacing_modal_side_default) var(--spacing_modal_side_default)
}

.LibraryButtonsGroup--spacing-modal-fullscreen {
    padding: 16px var(--spacing_modal_side_fullscreen) var(--spacing_modal_side_fullscreen)
}

.LibraryButtonsGroup__line {
    display: flex;
    gap: 8px;
    width: 100%
}

.ModalTelegramLogin__button {
    position: relative;
    margin-top: 20px
}

.ModalTelegramLogin__button .LibrarySpinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 40px
}

.TelegramLogin iframe {
    display: block
}

.TelegramLogin:not(:empty)+.LibrarySpinner {
    display: none
}

.TelegramLogin--loading {
    height: 40px
}

.TelegramLogin--loading iframe {
    display: none;
    color-scheme: inherit!important
}

.LibraryPageHeader {
    padding: 16px 0 4px;
    display: grid;
    grid-template-areas: "title controls right";
    grid-template-columns: max-content auto max-content;
    align-items: center;
    max-width: 100%
}

@media (max-width: 1000px) {
    .LibraryPageHeader {
        grid-template-columns:none;
        grid-template-areas: "title right" "controls controls"
    }
}

.LibraryPageHeader__title {
    grid-area: title
}

.LibraryPageHeader__right {
    grid-area: right;
    display: flex;
    align-items: center;
    justify-self: right;
    margin-left: 24px
}

@media (max-width: 1000px) {
    .LibraryPageHeader__right {
        margin-left:12px
    }
}

.LibraryPageHeader__controls {
    grid-area: controls;
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    grid-gap: 12px;
    gap: 12px;
    width: 100%
}

@media (max-width: 1000px) {
    .LibraryPageHeader__controls {
        margin-top:12px;
        margin-left: calc(var(--global_horizontal_side) * -1);
        padding-right: calc(var(--global_horizontal_side));
        padding-left: calc(var(--global_horizontal_side));
        overflow: auto;
        scrollbar-width: none
    }

    .LibraryPageHeader__controls::-webkit-scrollbar {
        display: none
    }
}

.LibraryPageHeader__control--left {
    margin-left: 12px;
    justify-self: left
}

@media (max-width: 1000px) {
    .LibraryPageHeader__control--left {
        margin-left:0
    }
}

.LibraryPageHeader__control--right {
    justify-self: right
}

@media (max-width: 1000px) {
    .LibraryPageHeader__control--full {
        width:100%
    }
}

.LibraryPageHeaderTitle {
    display: flex;
    align-items: center
}

.LibraryPageHeaderTitle__title-container {
    display: flex;
    align-items: center;
    padding: 2px 0
}

@media (max-width: 1000px) {
    .LibraryPageHeaderTitle__title-container {
        padding:3px 0
    }

    .LibraryPageHeaderTitle--large-title .LibraryPageHeaderTitle__title-container {
        padding: 4px 0
    }
}

.LibraryModalPageHeader {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    background-color: var(--background_modal);
    z-index: 3;
    padding: 0 var(--spacing_modal_side_default)
}

.LibraryModalPageHeader--fullscreen {
    padding: 0 var(--spacing_modal_side_fullscreen)
}

.LibraryModalPageHeader__top {
    box-sizing: border-box;
    height: 64px;
    display: flex;
    align-items: center
}

@media (min-width: 1001px) {
    .LibraryModalPageHeader {
        border-radius:inherit
    }
}