@elcrm/telegram 0.0.178 → 0.0.180
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Scroll/Scroll.d.ts +11 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -3
- package/dist/index.es.js +594 -578
- package/dist/index.umd.js +15 -15
- package/package.json +1 -1
package/dist/Scroll/Scroll.d.ts
CHANGED
|
@@ -1,11 +1,21 @@
|
|
|
1
|
+
export type ScrollHandle = {
|
|
2
|
+
/** Прокрутить контейнер (как element.scrollTo). */
|
|
3
|
+
scrollTo: (options: ScrollToOptions) => void;
|
|
4
|
+
/** Элемент контейнера скролла. */
|
|
5
|
+
element: HTMLDivElement | null;
|
|
6
|
+
};
|
|
1
7
|
export type TScroll = {
|
|
2
8
|
className?: string;
|
|
3
9
|
children: React.ReactNode;
|
|
4
10
|
onScrollEnd?: () => void;
|
|
5
11
|
isLoading?: boolean;
|
|
12
|
+
onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
|
|
6
13
|
offset?: number;
|
|
7
14
|
gap?: number;
|
|
8
15
|
isScrollBar?: boolean;
|
|
9
16
|
fullscreen?: boolean;
|
|
17
|
+
/** Слушатель scroll с passive: true по умолчанию (лучше для скролла). */
|
|
18
|
+
passive?: boolean;
|
|
10
19
|
};
|
|
11
|
-
|
|
20
|
+
declare const Scroll: import('react').ForwardRefExoticComponent<TScroll & import('react').RefAttributes<ScrollHandle>>;
|
|
21
|
+
export default Scroll;
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--tg-safe-area-height: 100dvh;--tg-max-width: 500px;--tg-scroll-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px) - var(--tg-header-height, 0px) );--tg-modal-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px) - var(--tg-header-height, 0px) );--el-notice-color: #fff;--el-section-header-padding-left: 16px;--el-section-header-bootom: 10px;--el-bottom-sheet-animation: .4s}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0}html{height:-webkit-fill-available}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);-webkit-font-smoothing:antialiased;font-family:sans-serif;font-variant:no-common-ligatures;text-rendering:optimizeLegibility;padding:0;margin:0;overflow:hidden!important}body::-webkit-scrollbar{width:0px;height:0px;display:none!important;-ms-overflow-style:none;scrollbar-width:none}[data-color-scheme=dark]{--glass-reflex-dark: 2;--glass-reflex-light: .3}[data-color-scheme=light]{--glass-reflex-dark: 1;--glass-reflex-light: 1}[data-style=liquid-glass]{--c-glass: #bbbbbc;--c-light: #fff;--c-dark: #000;--saturation: 150%;--el-light-glass-bg: color-mix(in srgb, var(--c-glass) 12%, transparent);--el-light-glass-border: inset 0 0 0 1px color-mix( in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent ), inset 1.8px 3px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -.3px -1px 4px 0px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent ), inset -1.5px 2.5px 0px -2px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent ), inset 0px 3px 4px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent ), 0px 1px 5px 0px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent ), 0px 6px 16px 0px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent );--el-notice-bg: var(--el-light-glass-bg);--el-notice-border: var(--el-light-glass-border);--el-notice-color: var(--tg-theme-text-color);--el-notice-success: var(--el-light-glass-bg);--el-notice-radius: 25px;--el-notice-icon-size: 35px;--el-notice-text-color: #ababab;--el-notice-glass: color-mix( in srgb, var(--tg-theme-bg-color) 50%, transparent );--bottom-shett-bg: var(--el-light-glass-bg);--bottom-shett-border: var(--el-light-glass-border);--bottom-shett-radius: 25px;--bottom-shett-margin: 10px;--bottom-shett-closed: color-mix(in srgb, var(--c-glass) 36%, transparent);--bottom-shett-header-separator: 0px;--el-scroll-before: linear-gradient( 0deg, transparent 0%, color-mix(in srgb, var(--tg-theme-bg-color) 12%, transparent) 25%, color-mix(in srgb, var(--tg-theme-bg-color) 40%, transparent) 45%, color-mix(in srgb, var(--tg-theme-bg-color) 75%, transparent) 60%, var(--tg-theme-bg-color) 75% );--el-scroll-after: linear-gradient( 180deg, color-mix(in srgb, var(--tg-theme-bg-color) 0%, transparent) 0%, color-mix(in srgb, var(--tg-theme-bg-color) 80%, transparent) 40% )}.button-light-glass{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:12px 20px;border-radius:100px;border:none;width:70px;height:70px;background:var(--el-light-glass-bg);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--el-light-glass-border);color:var(--tg-theme-text-color, #000);font-size:15px;font-weight:600;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform:scale(1);-webkit-transform:scale(1);transform-origin:center;-webkit-transform-origin:center}.button-light-glass:active{transform:scale(.96);-webkit-transform:scale(.96)}:root{--tg-modal-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var( --tg-content-safe-area-inset-top, 0px ) - var(--tg-offset-bottom, 60px) )}._o_1apbm_11{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:11;display:flex;justify-content:center;animation:_fadeIn_1apbm_1 .3s ease}._o_1apbm_11._x_1apbm_24{animation:_fadeOut_1apbm_1 .3s ease}._p_1apbm_28{position:fixed;width:100%;overflow:hidden;animation:_slideUp_1apbm_1 .3s ease;background:var(--tg-theme-bg-color);bottom:0;left:0;right:0;margin:0 auto;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px))}._p_1apbm_28._x_1apbm_24{animation:_slideDown_1apbm_1 .3s ease}._p_1apbm_28._m_1apbm_45{--tg-scroll-height: 100dvh;--tg-modal-offset-top: calc( var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) );top:0}._p_1apbm_28._o_1apbm_11{--tg-modal-offset-top: 0px;top:calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px))}@keyframes _fadeIn_1apbm_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1apbm_1{0%{opacity:1}to{opacity:0}}@keyframes _slideUp_1apbm_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDown_1apbm_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._n_gla2k_1{position:fixed;z-index:999;max-height:0px;max-width:var(--tg-max-width);top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px))}._n_gla2k_1 ._i_gla2k_12{max-width:var(--tg-max-width);display:block;color:var(--el-notice-color);-webkit-backdrop-filter:blur(8px) saturate(var(--saturation));backdrop-filter:blur(8px) saturate(var(--saturation));box-shadow:var(--el-notice-border);overflow:hidden;cursor:pointer;display:flex;margin:20px 20px 10px;min-height:40px;border-radius:var(--el-notice-radius, 10px);padding-left:10px;align-items:center;gap:10px;width:calc(100vw - 40px);opacity:0;position:relative;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-animation:_noticeSlideIn_gla2k_1 .4s cubic-bezier(.16,1,.3,1) forwards;animation:_noticeSlideIn_gla2k_1 .4s cubic-bezier(.16,1,.3,1) forwards}._n_gla2k_1 ._i_gla2k_12:after{content:"";background:var(--el-notice-glass);top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}._n_gla2k_1 ._i_gla2k_12 svg{width:var(--el-notice-icon-size, 25px)}._n_gla2k_1 ._i_gla2k_12 p{font-size:14px;color:var(--el-notice-text-color)}._n_gla2k_1 ._i_gla2k_12 b{font-size:16px;font-weight:600}._n_gla2k_1 ._i_gla2k_12._closing_gla2k_53{-webkit-animation:_noticeSlideOut_gla2k_1 .3s cubic-bezier(.4,0,1,1) forwards;animation:_noticeSlideOut_gla2k_1 .3s cubic-bezier(.4,0,1,1) forwards}._n_gla2k_1 ._t_gla2k_60{padding:7px 7px 7px 0;flex:1}._n_gla2k_1 ._e_gla2k_64{background:var(--el-notice-error, #f44336)}._n_gla2k_1 ._s_gla2k_67{background:var(--el-notice-success, #4caf50)}._n_gla2k_1 ._w_gla2k_70{background:var(--el-notice-warning, #ff9800)}._n_gla2k_1 ._i_gla2k_12._h_gla2k_73{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}._n_gla2k_1 ._i_gla2k_12._e_gla2k_64._h_gla2k_73 svg{color:#f44336}._n_gla2k_1 ._i_gla2k_12._s_gla2k_67._t_gla2k_60 svg{color:#4caf50}._n_gla2k_1 ._i_gla2k_12._w_gla2k_70._t_gla2k_60 svg{color:#ff9800}@-webkit-keyframes _noticeSlideIn_gla2k_1{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes _noticeSlideIn_gla2k_1{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes _noticeSlideOut_gla2k_1{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{opacity:0;-webkit-transform:translateY(-30px) scale(.9);transform:translateY(-30px) scale(.9)}}@keyframes _noticeSlideOut_gla2k_1{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{opacity:0;-webkit-transform:translateY(-30px) scale(.9);transform:translateY(-30px) scale(.9)}}body:has(._d_1u25q_1){--tg-viewport-height: calc(100dvh - 50px) ;--tg-safe-area-inset-top: 50px}._d_1u25q_1{height:50px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--tg-theme-header-bg-color);color:var(--tg-theme-text-color);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tg-theme-bg-color);z-index:222;position:fixed;top:0;left:0;right:0}._d_1u25q_1 ._b_1u25q_21,._d_1u25q_1 ._o_1u25q_25{padding:0 15px;cursor:pointer}._m_1u25q_30{bottom:0;position:fixed;left:0;right:0;padding:10px}._m_1u25q_30 button{width:100%}._t_1u25q_41{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;width:200px;position:absolute;right:5px;z-index:999;border:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ul{list-style-type:none;margin:0;display:block;width:100%;padding:8px;border-top:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ul:first-child{border-top:0}._t_1u25q_41 ol{list-style-type:none;display:none;padding:8px;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;position:absolute;right:100%;left:-180px;z-index:100;width:100%;top:0;flex-direction:column;border:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ol:hover{display:flex}._t_1u25q_41 li{position:relative}._t_1u25q_41 button{font:inherit;border:0;padding:8px 36px 8px 8px;width:100%;border-radius:8px;text-align:left;display:flex;align-items:center;position:relative;color:var(--tg-theme-text-color);background-color:var(--tg-theme-bg-color)}._t_1u25q_41 button:hover{background-color:var(--tg-theme-button-color)}._t_1u25q_41 button:hover+ol{display:flex}._a_1u25q_108{margin:0;width:100vw;height:100vh;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#0006}._a_1u25q_108 ._v_1u25q_118{font-family:-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;box-sizing:border-box;font-size:17px;overflow:hidden;width:270px;height:auto;background-color:#ffffff73;border-radius:12px}._p_1axqy_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height)}._m_1axqy_10{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));margin-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));margin-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));margin-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px))}._s_1axqy_17{overflow:scroll}._l_gfyud_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._q_1ao7y_2{--menu-border-radius: 25px;--menu-padding: 12px 18px;--menu-icon-radius: 10px}._m_1ao7y_8{display:flex;flex-direction:column}._g_1ao7y_13{display:flex;flex-direction:column;border-radius:var(--menu-border-radius, 10px);overflow:hidden;gap:1px}._i_1ao7y_21{display:flex;align-items:center;padding:var(--menu-padding, 12px 16px);border:none;text-align:left;font-size:17px;cursor:pointer;transition:background-color .2s;width:100%;position:relative;background:none;color:inherit;background-color:var(--tg-theme-secondary-bg-color);font-weight:400}._c_1ao7y_38{display:flex;align-items:center;gap:12px;flex:1}._l_1ao7y_45{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--menu-icon-radius, 8px);flex-shrink:0}._l_1ao7y_45 svg{width:20px;height:20px;color:#fff}._a_1ao7y_60{color:var(--tg-theme-hint-color);font-size:27px;opacity:.6}._n_1ao7y_66{margin-left:auto;color:#8e8e93;font-size:17px;margin-right:4px}._h_1d5mk_4{display:flex;flex-direction:column;gap:8px;padding-left:var(--el-section-header-padding-left);margin-bottom:var(--el-section-header-bootom)}._c_1d5mk_4{display:flex;align-items:center;justify-content:space-between;gap:12px}._l_1d5mk_4{display:flex;align-items:center}._i_1d5mk_4{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;flex-shrink:0}._i_1d5mk_4 img{width:20px;height:20px;object-fit:contain}._i_1d5mk_4 svg{width:18px;height:18px}._t_1d5mk_4{margin:0;font-weight:600;color:#fffffff2;letter-spacing:-.3px}._r_1d5mk_4{display:flex;align-items:center}._b_1d5mk_4{margin:0;font-size:15px;font-weight:400;color:var(--tg-theme-subtitle-text-color)}._h_1d5mk_4._s_1d5mk_5 ._i_1d5mk_4{width:28px;height:28px;border-radius:6px}._h_1d5mk_4._s_1d5mk_5 ._i_1d5mk_4 svg{width:16px;height:16px}._h_1d5mk_4._s_1d5mk_5 ._t_1d5mk_4{font-size:18px}._h_1d5mk_4._m_1d5mk_5 ._t_1d5mk_4{font-size:20px}._h_1d5mk_4._g_1d5mk_5 ._i_1d5mk_4{width:36px;height:36px;border-radius:10px}._h_1d5mk_4._g_1d5mk_5 ._i_1d5mk_4 svg{width:20px;height:20px}._h_1d5mk_4._g_1d5mk_5 ._t_1d5mk_4{font-size:24px;font-weight:700}._h_1d5mk_4:not(:has(._i_1d5mk_4)) ._l_1d5mk_4{gap:0}._o_8ho2f_3{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:998;animation:_fadeIn_8ho2f_1 .3s ease}._m_8ho2f_14{position:fixed;bottom:0;width:80%;max-width:320px;background:var(--tg-theme-bg-color, #ffffff);z-index:999;transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px))}._l_8ho2f_28{left:0;transform:translate(-100%)}._r_8ho2f_33{right:0;transform:translate(100%)}._x_8ho2f_38{transform:translate(0)}._h_8ho2f_42{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--tg-theme-section-bg-color, #e5e5e5)}._h_8ho2f_42 h3{margin:0;font-size:18px;font-weight:700;color:var(--tg-theme-text-color, #000000)}._c_8ho2f_57{flex:1;overflow-y:auto}._c_8ho2f_57:after{content:"";position:absolute;top:0;bottom:0;right:0;width:7px;height:100%;background:var(--tg-theme-bg-color)}._u_8ho2f_72{display:flex;flex-direction:column;gap:10px;padding:16px}._u_8ho2f_72 li{padding:12px 0;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #e5e5e5);display:flex;align-items:center;gap:10px}._u_8ho2f_72 li i{width:15px;height:15px;display:block;background:var(--tg-theme-button-color);border-radius:50%}._u_8ho2f_72 li em{display:block;width:15px;height:15px;background:var(--tg-theme-secondary-bg-color);border-radius:50%}._u_8ho2f_72 li:last-child{border-bottom:none}._u_8ho2f_72 li p{margin:0;font-size:15px;color:var(--tg-theme-text-color, #000000)}body:has(._h_btt8r_2){--tg-offset-bottom: 60px}._h_btt8r_2{--webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94), visibility .4s cubic-bezier(.25, .46, .45, .94), -webkit-transform .5s cubic-bezier(.34, 1.56, .64, 1), transform .5s cubic-bezier(.34, 1.56, .64, 1);--tab-bar-color: var(--tg-theme-hint-color);z-index:2;position:fixed;bottom:0;left:var(--tab-bar-margin, 16px);right:var(--tab-bar-margin, 16px);gap:10px;max-width:var(--tg-max-width, 500px);opacity:1;visibility:visible;-webkit-transition:var(--webkit-transition);transition:var(--webkit-transition);-webkit-transform-origin:center;transform-origin:center;display:flex;justify-content:space-between;align-items:center;margin:auto;margin-bottom:var(--tab-bar-margin-bottom)}._h_btt8r_2._r_btt8r_32{flex-direction:row}._h_btt8r_2._c_btt8r_35{flex-direction:column}[data-keyboard=true] ._h_btt8r_2{opacity:1;visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}[data-keyboard=false] ._h_btt8r_2{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),-webkit-transform .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.34,1.56,.64,1)}._b_btt8r_55{flex:1;background-color:var(--tab-bar-bg, var(--tg-theme-secondary-bg-color-alpha));padding:var(--tab-bar-padding, 0 0 calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px)) 0);width:100%;position:relative;display:flex;justify-content:space-around;align-items:flex-start;align-self:stretch;color:var(--tab-bar-color)}._b_btt8r_55[data-scale=true]{-webkit-transform:scale(1.02);transform:scale(1.02)}._b_btt8r_55._r_btt8r_32{flex-direction:row}._b_btt8r_55._c_btt8r_35{flex-direction:column}._b_btt8r_55 div{display:flex;flex-direction:column;align-items:center;padding:var(--tab-bar-button-padding);cursor:pointer;-webkit-transition:-webkit-transform .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.25,.46,.45,.94);-webkit-transform-origin:center;transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;justify-content:center}._b_btt8r_55 div[data-active]{flex:1;text-align:center;position:relative;z-index:1}._b_btt8r_55 div[data-active=true]{color:var(--tg-theme-button-color)}._b_btt8r_55 span{padding-top:2px;font-size:10px;font-weight:400}._b_btt8r_55 [data-active=true] path{stroke-dasharray:75;stroke-dashoffset:75;animation:_draw_btt8r_1 1s ease-in-out forwards}._b_btt8r_55 ._a_btt8r_111{position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--count-options));border-radius:inherit;box-shadow:var(--tab-bar-actual-shadow);--tab-bar-translate-x: calc(var(--tab-bar-actual-index) * 100%);--tab-bar-scale-x: 1;-webkit-transform:translateX(var(--tab-bar-translate-x)) scaleX(var(--tab-bar-scale-x));transform:translate(var(--tab-bar-translate-x)) scaleX(var(--tab-bar-scale-x));-webkit-transform-origin:0 0;transform-origin:0 0;border-radius:var(--tab-bar-actual-radius);background:var(--tab-bar-actual-color);background-color:color-mix(in srgb,var(--c-glass) 36%,transparent);-webkit-transition:-webkit-transform .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1),background-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);transition:transform .5s cubic-bezier(.34,1.56,.64,1),background-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);-webkit-animation:none;animation:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 3px 6px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent)}._b_btt8r_55[data-scale=true] ._a_btt8r_111{-webkit-transition:background-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);transition:background-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.34,1.56,.64,1);will-change:transform;-webkit-animation:_scaleToggleVar_btt8r_1 .5s cubic-bezier(.34,1.56,.64,1);animation:_scaleToggleVar_btt8r_1 .5s cubic-bezier(.34,1.56,.64,1)}._b_btt8r_55[data-scale=true][data-direction=left] ._a_btt8r_111{-webkit-transform-origin:right center;transform-origin:right center}._b_btt8r_55[data-scale=true][data-direction=right] ._a_btt8r_111{-webkit-transform-origin:left center;transform-origin:left center}@keyframes _draw_btt8r_1{to{stroke-dashoffset:0}}[data-style=liquid-glass] ._b_btt8r_55{--tab-bar-actual-radius: 100px;--tab-bar-padding: 3px;--tab-bar-margin: 16px;--tab-bar-bg: var(--el-light-glass-bg);--tab-bar-color: var(--tg-theme-text-color);border:none;justify-content:space-around;align-items:flex-start;align-self:stretch;border-radius:100px;flex:1;touch-action:none;-webkit-backdrop-filter:blur(8px) saturate(var(--saturation));backdrop-filter:blur(8px) saturate(var(--saturation));box-shadow:var(--el-light-glass-border);transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1)}[data-style=liquid-glass] ._h_btt8r_2{--tab-bar-margin-bottom: calc( var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) )}@-webkit-keyframes _scaleToggleVar_btt8r_1{0%{--tab-bar-scale-x: 1}30%{--tab-bar-scale-x: 1.08}60%{--tab-bar-scale-x: 1.12}85%{--tab-bar-scale-x: .98}to{--tab-bar-scale-x: 1}}@keyframes _scaleToggleVar_btt8r_1{0%{--tab-bar-scale-x: 1}30%{--tab-bar-scale-x: 1.08}60%{--tab-bar-scale-x: 1.12}85%{--tab-bar-scale-x: .98}to{--tab-bar-scale-x: 1}}._b_r6m8n_1{position:absolute;inset:var(--tg-badge-inset, 0px 0px auto auto);color:var(--tg-badge-color, #ffffff);border-radius:var(--tg-badge-border-radius, 50%);transform:var(--tg-badge-transform, translate(50%, -50%));background:var(--tg-badge-background, #ff0000);padding:var(--tg-badge-padding, 5px);font-size:var(--tg-badge-font-size, 14px);font-weight:var(--tg-badge-font-weight, 700);line-height:var(--tg-badge-line-height, 1);letter-spacing:var(--tg-badge-letter-spacing, 0)}._a_15zsz_1{position:fixed;top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top) - 45px);left:0;right:0;align-items:center;justify-content:center;height:45px;display:flex;font-weight:500;font-size:20px;z-index:1000;pointer-events:none}._w_yx04q_3{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform;overflow:hidden;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height);background:var(--tg-theme-bg-color)}._v_yx04q_24{transform:translate(0)}._w_yx04q_3{backface-visibility:hidden;perspective:1000px}._s_yx04q_34{overflow:scroll}._n_yx04q_38{position:fixed;top:0;right:0;bottom:0;width:7px;z-index:2;background:var(--tg-theme-bg-color)}@media (prefers-reduced-motion: no-preference){._w_yx04q_3{transition:transform .35s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){._w_yx04q_3{transform:translate(0);transition:none}}._s_1dgz5_3{overflow:scroll;width:100%;max-width:var(--tg-max-width);height:var(--tg-scroll-height);max-height:var(--tg-scroll-height);padding-top:var(--tg-modal-offset-top, 0px);padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));margin:0 auto}._s_1dgz5_3._n_1dgz5_14{padding-left:var(--scroll-padding, 7px);padding-right:var(--scroll-padding, 7px)}._b_1dgz5_19{position:fixed;top:0;right:0;bottom:0;width:7px;z-index:1;background:var(--tg-theme-bg-color)}._s_1dgz5_3._f_1dgz5_29{position:fixed;top:0;right:0;bottom:0;left:0;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px) + var(--tg-offset-top, 0px));height:100dvh;max-height:100dvh}._s_1dgz5_3._f_1dgz5_29:before{content:"";position:fixed;top:0;width:100vw;left:0;height:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px) + 30px);z-index:5;background:var(--el-scroll-before)}._s_1dgz5_3._f_1dgz5_29:after{content:"";position:fixed;width:100vw;left:0;height:75px;bottom:0;background:var(--el-scroll-after);z-index:5;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;-webkit-transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),-webkit-transform .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.34,1.56,.64,1)}._s_1dgz5_3._f_1dgz5_29:after>div{z-index:1}._g_1dgz5_67{gap:var(--el-scroll-gap, 25px);display:flex;flex-direction:column}[data-keyboard=true] ._s_1dgz5_3._f_1dgz5_29:after{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);visibility:hidden}[data-keyboard=false] ._s_1dgz5_3._f_1dgz5_29:after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}body:has(._f_145iw_1){--tg-offset-top: 70px;--el-scroll-before: var(--tg-theme-bg-color)}._a_145iw_6{display:flex;align-items:center;justify-content:center;padding:10px 0;gap:16px;margin-bottom:10px}._a_145iw_6 b{font-size:18px;font-weight:600}._a_145iw_6._l_145iw_18{justify-content:flex-start}._a_145iw_6._r_145iw_21{justify-content:flex-end}._a_145iw_6._b_145iw_24{justify-content:space-between}._f_145iw_1{top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));position:sticky;z-index:3;background:linear-gradient(0deg,color-mix(in srgb,var(--tg-theme-bg-color) 0%,transparent),color-mix(in srgb,var(--tg-theme-bg-color) 100%,transparent) 40%)}[data-keyboard=true] ._o_xdl3w_2{top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));align-items:flex-start;height:100dvh}[data-keyboard=true] ._p_xdl3w_7{--bottom-shett-radius: 35px 35px 20px 20px;--bottom-shett-margin: 0px;min-height:calc(100dvh - var(--tg-safe-area-inset-top) - var(--tg-content-safe-area-inset-top, 0px))}._o_xdl3w_2{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;-webkit-transition:opacity var(--el-bottom-sheet-animation) cubic-bezier(.16,1,.3,1),height var(--el-bottom-sheet-animation) ease,align-items var(--el-bottom-sheet-animation) ease;transition:height var(--el-bottom-sheet-animation) ease,align-items var(--el-bottom-sheet-animation) ease,opacity var(--el-bottom-sheet-animation) cubic-bezier(.16,1,.3,1);opacity:1}._o_xdl3w_2._x_xdl3w_27{background:var(--tg-theme-bg-color-alpha)}._o_xdl3w_2._c_xdl3w_30{opacity:0;pointer-events:none}._p_xdl3w_7{position:relative;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--bottom-shett-radius, 20px 20px 0 0);width:100%;max-width:500px;max-height:70vh;overflow:hidden;-webkit-animation:_slideUp_xdl3w_1 .3s cubic-bezier(.25,.46,.45,.94);animation:_slideUp_xdl3w_1 .3s cubic-bezier(.25,.46,.45,.94);box-shadow:var(--bottom-shett-border, 0 -.5px 0 0 rgba(0, 0, 0, .1019607843));background:var(--bottom-shett-bg, --tg-theme-secondary-bg-color-alpha);border-bottom:var(--bottom-shett-header-separator, 1px solid var(--tg-theme-section-separator-color));margin:var(--bottom-shett-margin, 0);transition:border-radius var(--el-bottom-sheet-animation) ease,margin var(--el-bottom-sheet-animation) ease;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) transparent}._p_xdl3w_7._f_xdl3w_61{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + 40px)}._p_xdl3w_7._c_xdl3w_30{-webkit-animation:_slideDown_xdl3w_1 var(--el-bottom-sheet-animation) cubic-bezier(.16,1,.3,1);animation:_slideDown_xdl3w_1 var(--el-bottom-sheet-animation) cubic-bezier(.16,1,.3,1)}._p_xdl3w_7::-webkit-scrollbar{display:none}._p_xdl3w_7::-webkit-scrollbar-corner{background-color:transparent}._p_xdl3w_7::-webkit-scrollbar-thumb{border-radius:6px;background-color:#0000}._p_xdl3w_7::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}._s_xdl3w_85{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}._f_xdl3w_61{position:absolute;bottom:0;left:0;right:0;height:48px;z-index:1;pointer-events:none;background:linear-gradient(to top,var(--tg-theme-secondary-bg-color) 0%,color-mix(in srgb,var(--tg-theme-secondary-bg-color) 35%,transparent) 45%,transparent 100%)}._a_xdl3w_105{position:absolute;top:0;left:-150px;right:-150px;height:10000px;z-index:1;pointer-events:none;opacity:var(--header-overlay, 0);-webkit-transition:opacity .25s ease;transition:opacity .25s ease;box-shadow:inset 0 20px 100px 50px var(--tg-theme-secondary-bg-color)}._h_xdl3w_119{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;border-bottom:var(--bottom-shett-header-separator, 1px solid var(--tg-theme-section-separator-color));transform:translateZ(0);isolation:isolate}._h_xdl3w_119 h3{margin:0;color:var(--tg-theme-text-color);font-size:18px;font-weight:600}._b_xdl3w_154{background:none;border:none;color:var(--tg-theme-text-color);background:var(--bottom-shett-closed);font-size:20px;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;-webkit-transition:background-color .2s ease,-webkit-transform .15s ease-in-out,transform .15s ease-in-out;transition:background-color .2s ease,transform .15s ease-in-out}._b_xdl3w_154:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes _slideUp_xdl3w_1{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes _slideUp_xdl3w_1{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes _slideDown_xdl3w_1{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes _slideDown_xdl3w_1{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}
|
|
1
|
+
@charset "UTF-8";:root{--tg-safe-area-height: 100dvh;--tg-max-width: 500px;--tg-scroll-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px) - var(--tg-header-height, 0px) );--tg-modal-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px) - var(--tg-header-height, 0px) );--el-notice-color: #fff;--el-section-header-padding-left: 16px;--el-section-header-bootom: 10px;--el-bottom-sheet-animation: .4s}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0}html{height:-webkit-fill-available}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);-webkit-font-smoothing:antialiased;font-family:sans-serif;font-variant:no-common-ligatures;text-rendering:optimizeLegibility;padding:0;margin:0;overflow:hidden!important}body::-webkit-scrollbar{width:0px;height:0px;display:none!important;-ms-overflow-style:none;scrollbar-width:none}[data-color-scheme=dark]{--glass-reflex-dark: 2;--glass-reflex-light: .3}[data-color-scheme=light]{--glass-reflex-dark: 1;--glass-reflex-light: 1}[data-style=liquid-glass]{--c-glass: #bbbbbc;--c-light: #fff;--c-dark: #000;--saturation: 150%;--el-light-glass-bg: color-mix(in srgb, var(--c-glass) 12%, transparent);--el-light-glass-border: inset 0 0 0 1px color-mix( in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent ), inset 1.8px 3px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -.3px -1px 4px 0px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent ), inset -1.5px 2.5px 0px -2px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent ), inset 0px 3px 4px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent ), 0px 1px 5px 0px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent ), 0px 6px 16px 0px color-mix( in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent );--el-notice-bg: var(--el-light-glass-bg);--el-notice-border: var(--el-light-glass-border);--el-notice-color: var(--tg-theme-text-color);--el-notice-success: var(--el-light-glass-bg);--el-notice-radius: 25px;--el-notice-icon-size: 35px;--el-notice-text-color: #ababab;--el-notice-glass: color-mix( in srgb, var(--tg-theme-bg-color) 50%, transparent );--bottom-shett-bg: var(--el-light-glass-bg);--bottom-shett-border: var(--el-light-glass-border);--bottom-shett-radius: 25px;--bottom-shett-margin: 10px;--bottom-shett-closed: color-mix(in srgb, var(--c-glass) 36%, transparent);--bottom-shett-header-separator: 0px;--el-scroll-before: linear-gradient( 0deg, transparent 0%, color-mix(in srgb, var(--tg-theme-bg-color) 12%, transparent) 25%, color-mix(in srgb, var(--tg-theme-bg-color) 40%, transparent) 45%, color-mix(in srgb, var(--tg-theme-bg-color) 75%, transparent) 60%, var(--tg-theme-bg-color) 75% );--el-scroll-after: linear-gradient( 180deg, color-mix(in srgb, var(--tg-theme-bg-color) 0%, transparent) 0%, color-mix(in srgb, var(--tg-theme-bg-color) 80%, transparent) 40% )}.button-light-glass{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:12px 20px;border-radius:100px;border:none;width:70px;height:70px;background:var(--el-light-glass-bg);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--el-light-glass-border);color:var(--tg-theme-text-color, #000);font-size:15px;font-weight:600;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform:scale(1);-webkit-transform:scale(1);transform-origin:center;-webkit-transform-origin:center}.button-light-glass:active{transform:scale(.96);-webkit-transform:scale(.96)}:root{--tg-modal-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var( --tg-content-safe-area-inset-top, 0px ) - var(--tg-offset-bottom, 60px) )}._o_1apbm_11{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:11;display:flex;justify-content:center;animation:_fadeIn_1apbm_1 .3s ease}._o_1apbm_11._x_1apbm_24{animation:_fadeOut_1apbm_1 .3s ease}._p_1apbm_28{position:fixed;width:100%;overflow:hidden;animation:_slideUp_1apbm_1 .3s ease;background:var(--tg-theme-bg-color);bottom:0;left:0;right:0;margin:0 auto;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px))}._p_1apbm_28._x_1apbm_24{animation:_slideDown_1apbm_1 .3s ease}._p_1apbm_28._m_1apbm_45{--tg-scroll-height: 100dvh;--tg-modal-offset-top: calc( var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) );top:0}._p_1apbm_28._o_1apbm_11{--tg-modal-offset-top: 0px;top:calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px))}@keyframes _fadeIn_1apbm_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1apbm_1{0%{opacity:1}to{opacity:0}}@keyframes _slideUp_1apbm_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDown_1apbm_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._n_gla2k_1{position:fixed;z-index:999;max-height:0px;max-width:var(--tg-max-width);top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px))}._n_gla2k_1 ._i_gla2k_12{max-width:var(--tg-max-width);display:block;color:var(--el-notice-color);-webkit-backdrop-filter:blur(8px) saturate(var(--saturation));backdrop-filter:blur(8px) saturate(var(--saturation));box-shadow:var(--el-notice-border);overflow:hidden;cursor:pointer;display:flex;margin:20px 20px 10px;min-height:40px;border-radius:var(--el-notice-radius, 10px);padding-left:10px;align-items:center;gap:10px;width:calc(100vw - 40px);opacity:0;position:relative;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-animation:_noticeSlideIn_gla2k_1 .4s cubic-bezier(.16,1,.3,1) forwards;animation:_noticeSlideIn_gla2k_1 .4s cubic-bezier(.16,1,.3,1) forwards}._n_gla2k_1 ._i_gla2k_12:after{content:"";background:var(--el-notice-glass);top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}._n_gla2k_1 ._i_gla2k_12 svg{width:var(--el-notice-icon-size, 25px)}._n_gla2k_1 ._i_gla2k_12 p{font-size:14px;color:var(--el-notice-text-color)}._n_gla2k_1 ._i_gla2k_12 b{font-size:16px;font-weight:600}._n_gla2k_1 ._i_gla2k_12._closing_gla2k_53{-webkit-animation:_noticeSlideOut_gla2k_1 .3s cubic-bezier(.4,0,1,1) forwards;animation:_noticeSlideOut_gla2k_1 .3s cubic-bezier(.4,0,1,1) forwards}._n_gla2k_1 ._t_gla2k_60{padding:7px 7px 7px 0;flex:1}._n_gla2k_1 ._e_gla2k_64{background:var(--el-notice-error, #f44336)}._n_gla2k_1 ._s_gla2k_67{background:var(--el-notice-success, #4caf50)}._n_gla2k_1 ._w_gla2k_70{background:var(--el-notice-warning, #ff9800)}._n_gla2k_1 ._i_gla2k_12._h_gla2k_73{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}._n_gla2k_1 ._i_gla2k_12._e_gla2k_64._h_gla2k_73 svg{color:#f44336}._n_gla2k_1 ._i_gla2k_12._s_gla2k_67._t_gla2k_60 svg{color:#4caf50}._n_gla2k_1 ._i_gla2k_12._w_gla2k_70._t_gla2k_60 svg{color:#ff9800}@-webkit-keyframes _noticeSlideIn_gla2k_1{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes _noticeSlideIn_gla2k_1{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes _noticeSlideOut_gla2k_1{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{opacity:0;-webkit-transform:translateY(-30px) scale(.9);transform:translateY(-30px) scale(.9)}}@keyframes _noticeSlideOut_gla2k_1{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{opacity:0;-webkit-transform:translateY(-30px) scale(.9);transform:translateY(-30px) scale(.9)}}body:has(._d_1u25q_1){--tg-viewport-height: calc(100dvh - 50px) ;--tg-safe-area-inset-top: 50px}._d_1u25q_1{height:50px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--tg-theme-header-bg-color);color:var(--tg-theme-text-color);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tg-theme-bg-color);z-index:222;position:fixed;top:0;left:0;right:0}._d_1u25q_1 ._b_1u25q_21,._d_1u25q_1 ._o_1u25q_25{padding:0 15px;cursor:pointer}._m_1u25q_30{bottom:0;position:fixed;left:0;right:0;padding:10px}._m_1u25q_30 button{width:100%}._t_1u25q_41{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;width:200px;position:absolute;right:5px;z-index:999;border:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ul{list-style-type:none;margin:0;display:block;width:100%;padding:8px;border-top:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ul:first-child{border-top:0}._t_1u25q_41 ol{list-style-type:none;display:none;padding:8px;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;position:absolute;right:100%;left:-180px;z-index:100;width:100%;top:0;flex-direction:column;border:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ol:hover{display:flex}._t_1u25q_41 li{position:relative}._t_1u25q_41 button{font:inherit;border:0;padding:8px 36px 8px 8px;width:100%;border-radius:8px;text-align:left;display:flex;align-items:center;position:relative;color:var(--tg-theme-text-color);background-color:var(--tg-theme-bg-color)}._t_1u25q_41 button:hover{background-color:var(--tg-theme-button-color)}._t_1u25q_41 button:hover+ol{display:flex}._a_1u25q_108{margin:0;width:100vw;height:100vh;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#0006}._a_1u25q_108 ._v_1u25q_118{font-family:-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;box-sizing:border-box;font-size:17px;overflow:hidden;width:270px;height:auto;background-color:#ffffff73;border-radius:12px}._p_1axqy_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height)}._m_1axqy_10{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));margin-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));margin-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));margin-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px))}._s_1axqy_17{overflow:scroll}._l_gfyud_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._q_1ao7y_2{--menu-border-radius: 25px;--menu-padding: 12px 18px;--menu-icon-radius: 10px}._m_1ao7y_8{display:flex;flex-direction:column}._g_1ao7y_13{display:flex;flex-direction:column;border-radius:var(--menu-border-radius, 10px);overflow:hidden;gap:1px}._i_1ao7y_21{display:flex;align-items:center;padding:var(--menu-padding, 12px 16px);border:none;text-align:left;font-size:17px;cursor:pointer;transition:background-color .2s;width:100%;position:relative;background:none;color:inherit;background-color:var(--tg-theme-secondary-bg-color);font-weight:400}._c_1ao7y_38{display:flex;align-items:center;gap:12px;flex:1}._l_1ao7y_45{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--menu-icon-radius, 8px);flex-shrink:0}._l_1ao7y_45 svg{width:20px;height:20px;color:#fff}._a_1ao7y_60{color:var(--tg-theme-hint-color);font-size:27px;opacity:.6}._n_1ao7y_66{margin-left:auto;color:#8e8e93;font-size:17px;margin-right:4px}._h_1d5mk_4{display:flex;flex-direction:column;gap:8px;padding-left:var(--el-section-header-padding-left);margin-bottom:var(--el-section-header-bootom)}._c_1d5mk_4{display:flex;align-items:center;justify-content:space-between;gap:12px}._l_1d5mk_4{display:flex;align-items:center}._i_1d5mk_4{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;flex-shrink:0}._i_1d5mk_4 img{width:20px;height:20px;object-fit:contain}._i_1d5mk_4 svg{width:18px;height:18px}._t_1d5mk_4{margin:0;font-weight:600;color:#fffffff2;letter-spacing:-.3px}._r_1d5mk_4{display:flex;align-items:center}._b_1d5mk_4{margin:0;font-size:15px;font-weight:400;color:var(--tg-theme-subtitle-text-color)}._h_1d5mk_4._s_1d5mk_5 ._i_1d5mk_4{width:28px;height:28px;border-radius:6px}._h_1d5mk_4._s_1d5mk_5 ._i_1d5mk_4 svg{width:16px;height:16px}._h_1d5mk_4._s_1d5mk_5 ._t_1d5mk_4{font-size:18px}._h_1d5mk_4._m_1d5mk_5 ._t_1d5mk_4{font-size:20px}._h_1d5mk_4._g_1d5mk_5 ._i_1d5mk_4{width:36px;height:36px;border-radius:10px}._h_1d5mk_4._g_1d5mk_5 ._i_1d5mk_4 svg{width:20px;height:20px}._h_1d5mk_4._g_1d5mk_5 ._t_1d5mk_4{font-size:24px;font-weight:700}._h_1d5mk_4:not(:has(._i_1d5mk_4)) ._l_1d5mk_4{gap:0}._o_8ho2f_3{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:998;animation:_fadeIn_8ho2f_1 .3s ease}._m_8ho2f_14{position:fixed;bottom:0;width:80%;max-width:320px;background:var(--tg-theme-bg-color, #ffffff);z-index:999;transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px))}._l_8ho2f_28{left:0;transform:translate(-100%)}._r_8ho2f_33{right:0;transform:translate(100%)}._x_8ho2f_38{transform:translate(0)}._h_8ho2f_42{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--tg-theme-section-bg-color, #e5e5e5)}._h_8ho2f_42 h3{margin:0;font-size:18px;font-weight:700;color:var(--tg-theme-text-color, #000000)}._c_8ho2f_57{flex:1;overflow-y:auto}._c_8ho2f_57:after{content:"";position:absolute;top:0;bottom:0;right:0;width:7px;height:100%;background:var(--tg-theme-bg-color)}._u_8ho2f_72{display:flex;flex-direction:column;gap:10px;padding:16px}._u_8ho2f_72 li{padding:12px 0;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #e5e5e5);display:flex;align-items:center;gap:10px}._u_8ho2f_72 li i{width:15px;height:15px;display:block;background:var(--tg-theme-button-color);border-radius:50%}._u_8ho2f_72 li em{display:block;width:15px;height:15px;background:var(--tg-theme-secondary-bg-color);border-radius:50%}._u_8ho2f_72 li:last-child{border-bottom:none}._u_8ho2f_72 li p{margin:0;font-size:15px;color:var(--tg-theme-text-color, #000000)}body:has(._h_btt8r_2){--tg-offset-bottom: 60px}._h_btt8r_2{--webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94), visibility .4s cubic-bezier(.25, .46, .45, .94), -webkit-transform .5s cubic-bezier(.34, 1.56, .64, 1), transform .5s cubic-bezier(.34, 1.56, .64, 1);--tab-bar-color: var(--tg-theme-hint-color);z-index:2;position:fixed;bottom:0;left:var(--tab-bar-margin, 16px);right:var(--tab-bar-margin, 16px);gap:10px;max-width:var(--tg-max-width, 500px);opacity:1;visibility:visible;-webkit-transition:var(--webkit-transition);transition:var(--webkit-transition);-webkit-transform-origin:center;transform-origin:center;display:flex;justify-content:space-between;align-items:center;margin:auto;margin-bottom:var(--tab-bar-margin-bottom)}._h_btt8r_2._r_btt8r_32{flex-direction:row}._h_btt8r_2._c_btt8r_35{flex-direction:column}[data-keyboard=true] ._h_btt8r_2{opacity:1;visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}[data-keyboard=false] ._h_btt8r_2{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),-webkit-transform .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.34,1.56,.64,1)}._b_btt8r_55{flex:1;background-color:var(--tab-bar-bg, var(--tg-theme-secondary-bg-color-alpha));padding:var(--tab-bar-padding, 0 0 calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px)) 0);width:100%;position:relative;display:flex;justify-content:space-around;align-items:flex-start;align-self:stretch;color:var(--tab-bar-color)}._b_btt8r_55[data-scale=true]{-webkit-transform:scale(1.02);transform:scale(1.02)}._b_btt8r_55._r_btt8r_32{flex-direction:row}._b_btt8r_55._c_btt8r_35{flex-direction:column}._b_btt8r_55 div{display:flex;flex-direction:column;align-items:center;padding:var(--tab-bar-button-padding);cursor:pointer;-webkit-transition:-webkit-transform .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.25,.46,.45,.94);-webkit-transform-origin:center;transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;justify-content:center}._b_btt8r_55 div[data-active]{flex:1;text-align:center;position:relative;z-index:1}._b_btt8r_55 div[data-active=true]{color:var(--tg-theme-button-color)}._b_btt8r_55 span{padding-top:2px;font-size:10px;font-weight:400}._b_btt8r_55 [data-active=true] path{stroke-dasharray:75;stroke-dashoffset:75;animation:_draw_btt8r_1 1s ease-in-out forwards}._b_btt8r_55 ._a_btt8r_111{position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--count-options));border-radius:inherit;box-shadow:var(--tab-bar-actual-shadow);--tab-bar-translate-x: calc(var(--tab-bar-actual-index) * 100%);--tab-bar-scale-x: 1;-webkit-transform:translateX(var(--tab-bar-translate-x)) scaleX(var(--tab-bar-scale-x));transform:translate(var(--tab-bar-translate-x)) scaleX(var(--tab-bar-scale-x));-webkit-transform-origin:0 0;transform-origin:0 0;border-radius:var(--tab-bar-actual-radius);background:var(--tab-bar-actual-color);background-color:color-mix(in srgb,var(--c-glass) 36%,transparent);-webkit-transition:-webkit-transform .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1),background-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);transition:transform .5s cubic-bezier(.34,1.56,.64,1),background-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);-webkit-animation:none;animation:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 3px 6px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent)}._b_btt8r_55[data-scale=true] ._a_btt8r_111{-webkit-transition:background-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);transition:background-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.34,1.56,.64,1);will-change:transform;-webkit-animation:_scaleToggleVar_btt8r_1 .5s cubic-bezier(.34,1.56,.64,1);animation:_scaleToggleVar_btt8r_1 .5s cubic-bezier(.34,1.56,.64,1)}._b_btt8r_55[data-scale=true][data-direction=left] ._a_btt8r_111{-webkit-transform-origin:right center;transform-origin:right center}._b_btt8r_55[data-scale=true][data-direction=right] ._a_btt8r_111{-webkit-transform-origin:left center;transform-origin:left center}@keyframes _draw_btt8r_1{to{stroke-dashoffset:0}}[data-style=liquid-glass] ._b_btt8r_55{--tab-bar-actual-radius: 100px;--tab-bar-padding: 3px;--tab-bar-margin: 16px;--tab-bar-bg: var(--el-light-glass-bg);--tab-bar-color: var(--tg-theme-text-color);border:none;justify-content:space-around;align-items:flex-start;align-self:stretch;border-radius:100px;flex:1;touch-action:none;-webkit-backdrop-filter:blur(8px) saturate(var(--saturation));backdrop-filter:blur(8px) saturate(var(--saturation));box-shadow:var(--el-light-glass-border);transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1)}[data-style=liquid-glass] ._h_btt8r_2{--tab-bar-margin-bottom: calc( var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) )}@-webkit-keyframes _scaleToggleVar_btt8r_1{0%{--tab-bar-scale-x: 1}30%{--tab-bar-scale-x: 1.08}60%{--tab-bar-scale-x: 1.12}85%{--tab-bar-scale-x: .98}to{--tab-bar-scale-x: 1}}@keyframes _scaleToggleVar_btt8r_1{0%{--tab-bar-scale-x: 1}30%{--tab-bar-scale-x: 1.08}60%{--tab-bar-scale-x: 1.12}85%{--tab-bar-scale-x: .98}to{--tab-bar-scale-x: 1}}._b_r6m8n_1{position:absolute;inset:var(--tg-badge-inset, 0px 0px auto auto);color:var(--tg-badge-color, #ffffff);border-radius:var(--tg-badge-border-radius, 50%);transform:var(--tg-badge-transform, translate(50%, -50%));background:var(--tg-badge-background, #ff0000);padding:var(--tg-badge-padding, 5px);font-size:var(--tg-badge-font-size, 14px);font-weight:var(--tg-badge-font-weight, 700);line-height:var(--tg-badge-line-height, 1);letter-spacing:var(--tg-badge-letter-spacing, 0)}._a_15zsz_1{position:fixed;top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top) - 45px);left:0;right:0;align-items:center;justify-content:center;height:45px;display:flex;font-weight:500;font-size:20px;z-index:1000;pointer-events:none}._w_yx04q_3{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform;overflow:hidden;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height);background:var(--tg-theme-bg-color)}._v_yx04q_24{transform:translate(0)}._w_yx04q_3{backface-visibility:hidden;perspective:1000px}._s_yx04q_34{overflow:scroll}._n_yx04q_38{position:fixed;top:0;right:0;bottom:0;width:7px;z-index:2;background:var(--tg-theme-bg-color)}@media (prefers-reduced-motion: no-preference){._w_yx04q_3{transition:transform .35s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){._w_yx04q_3{transform:translate(0);transition:none}}._s_1dgz5_3{overflow:scroll;width:100%;max-width:var(--tg-max-width);height:var(--tg-scroll-height);max-height:var(--tg-scroll-height);padding-top:var(--tg-modal-offset-top, 0px);padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));margin:0 auto}._s_1dgz5_3._n_1dgz5_14{padding-left:var(--scroll-padding, 7px);padding-right:var(--scroll-padding, 7px)}._b_1dgz5_19{position:fixed;top:0;right:0;bottom:0;width:7px;z-index:1;background:var(--tg-theme-bg-color)}._s_1dgz5_3._f_1dgz5_29{position:fixed;top:0;right:0;bottom:0;left:0;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px) + var(--tg-offset-top, 0px));height:100dvh;max-height:100dvh}._s_1dgz5_3._f_1dgz5_29:before{content:"";position:fixed;top:0;width:100vw;left:0;height:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px) + 30px);z-index:5;background:var(--el-scroll-before)}._s_1dgz5_3._f_1dgz5_29:after{content:"";position:fixed;width:100vw;left:0;height:75px;bottom:0;background:var(--el-scroll-after);z-index:5;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;-webkit-transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),-webkit-transform .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.34,1.56,.64,1)}._s_1dgz5_3._f_1dgz5_29:after>div{z-index:1}._g_1dgz5_67{gap:var(--el-scroll-gap, 25px);display:flex;flex-direction:column}[data-keyboard=true] ._s_1dgz5_3._f_1dgz5_29:after{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);visibility:hidden}[data-keyboard=false] ._s_1dgz5_3._f_1dgz5_29:after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}body:has(._f_o367l_1){--tg-offset-top: 70px;--el-scroll-before: var(--tg-theme-bg-color)}._a_o367l_6{display:flex;align-items:center;justify-content:center;padding:10px 0;gap:16px;margin-bottom:10px}._a_o367l_6 b{font-size:18px;font-weight:600}._a_o367l_6._l_o367l_18{justify-content:flex-start}._a_o367l_6._r_o367l_21{justify-content:flex-end}._a_o367l_6._b_o367l_24{justify-content:space-between}._f_o367l_1{top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));position:sticky;z-index:3}._f_o367l_1:before{content:"";box-shadow:inset 0 20px 18px 20px var(--tg-theme-bg-color);height:100vh;position:absolute;left:-20px;right:-20px;top:0;pointer-events:none}[data-keyboard=true] ._o_3mhqg_2{top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));align-items:flex-start;height:100dvh}[data-keyboard=true] ._p_3mhqg_7{--bottom-shett-radius: 35px 35px 20px 20px;--bottom-shett-margin: 0px;min-height:calc(100dvh - var(--tg-safe-area-inset-top) - var(--tg-content-safe-area-inset-top, 0px))}._o_3mhqg_2{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;-webkit-transition:opacity var(--el-bottom-sheet-animation) cubic-bezier(.16,1,.3,1),height var(--el-bottom-sheet-animation) ease,align-items var(--el-bottom-sheet-animation) ease;transition:height var(--el-bottom-sheet-animation) ease,align-items var(--el-bottom-sheet-animation) ease,opacity var(--el-bottom-sheet-animation) cubic-bezier(.16,1,.3,1);opacity:1}._o_3mhqg_2._x_3mhqg_27{background:var(--tg-theme-bg-color-alpha)}._o_3mhqg_2._c_3mhqg_30{opacity:0;pointer-events:none}._p_3mhqg_7{position:relative;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--bottom-shett-radius, 20px 20px 0 0);width:100%;max-width:500px;max-height:70vh;overflow:hidden;-webkit-animation:_slideUp_3mhqg_1 .3s cubic-bezier(.25,.46,.45,.94);animation:_slideUp_3mhqg_1 .3s cubic-bezier(.25,.46,.45,.94);box-shadow:var(--bottom-shett-border, 0 -.5px 0 0 rgba(0, 0, 0, .1019607843));background:var(--bottom-shett-bg, --tg-theme-secondary-bg-color-alpha);border-bottom:var(--bottom-shett-header-separator, 1px solid var(--tg-theme-section-separator-color));margin:var(--bottom-shett-margin, 0);transition:border-radius var(--el-bottom-sheet-animation) ease,margin var(--el-bottom-sheet-animation) ease;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) transparent}._p_3mhqg_7._f_3mhqg_61{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + 40px)}._p_3mhqg_7._c_3mhqg_30{-webkit-animation:_slideDown_3mhqg_1 var(--el-bottom-sheet-animation) cubic-bezier(.16,1,.3,1);animation:_slideDown_3mhqg_1 var(--el-bottom-sheet-animation) cubic-bezier(.16,1,.3,1)}._p_3mhqg_7::-webkit-scrollbar{display:none}._p_3mhqg_7::-webkit-scrollbar-corner{background-color:transparent}._p_3mhqg_7::-webkit-scrollbar-thumb{border-radius:6px;background-color:#0000}._p_3mhqg_7::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}._s_3mhqg_85{flex:1;min-height:0;padding-top:70px;overflow-y:auto;-webkit-overflow-scrolling:touch}._f_3mhqg_61{position:absolute;bottom:0;left:0;right:0;height:48px;z-index:1;pointer-events:none;background:linear-gradient(to top,var(--tg-theme-secondary-bg-color) 0%,color-mix(in srgb,var(--tg-theme-secondary-bg-color) 35%,transparent) 45%,transparent 100%)}._a_3mhqg_106{position:absolute;top:0;left:-150px;right:-150px;height:10000px;z-index:1;pointer-events:none;opacity:var(--header-overlay, 0);-webkit-transition:opacity .25s ease;transition:opacity .25s ease;box-shadow:inset 0 20px 100px 50px var(--tg-theme-secondary-bg-color)}._h_3mhqg_120{position:absolute;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;border-bottom:var(--bottom-shett-header-separator, 1px solid var(--tg-theme-section-separator-color));transform:translateZ(0);isolation:isolate;background:#0000;left:0;right:0}._h_3mhqg_120 h3{margin:0;color:var(--tg-theme-text-color);font-size:18px;font-weight:600}._b_3mhqg_143{background:none;border:none;color:var(--tg-theme-text-color);background:var(--bottom-shett-closed);font-size:20px;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;-webkit-transition:background-color .2s ease,-webkit-transform .15s ease-in-out,transform .15s ease-in-out;transition:background-color .2s ease,transform .15s ease-in-out}._b_3mhqg_143:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes _slideUp_3mhqg_1{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes _slideUp_3mhqg_1{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes _slideDown_3mhqg_1{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes _slideDown_3mhqg_1{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ import { Modal as _Modal } from './Madal/Modal';
|
|
|
2
2
|
import { default as _Sidebar } from './Sidebar/Sidebar';
|
|
3
3
|
import { default as _Title } from './Title/Title';
|
|
4
4
|
import { default as _SidePanel } from './SidePanel/SidePanel';
|
|
5
|
-
import { default as _Scroll } from './Scroll/Scroll';
|
|
6
5
|
import { default as _AppBar } from './AppBar/AppBar';
|
|
7
6
|
type MainButton = {
|
|
8
7
|
text?: string;
|
|
@@ -80,7 +79,7 @@ declare namespace Telegram {
|
|
|
80
79
|
const AppBar: typeof _AppBar;
|
|
81
80
|
const SideBarController: (id: string, action: boolean) => void;
|
|
82
81
|
const SidePanelController: (id: string, action: boolean) => void;
|
|
83
|
-
const Scroll:
|
|
82
|
+
const Scroll: import("react").ForwardRefExoticComponent<import("./Scroll/Scroll").TScroll & import("react").RefAttributes<import("./Scroll/Scroll").ScrollHandle>>;
|
|
84
83
|
const Modal: typeof _Modal;
|
|
85
84
|
const Menu: ({ items, title }: import("./Menu").TMenu) => import("react/jsx-runtime").JSX.Element;
|
|
86
85
|
const MainButton: {
|
|
@@ -167,7 +166,7 @@ export declare const SafeArea: ({ className, children, isScroll }: import('./Saf
|
|
|
167
166
|
export declare const Loading: ({ children, className }: import('./Loading').TLoading) => import("react/jsx-runtime").JSX.Element;
|
|
168
167
|
export declare const Menu: ({ items, title }: import('./Menu').TMenu) => import("react/jsx-runtime").JSX.Element;
|
|
169
168
|
export declare const SidePanel: typeof _SidePanel;
|
|
170
|
-
export declare const Scroll:
|
|
169
|
+
export declare const Scroll: import('react').ForwardRefExoticComponent<import('./Scroll/Scroll').TScroll & import('react').RefAttributes<import('./Scroll/Scroll').ScrollHandle>>;
|
|
171
170
|
export declare const AppBar: typeof _AppBar;
|
|
172
171
|
export declare const Title: typeof _Title;
|
|
173
172
|
export declare const HeaderSection: import('react').FC<import('./HeaderSection').HeaderSectionProps>;
|