@charset "utf-8";

._container_19rae_1 { position: fixed; right: -100%; top: 0px; height: 100%; width: 400px; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 16px; z-index: 2147483647; }

._container_visible_19rae_11 { right: 0px; }

:root { --primary: #6a00ff; --primary-light: #f0e6ff; --primary-light-bg: #f8f2ff; --primary-light-bg-dm: #211f42; --primary-light-dm: #2a1b57; --primary-hover: #3398FF; --primary-pressed: #66B2FF; --secondary: #a666ff; --secondary-dm: #4a0eab; --tg-background: #1b232e; --tg-background-2: #232e3d; --tg-stroke: #3a4554; --success: #00b871; --success-light-bg: #f0faf7; --success-light-bg-dm: #192a30; --error: #ff264a; --error-light: #fff5f7; --error-light-hover: #ffdee4; --error-light-pressed: #ffccd4ff; --error-light-dm: #472332; --error-light-dm-hover: #592335; --error-light-dm-pressed: #6e2437; --grayscale-secondary1: #68687B; --grayscale-bg-darker: #F3F4F7; --tg-secondary: #C1C3C7; --grayscale-tetriary2: #D0D0D7; --black: #111111; --white: #FFFFFF; --primary2: #43434E; --grayscale-gs-background-darker: #F3F4F7; --grayscale-gs-quarterly-1: #DFDFE4; --bacground: #f5f5f5; --bacground-dark: #282828; }

:root { --size-extraTiny: 2px; --size-tiny: 4px; --size-extraSmall: 6px; --size-small: 8px; --size-medium: 12px; --size-normal: 24px; --size-large: 32px; --size-xLarge: 48px; --size-xxLarge: 56px; --size-extraLarge: 64px; --font-size-tiny: 12px; --font-size-small: 16px; --font-size-medium: 18px; --font-size-large: 32px; --weight-thin: 100; --weight-extraLight: 200; --weight-light: 300; --weight-normal: 400; --weight-medium: 500; --weight-semiBold: 600; --weight-bold: 700; --weight-extraBold: 800; }

._popupContainer_1l893_1 { background: var(--white); width: 100%; height: 100vh; transition: 0.3s; }

._popupContainer_1l893_1 *, ._popupContainer_1l893_1 + * { color: var(--black); }

._popupContainerDark_1l893_10 { background: var(--tg-background); color: var(--white); }

._popupContainerDark_1l893_10 *, ._popupContainerDark_1l893_10 + * { color: var(--white); }

._header_qd86s_1 { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 8px; }

._headerDark_qd86s_4 { box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 8px; }

._extraTiny_koft3_1 { padding: var(--size-extraTiny); }

._extraTinyVR_koft3_5 { padding-top: var(--size-extraTiny); padding-bottom: var(--size-extraTiny); }

._extraTinyHR_koft3_10 { padding-left: var(--size-extraTiny); padding-right: var(--size-extraTiny); }

._extraTinyTop_koft3_15 { padding-top: var(--size-extraTiny); }

._extraTinyRight_koft3_19 { padding-right: var(--size-extraTiny); }

._extraTinyBottom_koft3_23 { padding-bottom: var(--size-extraTiny); }

._extraTinyLeft_koft3_27 { padding-left: var(--size-extraTiny); }

._tiny_koft3_31 { padding: var(--size-tiny); }

._tinyVR_koft3_35 { padding-top: var(--size-tiny); padding-bottom: var(--size-tiny); }

._tinyHR_koft3_40 { padding-left: var(--size-tiny); padding-right: var(--size-tiny); }

._tinyTop_koft3_45 { padding-top: var(--size-tiny); }

._tinyRight_koft3_49 { padding-right: var(--size-tiny); }

._tinyBottom_koft3_53 { padding-bottom: var(--size-tiny); }

._tinyLeft_koft3_57 { padding-left: var(--size-tiny); }

._extraSmall_koft3_61 { padding: var(--size-extraSmall); }

._extraSmallVR_koft3_65 { padding-top: var(--size-extraSmall); padding-bottom: var(--size-extraSmall); }

._extraSmallHR_koft3_70 { padding-left: var(--size-extraSmall); padding-right: var(--size-extraSmall); }

._extraSmallTop_koft3_75 { padding-top: var(--size-extraSmall); }

._extraSmallRight_koft3_79 { padding-right: var(--size-extraSmall); }

._extraSmallBottom_koft3_83 { padding-bottom: var(--size-extraSmall); }

._extraSmallLeft_koft3_87 { padding-left: var(--size-extraSmall); }

._small_koft3_91 { padding: var(--size-small); }

._smallVR_koft3_95 { padding-top: var(--size-small); padding-bottom: var(--size-small); }

._smallHR_koft3_100 { padding-left: var(--size-small); padding-right: var(--size-small); }

._smallTop_koft3_105 { padding-top: var(--size-small); }

._smallRight_koft3_109 { padding-right: var(--size-small); }

._smallBottom_koft3_113 { padding-bottom: var(--size-small); }

._smallLeft_koft3_117 { padding-left: var(--size-small); }

._medium_koft3_121 { padding: var(--size-medium); }

._mediumVR_koft3_125 { padding-top: var(--size-medium); padding-bottom: var(--size-medium); }

._mediumHR_koft3_130 { padding-left: var(--size-medium); padding-right: var(--size-medium); }

._mediumTop_koft3_135 { padding-top: var(--size-medium); }

._mediumRight_koft3_139 { padding-right: var(--size-medium); }

._mediumBottom_koft3_143 { padding-bottom: var(--size-medium); }

._mediumLeft_koft3_147 { padding-left: var(--size-medium); }

._normal_koft3_151 { padding: var(--size-normal); }

._normalVR_koft3_155 { padding-top: var(--size-normal); padding-bottom: var(--size-normal); }

._normalHR_koft3_160 { padding-left: var(--size-normal); padding-right: var(--size-normal); }

._normalTop_koft3_165 { padding-top: var(--size-normal); }

._normalRight_koft3_169 { padding-right: var(--size-normal); }

._normalBottom_koft3_173 { padding-bottom: var(--size-normal); }

._normalLeft_koft3_177 { padding-left: var(--size-normal); }

._large_koft3_181 { padding: var(--size-large); }

._largeVR_koft3_185 { padding-top: var(--size-large); padding-bottom: var(--size-large); }

._largeHR_koft3_190 { padding-left: var(--size-large); padding-right: var(--size-large); }

._largeTop_koft3_195 { padding-top: var(--size-large); }

._largeRight_koft3_199 { padding-right: var(--size-large); }

._largeBottom_koft3_203 { padding-bottom: var(--size-large); }

._largeLeft_koft3_207 { padding-left: var(--size-large); }

._xLarge_koft3_211 { padding: var(--size-xLarge); }

._xLargeVR_koft3_215 { padding-top: var(--size-xLarge); padding-bottom: var(--size-xLarge); }

._xLargeHR_koft3_220 { padding-left: var(--size-xLarge); padding-right: var(--size-xLarge); }

._xLargeTop_koft3_225 { padding-top: var(--size-xLarge); }

._xLargeRight_koft3_229 { padding-right: var(--size-xLarge); }

._xLargeBottom_koft3_233 { padding-bottom: var(--size-xLarge); }

._xLargeLeft_koft3_237 { padding-left: var(--size-xLarge); }

._xxLarge_koft3_241 { padding: var(--size-xxLarge); }

._xxLargeVR_koft3_245 { padding-top: var(--size-xxLarge); padding-bottom: var(--size-xxLarge); }

._xxLargeHR_koft3_250 { padding-left: var(--size-xxLarge); padding-right: var(--size-xxLarge); }

._xxLargeTop_koft3_255 { padding-top: var(--size-xxLarge); }

._xxLargeRight_koft3_259 { padding-right: var(--size-xxLarge); }

._xxLargeBottom_koft3_263 { padding-bottom: var(--size-xxLarge); }

._xxLargeLeft_koft3_267 { padding-left: var(--size-xxLarge); }

._extraLarge_koft3_271 { padding: var(--size-extraLarge); }

._extraLargeVR_koft3_275 { padding-top: var(--size-extraLarge); padding-bottom: var(--size-extraLarge); }

._extraLargeHR_koft3_280 { padding-left: var(--size-extraLarge); padding-right: var(--size-extraLarge); }

._extraLargeTop_koft3_285 { padding-top: var(--size-extraLarge); }

._extraLargeRight_koft3_289 { padding-right: var(--size-extraLarge); }

._extraLargeBottom_koft3_293 { padding-bottom: var(--size-extraLarge); }

._extraLargeLeft_koft3_297 { padding-left: var(--size-extraLarge); }

._button_8qcn6_1 { border-radius: 1000px; border: unset; cursor: pointer; transition: 0.3s; }

._button_8qcn6_1:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }

._button_8qcn6_1:active { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px; }

._button_8qcn6_1 ._svg_8qcn6_13 * { transition: 0.3s; }

._button_8qcn6_1:disabled { opacity: 0.3; cursor: not-allowed; }

._button_default_8qcn6_20 { background: transparent; color: var(--primary); }

._button_default_8qcn6_20:hover { background: var(--grayscale-gs-background-darker); }

._button_default_8qcn6_20:active { background: var(--grayscale-gs-quarterly-1); }

._button_default_8qcn6_20 ._svg_8qcn6_13 * { fill: var(--primary); }

._button_defaultDark_8qcn6_33:hover { background: var(--primary-light-dm); }

._button_defaultDark_8qcn6_33:active { background: var(--primary-light-bg-dm); }

._button_defaultDark_8qcn6_33 ._svg_8qcn6_13 * { fill: var(--primary); }

._button_primary_8qcn6_42 { background: var(--grayscale-bg-darker); color: var(--grayscale-secondary1); }

._button_primary_8qcn6_42:hover { background: var(--primary-light-bg); color: var(--primary); }

._button_primary_8qcn6_42:hover svg * { fill: var(--primary); }

._button_primary_8qcn6_42:active { background: var(--primary-light); }

._button_primary_8qcn6_42 ._svg_8qcn6_13 * { fill: var(--grayscale-secondary1); }

._button_primaryDark_8qcn6_59 { background: var(--tg-background-2); color: var(--tg-secondary); }

._button_primaryDark_8qcn6_59:hover { background: var(--primary-light-dm); color: var(--primary); }

._button_primaryDark_8qcn6_59:hover svg * { fill: var(--primary); }

._button_primaryDark_8qcn6_59:active { background: var(--primary-light-bg-dm); }

._button_primaryDark_8qcn6_59 ._svg_8qcn6_13 * { fill: var(--tg-secondary); }

._button_warning_8qcn6_76 { background: var(--error-light); color: var(--error); }

._button_warning_8qcn6_76:hover { background: var(--error-light-hover); }

._button_warning_8qcn6_76:active { background: var(--error-light-pressed); }

._button_warning_8qcn6_76 ._svg_8qcn6_13 * { fill: var(--error); }

._button_warningDark_8qcn6_89 { background: var(--error-light-dm); color: var(--error); }

._button_warningDark_8qcn6_89:hover { background: var(--error-light-dm-hover); }

._button_warningDark_8qcn6_89:active { background: var(--error-light-dm-pressed); }

._button_warningDark_8qcn6_89 ._svg_8qcn6_13 * { fill: var(--error); }

._button_link_8qcn6_102 { background: transparent; color: var(--primary); }

._button_link_8qcn6_102:hover { color: var(--primary-hover); }

._button_link_8qcn6_102:active { color: var(--primary-pressed); }

._button_link_8qcn6_102 ._svg_8qcn6_13 * { fill: var(--primary); }

._button_link_8qcn6_102 ._svg_8qcn6_13 :hover { fill: var(--primary-hover); }

._button_link_8qcn6_102 ._svg_8qcn6_13 :active { fill: var(--primary-pressed); }

._button_large_8qcn6_121 { padding: calc(var(--size-medium) - var(--size-tiny)) var(--size-medium); }

._button_large_8qcn6_121 * { font-size: var(--font-size-small); }

._button_medium_8qcn6_127 { padding: 0 var(--size-medium); min-height: 28px; }

._button_medium_8qcn6_127 * { font-size: var(--font-size-small); }

._button_small_8qcn6_134 { padding: 0px; height: 28px; width: 28px; }

._button_small_8qcn6_134 * { font-size: var(--font-size-tiny); }

._flexBox_15diu_1 { flex-flow: unset; }

._gap_extraTiny_15diu_5 { gap: var(--size-extraTiny); }

._gap_tiny_15diu_9 { gap: var(--size-tiny); }

._gap_extraSmall_15diu_13 { gap: var(--size-extraSmall); }

._gap_small_15diu_17 { gap: var(--size-small); }

._gap_medium_15diu_21 { gap: var(--size-medium); }

._gap_normal_15diu_25 { gap: var(--size-normal); }

._gap_large_15diu_29 { gap: var(--size-large); }

._gap_xLarge_15diu_33 { gap: var(--size-xLarge); }

._gap_xxLarge_15diu_37 { gap: var(--size-xxLarge); }

._gap_extraLarge_15diu_41 { gap: var(--size-extraLarge); }

._column_15diu_45 { flex-direction: column !important; }

._flexWrap_15diu_49 { flex-wrap: wrap; }

._size_tiny_1eraq_1, ._size_tiny_1eraq_1 * { font-size: var(--font-size-tiny); }

._size_small_1eraq_5, ._size_small_1eraq_5 * { font-size: var(--font-size-small); }

._size_medium_1eraq_9, ._size_medium_1eraq_9 * { font-size: var(--font-size-medium); }

._size_large_1eraq_13, ._size_large_1eraq_13 * { font-size: var(--font-size-large); }

._weight_thin_1eraq_17, ._weight_thin_1eraq_17 * { font-weight: var(--weight-thin); }

._weight_extraLight_1eraq_21, ._weight_extraLight_1eraq_21 * { font-weight: var(--weight-extraLight); }

._weight_light_1eraq_25, ._weight_light_1eraq_25 * { font-weight: var(--weight-light); }

._weight_normal_1eraq_29, ._weight_normal_1eraq_29 * { font-weight: var(--weight-normal); }

._weight_medium_1eraq_33, ._weight_medium_1eraq_33 * { font-weight: var(--weight-medium); }

._weight_semiBold_1eraq_37, ._weight_semiBold_1eraq_37 * { font-weight: var(--weight-semiBold); }

._weight_bold_1eraq_41, ._weight_bold_1eraq_41 * { font-weight: var(--weight-bold); }

._weight_extraBold_1eraq_45, ._weight_extraBold_1eraq_45 * { font-weight: var(--weight-extraBold); }

._lineHeight_1eraq_49 { line-height: 100%; }

._secondary_1eraq_53 { color: var(--tg-secondary); }

._center_1eraq_57 { text-align: center; }

._container_1qwtu_1 { border-radius: 8px; padding: 2px; transition: 0.3s; }

._container_1qwtu_1:hover { background: var(--primary-light-bg); }

._container_1qwtu_1:hover ._byteSize_1qwtu_9 { color: var(--primary); }

._container_1qwtu_1:active { background: var(--primary-light); }

._containerDark_1qwtu_15:hover { background: var(--primary-light-bg-dm); }

._containerDark_1qwtu_15:active { background: var(--primary-light-dm); }

._container_1qwtu_1 ._controlButtons_1qwtu_21 { transition: 0.3s; opacity: 1; }

._container_1qwtu_1 ._controlButtonsHiden_1qwtu_25 { pointer-events: none; opacity: 0; }

._container_1qwtu_1 ._filename_1qwtu_29 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; }

._modal_dmca9_1 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

._modal_dmca9_1 ._window_dmca9_11 { width: 100%; height: 100%; background: var(--white); z-index: 1; position: relative; opacity: 0; transform: scale(0.01); transition: 0.3s; }

._modal_dmca9_1 ._windowDark_dmca9_21 { background: var(--tg-background); }

._modal_dmca9_1 ._window_dmca9_11 ._close_dmca9_24 { position: absolute; right: 10px; top: 10px; }

._modal_visible_dmca9_30 ._window_dmca9_11 { opacity: 1; transform: scale(1); }

._modal_hidden_dmca9_34 ._window_dmca9_11, ._modal_hiddenDone_dmca9_38 ._window_dmca9_11 { opacity: 0; transform: scale(0.01); }

._container_1orsp_1 { cursor: pointer; border-radius: 8px; background: var(--primary-light-bg); padding: 4px; transition: 0.3s; }

._container_1orsp_1:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; color: var(--primary); }

._container_1orsp_1:active { background: var(--primary-light); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px; }

._containerDark_1orsp_16 { background: var(--primary-light-bg-dm); }

._containerDark_1orsp_16:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; background: var(--primary-light-dm); color: var(--primary); }

._containerDark_1orsp_16:active { background: var(--primary-light-bg-dm); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px; }

._background_1sn37_1 { fill: var(--white); transition: 0.3s; }

._backgroundDark_1sn37_5 { fill: var(--tg-background); transition: 0.3s; }

._header_1sn37_10 { fill: var(--secondary); transition: 0.3s; }

._headerDark_1sn37_14 { fill: var(--secondary-dm); transition: 0.3s; }

._toggleContainer_zpgmu_1 { border-radius: 8px; min-width: 150px; position: relative; transition: 0.3s; }

._toggleContainer_zpgmu_1:hover { background: var(--primary-light-bg); }

._toggleContainer_zpgmu_1:hover ._textContainer_zpgmu_10 { color: var(--primary); }

._toggleContainer_zpgmu_1:active { background: var(--primary-light); }

._toggleContainerDark_zpgmu_16 { color: var(--white); }

._toggleContainerDark_zpgmu_16:hover { background: var(--primary-light-dm); }

._toggleContainerDark_zpgmu_16:hover ._textContainer_zpgmu_10 { color: var(--primary); }

._toggleContainerDark_zpgmu_16:active { background: var(--primary-light-bg-dm); }

._toggleContainer_zpgmu_1 ._textContainer_zpgmu_10 { max-width: 200px; height: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.3s; font-size: var(--font-size-small); }

._toggleContainer_zpgmu_1 ._textContainerDisabled_zpgmu_37 { color: var(--grayscale-secondary1); cursor: default; }

._toggleContainer_zpgmu_1 ._buttonContainer_zpgmu_41 { width: 40px; height: 24px; border-radius: 1000px; cursor: pointer; position: relative; transition: 0.3s; }

._toggleContainer_zpgmu_1 ._buttonContainerChecked_zpgmu_49 { background: var(--primary); }

._toggleContainer_zpgmu_1 ._buttonContainerUnChecked_zpgmu_52 { background: var(--grayscale-tetriary2); }

._toggleContainer_zpgmu_1 ._buttonContainerUnCheckedDark_zpgmu_55 { background: var(--tg-stroke); }

._toggleContainer_zpgmu_1 ._buttonContainerDisabled_zpgmu_58 { background: var(--grayscale-secondary1); cursor: not-allowed; }

._toggleContainer_zpgmu_1 ._buttonContainer_zpgmu_41 ._circle_zpgmu_62 { width: 20px; height: 20px; border-radius: 1000px; position: absolute; background: var(--white); top: 2px; transition: 0.3s; }

._toggleContainer_zpgmu_1 ._buttonContainer_zpgmu_41 ._circleChecked_zpgmu_71 { left: 18px; }

._toggleContainer_zpgmu_1 ._buttonContainer_zpgmu_41 ._circleUnChecked_zpgmu_74 { left: 2px; }

._toggleContainer_zpgmu_1 ._buttonContainer_zpgmu_41 input[type="checkbox"] { display: none; }

._message_zpgmu_81 { position: absolute; width: 100%; opacity: 0; transition: 0.3s; top: -18px; left: 0px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--font-size-tiny); cursor: default; }

._message_visible_zpgmu_95 { opacity: 1; }

._message_hidden_zpgmu_98 { opacity: 0; }

._snackbar_8n58j_1 { border-radius: 8px; background: var(--success-light-bg); color: var(--success); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 8px; padding: 8px; z-index: 2147483647; position: fixed; bottom: -100px; right: 16px; transition: 0.3s; width: 368px; }

._snackbar_8n58j_1 svg * { fill: var(--success); }

._snackbarDark_8n58j_17 { background: var(--success-light-bg-dm); color: var(--success); }

._snackbarVisible_8n58j_21 { bottom: 8px; }

._snackbarHidden_8n58j_24 { bottom: -100px; }