@charset "UTF-8";

body {
    --basic_white_alpha_12: hsla(0, 0%, 100%, .12);
    --basic_white_alpha_20: hsla(0, 0%, 100%, .2);
    --basic_white_alpha_50: hsla(0, 0%, 100%, .5);
    --basic_white_alpha_60: hsla(0, 0%, 100%, .6);
    --basic_white_alpha_80: hsla(0, 0%, 100%, .8);
    --basic_white_alpha_92: hsla(0, 0%, 100%, .92);
    --basic_white_alpha_100: #fff;
    --basic_black_alpha_20: rgba(0, 0, 0, .2);
    --basic_black_alpha_30: rgba(0, 0, 0, .3);
    --basic_black_alpha_40: rgba(0, 0, 0, .4);
    --basic_black_alpha_60: rgba(0, 0, 0, .6);
    --basic_black_alpha_100: #000;
    --basic_color_red_alpha_90: rgba(255, 78, 78, .9);
    --basic_color_red: #ff4e4e;
    --basic_color_gg_blue_alpha_08: rgba(48, 105, 255, .08);
    --basic_color_gg_blue_alpha_20: rgba(48, 105, 255, .2);
    --basic_color_gg_blue_alpha_90: rgba(48, 105, 255, .9);
    --basic_color_gg_blue: #3069ff;
    --basic_color_gg_blue_hover: #4076ff;
    --basic_color_gg_light_blue: #eaf2ff;
    --gradient_fancy: linear-gradient(123.73deg, #ff1dcd, #ff1ecb 11.79%, #ff22c6 21.38%, #ff27bf 29.12%, #ff2eb4 35.34%, #ff36a8 40.37%, #ff409a 44.56%, #ff4b8a 48.24%, #ff5679 51.76%, #ff6267 55.44%, #ff6e55 59.63%, #ff7b43 64.66%, #ff8731 70.88%, #ff9320 78.62%, #ff9e0f 88.21%, #ffa800);
    --gradient_fancy_webkit: linear-gradient(123.73deg, #ff1dcd, #ff1ecb 11.79%, #ff22c6 21.38%, #ff27bf 29.12%, #ff2eb4 35.34%, #ff36a8 40.37%, #ff409a 44.56%, #ff4b8a 48.24%, #ff5679 51.76%, #ff6267 55.44%, #ff6e55 59.63%, #ff7b43 64.66%, #ff8731 70.88%, #ff9320 78.62%, #ff9e0f 88.21%, #ffa800)
}

body,
body[data-color-scheme=light] {
    --accents_accent_alpha_08: rgba(5, 147, 255, .08);
    --accents_accent: #000000; 
    --accents_accent_hover: #4076ff;
    --accents_destructive: #e64646;
    --background_page: #f3f3f5;
    --background_header: hsla(0, 0%, 95%, .92);
    --background_content: #fff;
    --background_content_alpha: hsla(0, 0%, 100%, .88);
    --background_card: #fff;
    --background_tint_card: #f3f3f5;
    --background_tint_card_modal: #f3f3f5;
    --background_modal: #fff;
    --background_snackbar: rgba(19, 19, 20, .6);
    --background_snackbar_no_blur: rgba(19, 19, 20, .8);
    --background_tooltip: #fff;
    --background_skeleton: rgba(19, 19, 20, .04);
    --background_hover: #f6f6f6;
    --background_hover_alpha: rgba(19, 19, 20, .04);
    --foreground_primary: #000;
    --foreground_subhead: #7b7b85;
    --foreground_secondary: #8a8a93;
    --foreground_tertiary: #a9a9b2;
    --button_primary_foreground: #fff;
    --button_primary_background: #3069ff;
    --button_primary_background_hover: #4076ff;
    --button_secondary_foreground: #000;
    --button_secondary_background: rgba(24, 24, 26, .08);
    --button_secondary_background_hover: rgba(24, 24, 26, .12);
    --button_destructive_foreground: #fff;
    --button_destructive_background: #e64646;
    --button_destructive_background_hover: #d73838;
    --button_contract_background: #fff;
    --button_contract_background_hover: #f6f6f6;
    --button_switch_indicator: #fff;
    --input_default: rgba(250, 250, 252, .5);
    --input_error: #fff8f8;
    --input_error_stroke: #e64646;
    --segment_background: rgba(24, 24, 26, .08);
    --segment_active_foreground: #000;
    --segment_active_background: #fff;
    --segment_disable_foreground: #8a8a93;
    --stroke_separator: rgba(19, 19, 20, .16);
    --stroke_image_border: rgba(0, 0, 0, .08);
    --dynamic_pink: #ff6f91;
    --dynamic_mint: #35b2b2;
    --dynamic_purple: #735ce6;
    --dynamic_purple_alpha_10: rgba(115, 92, 230, .1);
    --dynamic_violet: #792ec0;
    --dynamic_orange: #ffa000;
    --dynamic_orange_alpha_10: rgba(255, 168, 0, .1);
    --dynamic_green: #4bb34b;
    --dynamic_red: #ff3347;
    --dynamic_red_alpha_10: rgba(255, 51, 71, .1);
    --dynamic_gray: #a3adb8;
    --dynamic_nightblue: #283640;
    --gradient_modal_single_button: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .009) 2.31%, hsla(0, 0%, 100%, .036) 4.62%, hsla(0, 0%, 100%, .082) 6.93%, hsla(0, 0%, 100%, .147) 9.24%, hsla(0, 0%, 100%, .232) 11.55%, hsla(0, 0%, 100%, .332) 13.86%, hsla(0, 0%, 100%, .443) 16.17%, hsla(0, 0%, 100%, .557) 18.48%, hsla(0, 0%, 100%, .668) 20.79%, hsla(0, 0%, 100%, .768) 23.1%, hsla(0, 0%, 100%, .853) 25.41%, hsla(0, 0%, 100%, .918) 27.72%, hsla(0, 0%, 100%, .964) 30.03%, hsla(0, 0%, 100%, .991) 32.34%, #fff 34.65%);
    --gradient_attributes: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .009) 6.67%, hsla(0, 0%, 100%, .036) 13.33%, hsla(0, 0%, 100%, .082) 20%, hsla(0, 0%, 100%, .147) 26.67%, hsla(0, 0%, 100%, .232) 33.33%, hsla(0, 0%, 100%, .332) 40%, hsla(0, 0%, 100%, .443) 46.67%, hsla(0, 0%, 100%, .557) 53.33%, hsla(0, 0%, 100%, .668) 60%, hsla(0, 0%, 100%, .768) 66.67%, hsla(0, 0%, 100%, .853) 73.33%, hsla(0, 0%, 100%, .918) 80%, hsla(0, 0%, 100%, .964) 86.67%, hsla(0, 0%, 100%, .991) 93.33%, #fff);
    --gradient_nft_button_border: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #30f2b1, #5967ff 50%, #ff26a5) border-box;
    --gradient_content_vertical: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    --gradient_modal_vertical: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    --scrolbar_thumb_color: #c1c1c1;
    --scrolbar_thumb_hover_color: #7d7d7d
}

body[data-color-scheme=dark] {
    --accents_accent_alpha_08: rgba(5, 147, 255, .08);
    --accents_accent: #3069ff;
    --accents_accent_hover: #4076ff;
    --accents_destructive: #ff5c5c;
    --background_page: #09090a;
    --background_header: hsla(0, 0%, 7%, .94);
    --background_content: #131314;
    --background_content_alpha: rgba(19, 19, 20, .88);
    --background_card: #343438;
    --background_tint_card: #212124;
    --background_tint_card_modal: #343438;
    --background_modal: #262629;
    --background_snackbar: rgba(96, 96, 102, .6);
    --background_snackbar_no_blur: rgba(96, 96, 102, .8);
    --background_tooltip: #343438;
    --background_skeleton: rgba(229, 229, 234, .05);
    --background_hover: #1e1e1f;
    --background_hover_alpha: rgba(229, 229, 234, .05);
    --foreground_primary: #e5e5ea;
    --foreground_subhead: #8c8c93;
    --foreground_secondary: #7d7d85;
    --foreground_tertiary: #606066;
    --button_primary_foreground: #fff;
    --button_primary_background: #3069ff;
    --button_primary_background_hover: #4076ff;
    --button_secondary_foreground: #e5e5ea;
    --button_secondary_background: rgba(229, 229, 234, .06);
    --button_secondary_background_hover: rgba(229, 229, 234, .16);
    --button_destructive_foreground: #fff;
    --button_destructive_background: #ff5c5c;
    --button_destructive_background_hover: #ff7676;
    --button_contract_background: #343438;
    --button_contract_background_hover: #3e3e42;
    --button_switch_indicator: #fff;
    --input_default: hsla(240, 3%, 51%, .06);
    --input_error: #2b2022;
    --input_error_stroke: #ff5c5c;
    --segment_background: rgba(229, 229, 234, .06);
    --segment_active_foreground: #e5e5ea;
    --segment_active_background: #343438;
    --segment_disable_foreground: #7d7d85;
    --stroke_separator: rgba(229, 229, 234, .2);
    --stroke_image_border: hsla(0, 0%, 100%, .08);
    --dynamic_pink: #ff90ab;
    --dynamic_mint: #5beaea;
    --dynamic_purple: #937ff5;
    --dynamic_purple_alpha_10: rgba(115, 92, 230, .1);
    --dynamic_violet: #a393f5;
    --dynamic_orange: #ffa000;
    --dynamic_orange_alpha_10: rgba(255, 168, 0, .1);
    --dynamic_green: #4bb34b;
    --dynamic_red: #ff3347;
    --dynamic_red_alpha_10: rgba(255, 51, 71, .1);
    --dynamic_gray: #a3adb8;
    --gradient_modal_single_button: linear-gradient(180deg, rgba(38, 38, 41, 0), rgba(38, 38, 41, .009) 2.31%, rgba(38, 38, 41, .036) 4.62%, rgba(38, 38, 41, .082) 6.93%, rgba(38, 38, 41, .147) 9.24%, rgba(38, 38, 41, .232) 11.55%, rgba(38, 38, 41, .332) 13.86%, rgba(38, 38, 41, .443) 16.17%, rgba(38, 38, 41, .557) 18.48%, rgba(38, 38, 41, .668) 20.79%, rgba(38, 38, 41, .768) 23.1%, rgba(38, 38, 41, .853) 25.41%, rgba(38, 38, 41, .918) 27.72%, rgba(38, 38, 41, .964) 30.03%, rgba(38, 38, 41, .991) 32.34%, #262629 34.65%);
    --gradient_attributes: linear-gradient(180deg, rgba(19, 19, 20, 0), rgba(19, 19, 20, .009) 6.67%, rgba(19, 19, 20, .036) 13.33%, rgba(19, 19, 20, .082) 20%, rgba(19, 19, 20, .147) 26.67%, rgba(19, 19, 20, .232) 33.33%, rgba(19, 19, 20, .332) 40%, rgba(19, 19, 20, .443) 46.67%, rgba(19, 19, 20, .557) 53.33%, rgba(19, 19, 20, .668) 60%, rgba(19, 19, 20, .768) 66.67%, rgba(19, 19, 20, .853) 73.33%, rgba(19, 19, 20, .918) 80%, rgba(19, 19, 20, .964) 86.67%, rgba(19, 19, 20, .991) 93.33%, #131314);
    --gradient_nft_button_border: linear-gradient(#343438, #343438) padding-box, linear-gradient(135deg, #30f2b1, #5967ff 50%, #ff26a5) border-box;
    --gradient_content_vertical: linear-gradient(180deg, rgba(19, 19, 20, 0), #131314);
    --gradient_modal_vertical: linear-gradient(180deg, rgba(38, 38, 41, 0), #262629);
    --scrolbar_thumb_color: #6b6b6b;
    --scrolbar_thumb_hover_color: #939393
}

[data-color-scheme=overlay] {
    --accents_accent_alpha_08: hsla(0, 0%, 100%, .12);
    --accents_accent: #fff;
    --accents_accent_hover: hsla(0, 0%, 100%, .92);
    --accents_destructive: #ff4e4e;
    --background_page: #3069ff;
    --background_header: hsla(0, 0%, 100%, .92);
    --background_content: #3069ff;
    --background_content_alpha: hsla(0, 0%, 100%, .8);
    --background_card: rgba(0, 0, 0, .2);
    --background_tint_card: rgba(0, 0, 0, .4);
    --background_tint_card_modal: rgba(0, 0, 0, .4);
    --background_modal: hsla(0, 0%, 100%, .12);
    --background_snackbar: rgba(0, 0, 0, .4);
    --background_snackbar_no_blur: rgba(0, 0, 0, .8);
    --background_tooltip: #3069ff;
    --background_skeleton: hsla(0, 0%, 100%, .12);
    --background_hover: hsla(0, 0%, 100%, .12);
    --background_hover_alpha: hsla(0, 0%, 100%, .12);
    --foreground_primary: #fff;
    --foreground_subhead: hsla(0, 0%, 100%, .8);
    --foreground_secondary: hsla(0, 0%, 100%, .6);
    --foreground_tertiary: hsla(0, 0%, 100%, .5);
    --button_primary_foreground: #000;
    --button_primary_background: #fff;
    --button_primary_background_hover: hsla(0, 0%, 100%, .92);
    --button_secondary_foreground: #fff;
    --button_secondary_background: rgba(0, 0, 0, .2);
    --button_secondary_background_hover: rgba(0, 0, 0, .3);
    --button_destructive_foreground: #ff4e4e;
    --button_destructive_background: #fff;
    --button_destructive_background_hover: hsla(0, 0%, 100%, .92);
    --button_contract_background: #3069ff;
    --button_contract_background_hover: rgba(48, 105, 255, .9);
    --button_switch_indicator: #3069ff;
    --input_default: hsla(0, 0%, 100%, .12);
    --input_error: hsla(0, 0%, 100%, .12);
    --input_error_stroke: #ff4e4e;
    --segment_background: rgba(0, 0, 0, .2);
    --segment_active_foreground: #000;
    --segment_active_background: #fff;
    --segment_disable_foreground: #fff;
    --stroke_separator: hsla(0, 0%, 100%, .2);
    --stroke_image_border: #000;
    --dynamic_pink: #ff6f91;
    --dynamic_mint: #35b2b2;
    --dynamic_purple: #735ce6;
    --dynamic_purple_alpha_10: rgba(115, 92, 230, .1);
    --dynamic_violet: #792ec0;
    --dynamic_orange: #ffa000;
    --dynamic_orange_alpha_10: rgba(255, 168, 0, .1);
    --dynamic_green: #4bb34b;
    --dynamic_red: #ff3347;
    --dynamic_red_alpha_10: rgba(255, 51, 71, .1);
    --dynamic_gray: #a3adb8;
    --gradient_modal_single_button: linear-gradient(180deg, rgba(38, 38, 41, 0), rgba(38, 38, 41, .009) 2.31%, rgba(38, 38, 41, .036) 4.62%, rgba(38, 38, 41, .082) 6.93%, rgba(38, 38, 41, .147) 9.24%, rgba(38, 38, 41, .232) 11.55%, rgba(38, 38, 41, .332) 13.86%, rgba(38, 38, 41, .443) 16.17%, rgba(38, 38, 41, .557) 18.48%, rgba(38, 38, 41, .668) 20.79%, rgba(38, 38, 41, .768) 23.1%, rgba(38, 38, 41, .853) 25.41%, rgba(38, 38, 41, .918) 27.72%, rgba(38, 38, 41, .964) 30.03%, rgba(38, 38, 41, .991) 32.34%, #262629 34.65%);
    --gradient_attributes: linear-gradient(180deg, rgba(19, 19, 20, 0), rgba(19, 19, 20, .009) 6.67%, rgba(19, 19, 20, .036) 13.33%, rgba(19, 19, 20, .082) 20%, rgba(19, 19, 20, .147) 26.67%, rgba(19, 19, 20, .232) 33.33%, rgba(19, 19, 20, .332) 40%, rgba(19, 19, 20, .443) 46.67%, rgba(19, 19, 20, .557) 53.33%, rgba(19, 19, 20, .668) 60%, rgba(19, 19, 20, .768) 66.67%, rgba(19, 19, 20, .853) 73.33%, rgba(19, 19, 20, .918) 80%, rgba(19, 19, 20, .964) 86.67%, rgba(19, 19, 20, .991) 93.33%, #131314);
    --gradient_nft_button_border: linear-gradient(#343438, #343438) padding-box, linear-gradient(135deg, #30f2b1, #5967ff 50%, #ff26a5) border-box
}

[data-color-scheme=telegram] {
    --accents_accent_alpha_08: var(--basic_white_alpha_12);
    --accents_accent: var(--tg-theme-accent-text-color);
    --accents_accent_hover: var(--tg-theme-accent-text-color);
    --accents_destructive: var(--basic_color_red);
    --background_page: var(--tg-theme-secondary-bg-color);
    --background_header: var(--tg-theme-header-bg-color);
    --background_content: var(--tg-theme-bg-color);
    --background_content_alpha: var(--basic_white_alpha_80);
    --background_card: var(--tg-theme-secondary-bg-color);
    --background_tint_card: var(--tg-theme-secondary-bg-color);
    --background_tint_card_modal: var(--tg-theme-secondary-bg-color);
    --background_modal: var(--tg-theme-bg-color);
    --background_snackbar: rgba(96, 96, 102, .8);
    --background_snackbar_no_blur: rgba(19, 19, 20, .8);
    --background_tooltip: var(--tg-theme-bg-color);
    --background_skeleton: var(--tg-theme-header-bg-color);
    --background_hover: rgba(19, 19, 20, .12);
    --background_hover_alpha: var(--basic_white_alpha_12);
    --foreground_primary: var(--tg-theme-text-color);
    --foreground_subhead: var(--tg-theme-subtitle-text-color);
    --foreground_secondary: var(--tg-theme-hint-color);
    --foreground_tertiary: var(--tg-theme-hint-color);
    --button_primary_foreground: var(--tg-theme-button-text-color);
    --button_primary_background: var(--tg-theme-button-color);
    --button_primary_background_hover: var(--tg-theme-button-color);
    --button_secondary_foreground: var(--tg-theme-text-color);
    --button_secondary_background: var(--custom_button_secondary_background);
    --button_secondary_background_hover: var(--custom_button_secondary_background);
    --button_destructive_foreground: var(--basic_white_alpha_100);
    --button_destructive_background: var(--tg-theme-destructive-text-color);
    --button_destructive_background_hover: var(--tg-theme-destructive-text-color);
    --button_contract_background: var(--tg-theme-bg-color);
    --button_contract_background_hover: var(--tg-theme-bg-color);
    --button_switch_indicator: var(--tg-theme-button-color);
    --input_default: var(--custom_input_default);
    --input_error: var(--custom_input_error);
    --input_error_stroke: var(--tg-theme-destructive-text-color);
    --segment_background: var(--custom_segment_background);
    --segment_active_foreground: var(--tg-theme-text-color);
    --segment_active_background: var(--custom_segment_active_background);
    --segment_disable_foreground: var(--tg-theme-text-color);
    --stroke_separator: var(--custom_separator);
    --stroke_image_border: rgba(0, 0, 0, .08);
    --dynamic_pink: #ff6f91;
    --dynamic_mint: #35b2b2;
    --dynamic_purple: #735ce6;
    --dynamic_purple_alpha_10: rgba(115, 92, 230, .1);
    --dynamic_violet: #792ec0;
    --dynamic_orange: #ffa000;
    --dynamic_orange_alpha_10: rgba(255, 168, 0, .1);
    --dynamic_green: #4bb34b;
    --dynamic_red: #ff3347;
    --dynamic_red_alpha_10: rgba(255, 51, 71, .1);
    --dynamic_gray: #a3adb8;
    --gradient_modal_single_button: linear-gradient(180deg, rgba(38, 38, 41, 0), rgba(38, 38, 41, .009) 2.31%, rgba(38, 38, 41, .036) 4.62%, rgba(38, 38, 41, .082) 6.93%, rgba(38, 38, 41, .147) 9.24%, rgba(38, 38, 41, .232) 11.55%, rgba(38, 38, 41, .332) 13.86%, rgba(38, 38, 41, .443) 16.17%, rgba(38, 38, 41, .557) 18.48%, rgba(38, 38, 41, .668) 20.79%, rgba(38, 38, 41, .768) 23.1%, rgba(38, 38, 41, .853) 25.41%, rgba(38, 38, 41, .918) 27.72%, rgba(38, 38, 41, .964) 30.03%, rgba(38, 38, 41, .991) 32.34%, #262629 34.65%);
    --gradient_attributes: linear-gradient(180deg, rgba(19, 19, 20, 0), rgba(19, 19, 20, .009) 6.67%, rgba(19, 19, 20, .036) 13.33%, rgba(19, 19, 20, .082) 20%, rgba(19, 19, 20, .147) 26.67%, rgba(19, 19, 20, .232) 33.33%, rgba(19, 19, 20, .332) 40%, rgba(19, 19, 20, .443) 46.67%, rgba(19, 19, 20, .557) 53.33%, rgba(19, 19, 20, .668) 60%, rgba(19, 19, 20, .768) 66.67%, rgba(19, 19, 20, .853) 73.33%, rgba(19, 19, 20, .918) 80%, rgba(19, 19, 20, .964) 86.67%, rgba(19, 19, 20, .991) 93.33%, #131314);
    --gradient_nft_button_border: linear-gradient(#343438, #343438) padding-box, linear-gradient(135deg, #30f2b1, #5967ff 50%, #ff26a5) border-box
}

: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
}

@media (min-width:1001px) {
    :root {
        --panel_header_height: 80px
    }
}

@media (max-width:1000px) {
    :root {
        --panel_header_height: 64px
    }
}

@media (max-width:640px) {
    :root {
        --global_horizontal_side: 16px;
        --global_horizontal_header: 12px;
        --global_horizontal_large_card: 0px;
        --global_vertical_s: 8px;
        --global_vertical_m: 16px;
        --global_vertical_l: 40px;
        --page_grid: 16px;
        --page_xs: 8px;
        --page_s: 12px;
        --page_m: 16px;
        --page_l: 24px;
        --page_xl: 32px;
        --spacing_modal_side_default: 20px;
        --spacing_modal_side_fullscreen: 16px;
        --spacing_modal_vertical: 20px
    }
}

@media (min-width:641px) and (max-width:1000px) {
    :root {
        --global_horizontal_side: 32px;
        --global_horizontal_header: 28px;
        --global_horizontal_large_card: 4px;
        --global_vertical_s: 8px;
        --global_vertical_m: 16px;
        --global_vertical_l: 40px;
        --page_grid: 16px;
        --page_xs: 8px;
        --page_s: 12px;
        --page_m: 16px;
        --page_l: 24px;
        --page_xl: 32px;
        --spacing_modal_side_default: 20px;
        --spacing_modal_side_fullscreen: 32px;
        --spacing_modal_vertical: 20px
    }
}

@media (min-width:1001px) and (max-width:1600px) {
    :root {
        --global_horizontal_side: 40px;
        --global_horizontal_header: 40px;
        --global_horizontal_large_card: 20px;
        --global_vertical_s: 12px;
        --global_vertical_m: 20px;
        --global_vertical_l: 56px;
        --page_grid: 20px;
        --page_xs: 12px;
        --page_s: 16px;
        --page_m: 20px;
        --page_l: 32px;
        --page_xl: 40px;
        --spacing_modal_side_default: 24px;
        --spacing_modal_side_fullscreen: 24px;
        --spacing_modal_vertical: 24px
    }
}

@media (min-width:1601px) {
    :root {
        --global_horizontal_side: 80px;
        --global_horizontal_header: 80px;
        --global_horizontal_large_card: 60px;
        --global_vertical_s: 16px;
        --global_vertical_m: 20px;
        --global_vertical_l: 56px;
        --page_grid: 20px;
        --page_xs: 12px;
        --page_s: 16px;
        --page_m: 20px;
        --page_l: 40px;
        --page_xl: 48px;
        --spacing_modal_side_default: 24px;
        --spacing_modal_side_fullscreen: 32px;
        --spacing_modal_vertical: 24px
    }
}

body.LibraryBlockedScroll {
    position: fixed;
    width: 100%
}

@supports (-moz-appearance:none) {
    body.LibraryBlockedScroll {
        position: static
    }
}

@media (min-width:1001px) {
    body.LibraryBlockedScroll {
        box-sizing: border-box;
        padding-right: var(--scrollbar_width)
    }

    body.LibraryBlockedScroll:after {
        z-index: 1;
        position: fixed;
        top: 0;
        right: 0;
        width: var(--scrollbar_width);
        height: 100%;
        content: "";
        background-color: var(--background_content)
    }
}

.LibraryTgDesktop ::-webkit-scrollbar {
    width: var(--scrollbar_width);
    background-color: var(--background_content)
}

.LibraryTgDesktop .LibraryModal__body::-webkit-scrollbar {
    border-radius: 8px
}

.LibraryTgDesktop ::-webkit-scrollbar-thumb {
    border: 3px solid var(--background_content);
    border-radius: 10px;
    background-color: var(--scrolbar_thumb_color)
}

.LibraryTgDesktop ::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrolbar_thumb_hover_color)
}

.LibraryTgDesktop ::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: var(--background_content)
}

.LibraryTgDesktop .LibraryModal__body::-webkit-scrollbar-track {
    border-radius: 8px
}

.LibraryTgDesktop ::-moz-scrollbar-button {
    width: 0
}

.LibraryTgDesktop ::-webkit-scrollbar-button {
    width: 0
}

.LibraryTgDesktop .LibraryBlockedScroll {
    box-sizing: border-box;
    padding-right: var(--scrollbar_width)
}

.LibraryTgDesktop .LibraryBlockedScroll:after {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
    width: var(--scrollbar_width);
    height: 100%;
    content: "";
    background-color: var(--background_content)
}

@media (min-width:1001px) {
    ::-webkit-scrollbar {
        width: var(--scrollbar_width);
        background-color: var(--background_content)
    }

    .LibraryModal__body::-webkit-scrollbar {
        border-radius: 8px
    }

    ::-webkit-scrollbar-thumb {
        border: 3px solid var(--background_content);
        border-radius: 10px;
        background-color: var(--scrolbar_thumb_color)
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrolbar_thumb_hover_color)
    }

    ::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: var(--background_content)
    }

    .LibraryModal__body::-webkit-scrollbar-track {
        border-radius: 8px
    }

    ::-moz-scrollbar-button {
        width: 0
    }

    ::-webkit-scrollbar-button {
        width: 0
    }
}

:root {
    --entity_sidebar_width: 240px
}

body,
html {
    position: relative;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    color: var(--foreground_primary);
    background-color: var(--background_content);
    cursor: default;
    text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-style: normal
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

svg {
    display: block
}

button,
select {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-style: normal;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    margin: 0;
    padding: 0
}

::selection {
    color: var(--background_content);
    background: var(--accents_accent)
}

::-moz-selection {
    color: var(--background_content);
    background: var(--accents_accent)
}

.App {
    max-width: var(--max_content_width);
    margin: 0 auto
}

.App--show-lang-keys {
    word-break: break-word
}

.NotificationsCenter {
    z-index: 10;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 406px;
    max-height: 80vh;
    transition: opacity var(--transition_duration) var(--transition_timing_function), visibility var(--transition_duration) var(--transition_timing_function)
}

@media(max-width:1000px) {
    .NotificationsCenter {
        display: none
    }
}

.NotificationsCenter--empty {
    visibility: hidden
}

.NotificationsCenter--disappearing {
    opacity: 0
}

.NotificationsCenter__inner {
    padding: 16px
}

.NotificationsCenter__inner:empty {
    padding: 0
}

.NotificationsCenter__list {
    position: relative;
    transition: transform var(--transition_duration) var(--transition_timing_function)
}

.NotificationsCenter__list--animated .Notification:last-of-type,
.NotificationsCenter__list--disappear .Notification:first-of-type {
    opacity: 0
}

.NotificationsCenter__list .Notification {
    transition: opacity var(--transition_duration) var(--transition_timing_function)
}

.NotificationsCenter__list .Notification--out-of-flow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(calc(-100% - 12px))
}

.NotificationsCenter__list .Notification--disappearing {
    opacity: 0
}

.NotificationsCenter__list .Notification:not(.Notification--disappearing)+.Notification {
    margin-top: 12px
}

.NotificationsCenter__last {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0
}

.NotificationsCenter__last .Notification {
    margin-top: 12px
}

.Notification {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
    border-radius: 20px;
    background-color: var(--background_snackbar);
    -webkit-backdrop-filter: var(--blur_l);
    backdrop-filter: var(--blur_l)
}

.Notification__inner {
    display: flex;
    flex-grow: 1
}

.Notification__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    min-width: 56px;
    height: 56px;
    margin-top: -16px;
    margin-right: -16px;
    margin-bottom: -16px;
    cursor: pointer;
    color: var(--basic_white_alpha_100)
}

@media(hover:hover),
(min-width:768px) {
    .Notification__close:hover {
        color: var(--basic_white_alpha_92)
    }
}

.Notification__image {
    overflow: hidden;
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 10px;
    background-color: var(--background_skeleton);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative
}

.Notification__image>* {
    position: relative
}

.Notification__image: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_image_border);
    border-radius: 10px
}

.Notification__content {
    flex-grow: 1;
    padding-left: 12px
}

.Notification__content,
.Notification__content .Markdown__link {
    color: var(--basic_white_alpha_100)
}

@media(hover:hover),
(min-width:768px) {
    .Notification__content .Markdown__link:hover {
        color: var(--basic_white_alpha_92)
    }
}

.Notification__actions {
    margin-top: 8px
}

.AppLink--style-accent {
    color: var(--accents_accent)
}

@media(hover:hover),
(min-width:768px) {
    .AppLink--style-accent {
        transition: color var(--transition_duration) var(--transition_timing_function)
    }

    .AppLink--style-accent:active,
    .AppLink--style-accent:hover {
        color: var(--accents_accent_hover)
    }
}

.AppLink--without-url {
    cursor: inherit
}

.Markdown--extended {
    white-space: normal
}

.Markdown--extended .Markdown__p+.Markdown__p {
    margin-top: 20px
}

.Markdown--extended .Markdown__h2,
.Markdown__h3 {
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

.Markdown--extended .Markdown__h2+*,
.Markdown--extended .Markdown__h3+* {
    margin-top: 12px
}

.Markdown--extended .Markdown__h3+.Markdown__h4 {
    margin-top: 2px
}

.Markdown--extended .Markdown__h4+.Markdown__p {
    margin-top: 8px
}

.Markdown ul {
    padding-left: 16px;
    margin-bottom: 0
}

.Markdown--extended+.Markdown__p {
    margin-top: 12px
}

.Markdown--extended ul+.Markdown__h3 {
    margin-top: 20px
}

.Markdown--extended .Markdown__h2+ul {
    margin-top: 12px
}

.Markdown--extended *+.Markdown__h3 {
    margin-top: 24px
}

.Markdown--extended .Markdown__blockquote {
    padding: 16px;
    border: .5px solid var(--stroke_separator);
    border-radius: 16px
}

.Markdown--extended .Markdown__blockquote+.Markdown__blockquote {
    margin-top: 10px
}

.Markdown--em-gray em {
    color: var(--foreground_secondary);
    font-style: normal
}

.LibraryTypography--w-regular {
    font-weight: 400
}

.LibraryTypography--w-medium {
    font-weight: 500
}

.LibraryTypography--w-semi-bold {
    font-weight: 600
}

.LibraryTypography--w-bold {
    font-weight: 700
}

.LibraryTypography--w-extra-bold {
    font-weight: 800
}

.LibraryTypography.LibraryTypography--nowrap {
    white-space: nowrap
}

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

.LibraryTypography.LibraryTypography--skeleton {
    display: flex;
    align-items: center
}

.LibraryTypography.LibraryTypography--skeleton:before {
    width: 0;
    content: " "
}

.LibraryTypography.LibraryTypography--skeleton:after {
    display: block;
    content: "";
    flex-grow: 1;
    height: var(--skeleton_height);
    background-color: var(--background_skeleton);
    border-radius: var(--skeleton_radius)
}

.LibraryText {
    --skeleton_height: 14px;
    --skeleton_radius: 3.1px;
    font-size: 15px;
    line-height: 20px
}

.LibraryHeadline {
    --skeleton_height: 18px;
    --skeleton_radius: 4px;
    font-size: 18px;
    line-height: 26px
}

.LibraryLabel {
    --skeleton_height: 15px;
    --skeleton_radius: 3.4px;
    font-size: 16px;
    line-height: 22px
}

.LibraryCaption {
    --skeleton_height: 11px;
    --skeleton_radius: 2.8px
}

.LibraryCaption--l-1 {
    font-size: 1.4rem;
	padding: 10px 20px;
    line-height: 16px
}

.LibraryCaption--l-2 {
    font-size: 12px;
    line-height: 16px
}

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

.Select {
    cursor: pointer;
    position: relative
}

.Select__after {
    color: var(--foreground_secondary)
}

.SelectActionSheet {
    overflow: hidden
}

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

@media(min-width:1001px) {
    .SelectActionSheet__inner {
        max-height: 242px;
        overflow: auto
    }
}

.LibraryInput {
    position: relative;
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    transition: background-color var(--transition_duration) var(--transition_timing_function)
}

.LibraryInput--appearance-filled {
    background-color: var(--button_secondary_background)
}

.LibraryInput--appearance-filled:focus-within {
    background-color: transparent
}

.LibraryInput--appearance-outline {
    background-color: var(--input_default)
}

.LibraryInput--appearance-outline .LibraryInput__border {
    border-color: var(--stroke_separator)
}

.LibraryInput--size-l {
    padding-left: 16px
}

.LibraryInput--size-l,
.LibraryInput--size-l .LibraryInput__border {
    border-radius: var(--radius_buttons_large)
}

.LibraryInput--size-l .LibraryInput__typography {
    padding: 14px 0;
    margin-right: 16px
}

.LibraryInput--size-l .LibraryInput__typography+.LibraryInput__after {
    margin-left: -16px
}

.LibraryInput--size-l .LibraryInput__after {
    padding-right: 16px
}

.LibraryInput--size-m {
    padding-left: 12px
}

.LibraryInput--size-m,
.LibraryInput--size-m .LibraryInput__border {
    border-radius: var(--radius_buttons_medium)
}

.LibraryInput--size-m .LibraryInput__typography {
    padding: 10px 0;
    margin-right: 12px
}

.LibraryInput--size-m .LibraryInput__typography+.LibraryInput__after {
    margin-left: -12px
}

.LibraryInput--size-m .LibraryInput__after {
    padding-right: 12px
}

.LibraryInput--disabled .LibraryInput__element {
    pointer-events: none
}

.LibraryInput--after-clickable .LibraryInput__after {
    cursor: pointer;
    transition: opacity var(--transition_duration) var(--transition_timing_function), transform var(--transition_duration) var(--transition_timing_function)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryInput--after-clickable .LibraryInput__after:hover {
        opacity: .86
    }
}

.LibraryInput--after-clickable .LibraryInput__after:active {
    transform: scale(.96)
}

.LibraryInput--state-error {
    background-color: var(--input_error)
}

.LibraryInput--state-error .LibraryInput__border {
    border-color: var(--input_error_stroke)
}

.LibraryInput--state-error:focus-within {
    background-color: transparent
}

.LibraryInput__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid transparent;
    pointer-events: none;
    transition: border-color var(--transition_duration) var(--transition_timing_function)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryInput:hover:not(.LibraryInput--state-error):not(.LibraryInput--disabled) .LibraryInput__border {
        border-color: var(--accents_accent)
    }
}

.LibraryInput:focus-within:not(.LibraryInput--state-error) .LibraryInput__border {
    border-color: var(--accents_accent)
}

.LibraryInput__element {
    z-index: 1;
    width: 100%;
    color: var(--foreground_primary);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: transparent;
    text-overflow: ellipsis;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.LibraryInput__element:disabled {
    cursor: inherit
}

.LibraryInput__element::placeholder {
    color: var(--foreground_secondary)
}

.LibraryInput__prefix {
    color: var(--foreground_secondary)
}

.LibraryInput__typography {
    display: flex;
    align-items: center;
    width: 100%
}

.LibraryInput__after,
.LibraryInput__before {
    display: flex;
    align-items: center;
    place-content: center center
}

.LibraryInput__after {
    padding-left: 8px
}

.LibraryInput textarea {
    resize: none;
    min-height: 92px
}

@media (min-width:1001px) {
    .LibraryPopover {
        z-index: 13
    }
}

@media (max-width:1000px) {
    .LibraryPopover {
        z-index: 15
    }
}

.LibraryPopover__close_area {
    z-index: 14
}

#modal-root:not(:empty)~.LibraryPopover {
    z-index: 1001
}

.LibraryPopover--ort-vertical .LibraryPopover__safe-area {
    padding: 8px 28px
}

.LibraryPopover--ort-vertical.LibraryPopover--va-top .LibraryPopover__window {
    transform: translateY(-10px)
}

.LibraryPopover--ort-vertical.LibraryPopover--va-bottom .LibraryPopover__window,
.LibraryPopover--ort-vertical.LibraryPopover--va-center .LibraryPopover__window {
    transform: translateY(10px)
}

.LibraryPopover--ort-vertical.LibraryPopover--ha-left {
    margin-left: -28px
}

.LibraryPopover--ort-vertical.LibraryPopover--ha-right {
    margin-left: 28px
}

.LibraryPopover--ort-horizontal .LibraryPopover__safe-area {
    padding: 28px 8px
}

.LibraryPopover--ort-horizontal.LibraryPopover--ha-right .LibraryPopover__window {
    transform: translate(10px)
}

.LibraryPopover--ort-horizontal.LibraryPopover--ha-center .LibraryPopover__window,
.LibraryPopover--ort-horizontal.LibraryPopover--ha-left .LibraryPopover__window {
    transform: translate(-10px)
}

.LibraryPopover--ort-horizontal.LibraryPopover--va-top {
    margin-top: -28px
}

.LibraryPopover--ort-horizontal.LibraryPopover--va-bottom {
    margin-top: 28px
}

.LibraryPopover--shown .LibraryPopover__window {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0) !important
}

.LibraryPopover__close-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

@media (min-width:1001px) {
    .LibraryPopover__close-area {
        z-index: 10
    }
}

.LibraryPopover__safe-area {
    padding: 8px
}

.LibraryPopover__window {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--transition_duration_fast) var(--transition_timing_function), transform var(--transition_duration_fast) var(--transition_timing_function), visibility var(--transition_duration_fast) var(--transition_timing_function)
}

@media (max-width:1000px) {
    .LibraryModal--shown .LibraryModal__body {
        transform: translateZ(0)
    }
}

.LibraryModal--shown .LibraryModal__overlay {
    opacity: 1
}

.LibraryModal__overlay {
    opacity: 0;
    z-index: 1000;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: var(--basic_black_alpha_60);
    transition: opacity 167ms ease-out;
    animation: modal-fade-in .32s ease;
    scrollbar-gutter: stable
}

.LibraryModal--can-close .LibraryModal__overlay {
    cursor: pointer
}

.LibraryModal__wrapper {
    position: relative;
    display: flex;
    margin: auto;
    padding: 48px 32px;
    cursor: default
}

@media (max-width:1000px) {
    .LibraryModal__wrapper {
        margin: 0;
        padding: 0
    }
}

.LibraryModal__body {
    max-width: 550px;
    width: 550px;
    background-color: var(--background_modal);
    border-radius: var(--radius_cards_modal);
    position: relative
}

@media (max-width:1000px) {
    .LibraryModal__body {
        width: 100%;
        max-width: 100% !important;
        max-height: calc(100vh - 200px);
        overflow-y: auto;
        transform: translateY(100%);
        transition: transform .32s cubic-bezier(.4, 0, .2, 1);
        position: fixed;
        inset: auto auto 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .LibraryModal--mode-fullscreen .LibraryModal__body {
        max-height: 100vh;
        height: 100%;
        border-radius: 0;
        overflow-y: auto
    }
}

.LibraryModal__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    border-radius: inherit
}

@media (max-width:1000px) {
    .LibraryModal--mode-fullscreen .LibraryModal__wrapper {
        width: 100%;
        height: 100%
    }

    .LibraryModal--mode-card .LibraryModal__body {
        width: calc(100% - 16px);
        border-radius: var(--radius_cards_medium);
        margin: 8px;
        margin-bottom: calc(8px + var(--tg_inset_bottom))
    }
}

.LibraryModal--mode-card .LibraryModal__overlay {
    background-color: var(--basic_black_alpha_30)
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.LibraryActionSheet {
    padding: 4px 0;
    border-radius: var(--radius_cards_medium);
    background-color: var(--background_card);
    box-shadow: var(--elevation_s)
}

@media (max-width:1000px) {
    .LibraryActionSheet {
        box-shadow: none
    }
}

.LibraryActionSheetItem {
    display: block;
    padding: 0 4px;
    box-sizing: border-box;
    height: 48px;
    border-radius: 12px
}

@media (hover:hover),
(min-width:768px) {
    .LibraryActionSheetItem {
        cursor: pointer
    }

    .LibraryActionSheetItem:hover .LibraryActionSheetItem__container {
        background-color: var(--background_hover_alpha)
    }

    .LibraryActionSheetItem:active .LibraryActionSheetItem__container {
        color: var(--accents_accent);
        transform: scale(.96)
    }
}

.LibraryActionSheetItem--state-active .LibraryActionSheetItem__container {
    color: var(--accents_accent)
}

.LibraryActionSheetItem__container {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    min-height: 48px;
    border-radius: var(--radius_buttons_medium);
    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);
    background-color: var(--background_card);
    color: var(--foreground_primary)
}

.LibraryActionSheetItem__select-control {
    padding-right: 4px
}

.LibraryActionSheetItem__content {
    box-sizing: border-box;
    max-width: 100%;
    white-space: nowrap;
    min-width: 0
}

.LibraryActionSheetItem__label {
    display: flex;
    min-width: 112px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    flex-grow: 1
}

.LibrarySelectControl {
    position: relative;
    display: block;
    cursor: pointer
}

.LibrarySelectControl--disabled {
    opacity: .4;
    pointer-events: none
}

.LibrarySelectControl__self {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.LibrarySelectControl--skeleton {
    cursor: auto;
    pointer-events: none
}

.LibrarySelectControl--t-checkbox,
.LibrarySelectControl--t-radio {
    padding: 2px
}

.LibrarySelectControl--skeleton .LibrarySelectControl__checkbox,
.LibrarySelectControl--skeleton .LibrarySelectControl__radio {
    border: none;
    background-color: var(--background_skeleton)
}

.LibrarySelectControl__checkbox {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 2px solid var(--foreground_tertiary);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center
}

.LibrarySelectControl__checkbox-inner {
    display: none
}

.LibrarySelectControl__self:checked+.LibrarySelectControl__checkbox {
    border-color: transparent;
    color: var(--basic_white_alpha_100);
    background-color: var(--accents_accent)
}

.LibrarySelectControl__self:checked+.LibrarySelectControl__checkbox .LibrarySelectControl__checkbox-inner {
    display: block
}

.LibrarySelectControl__radio {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid var(--foreground_tertiary);
    display: flex;
    align-items: center;
    justify-content: center
}

.LibrarySelectControl__radio-inner {
    width: 12px;
    height: 12px;
    background-color: var(--accents_accent);
    border-radius: 50%;
    display: none
}

.LibrarySelectControl__self:checked+.LibrarySelectControl__radio {
    border: 2px solid var(--accents_accent)
}

.LibrarySelectControl__self:checked+.LibrarySelectControl__radio .LibrarySelectControl__radio-inner {
    display: block
}

.LibrarySelectControl svg {
    width: 24px;
    height: 24px
}

.LibrarySelectControl__self:checked+.LibrarySelectControl__toggle {
    background: var(--accents_accent)
}

.LibrarySelectControl__self:checked+.LibrarySelectControl__toggle:before {
    transform: translate(22px)
}

.LibrarySelectControl__toggle {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 54px;
    height: 32px;
    border: 3px solid transparent;
    border-radius: 32px;
    background: var(--background_hover_alpha);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--transition_duration) var(--transition_timing_function), border-color var(--transition_duration) var(--transition_timing_function)
}

.LibrarySelectControl__toggle:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    content: "";
    border-radius: 50%;
    background: var(--basic_white_alpha_100);
    box-shadow: 0 2px 4px #00000014;
    transition: transform .2s cubic-bezier(.36, -.24, .26, 1.32)
}

.Container {
    padding-right: var(--global_horizontal_side);
    padding-left: var(--global_horizontal_side);
    box-sizing: border-box
}

.Container__inner {
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

.LibrarySpinner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--foreground_secondary)
}

.LibrarySpinner__self {
    animation: rotator .7s linear infinite;
    transform-origin: center
}

.LibrarySpinner__self svg {
    transform: scale(1)
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.LibrarySubhead {
    --skeleton_height: 13px;
    --skeleton_radius: 2.8px;
    font-size: 14px;
    line-height: 18px
}

.LibraryButton {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    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);
    position: relative;
    max-width: 100%
}

.LibraryButton__counter {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(25%, -25%)
}

.LibraryButton__inner {
    height: 100%
}

.LibraryButton__in,
.LibraryButton__inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.LibraryButton__in {
    width: 100%
}

.LibraryButton__in .LibrarySpinner {
    color: inherit
}

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

.LibraryButton__after,
.LibraryButton__before {
    position: relative;
    min-width: 24px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.LibraryButton__after svg,
.LibraryButton__before svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 24px;
    min-height: 24px
}

.LibraryButton__after .LibrarySpinner svg,
.LibraryButton__after .LottieContent svg,
.LibraryButton__before .LibrarySpinner svg,
.LibraryButton__before .LottieContent svg {
    position: static;
    transform: none
}

.LibraryButton__before {
    margin-right: 6px;
    margin-left: -4px
}

.LibraryButton__after {
    margin-right: -4px;
    margin-left: 6px
}

.LibraryButton__icon-dropdown {
    margin-top: 1px;
    margin-right: -5px;
    margin-left: 1px
}

.LibraryButton:active {
    transform: scale(.96)
}

.LibraryButton--loading {
    pointer-events: none
}

.LibraryButton--stretched {
    width: 100%
}

.LibraryButton--disabled,
.LibraryButton:disabled {
    opacity: .4;
    pointer-events: none
}

.LibraryButton--apr-outline .LibraryButton__inner {
    z-index: 1;
    position: relative
}

.LibraryButton--sz-s {
    height: 30px;
    border-radius: var(--radius_buttons_rounded)
}

.LibraryButton--sz-s:not(.LibraryButton--tp-only-icon) .LibraryButton__inner {
    padding: 0 12px
}

.LibraryButton--sz-s:not(.LibraryButton--tp-only-icon) .LibraryButton__in {
    padding: 2px 0
}

.LibraryButton--sz-s.LibraryButton--tp-only-icon {
    width: 30px
}

.LibraryButton--sz-s.LibraryButton--tp-only-icon .LibraryButton__inner {
    width: 100%
}

.LibraryButton--sz-s .LibraryButton__after,
.LibraryButton--sz-s .LibraryButton__after svg,
.LibraryButton--sz-s .LibraryButton__before,
.LibraryButton--sz-s .LibraryButton__before svg,
.LibraryButton--sz-s .LibrarySpinner svg {
    width: 20px;
    height: 20px
}

.LibraryButton--sz-m {
    height: 40px;
    border-radius: var(--radius_buttons_medium)
}

.LibraryButton--sz-m:not(.LibraryButton--tp-only-icon) .LibraryButton__inner {
    padding: 0 16px
}

.LibraryButton--sz-m.LibraryButton--tp-only-icon {
    width: 40px
}

.LibraryButton--sz-l {
    height: 48px;
    border-radius: var(--radius_buttons_large)
}

.LibraryButton--sz-l:not(.LibraryButton--tp-only-icon) .LibraryButton__inner {
    padding: 0 20px
}

.LibraryButton--sz-l.LibraryButton--tp-only-icon {
    width: 48px
}

.LibraryButton--apr-primary {
    color: var(--button_primary_foreground);
    background-color: var(--button_primary_background)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryButton--apr-primary:hover {
        background-color: var(--button_primary_background_hover)
    }
}

.LibraryButton--apr-primary.LibraryButton--act-destructive {
    color: var(--button_destructive_foreground);
    background-color: var(--button_destructive_background)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryButton--apr-primary.LibraryButton--act-destructive:hover {
        background-color: var(--button_destructive_background_hover)
    }
}

.LibraryButton--apr-secondary {
    color: var(--button_secondary_foreground);
    background-color: var(--button_secondary_background);
    -webkit-backdrop-filter: var(--blur_l);
    backdrop-filter: var(--blur_l)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryButton--apr-secondary:hover {
        background-color: var(--button_secondary_background_hover)
    }
}

.LibraryButton--apr-secondary.LibraryButton--act-destructive {
    background-color: var(--background_hover_alpha)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryButton--apr-secondary.LibraryButton--act-destructive:hover {
        background-color: var(--background_hover)
    }
}

.LibraryButton--apr-outline {
    position: relative;
    color: var(--button_secondary_foreground);
    background-color: transparent
}

.LibraryButton--apr-outline:before {
    z-index: 1
}

.LibraryButton--apr-outline:after {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--background_hover_alpha);
    opacity: 0;
    content: "";
    transition: opacity var(--transition_duration) var(--transition_timing_function)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryButton--apr-outline:hover:after {
        opacity: 1
    }
}

.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-s,
.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-s>* {
    position: relative
}

.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-s: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_buttons_rounded)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-s:before {
        width: 200%;
        height: 200%;
        border-radius: calc(var(--radius_buttons_rounded) * 2);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:3dppx) {
    .LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-s:before {
        width: 300%;
        height: 300%;
        border-radius: calc(var(--radius_buttons_rounded) * 3);
        transform: scale(.3333)
    }
}

.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-s:after {
    border-radius: var(--radius_buttons_rounded)
}

.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-m,
.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-m>* {
    position: relative
}

.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-m: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_buttons_medium)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-m:before {
        width: 200%;
        height: 200%;
        border-radius: calc(var(--radius_buttons_medium) * 2);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:3dppx) {
    .LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-m:before {
        width: 300%;
        height: 300%;
        border-radius: calc(var(--radius_buttons_medium) * 3);
        transform: scale(.3333)
    }
}

.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-m:after {
    border-radius: var(--radius_buttons_medium)
}

.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-l,
.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-l>* {
    position: relative
}

.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-l: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_buttons_large)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-l:before {
        width: 200%;
        height: 200%;
        border-radius: calc(var(--radius_buttons_large) * 2);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:3dppx) {
    .LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-l:before {
        width: 300%;
        height: 300%;
        border-radius: calc(var(--radius_buttons_large) * 3);
        transform: scale(.3333)
    }
}

.LibraryButton--apr-outline:not(.LibraryButton--br-rounded).LibraryButton--sz-l:after {
    border-radius: var(--radius_buttons_medium)
}

.LibraryButton--apr-tertiary {
    color: var(--button_secondary_foreground)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryButton--apr-tertiary:hover {
        background-color: var(--background_hover_alpha)
    }
}

.LibraryButton--apr-contrast {
    color: var(--button_secondary_foreground);
    background-color: var(--button_contract_background);
    box-shadow: var(--elevation_m)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryButton--apr-contrast:hover {
        background-color: var(--button_contract_background_hover)
    }
}

.LibraryButton--apr-contrast.LibraryButton--act-destructive {
    color: var(--button_destructive_background);
    background-color: var(--button_destructive_foreground)
}

@media (hover:hover),
(min-width:768px) {
    .LibraryButton--apr-contrast.LibraryButton--act-destructive:hover {
        color: var(--button_destructive_background);
        background-color: var(--button_destructive_foreground)
    }
}

.LibraryButton--apr-outline.LibraryButton--act-destructive,
.LibraryButton--apr-secondary.LibraryButton--act-destructive,
.LibraryButton--apr-tertiary.LibraryButton--act-destructive {
    color: var(--accents_destructive)
}

@media (hover:hover),
(min-width:768px) {

    .LibraryButton--apr-outline.LibraryButton--act-destructive:hover,
    .LibraryButton--apr-secondary.LibraryButton--act-destructive:hover,
    .LibraryButton--apr-tertiary.LibraryButton--act-destructive:hover {
        color: var(--accents_destructive)
    }
}

.LibraryButton--tp-only-icon {
    flex-shrink: 0
}

.LibraryButton--br-rounded {
    border-radius: var(--radius_buttons_rounded)
}

.LibraryButton--br-rounded.LibraryButton--apr-outline,
.LibraryButton--br-rounded.LibraryButton--apr-outline>* {
    position: relative
}

.LibraryButton--br-rounded.LibraryButton--apr-outline: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_buttons_rounded)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .LibraryButton--br-rounded.LibraryButton--apr-outline:before {
        width: 200%;
        height: 200%;
        border-radius: calc(var(--radius_buttons_rounded) * 2);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:3dppx) {
    .LibraryButton--br-rounded.LibraryButton--apr-outline:before {
        width: 300%;
        height: 300%;
        border-radius: calc(var(--radius_buttons_rounded) * 3);
        transform: scale(.3333)
    }
}

.LibraryButton--br-rounded.LibraryButton--apr-outline:after {
    border-radius: var(--radius_buttons_rounded)
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: var(--nprogress_color);
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--nprogress_height)
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px var(--nprogress_color), 0 0 5px var(--nprogress_color);
    opacity: 1;
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    border-top-color: var(--nprogress_color);
    border-left: 2px solid transparent;
    border-left-color: var(--nprogress_color);
    border-radius: 50%;
    animation: nprogresss-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ModalSingleNftWarning__checkbox {
    margin-top: 12px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center
}

.Gemmy--size-140px {
    width: 140px;
    height: 140px
}

.Gemmy--size-122px {
    width: 122px;
    height: 122px
}

.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
    }
}

.ModalCaptcha__content {
    min-height: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#snackbar-root {
    z-index: 1001;
    position: relative
}

.Snackbar {
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 16px;
    transform: translateX(-100%);
    transition: transform var(--transition_duration) var(--transition_timing_function)
}

@media(max-width:1000px) {
    .Snackbar {
        width: 100%;
        transform: translateY(100%)
    }
}

.Snackbar--shown {
    transform: translateX(0)
}

@media(max-width:1000px) {
    .Snackbar--shown {
        transform: translateY(0)
    }
}

.Snackbar__body {
    box-sizing: border-box;
    position: relative;
    width: 400px;
    padding: 16px 52px 16px 16px;
    border-radius: 20px;
    background-color: var(--background_snackbar);
    display: flex;
    align-items: stretch;
    -webkit-backdrop-filter: var(--blur_l);
    backdrop-filter: var(--blur_l)
}

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

.Snackbar__close {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    cursor: pointer;
    color: var(--basic_white_alpha_100)
}

@media(hover:hover),
(min-width:768px) {
    .Snackbar__close {
        transition: opacity var(--transition_duration) var(--transition_timing_function)
    }

    .Snackbar__close:active,
    .Snackbar__close:hover {
        opacity: .8
    }
}

.Snackbar__before {
    display: inline-block;
    margin-right: 12px;
    color: var(--basic_white_alpha_100)
}

.Snackbar__children {
    display: flex;
    align-items: center;
    color: var(--basic_white_alpha_100)
}

.LikeReaction {
    position: relative
}

.LikeReaction--24 {
    display: flex;
    align-items: center;
    justify-content: center
}

.LikeReaction--24,
.LikeReaction--24 .LikeReaction__loading {
    width: 24px;
    height: 24px
}

.LikeReaction--20 {
    display: flex;
    align-items: center;
    justify-content: center
}

.LikeReaction--20,
.LikeReaction--20 .LikeReaction__loading {
    width: 20px;
    height: 20px
}

.LikeReaction--set.LikeReaction--red .LikeReaction__icon {
    color: var(--dynamic_red)
}

.LikeReaction__loading svg {
    width: 16px;
    height: 16px
}

.LikeReaction__icon--fading {
    opacity: 0;
    transition: opacity var(--transition_duration) var(--transition_timing_function)
}

.LikeReaction__lottie {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%)
}

.LikeReaction__lottie path[fill="rgb(0,0,0)"] {
    fill: var(--foreground_primary)
}

.LikeReaction__lottie--playing {
    animation: fade-in .1s linear 1 forwards
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    99% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ProgressCircle {
    display: inline-block;
    width: 44px;
    height: 44px
}

.ProgressCircle--empty path {
    fill: var(--foreground_primary)
}

.ProgressCircle--done path {
    fill: var(--accents_accent)
}

.ProgressCircle--failed path {
    fill: var(--accents_destructive)
}

.ProgressCircle--loading .ProgressCircle__border {
    fill: var(--foreground_primary)
}

.ProgressCircle--loading .ProgressCircle__sector {
    fill: var(--accents_accent);
    animation: rotating 1.5s linear infinite;
    transform-origin: 38px 34px
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.Logo {
    position: relative;
    display: block;
    cursor: pointer;
    color: var(--foreground_primary);
    transition: color var(--transition_duration) var(--transition_timing_function)
}

.Logo__icon--s {
    display: none
}

.Logo__icon--s svg {
    width: 40px;
    height: 40px
}

@media(max-width:1000px) {
    .Logo--adaptive .Logo__icon--l {
        display: none
    }

    .Logo--adaptive .Logo__icon--s {
        display: block
    }

    .Logo--hidden {
        display: none
    }
}

.LogoBack {
    display: none !important
}

@media(max-width:1000px) {
    .LogoBack {
        display: block !important
    }
}

.PanelHeaderButtonBlur a,
.PanelHeaderButtonBlur button {
    -webkit-backdrop-filter: var(--blur_s);
    backdrop-filter: var(--blur_s)
}

.Footer {
    padding: var(--global_vertical_l) var(--global_horizontal_side) 0 var(--global_horizontal_side);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--page_xl);
    width: 100%
}

.Footer--absolute {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.Footer__container {
    display: flex;
    gap: var(--page_xl)
}

@media(max-width:1000px) {
    .Footer__container {
        flex-direction: column
    }
}

.Footer__info {
    padding-top: 4px;
    display: flex;
    flex-direction: column;
    flex: 1 0
}

.Footer__info-inner {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.Footer__logo {
    padding: 10px 2px;
    display: inline-flex
}

.Footer__subtitle {
    color: var(--foreground_subhead);
    max-width: 540px
}

.Footer__social {
    padding-top: 16px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.Footer__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    min-width: 0
}

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

.Footer__list-col {
    width: 260px;
    max-width: 260px;
    min-width: 150px;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media(max-width:1000px) {
    .Footer__list-col {
        flex-basis: 0
    }
}

.Footer__legal {
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--foreground_secondary)
}

.Footer__base {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

@media(hover:hover),
(min-width:768px) {

    .Footer__base:active svg,
    .Footer__base:active svg+span,
    .Footer__base:hover svg,
    .Footer__base:hover svg+span {
        color: var(--accents_accent)
    }
}

.Footer__base svg {
    margin: 0 6px
}

.Footer__base span,
.Footer__base svg {
    transition: color var(--transition_duration) var(--transition_timing_function)
}

.Footer__santa {
    width: 40px;
    height: 40px;
    margin-right: -10px;
    transform: scale(.9)
}

.Footer__santa-link {
    height: 40px
}

.LibrarySpacing {
    position: relative;
    width: 100%
}

.LibrarySpacing--spacing-16px:after {
    left: 16px;
    width: calc(100% - 32px)
}

.LibrarySpacing--spacing-16px:after,
.LibrarySpacing--spacing-8px:after {
    content: "";
    background: var(--stroke_separator);
    position: absolute;
    margin: 0 auto;
    height: .5px
}

.LibrarySpacing--spacing-8px:after {
    left: 8px;
    width: calc(100% - 16px)
}

.LibrarySpacing--spacing-0px:after {
    content: "";
    background: var(--stroke_separator);
    position: absolute;
    left: 0;
    width: calc(100% + 0px);
    margin: 0 auto;
    height: .5px
}

.LibrarySpacing--separator-position-top:after {
    top: 0
}

.LibrarySpacing--separator-position-center:after {
    top: 50%
}

.LibrarySpacing--separator-position-bottom:after {
    bottom: 0
}

.LibrarySpacing:not(.LibrarySpacing--separator):after {
    display: none
}

.LibrarySpacing--height-0px {
    height: 0
}

.LibrarySpacing--height-4px {
    height: 4px
}

.LibrarySpacing--height-6px {
    height: 6px
}

.LibrarySpacing--height-8px {
    height: 8px
}

.LibrarySpacing--height-12px {
    height: 12px
}

.LibrarySpacing--height-16px {
    height: 16px
}

.LibrarySpacing--height-20px {
    height: 20px
}

.LibrarySpacing--height-24px {
    height: 24px
}

.LibrarySpacing--height-32px {
    height: 32px
}

.LibraryGroupHeader--spacing-16px {
    padding: 0 16px
}

.LibraryGroupHeader--spacing-8px {
    padding: 0 8px
}

.LibraryGroupHeader__content {
    display: flex;
    justify-content: space-between
}

.LibraryGroupHeader--appearance-primary .LibraryGroupHeader__content {
    min-height: 50px
}

.LibraryGroupHeader--appearance-secondary .LibraryGroupHeader__content {
    min-height: 40px
}

.LibraryGroupHeader--appearance-primary .LibraryGroupHeader__right {
    height: 50px
}

.LibraryGroupHeader--appearance-secondary .LibraryGroupHeader__right {
    height: 40px
}

.LibraryGroupHeader__container {
    display: flex;
    padding: 12px 0;
    gap: 2px;
    flex-direction: column
}

.LibraryGroupHeader__title {
    color: var(--foreground_primary);
    display: flex;
    align-items: center;
    gap: 8px
}

.LibraryGroupHeader--appearance-secondary .LibraryGroupHeader__title,
.LibraryGroupHeader__subtitle {
    color: var(--foreground_secondary)
}

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

.LibraryHoverContainer {
    border-radius: var(--radius_cards_small);
    position: relative
}

.LibraryHoverContainer--skeleton {
    pointer-events: none
}

.LibraryHoverContainer--size-8px {
    padding-top: 8px;
    padding-bottom: 8px
}

.LibraryHoverContainer--size-12px {
    padding-top: 12px;
    padding-bottom: 12px
}

.LibraryHoverContainer:has(.LibraryHoverContainer__bg) {
    cursor: pointer
}

@media (hover:hover),
(min-width:768px) {
    .LibraryHoverContainer:has(.LibraryHoverContainer__bg):hover .LibraryHoverContainer__bg {
        background-color: var(--background_hover_alpha)
    }
}

.LibraryHoverContainer__bg {
    transition: background-color var(--transition_duration) var(--transition_timing_function);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    background-color: transparent;
    height: 100%;
    pointer-events: none
}