:root { --bg-glass: #000; --c-light: #fff; --c-dark: #000; --c-content: #ffffff; --glass-reflex-dark: 2; --glass-reflex-light: .3; --saturation: 140%; --switcher-transition: .25s cubic-bezier(1, 0, .4, 1); --height: 62px; --glass-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03), inset 1.8px 3px 0px -2px rgba(255, 255, 255, .27), inset -2px -2px 0px -2px rgba(255, 255, 255, .24), inset -3px -8px 1px -6px rgba(255, 255, 255, .18), inset -.3px -1px 4px 0px rgba(0, 0, 0, .24), inset -1.5px 2.5px 0px -2px rgba(0, 0, 0, .4), inset 0px 3px 4px -2px rgba(0, 0, 0, .4), inset 2px -6.5px 1px -4px rgba(0, 0, 0, .2), 0px 1px 5px 0px rgba(0, 0, 0, .2), 0px 6px 16px 0px rgba(0, 0, 0, .16); --glass-shadow-modern: 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 ) } @supports (color-mix(in srgb,white,transparent)) { :root { --glass-shadow: var(--glass-shadow-modern) } } ._container_vow0s_95 { display: flex; flex-direction: row; gap: 12px } ._profile_vow0s_101 { display: flex; flex-shrink: 0; align-items: center; justify-content: center; background-color: #282727f2; border-radius: 99em; height: var(--height); width: var(--height); box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); cursor: pointer } ._profileIcon_vow0s_115 { border-radius: 99em; border: 2px solid var(--color-background-secondary-2) } ._profileIconActive_vow0s_120 { border: 2px solid var(--primary) } ._filter_vow0s_123 { position: absolute; width: 0; height: 0; z-index: -1; pointer-events: none } ._switcher_vow0s_131 { position: relative; display: grid; grid-template-columns: repeat(3,1fr); align-items: center; gap: 8px; width: 100%; height: var(--height); padding: 4px; box-sizing: border-box; border: none; border-radius: 99em; background-color: color-mix(in srgb,var(--bg-glass) 12%,transparent); backdrop-filter: blur(8px) url(#distortion) saturate(var(--saturation)); isolation: isolate; -webkit-backdrop-filter: blur(8px) saturate(var(--saturation)); box-shadow: var(--glass-shadow); transition: background-color var(--switcher-transition),box-shadow var(--switcher-transition) } ._switcher_vow0s_131:after { content: ""; position: absolute; left: 4px; top: 4px; display: block; width: calc((100% - 16px - 8px) / 3); height: 54px; border-radius: 99em; background-color: #0000004d; z-index: -1; box-shadow: inset 0 0 0 1px #ffffff08,inset 2px 1px 0 -1px #ffffff45,inset -1.5px -1px 0 -1px #ffffff3d,inset -2px -6px 1px -5px #ffffff2e,inset -1px 2px 3px -1px #0006,inset 0 -4px 1px -2px #0003,0 3px 6px #00000029; transition: background-color var(--switcher-transition),box-shadow var(--switcher-transition),translate var(--switcher-transition) } ._switcher_vow0s_131[data-active="0"]:after { translate: 0 0; transform-origin: right; animation: _scaleToggle_vow0s_1 .44s ease } ._switcher_vow0s_131[data-active="1"]:after { translate: calc(100% + 8px) 0; transition: background-color var(--switcher-transition),box-shadow var(--switcher-transition),translate var(--switcher-transition); animation: _scaleToggle2_vow0s_1 .44s ease } ._switcher_vow0s_131[data-previous="0"][data-active="1"]:after { transform-origin: left } ._switcher_vow0s_131[data-previous="2"][data-active="1"]:after { transform-origin: right } ._switcher_vow0s_131[data-active="2"]:after { translate: calc(200% + 16px) 0; transform-origin: left; transition: background-color var(--switcher-transition),box-shadow var(--switcher-transition),translate var(--switcher-transition); animation: _scaleToggle3_vow0s_1 .44s ease } ._switcher_vow0s_131[data-active="3"]:after { display: none } @keyframes _scaleToggle_vow0s_1 { 0% { scale: 1 1 } 50% { scale: 1.05 1.1 } to { scale: 1 1 } } @keyframes _scaleToggle2_vow0s_1 { 0% { scale: 1 1 } 50% { scale: 1.1 1.1 } to { scale: 1 1 } } @keyframes _scaleToggle3_vow0s_1 { 0% { scale: 1 1 } 50% { scale: 1.05 1.1 } to { scale: 1 1 } } ._option_vow0s_253 { --c: var(--c-content); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; padding: 0 12px; width: 100%; height: 100%; box-sizing: border-box; border-radius: 99em; background: transparent; border: none; cursor: pointer; opacity: .4; color: var(--c); transition: all .16s; position: relative; z-index: 1 } ._option_vow0s_253:hover { opacity: .7; cursor: pointer } ._option_vow0s_253:hover ._icon_vow0s_278 { scale: 1.1 } ._optionActive_vow0s_284 { --c: var(--primary); opacity: 1; cursor: auto; color: var(--c) } ._optionActive_vow0s_284:hover { opacity: 1; cursor: pointer } ._optionActive_vow0s_284:hover ._icon_vow0s_278 { scale: 1 } ._icon_vow0s_278 { display: flex; align-items: center; justify-content: center; transition: scale .2s cubic-bezier(.5,0,0,1); color: currentColor } ._icon_vow0s_278 svg { width: 24px; height: 24px } ._title_vow0s_313 { font-weight: 500; font-size: 10px; white-space: nowrap; color: currentColor } ._button_oz7me_1 { --bg-glass: #000; --c-light: #fff; --c-dark: #000; --glass-reflex-dark: 2; --glass-reflex-light: .3; --saturation: 140%; --glass-shadow: 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 ); background-color: color-mix(in srgb,var(--bg-glass) 12%,transparent); backdrop-filter: blur(8px) url(#distortion) saturate(var(--saturation)); -webkit-backdrop-filter: blur(8px) saturate(var(--saturation)); box-shadow: var(--glass-shadow); isolation: isolate } ._banner_omgk7_1 { --bg-glass: #000; --c-light: #fff; --c-dark: #000; --glass-reflex-dark: 2; --glass-reflex-light: .3; --saturation: 140%; --glass-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03), inset 1.8px 3px 0px -2px rgba(255, 255, 255, .27), inset -2px -2px 0px -2px rgba(255, 255, 255, .24), inset -3px -8px 1px -6px rgba(255, 255, 255, .18), inset -.3px -1px 4px 0px rgba(0, 0, 0, .24), inset -1.5px 2.5px 0px -2px rgba(0, 0, 0, .4), inset 0px 3px 4px -2px rgba(0, 0, 0, .4), inset 2px -6.5px 1px -4px rgba(0, 0, 0, .2), 0px 1px 5px 0px rgba(0, 0, 0, .2), 0px 6px 16px 0px rgba(0, 0, 0, .16); background-color: color-mix(in srgb,var(--bg-glass) 12%,transparent); backdrop-filter: blur(8px) url(#distortion) saturate(var(--saturation)); -webkit-backdrop-filter: blur(8px) saturate(var(--saturation)); box-shadow: var(--glass-shadow); isolation: isolate } @supports (color-mix(in srgb,white,transparent)) { ._banner_omgk7_1 { --glass-shadow: 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 ) } } @font-face { font-family: SFProText; font-style: normal; font-weight: 700; src: url(/fonts/SFProText-Bold.woff2) format("truetype") } @font-face { font-family: SFProText; font-style: normal; font-weight: 500; src: url(/fonts/SFProText-Medium.woff2) format("truetype") } @font-face { font-family: SFProText; font-style: normal; font-weight: 400; src: url(/fonts/SFProText-Regular.woff2) format("truetype") } @font-face { font-family: SFProText; font-style: normal; font-weight: 600; src: url(/fonts/SFProText-Semibold.woff2) format("truetype") } /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { *,:before,:after,::backdrop { --tw-translate-x:0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0 } } } @layer theme { :root,:host { --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-red-500: oklch(63.7% .237 25.331); --color-amber-400: oklch(82.8% .189 84.429); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-green-500: oklch(72.3% .219 149.579); --color-gray-400: oklch(70.7% .022 261.325); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --text-base: 1rem; --text-base--line-height: 1.5 ; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --leading-tight: 1.25; --leading-normal: 1.5; --drop-shadow-sm: 0 1px 2px #00000026; --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite; --blur-md: 12px; --blur-lg: 16px; --aspect-video: 16/9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --text-transparent-2: var(--text-transparent-2); --color-border: var(--border); --color-background-secondary: var(--color-background-secondary); --color-background-secondary-2: var(--color-background-secondary-2) } } @layer base { *,:after,:before,::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } html,: host { -webkit-text-size-adjust:100%; -moz-tab-size: 4; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent } hr { height: 0; color: inherit; border-top-width: 1px } abbr: where([title]) { -webkit-text-decoration:underline dotted; text-decoration: underline dotted } h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit } b,strong { font-weight: bolder } code,kbd,samp,pre { font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em } small { font-size: 80% } sub,sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } :-moz-focusring { outline: auto } progress { vertical-align: baseline } summary { display: list-item } ol,ul,menu { list-style: none } img,svg,video,canvas,audio,iframe,embed,object { vertical-align: middle; display: block } img,video { max-width: 100%; height: auto } button,input,select,optgroup,textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0 } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0 } :where(select: is([multiple],[size])) optgroup { font-weight:bolder } :where(select: is([multiple],[size])) optgroup option { padding-inline-start:20px } ::file-selector-button { margin-inline-end:4px} ::placeholder { opacity: 1 } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size:1px) { ::placeholder { color:currentColor } @supports (color: color-mix(in lab,red,red)) { ::placeholder { color:color-mix(in oklab,currentcolor 50%,transparent) } } } textarea { resize: vertical } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit } ::-webkit-datetime-edit { display: inline-flex } ::-webkit-datetime-edit-fields-wrapper { padding: 0 } ::-webkit-datetime-edit { padding-block:0} ::-webkit-datetime-edit-year-field { padding-block:0} ::-webkit-datetime-edit-month-field { padding-block:0} ::-webkit-datetime-edit-day-field { padding-block:0} ::-webkit-datetime-edit-hour-field { padding-block:0} ::-webkit-datetime-edit-minute-field { padding-block:0} ::-webkit-datetime-edit-second-field { padding-block:0} ::-webkit-datetime-edit-millisecond-field { padding-block:0} ::-webkit-datetime-edit-meridiem-field { padding-block:0} ::-webkit-calendar-picker-indicator { line-height: 1 } :-moz-ui-invalid { box-shadow: none } button,input: where([type=button],[type=reset],[type=submit]) { -webkit-appearance:button; -moz-appearance: button; appearance: button } ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button } ::-webkit-inner-spin-button { height: auto } ::-webkit-outer-spin-button { height: auto } [hidden]: where(:not([hidden=until-found])) { display:none!important } } @layer utilities { .\@container\/card-header { container: card-header/inline-size } .pointer-events-auto { pointer-events: auto } .pointer-events-none { pointer-events: none } .invisible { visibility: hidden } .visible { visibility: visible } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden } .absolute { position: absolute } .fixed { position: fixed } .relative { position: relative } .static { position: static } .sticky { position: sticky } .inset-0 { inset: calc(var(--spacing)*0) } .inset-x-4 { inset-inline: calc(var(--spacing)*4) } .-top-0\.5 { top: calc(var(--spacing)*-.5) } .-top-1 { top: calc(var(--spacing)*-1) } .-top-2 { top: calc(var(--spacing)*-2) } .-top-4 { top: calc(var(--spacing)*-4) } .-top-5 { top: calc(var(--spacing)*-5) } .-top-12 { top: calc(var(--spacing)*-12) } .-top-40 { top: calc(var(--spacing)*-40) } .top-0 { top: calc(var(--spacing)*0) } .top-0\.5 { top: calc(var(--spacing)*.5) } .top-1 { top: calc(var(--spacing)*1) } .top-1\/2 { top: 50% } .top-2 { top: calc(var(--spacing)*2) } .top-3 { top: calc(var(--spacing)*3) } .top-3\.5 { top: calc(var(--spacing)*3.5) } .top-4 { top: calc(var(--spacing)*4) } .top-6 { top: calc(var(--spacing)*6) } .top-\[-1px\] { top: -1px } .top-\[-2px\] { top: -2px } .top-\[50\%\] { top: 50% } .top-\[calc\(50\%-1px\)\] { top: calc(50% - 1px) } .top-\[calc\(var\(--tg-viewport-safe-area-inset-top\)\+42px\)\] { top: calc(var(--tg-viewport-safe-area-inset-top) + 42px) } .top-\[calc\(var\(--tg-viewport-safe-area-inset-top\)\+46px\)\] { top: calc(var(--tg-viewport-safe-area-inset-top) + 46px) } .top-\[calc\(var\(--tg-viewport-safe-area-inset-top\)\+46px\)\]\! { top: calc(var(--tg-viewport-safe-area-inset-top) + 46px)!important } .-right-1 { right: calc(var(--spacing)*-1) } .-right-3 { right: calc(var(--spacing)*-3) } .-right-5 { right: calc(var(--spacing)*-5) } .-right-12 { right: calc(var(--spacing)*-12) } .-right-14 { right: calc(var(--spacing)*-14) } .right-0 { right: calc(var(--spacing)*0) } .right-1\.5 { right: calc(var(--spacing)*1.5) } .right-1\/2 { right: 50% } .right-2 { right: calc(var(--spacing)*2) } .right-3 { right: calc(var(--spacing)*3) } .right-4 { right: calc(var(--spacing)*4) } .right-4\.5 { right: calc(var(--spacing)*4.5) } .right-\[-1px\] { right: -1px } .right-\[-4px\] { right: -4px } .right-\[14px\] { right: 14px } .-bottom-1 { bottom: calc(var(--spacing)*-1) } .-bottom-1\.5 { bottom: calc(var(--spacing)*-1.5) } .-bottom-12 { bottom: calc(var(--spacing)*-12) } .bottom-0 { bottom: calc(var(--spacing)*0) } .bottom-1 { bottom: calc(var(--spacing)*1) } .bottom-2 { bottom: calc(var(--spacing)*2) } .bottom-3 { bottom: calc(var(--spacing)*3) } .bottom-4 { bottom: calc(var(--spacing)*4) } .bottom-6 { bottom: calc(var(--spacing)*6) } .bottom-7 { bottom: calc(var(--spacing)*7) } .bottom-9 { bottom: calc(var(--spacing)*9) } .bottom-\[-4px\] { bottom: -4px } .bottom-\[-7px\] { bottom: -7px } .bottom-\[0px\] { bottom: 0 } .bottom-\[25px\] { bottom: 25px } .bottom-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+12px\)\] { bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 12px) } .bottom-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+16px\)\] { bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 16px) } .bottom-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+72px\)\] { bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 72px) } .bottom-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+75px\)\] { bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 75px) } .bottom-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+80px\)\] { bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 80px) } .-left-1 { left: calc(var(--spacing)*-1) } .-left-4 { left: calc(var(--spacing)*-4) } .-left-12 { left: calc(var(--spacing)*-12) } .left-0 { left: calc(var(--spacing)*0) } .left-1 { left: calc(var(--spacing)*1) } .left-1\/2 { left: 50% } .left-1\/3 { left: 33.3333% } .left-2 { left: calc(var(--spacing)*2) } .left-4 { left: calc(var(--spacing)*4) } .left-6 { left: calc(var(--spacing)*6) } .left-12 { left: calc(var(--spacing)*12) } .left-20 { left: calc(var(--spacing)*20) } .left-\[4px\] { left: 4px } .left-\[12px\] { left: 12px } .left-\[50\%\] { left: 50% } .z-0 { z-index: 0 } .z-1 { z-index: 1 } .z-2 { z-index: 2 } .z-3 { z-index: 3 } .z-4 { z-index: 4 } .z-8 { z-index: 8 } .z-10 { z-index: 10 } .z-11 { z-index: 11 } .z-12 { z-index: 12 } .z-20 { z-index: 20 } .z-30 { z-index: 30 } .z-50 { z-index: 50 } .z-100 { z-index: 100 } .z-\[2\] { z-index: 2 } .z-\[3\] { z-index: 3 } .z-\[10\] { z-index: 10 } .z-\[12\] { z-index: 12 } .z-\[20\] { z-index: 20 } .z-\[100\] { z-index: 100 } .z-\[9999\] { z-index: 9999 } .col-span-2 { grid-column: span 2/span 2 } .col-span-3 { grid-column: span 3/span 3 } .col-start-2 { grid-column-start: 2 } .row-span-2 { grid-row: span 2/span 2 } .row-start-1 { grid-row-start: 1 } .container { width: 100% } @media(min-width: 40rem) { .container { max-width:40rem } } @media(min-width: 48rem) { .container { max-width:48rem } } @media(min-width: 64rem) { .container { max-width:64rem } } @media(min-width: 80rem) { .container { max-width:80rem } } @media(min-width: 96rem) { .container { max-width:96rem } } .m-0 { margin: calc(var(--spacing)*0) } .m-2 { margin: calc(var(--spacing)*2) } .m-auto { margin: auto } .mx-1 { margin-inline:calc(var(--spacing)*1)} .mx-2 { margin-inline: calc(var(--spacing)*2) } .mx-4 { margin-inline:calc(var(--spacing)*4)} .mx-\[-16px\] { margin-inline: -16px } .mx-auto { margin-inline:auto} .my-0 { margin-block:calc(var(--spacing)*0)} .my-0\.5 { margin-block: calc(var(--spacing)*.5) } .my-1 { margin-block:calc(var(--spacing)*1)} .my-1\.5 { margin-block: calc(var(--spacing)*1.5) } .my-2 { margin-block:calc(var(--spacing)*2)} .my-2\.5 { margin-block: calc(var(--spacing)*2.5) } .my-3 { margin-block:calc(var(--spacing)*3)} .my-4 { margin-block: calc(var(--spacing)*4) } .my-\[12px\] { margin-block: 12px } .my-\[16px\] { margin-block: 16px } .my-auto { margin-block:auto} .-mt-1\.5 { margin-top: calc(var(--spacing)*-1.5) } .-mt-3 { margin-top: calc(var(--spacing)*-3) } .-mt-4 { margin-top: calc(var(--spacing)*-4) } .-mt-\[calc\(5rem\+0\.75rem\)\] { margin-top: -5.75rem } .mt-0 { margin-top: calc(var(--spacing)*0) } .mt-0\.5 { margin-top: calc(var(--spacing)*.5) } .mt-1 { margin-top: calc(var(--spacing)*1) } .mt-1\.5 { margin-top: calc(var(--spacing)*1.5) } .mt-2 { margin-top: calc(var(--spacing)*2) } .mt-2\.5 { margin-top: calc(var(--spacing)*2.5) } .mt-3 { margin-top: calc(var(--spacing)*3) } .mt-4 { margin-top: calc(var(--spacing)*4) } .mt-6 { margin-top: calc(var(--spacing)*6) } .mt-\[1\.5px\] { margin-top: 1.5px } .mt-\[2px\] { margin-top: 2px } .mt-\[3px\] { margin-top: 3px } .mt-\[4px\] { margin-top: 4px } .mt-\[8px\] { margin-top: 8px } .mt-\[10px\] { margin-top: 10px } .mt-\[11px\] { margin-top: 11px } .mt-\[12px\] { margin-top: 12px } .mt-\[20px\] { margin-top: 20px } .mt-\[24px\] { margin-top: 24px } .mt-\[46px\] { margin-top: 46px } .mt-auto { margin-top: auto } .mr-0\.5 { margin-right: calc(var(--spacing)*.5) } .mr-1 { margin-right: calc(var(--spacing)*1) } .mr-3 { margin-right: calc(var(--spacing)*3) } .mr-6 { margin-right: calc(var(--spacing)*6) } .mr-\[-5px\] { margin-right: -5px } .mr-\[-10px\] { margin-right: -10px } .mb-0\.5 { margin-bottom: calc(var(--spacing)*.5) } .mb-1 { margin-bottom: calc(var(--spacing)*1) } .mb-2 { margin-bottom: calc(var(--spacing)*2) } .mb-2\.5 { margin-bottom: calc(var(--spacing)*2.5) } .mb-3 { margin-bottom: calc(var(--spacing)*3) } .mb-4 { margin-bottom: calc(var(--spacing)*4) } .mb-5 { margin-bottom: calc(var(--spacing)*5) } .mb-6 { margin-bottom: calc(var(--spacing)*6) } .mb-8 { margin-bottom: calc(var(--spacing)*8) } .mb-20 { margin-bottom: calc(var(--spacing)*20) } .mb-\[4px\] { margin-bottom: 4px } .mb-\[12px\] { margin-bottom: 12px } .mb-\[16px\] { margin-bottom: 16px } .mb-\[68px\] { margin-bottom: 68px } .mb-\[120px\] { margin-bottom: 120px } .mb-\[160px\] { margin-bottom: 160px } .mb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+66px\)\] { margin-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 66px) } .mb-auto { margin-bottom: auto } .mb-px { margin-bottom: 1px } .-ml-2 { margin-left: calc(var(--spacing)*-2) } .-ml-4 { margin-left: calc(var(--spacing)*-4) } .ml-0 { margin-left: calc(var(--spacing)*0) } .ml-0\.5 { margin-left: calc(var(--spacing)*.5) } .ml-1 { margin-left: calc(var(--spacing)*1) } .ml-2 { margin-left: calc(var(--spacing)*2) } .ml-3 { margin-left: calc(var(--spacing)*3) } .ml-5 { margin-left: calc(var(--spacing)*5) } .ml-\[-5px\] { margin-left: -5px } .ml-\[-10px\] { margin-left: -10px } .ml-\[62px\] { margin-left: 62px } .ml-\[90px\] { margin-left: 90px } .ml-auto { margin-left: auto } .box-content\! { box-sizing: content-box!important } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .block { display: block } .flex { display: flex } .grid { display: grid } .hidden { display: none } .inline { display: inline } .inline-block { display: inline-block } .inline-flex { display: inline-flex } .table { display: table } .table-caption { display: table-caption } .table-cell { display: table-cell } .table-row { display: table-row } .aspect-\[16\/9\] { aspect-ratio: 16/9 } .aspect-square { aspect-ratio: 1 } .aspect-video { aspect-ratio: var(--aspect-video) } .size-1 { width: calc(var(--spacing)*1); height: calc(var(--spacing)*1) } .size-2 { width: calc(var(--spacing)*2); height: calc(var(--spacing)*2) } .size-2\.5 { width: calc(var(--spacing)*2.5); height: calc(var(--spacing)*2.5) } .size-3 { width: calc(var(--spacing)*3); height: calc(var(--spacing)*3) } .size-3\.5 { width: calc(var(--spacing)*3.5); height: calc(var(--spacing)*3.5) } .size-3\.25 { width: calc(var(--spacing)*3.25); height: calc(var(--spacing)*3.25) } .size-4 { width: calc(var(--spacing)*4); height: calc(var(--spacing)*4) } .size-4\.5 { width: calc(var(--spacing)*4.5); height: calc(var(--spacing)*4.5) } .size-5 { width: calc(var(--spacing)*5); height: calc(var(--spacing)*5) } .size-5\.5 { width: calc(var(--spacing)*5.5); height: calc(var(--spacing)*5.5) } .size-6 { width: calc(var(--spacing)*6); height: calc(var(--spacing)*6) } .size-8 { width: calc(var(--spacing)*8); height: calc(var(--spacing)*8) } .size-9\.5 { width: calc(var(--spacing)*9.5); height: calc(var(--spacing)*9.5) } .size-10 { width: calc(var(--spacing)*10); height: calc(var(--spacing)*10) } .size-10\.5 { width: calc(var(--spacing)*10.5); height: calc(var(--spacing)*10.5) } .size-11 { width: calc(var(--spacing)*11); height: calc(var(--spacing)*11) } .size-30 { width: calc(var(--spacing)*30); height: calc(var(--spacing)*30) } .size-\[8px\] { width: 8px; height: 8px } .size-\[9px\] { width: 9px; height: 9px } .size-\[11px\] { width: 11px; height: 11px } .size-\[12px\] { width: 12px; height: 12px } .size-\[14px\] { width: 14px; height: 14px } .size-\[18px\] { width: 18px; height: 18px } .size-\[22px\] { width: 22px; height: 22px } .size-\[42px\] { width: 42px; height: 42px } .size-full { width: 100%; height: 100% } .h-0 { height: calc(var(--spacing)*0) } .h-0\.5 { height: calc(var(--spacing)*.5) } .h-1 { height: calc(var(--spacing)*1) } .h-2 { height: calc(var(--spacing)*2) } .h-2\.5 { height: calc(var(--spacing)*2.5) } .h-3 { height: calc(var(--spacing)*3) } .h-3\! { height: calc(var(--spacing)*3)!important } .h-3\.5 { height: calc(var(--spacing)*3.5) } .h-3\.5\! { height: calc(var(--spacing)*3.5)!important } .h-4 { height: calc(var(--spacing)*4) } .h-4\.5 { height: calc(var(--spacing)*4.5) } .h-4\.5\! { height: calc(var(--spacing)*4.5)!important } .h-5 { height: calc(var(--spacing)*5) } .h-5\! { height: calc(var(--spacing)*5)!important } .h-5\.5 { height: calc(var(--spacing)*5.5) } .h-6 { height: calc(var(--spacing)*6) } .h-7 { height: calc(var(--spacing)*7) } .h-7\.5 { height: calc(var(--spacing)*7.5) } .h-8 { height: calc(var(--spacing)*8) } .h-8\.5 { height: calc(var(--spacing)*8.5) } .h-9 { height: calc(var(--spacing)*9) } .h-10 { height: calc(var(--spacing)*10) } .h-11 { height: calc(var(--spacing)*11) } .h-12 { height: calc(var(--spacing)*12) } .h-12\.5 { height: calc(var(--spacing)*12.5) } .h-13 { height: calc(var(--spacing)*13) } .h-14 { height: calc(var(--spacing)*14) } .h-15 { height: calc(var(--spacing)*15) } .h-16 { height: calc(var(--spacing)*16) } .h-18 { height: calc(var(--spacing)*18) } .h-20 { height: calc(var(--spacing)*20) } .h-21 { height: calc(var(--spacing)*21) } .h-24 { height: calc(var(--spacing)*24) } .h-28 { height: calc(var(--spacing)*28) } .h-36 { height: calc(var(--spacing)*36) } .h-42 { height: calc(var(--spacing)*42) } .h-60 { height: calc(var(--spacing)*60) } .h-70 { height: calc(var(--spacing)*70) } .h-\[0\.33px\] { height: .33px } .h-\[1px\] { height: 1px } .h-\[4px\] { height: 4px } .h-\[5px\] { height: 5px } .h-\[6px\] { height: 6px } .h-\[7px\] { height: 7px } .h-\[9px\] { height: 9px } .h-\[10px\] { height: 10px } .h-\[10px\]\! { height: 10px!important } .h-\[12px\] { height: 12px } .h-\[13px\] { height: 13px } .h-\[14px\] { height: 14px } .h-\[15px\] { height: 15px } .h-\[17px\] { height: 17px } .h-\[18px\] { height: 18px } .h-\[20px\] { height: 20px } .h-\[22px\] { height: 22px } .h-\[23px\] { height: 23px } .h-\[24px\] { height: 24px } .h-\[25px\] { height: 25px } .h-\[26px\] { height: 26px } .h-\[30px\] { height: 30px } .h-\[32px\] { height: 32px } .h-\[34px\] { height: 34px } .h-\[40px\] { height: 40px } .h-\[44px\] { height: 44px } .h-\[46px\] { height: 46px } .h-\[54px\] { height: 54px } .h-\[56\.5vw\] { height: 56.5vw } .h-\[66px\] { height: 66px } .h-\[86px\] { height: 86px } .h-\[90px\] { height: 90px } .h-\[100px\] { height: 100px } .h-\[108px\] { height: 108px } .h-\[110px\] { height: 110px } .h-\[120px\] { height: 120px } .h-\[130px\] { height: 130px } .h-\[150px\] { height: 150px } .h-\[152px\] { height: 152px } .h-\[calc\(100\%\+20px\)\] { height: calc(100% + 20px) } .h-\[calc\(var\(--tg-viewport-safe-area-inset-top\)\+32px\)\] { height: calc(var(--tg-viewport-safe-area-inset-top) + 32px) } .h-auto { height: auto } .h-fit { height: fit-content } .h-full { height: 100% } .h-screen { height: 100vh } .max-h-11 { max-height: calc(var(--spacing)*11) } .max-h-16 { max-height: calc(var(--spacing)*16) } .max-h-\[200px\] { max-height: 200px } .max-h-\[320px\] { max-height: 320px } .max-h-\[calc\(100vh-\(var\(--tg-viewport-safe-area-inset-top\)\+48px\)\)\] { max-height: calc(100vh - (var(--tg-viewport-safe-area-inset-top) + 48px)) } .max-h-full { max-height: 100% } .min-h-10 { min-height: calc(var(--spacing)*10) } .min-h-16 { min-height: calc(var(--spacing)*16) } .min-h-37\.5 { min-height: calc(var(--spacing)*37.5) } .min-h-\[32px\] { min-height: 32px } .min-h-\[40px\] { min-height: 40px } .min-h-\[46px\] { min-height: 46px } .min-h-\[52px\] { min-height: 52px } .min-h-\[56px\] { min-height: 56px } .min-h-\[60vh\] { min-height: 60vh } .min-h-\[64px\] { min-height: 64px } .min-h-\[80vh\] { min-height: 80vh } .min-h-\[100px\] { min-height: 100px } .min-h-\[130px\] { min-height: 130px } .min-h-full { min-height: 100% } .min-h-screen { min-height: 100vh } .w-0 { width: calc(var(--spacing)*0) } .w-0\.5 { width: calc(var(--spacing)*.5) } .w-1 { width: calc(var(--spacing)*1) } .w-1\/2 { width: 50% } .w-1\/3 { width: 33.3333% } .w-2 { width: calc(var(--spacing)*2) } .w-2\.5 { width: calc(var(--spacing)*2.5) } .w-2\/3 { width: 66.6667% } .w-3 { width: calc(var(--spacing)*3) } .w-3\! { width: calc(var(--spacing)*3)!important } .w-3\.5 { width: calc(var(--spacing)*3.5) } .w-3\.5\! { width: calc(var(--spacing)*3.5)!important } .w-3\/4 { width: 75% } .w-3\/5 { width: 60% } .w-4 { width: calc(var(--spacing)*4) } .w-4\.5 { width: calc(var(--spacing)*4.5) } .w-4\.5\! { width: calc(var(--spacing)*4.5)!important } .w-5 { width: calc(var(--spacing)*5) } .w-5\.5 { width: calc(var(--spacing)*5.5) } .w-6 { width: calc(var(--spacing)*6) } .w-7 { width: calc(var(--spacing)*7) } .w-8 { width: calc(var(--spacing)*8) } .w-9 { width: calc(var(--spacing)*9) } .w-9\.5 { width: calc(var(--spacing)*9.5) } .w-10 { width: calc(var(--spacing)*10) } .w-11 { width: calc(var(--spacing)*11) } .w-12 { width: calc(var(--spacing)*12) } .w-12\.5 { width: calc(var(--spacing)*12.5) } .w-13 { width: calc(var(--spacing)*13) } .w-14 { width: calc(var(--spacing)*14) } .w-15 { width: calc(var(--spacing)*15) } .w-16 { width: calc(var(--spacing)*16) } .w-17 { width: calc(var(--spacing)*17) } .w-18 { width: calc(var(--spacing)*18) } .w-20 { width: calc(var(--spacing)*20) } .w-21 { width: calc(var(--spacing)*21) } .w-24 { width: calc(var(--spacing)*24) } .w-28 { width: calc(var(--spacing)*28) } .w-30 { width: calc(var(--spacing)*30) } .w-35 { width: calc(var(--spacing)*35) } .w-36 { width: calc(var(--spacing)*36) } .w-40 { width: calc(var(--spacing)*40) } .w-50 { width: calc(var(--spacing)*50) } .w-70 { width: calc(var(--spacing)*70) } .w-\[1px\] { width: 1px } .w-\[2px\] { width: 2px } .w-\[4px\] { width: 4px } .w-\[5px\] { width: 5px } .w-\[6px\] { width: 6px } .w-\[7px\] { width: 7px } .w-\[9px\] { width: 9px } .w-\[10px\] { width: 10px } .w-\[10px\]\! { width: 10px!important } .w-\[12px\] { width: 12px } .w-\[14px\] { width: 14px } .w-\[15px\] { width: 15px } .w-\[18px\] { width: 18px } .w-\[20px\] { width: 20px } .w-\[22px\] { width: 22px } .w-\[24px\] { width: 24px } .w-\[25px\] { width: 25px } .w-\[30\%\] { width: 30% } .w-\[30px\] { width: 30px } .w-\[34px\] { width: 34px } .w-\[40px\] { width: 40px } .w-\[44px\] { width: 44px } .w-\[50px\] { width: 50px } .w-\[60px\] { width: 60px } .w-\[70\%\] { width: 70% } .w-\[80px\] { width: 80px } .w-\[86px\] { width: 86px } .w-\[90\%\] { width: 90% } .w-\[91px\] { width: 91px } .w-\[93px\] { width: 93px } .w-\[97px\] { width: 97px } .w-\[100\%\] { width: 100% } .w-\[100px\] { width: 100px } .w-\[100vw\] { width: 100vw } .w-\[102\%\] { width: 102% } .w-\[108px\] { width: 108px } .w-\[115px\] { width: 115px } .w-\[120px\] { width: 120px } .w-\[130px\] { width: 130px } .w-\[150px\] { width: 150px } .w-\[170px\] { width: 170px } .w-\[calc\(100\%\+32px\)\] { width: calc(100% + 32px) } .w-\[calc\(100\%-16px\)\] { width: calc(100% - 16px) } .w-\[calc\(100\%-68px\)\] { width: calc(100% - 68px) } .w-auto { width: auto } .w-fit { width: fit-content } .w-fit\! { width: fit-content!important } .w-full { width: 100% } .w-min { width: min-content } .w-px { width: 1px } .max-w-12 { max-width: calc(var(--spacing)*12) } .max-w-20 { max-width: calc(var(--spacing)*20) } .max-w-30 { max-width: calc(var(--spacing)*30) } .max-w-50 { max-width: calc(var(--spacing)*50) } .max-w-75 { max-width: calc(var(--spacing)*75) } .max-w-\[100px\] { max-width: 100px } .max-w-\[120px\] { max-width: 120px } .max-w-\[165\.5px\] { max-width: 165.5px } .max-w-\[200px\] { max-width: 200px } .max-w-\[220px\] { max-width: 220px } .max-w-\[260px\] { max-width: 260px } .max-w-\[280px\]\! { max-width: 280px!important } .max-w-\[300px\] { max-width: 300px } .max-w-\[330px\]\! { max-width: 330px!important } .max-w-\[360px\]\! { max-width: 360px!important } .max-w-full { max-width: 100% } .max-w-sm { max-width: var(--container-sm) } .max-w-xs\! { max-width: var(--container-xs)!important } .min-w-0 { min-width: calc(var(--spacing)*0) } .min-w-4\.5 { min-width: calc(var(--spacing)*4.5) } .min-w-5 { min-width: calc(var(--spacing)*5) } .min-w-7 { min-width: calc(var(--spacing)*7) } .min-w-11\.5 { min-width: calc(var(--spacing)*11.5) } .min-w-20 { min-width: calc(var(--spacing)*20) } .min-w-80 { min-width: calc(var(--spacing)*80) } .min-w-\[8rem\] { min-width: 8rem } .min-w-\[30\%\] { min-width: 30% } .min-w-\[57\%\] { min-width: 57% } .min-w-\[57px\] { min-width: 57px } .min-w-\[58px\] { min-width: 58px } .min-w-\[64px\] { min-width: 64px } .min-w-\[75px\] { min-width: 75px } .min-w-\[100px\] { min-width: 100px } .min-w-\[103px\] { min-width: 103px } .min-w-\[288px\] { min-width: 288px } .flex-1 { flex: 1 } .flex-1\/2 { flex: 50% } .flex-shrink-0,.shrink-0 { flex-shrink: 0 } .flex-grow,.grow { flex-grow: 1 } .grow-0 { flex-grow: 0 } .basis-\[54px\] { flex-basis: 54px } .basis-auto { flex-basis: auto } .basis-full { flex-basis: 100% } .caption-bottom { caption-side: bottom } .border-collapse { border-collapse: collapse } .-translate-1\/2 { --tw-translate-x: -50% ; --tw-translate-y: -50% ; translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-x-1\/2 { --tw-translate-x: -50% ; translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-x-15 { --tw-translate-x: calc(var(--spacing)*-15); translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-x-1\/2 { --tw-translate-x: 50% ; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-x-1\/4 { --tw-translate-x: 25% ; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-x-3 { --tw-translate-x: calc(var(--spacing)*3); translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-x-\[-100\%\] { --tw-translate-x: -100%; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-x-\[0\%\] { --tw-translate-x: 0%; translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-1 { --tw-translate-y: calc(var(--spacing)*-1); translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-1\/2 { --tw-translate-y: -50% ; translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-1\/4 { --tw-translate-y: -25% ; translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-3 { --tw-translate-y: calc(var(--spacing)*-3); translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing)*.5); translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-1\/2 { --tw-translate-y: 50% ; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-1\/4 { --tw-translate-y: 25% ; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-2 { --tw-translate-y: calc(var(--spacing)*2); translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-3 { --tw-translate-y: calc(var(--spacing)*3); translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x)var(--tw-translate-y) } .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x)var(--tw-scale-y) } .-scale-x-100 { --tw-scale-x: -100% ; scale: var(--tw-scale-x)var(--tw-scale-y) } .-rotate-2 { rotate: -2deg } .-rotate-90 { rotate: -90deg } .-rotate-180 { rotate: -180deg } .rotate-0 { rotate: none } .rotate-90 { rotate: 90deg } .rotate-180 { rotate: 180deg } .rotate-\[-9deg\] { rotate: -9deg } .rotate-\[-15\.03deg\] { rotate: -15.03deg } .rotate-\[3deg\] { rotate: 3deg } .rotate-\[4\.09deg\] { rotate: 4.09deg } .rotate-\[5deg\] { rotate: 5deg } .rotate-\[28\.01deg\] { rotate: 28.01deg } .-skew-x-6 { --tw-skew-x: skewX( -6deg ); transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,) } .-skew-x-12 { --tw-skew-x: skewX( -12deg ); transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,) } .skew-x-12 { --tw-skew-x: skewX(12deg); transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,) } .transform { transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,) } .animate-pulse { animation: var(--animate-pulse) } .animate-spin { animation: var(--animate-spin) } .cursor-default { cursor: default } .cursor-grab { cursor: grab } .cursor-not-allowed { cursor: not-allowed } .cursor-pointer { cursor: pointer } .touch-none { touch-action: none } .resize { resize: both } .list-disc { list-style-type: disc } .auto-rows-min { grid-auto-rows: min-content } .grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) } .grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) } .grid-cols-\[auto\,1fr\] { grid-template-columns: auto,1fr } .grid-cols-\[repeat\(auto-fill\,minmax\(160px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill,minmax(160px,1fr)) } .grid-rows-1 { grid-template-rows: repeat(1,minmax(0,1fr)) } .grid-rows-2 { grid-template-rows: repeat(2,minmax(0,1fr)) } .grid-rows-3 { grid-template-rows: repeat(3,minmax(0,1fr)) } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto } .flex-col { flex-direction: column } .flex-col-reverse { flex-direction: column-reverse } .flex-row { flex-direction: row } .flex-row-reverse { flex-direction: row-reverse } .flex-nowrap { flex-wrap: nowrap } .flex-wrap { flex-wrap: wrap } .place-items-center { place-items: center } .content-center { align-content: center } .\!items-center { align-items: center!important } .items-baseline { align-items: baseline } .items-center { align-items: center } .items-center-safe { align-items: safe center } .items-end { align-items: flex-end } .items-start { align-items: flex-start } .items-stretch { align-items: stretch } .\!justify-start { justify-content: flex-start!important } .justify-around { justify-content: space-around } .justify-between { justify-content: space-between } .justify-center { justify-content: center } .justify-center-safe { justify-content: safe center } .justify-end { justify-content: flex-end } .justify-start { justify-content: flex-start } .gap-0 { gap: calc(var(--spacing)*0) } .gap-0\.5 { gap: calc(var(--spacing)*.5) } .gap-1 { gap: calc(var(--spacing)*1) } .gap-1\.5 { gap: calc(var(--spacing)*1.5) } .gap-2 { gap: calc(var(--spacing)*2) } .gap-2\.5 { gap: calc(var(--spacing)*2.5) } .gap-3 { gap: calc(var(--spacing)*3) } .gap-4 { gap: calc(var(--spacing)*4) } .gap-5 { gap: calc(var(--spacing)*5) } .gap-6 { gap: calc(var(--spacing)*6) } .gap-8 { gap: calc(var(--spacing)*8) } .gap-\[2px\] { gap: 2px } .gap-\[3\%\] { gap: 3% } .gap-\[4px\] { gap: 4px } .gap-\[5px\] { gap: 5px } .gap-\[6px\] { gap: 6px } .gap-\[8px\] { gap: 8px } .gap-\[10px\] { gap: 10px } .gap-\[12px\] { gap: 12px } .gap-\[16px\] { gap: 16px } .gap-\[18px\] { gap: 18px } .gap-\[20px\] { gap: 20px } :where(.space-y-0\.5>: not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-1>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-2>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-2\.5>: not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-3>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-4>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-6>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-\[10px\]>: not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(10px*var(--tw-space-y-reverse));margin-block-end: calc(10px*calc(1 - var(--tw-space-y-reverse))) } .gap-x-1 { column-gap: calc(var(--spacing)*1) } .gap-x-2 { column-gap: calc(var(--spacing)*2) } .gap-y-3 { row-gap: calc(var(--spacing)*3) } .self-end { align-self: flex-end } .self-start { align-self: flex-start } .justify-self-center { justify-self: center } .justify-self-end { justify-self: flex-end } .justify-self-start { justify-self: flex-start } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .overflow-auto { overflow: auto } .overflow-hidden { overflow: hidden } .overflow-visible { overflow: visible } .overflow-x-auto { overflow-x: auto } .overflow-x-hidden { overflow-x: hidden } .overflow-x-scroll { overflow-x: scroll } .overflow-y-auto { overflow-y: auto } .squircle-2xl\/\[40px\] { border-radius: 26px } @supports (corner-shape:squircle) { .squircle-2xl\/\[40px\] { corner-shape: squircle; border-radius: 40px } } .squircle-2xl\/\[50px\] { border-radius: 26px } @supports (corner-shape:squircle) { .squircle-2xl\/\[50px\] { corner-shape: squircle; border-radius: 50px } } .squircle-2xl\/\[50px\]\! { border-radius: 26px!important } @supports (corner-shape:squircle) { .squircle-2xl\/\[50px\]\! { corner-shape: squircle!important; border-radius: 50px!important } } .squircle-3xl\/\[60px\] { border-radius: 28px } @supports (corner-shape:squircle) { .squircle-3xl\/\[60px\] { corner-shape: squircle; border-radius: 60px } } .squircle-md\/\[30px\] { border-radius: 16px } @supports (corner-shape:squircle) { .squircle-md\/\[30px\] { corner-shape: squircle; border-radius: 30px } } .squircle-md\/\[50px\] { border-radius: 16px } @supports (corner-shape:squircle) { .squircle-md\/\[50px\] { corner-shape: squircle; border-radius: 50px } } .squircle-xl\/\[50px\] { border-radius: 24px } @supports (corner-shape:squircle) { .squircle-xl\/\[50px\] { corner-shape: squircle; border-radius: 50px } } .squircle-2md { border-radius: 18px } @supports (corner-shape:squircle) { .squircle-2md { corner-shape: squircle; border-radius: 70px } } .squircle-2sm { border-radius: 10px } @supports (corner-shape:squircle) { .squircle-2sm { corner-shape: squircle; border-radius: 70px } } .squircle-2xl { border-radius: 26px } @supports (corner-shape:squircle) { .squircle-2xl { corner-shape: squircle; border-radius: 70px } } .squircle-3xl { border-radius: 28px } @supports (corner-shape:squircle) { .squircle-3xl { corner-shape: squircle; border-radius: 70px } } .squircle-4xl { border-radius: 32px } @supports (corner-shape:squircle) { .squircle-4xl { corner-shape: squircle; border-radius: 70px } } .squircle-\[44px\] { border-radius: 44px } @supports (corner-shape:squircle) { .squircle-\[44px\] { corner-shape: squircle; border-radius: 70px } } .squircle-lg { border-radius: 20px } @supports (corner-shape:squircle) { .squircle-lg { corner-shape: squircle; border-radius: 70px } } .squircle-md { border-radius: 16px } @supports (corner-shape:squircle) { .squircle-md { corner-shape: squircle; border-radius: 70px } } .squircle-sm { border-radius: 12px } @supports (corner-shape:squircle) { .squircle-sm { corner-shape: squircle; border-radius: 70px } } .squircle-xl { border-radius: 24px } @supports (corner-shape:squircle) { .squircle-xl { corner-shape: squircle; border-radius: 70px } } .squircle-xs { border-radius: 8px } @supports (corner-shape:squircle) { .squircle-xs { corner-shape: squircle; border-radius: 70px } } .rounded { border-radius: .25rem } .rounded-2xl { border-radius: 26px } .rounded-2xs { border-radius: 4px } .rounded-3xl { border-radius: 28px } .rounded-4xl { border-radius: 32px } .rounded-\[2px\] { border-radius: 2px } .rounded-\[3px\] { border-radius: 3px } .rounded-\[4px\] { border-radius: 4px } .rounded-\[5px\] { border-radius: 5px } .rounded-\[7px\] { border-radius: 7px } .rounded-\[8px\] { border-radius: 8px } .rounded-\[9px\] { border-radius: 9px } .rounded-\[10px\] { border-radius: 10px } .rounded-\[12px\] { border-radius: 12px } .rounded-\[14px\] { border-radius: 14px } .rounded-\[16px\] { border-radius: 16px } .rounded-\[20px\] { border-radius: 20px } .rounded-\[24px\] { border-radius: 24px } .rounded-\[100px\] { border-radius: 100px } .rounded-\[inherit\] { border-radius: inherit } .rounded-full { border-radius: 3.40282e38px } .rounded-lg { border-radius: 20px } .rounded-md { border-radius: 16px } .rounded-none { border-radius: 0 } .rounded-semimd { border-radius: 14px } .rounded-sm { border-radius: 12px } .rounded-xl { border-radius: 24px } .rounded-xs { border-radius: 8px } .rounded-t-4xl { border-top-left-radius: 32px; border-top-right-radius: 32px } .rounded-t-\[24px\] { border-top-left-radius: 24px; border-top-right-radius: 24px } .rounded-t-lg { border-top-left-radius: 20px; border-top-right-radius: 20px } .rounded-t-xl { border-top-left-radius: 24px; border-top-right-radius: 24px } .rounded-l-full { border-top-left-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px } .rounded-b-md { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .border { border-style: var(--tw-border-style); border-width: 1px } .border\! { border-style: var(--tw-border-style)!important; border-width: 1px!important } .border-0 { border-style: var(--tw-border-style); border-width: 0 } .border-1 { border-style: var(--tw-border-style); border-width: 1px } .border-2 { border-style: var(--tw-border-style); border-width: 2px } .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: .5px } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px } .border-\[2px\] { border-style: var(--tw-border-style); border-width: 2px } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px } .border-t-\[0\.33px\] { border-top-style: var(--tw-border-style); border-top-width: .33px } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px } .border-b,.border-b-1,.border-b-\[1px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px } .border-dashed { --tw-border-style: dashed; border-style: dashed } .border-none { --tw-border-style: none; border-style: none } .border-\(--color-border\) { border-color: var(--color-border) } .border-\[\#3A3A3A\] { border-color: #3a3a3a } .border-\[\#191919\] { border-color: #191919 } .border-\[\#414141\] { border-color: #414141 } .border-accent\/20 { border-color: var(--accent) } @supports (color: color-mix(in lab,red,red)) { .border-accent\/20 { border-color:color-mix(in oklab,var(--accent)20%,transparent) } } .border-background { border-color: var(--background) } .border-border,.border-border\/50 { border-color: var(--border) } @supports (color: color-mix(in lab,red,red)) { .border-border\/50 { border-color:color-mix(in oklab,var(--border)50%,transparent) } } .border-bright-azure-2 { border-color: var(--bright-azure-2) } .border-cyan\/20 { border-color: var(--bg-cyan) } @supports (color: color-mix(in lab,red,red)) { .border-cyan\/20 { border-color:color-mix(in oklab,var(--bg-cyan)20%,transparent) } } .border-dark { border-color: var(--bg-dark) } .border-dark-2 { border-color: var(--bg-dark-2) } .border-dark-4 { border-color: var(--bg-dark-4) } .border-destructive { border-color: var(--destructive) } .border-destructive\! { border-color: var(--destructive)!important } .border-gold\/20 { border-color: var(--bg-gold) } @supports (color: color-mix(in lab,red,red)) { .border-gold\/20 { border-color:color-mix(in oklab,var(--bg-gold)20%,transparent) } } .border-gray-400 { border-color: var(--color-gray-400) } .border-grey { border-color: var(--bg-grey) } .border-input { border-color: var(--input) } .border-muted { border-color: var(--muted) } .border-primary,.border-primary\/20 { border-color: var(--primary) } @supports (color: color-mix(in lab,red,red)) { .border-primary\/20 { border-color:color-mix(in oklab,var(--primary)20%,transparent) } } .border-purple\/20 { border-color: var(--bg-purple) } @supports (color: color-mix(in lab,red,red)) { .border-purple\/20 { border-color:color-mix(in oklab,var(--bg-purple)20%,transparent) } } .border-secondary { border-color: var(--secondary) } .border-secondary-40 { border-color: var(--secondary-40) } .border-secondary-60 { border-color: var(--secondary-60) } .border-secondary-foreground { border-color: var(--secondary-foreground) } .border-transparent { border-color: #0000 } .border-warm-coral\/20 { border-color: var(--warm-coral) } @supports (color: color-mix(in lab,red,red)) { .border-warm-coral\/20 { border-color:color-mix(in oklab,var(--warm-coral)20%,transparent) } } .border-t-\[\#3C3C435C\] { border-top-color: #3c3c435c } .border-t-transparent { border-top-color: #0000 } .border-l-transparent { border-left-color: #0000 } .glass { -webkit-backdrop-filter: blur(8px)saturate(140%); background-color: #0000001f } .bg-\(--color-bg\) { background-color: var(--color-bg) } .bg-\[\#0F0F0F29\] { background-color: #0f0f0f29 } .bg-\[\#00BCD4\] { background-color: #00bcd4 } .bg-\[\#1ABC9C\] { background-color: #1abc9c } .bg-\[\#1C1C1C99\],.bg-\[\#1C1C1C\]\/60 { background-color: #1c1c1c99 } .bg-\[\#1E1E1E\] { background-color: #1e1e1e } .bg-\[\#1E8449\] { background-color: #1e8449 } .bg-\[\#2D2D2D\] { background-color: #2d2d2d } .bg-\[\#2F85C0\] { background-color: #2f85c0 } .bg-\[\#03A9F4\] { background-color: #03a9f4 } .bg-\[\#3A3A3AA3\] { background-color: #3a3a3aa3 } .bg-\[\#3A3A3A\]\/90 { background-color: #3a3a3ae6 } .bg-\[\#5B2C6F\] { background-color: #5b2c6f } .bg-\[\#8E44AD\] { background-color: #8e44ad } .bg-\[\#9B59B6\] { background-color: #9b59b6 } .bg-\[\#15AA303D\] { background-color: #15aa303d } .bg-\[\#16A085\] { background-color: #16a085 } .bg-\[\#27AE60\] { background-color: #27ae60 } .bg-\[\#49DF641F\] { background-color: #49df641f } .bg-\[\#673AB7\] { background-color: #673ab7 } .bg-\[\#2980B9\] { background-color: #2980b9 } .bg-\[\#3498DB\] { background-color: #3498db } .bg-\[\#121212\] { background-color: #121212 } .bg-\[\#181818\] { background-color: #181818 } .bg-\[\#212020\] { background-color: #212020 } .bg-\[\#282727\] { background-color: #282727 } .bg-\[\#323232a3\] { background-color: #323232a3 } .bg-\[\#404040\] { background-color: #404040 } .bg-\[\#646464\]\/20 { background-color: #64646433 } .bg-\[\#C0392B\] { background-color: #c0392b } .bg-\[\#C2185B\] { background-color: #c2185b } .bg-\[\#D35400\] { background-color: #d35400 } .bg-\[\#E74C3C\] { background-color: #e74c3c } .bg-\[\#E91E63\] { background-color: #e91e63 } .bg-\[\#F1C40F\] { background-color: #f1c40f } .bg-\[\#F39C12\] { background-color: #f39c12 } .bg-\[\#FBC294\]\/20 { background-color: #fbc29433 } .bg-\[\#FF5722\] { background-color: #ff5722 } .bg-\[\#b3b3b3\]\/70 { background-color: #b3b3b3b3 } .bg-\[var\(--destructive-secondary\)\] { background-color: var(--destructive-secondary) } .bg-accent { background-color: var(--accent) } .bg-accent\! { background-color: var(--accent)!important } .bg-accent\/10 { background-color: var(--accent) } @supports (color: color-mix(in lab,red,red)) { .bg-accent\/10 { background-color:color-mix(in oklab,var(--accent)10%,transparent) } } .bg-accent\/15 { background-color: var(--accent) } @supports (color: color-mix(in lab,red,red)) { .bg-accent\/15 { background-color:color-mix(in oklab,var(--accent)15%,transparent) } } .bg-amber-400 { background-color: var(--color-amber-400) } .bg-background { background-color: var(--background) } .bg-background-secondary { background-color: var(--color-background-secondary) } .bg-background-secondary-2 { background-color: var(--color-background-secondary-2) } .bg-background-secondary\/20 { background-color: var(--color-background-secondary) } @supports (color: color-mix(in lab,red,red)) { .bg-background-secondary\/20 { background-color:color-mix(in oklab,var(--color-background-secondary)20%,transparent) } } .bg-background\/10 { background-color: var(--background) } @supports (color: color-mix(in lab,red,red)) { .bg-background\/10 { background-color:color-mix(in oklab,var(--background)10%,transparent) } } .bg-black\/30 { background-color: #0000004d } @supports (color: color-mix(in lab,red,red)) { .bg-black\/30 { background-color:color-mix(in oklab,var(--color-black)30%,transparent) } } .bg-border { background-color: var(--border) } .bg-bright-azure { background-color: var(--bright-azure) } .bg-bright-azure-2,.bg-bright-azure-2\/15 { background-color: var(--bright-azure-2) } @supports (color: color-mix(in lab,red,red)) { .bg-bright-azure-2\/15 { background-color:color-mix(in oklab,var(--bright-azure-2)15%,transparent) } } .bg-card { background-color: var(--card) } .bg-current { background-color: currentColor } .bg-cyan,.bg-cyan\/12 { background-color: var(--bg-cyan) } @supports (color: color-mix(in lab,red,red)) { .bg-cyan\/12 { background-color:color-mix(in oklab,var(--bg-cyan)12%,transparent) } } .bg-cyan\/20 { background-color: var(--bg-cyan) } @supports (color: color-mix(in lab,red,red)) { .bg-cyan\/20 { background-color:color-mix(in oklab,var(--bg-cyan)20%,transparent) } } .bg-dark { background-color: var(--bg-dark) } .bg-dark-2 { background-color: var(--bg-dark-2) } .bg-dark-4 { background-color: var(--bg-dark-4) } .bg-dark\/80 { background-color: var(--bg-dark) } @supports (color: color-mix(in lab,red,red)) { .bg-dark\/80 { background-color:color-mix(in oklab,var(--bg-dark)80%,transparent) } } .bg-darkness { background-color: var(--bg-darkness) } .bg-destructive,.bg-destructive\/15 { background-color: var(--destructive) } @supports (color: color-mix(in lab,red,red)) { .bg-destructive\/15 { background-color:color-mix(in oklab,var(--destructive)15%,transparent) } } .bg-gold { background-color: var(--bg-gold) } .bg-gold\! { background-color: var(--bg-gold)!important } .bg-gold\/8 { background-color: var(--bg-gold) } @supports (color: color-mix(in lab,red,red)) { .bg-gold\/8 { background-color:color-mix(in oklab,var(--bg-gold)8%,transparent) } } .bg-gold\/12 { background-color: var(--bg-gold) } @supports (color: color-mix(in lab,red,red)) { .bg-gold\/12 { background-color:color-mix(in oklab,var(--bg-gold)12%,transparent) } } .bg-gold\/15 { background-color: var(--bg-gold) } @supports (color: color-mix(in lab,red,red)) { .bg-gold\/15 { background-color:color-mix(in oklab,var(--bg-gold)15%,transparent) } } .bg-gold\/20 { background-color: var(--bg-gold) } @supports (color: color-mix(in lab,red,red)) { .bg-gold\/20 { background-color:color-mix(in oklab,var(--bg-gold)20%,transparent) } } .bg-gold\/44 { background-color: var(--bg-gold) } @supports (color: color-mix(in lab,red,red)) { .bg-gold\/44 { background-color:color-mix(in oklab,var(--bg-gold)44%,transparent) } } .bg-grey { background-color: var(--bg-grey) } .bg-input,.bg-input\/60 { background-color: var(--input) } @supports (color: color-mix(in lab,red,red)) { .bg-input\/60 { background-color:color-mix(in oklab,var(--input)60%,transparent) } } .bg-input\/80 { background-color: var(--input) } @supports (color: color-mix(in lab,red,red)) { .bg-input\/80 { background-color:color-mix(in oklab,var(--input)80%,transparent) } } .bg-muted { background-color: var(--muted) } .bg-muted-foreground { background-color: var(--muted-foreground) } .bg-muted\/34 { background-color: var(--muted) } @supports (color: color-mix(in lab,red,red)) { .bg-muted\/34 { background-color:color-mix(in oklab,var(--muted)34%,transparent) } } .bg-muted\/50 { background-color: var(--muted) } @supports (color: color-mix(in lab,red,red)) { .bg-muted\/50 { background-color:color-mix(in oklab,var(--muted)50%,transparent) } } .bg-preview-notification { background-color: var(--preview-notification) } .bg-primary,.bg-primary\/10 { background-color: var(--primary) } @supports (color: color-mix(in lab,red,red)) { .bg-primary\/10 { background-color:color-mix(in oklab,var(--primary)10%,transparent) } } .bg-primary\/12 { background-color: var(--primary) } @supports (color: color-mix(in lab,red,red)) { .bg-primary\/12 { background-color:color-mix(in oklab,var(--primary)12%,transparent) } } .bg-primary\/15 { background-color: var(--primary) } @supports (color: color-mix(in lab,red,red)) { .bg-primary\/15 { background-color:color-mix(in oklab,var(--primary)15%,transparent) } } .bg-primary\/20 { background-color: var(--primary) } @supports (color: color-mix(in lab,red,red)) { .bg-primary\/20 { background-color:color-mix(in oklab,var(--primary)20%,transparent) } } .bg-purple,.bg-purple\/8 { background-color: var(--bg-purple) } @supports (color: color-mix(in lab,red,red)) { .bg-purple\/8 { background-color:color-mix(in oklab,var(--bg-purple)8%,transparent) } } .bg-red-500 { background-color: var(--color-red-500) } .bg-secondary { background-color: var(--secondary) } .bg-secondary-40 { background-color: var(--secondary-40) } .bg-secondary-60 { background-color: var(--secondary-60) } .bg-secondary-60\! { background-color: var(--secondary-60)!important } .bg-secondary-64 { background-color: var(--secondary-64) } .bg-secondary-64\! { background-color: var(--secondary-64)!important } .bg-secondary-foreground,.bg-secondary-foreground\/32 { background-color: var(--secondary-foreground) } @supports (color: color-mix(in lab,red,red)) { .bg-secondary-foreground\/32 { background-color:color-mix(in oklab,var(--secondary-foreground)32%,transparent) } } .bg-secondary\/15 { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .bg-secondary\/15 { background-color:color-mix(in oklab,var(--secondary)15%,transparent) } } .bg-secondary\/20 { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .bg-secondary\/20 { background-color:color-mix(in oklab,var(--secondary)20%,transparent) } } .bg-secondary\/24 { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .bg-secondary\/24 { background-color:color-mix(in oklab,var(--secondary)24%,transparent) } } .bg-secondary\/35 { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .bg-secondary\/35 { background-color:color-mix(in oklab,var(--secondary)35%,transparent) } } .bg-secondary\/40 { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .bg-secondary\/40 { background-color:color-mix(in oklab,var(--secondary)40%,transparent) } } .bg-secondary\/64 { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .bg-secondary\/64 { background-color:color-mix(in oklab,var(--secondary)64%,transparent) } } .bg-secondary\/65 { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .bg-secondary\/65 { background-color:color-mix(in oklab,var(--secondary)65%,transparent) } } .bg-secondary\/80 { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .bg-secondary\/80 { background-color:color-mix(in oklab,var(--secondary)80%,transparent) } } .bg-transparent { background-color: #0000 } .bg-white { background-color: var(--color-white) } .bg-white\! { background-color: var(--color-white)!important } .bg-white-skeleton { background-color: #fff6 } .bg-white\/3 { background-color: #ffffff08 } @supports (color: color-mix(in lab,red,red)) { .bg-white\/3 { background-color:color-mix(in oklab,var(--color-white)3%,transparent) } } .bg-white\/8 { background-color: #ffffff14 } @supports (color: color-mix(in lab,red,red)) { .bg-white\/8 { background-color:color-mix(in oklab,var(--color-white)8%,transparent) } } .bg-white\/10 { background-color: #ffffff1a } @supports (color: color-mix(in lab,red,red)) { .bg-white\/10 { background-color:color-mix(in oklab,var(--color-white)10%,transparent) } } .bg-white\/12 { background-color: #ffffff1f } @supports (color: color-mix(in lab,red,red)) { .bg-white\/12 { background-color:color-mix(in oklab,var(--color-white)12%,transparent) } } .bg-white\/15 { background-color: #ffffff26 } @supports (color: color-mix(in lab,red,red)) { .bg-white\/15 { background-color:color-mix(in oklab,var(--color-white)15%,transparent) } } .bg-white\/24 { background-color: #ffffff3d } @supports (color: color-mix(in lab,red,red)) { .bg-white\/24 { background-color:color-mix(in oklab,var(--color-white)24%,transparent) } } .bg-white\/25 { background-color: #ffffff40 } @supports (color: color-mix(in lab,red,red)) { .bg-white\/25 { background-color:color-mix(in oklab,var(--color-white)25%,transparent) } } .bg-white\/40 { background-color: #fff6 } @supports (color: color-mix(in lab,red,red)) { .bg-white\/40 { background-color:color-mix(in oklab,var(--color-white)40%,transparent) } } .bg-white\/95 { background-color: #fffffff2 } @supports (color: color-mix(in lab,red,red)) { .bg-white\/95 { background-color:color-mix(in oklab,var(--color-white)95%,transparent) } } .bg-linear-to-l { --tw-gradient-position: to left } @supports (background-image: linear-gradient(in lab,red,red)) { .bg-linear-to-l { --tw-gradient-position:to left in oklab } } .bg-linear-to-l { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-linear-to-r { --tw-gradient-position: to right } @supports (background-image: linear-gradient(in lab,red,red)) { .bg-linear-to-r { --tw-gradient-position:to right in oklab } } .bg-linear-to-r { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-linear-to-t { --tw-gradient-position: to top } @supports (background-image: linear-gradient(in lab,red,red)) { .bg-linear-to-t { --tw-gradient-position:to top in oklab } } .bg-linear-to-t { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-l { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-\[linear-gradient\(90deg\,\#FAC297_0\%\,\#FFC386_50\%\,\#CA8E52_100\%\)\] { background-image: linear-gradient(90deg,#fac297,#ffc386,#ca8e52) } .bg-\[linear-gradient\(106\.57deg\,\#9339E2_6\.02\%\,\#1689FF_97\.01\%\)\] { background-image: linear-gradient(106.57deg,#9339e2 6.02%,#1689ff 97.01%) } .from-\[\#242424\] { --tw-gradient-from: #242424; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-\[\#D96C28\] { --tw-gradient-from: #d96c28; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-\[\#E3E3E3\] { --tw-gradient-from: #e3e3e3; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-\[\#F1AA05\] { --tw-gradient-from: #f1aa05; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-background { --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-background\/30 { --tw-gradient-from: var(--background) } @supports (color: color-mix(in lab,red,red)) { .from-background\/30 { --tw-gradient-from:color-mix(in oklab,var(--background)30%,transparent) } } .from-background\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-black { --tw-gradient-from: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-secondary { --tw-gradient-from: var(--secondary); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .via-background\/20 { --tw-gradient-via: var(--background) } @supports (color: color-mix(in lab,red,red)) { .via-background\/20 { --tw-gradient-via:color-mix(in oklab,var(--background)20%,transparent) } } .via-background\/20 { --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-background\/80 { --tw-gradient-via: var(--background) } @supports (color: color-mix(in lab,red,red)) { .via-background\/80 { --tw-gradient-via:color-mix(in oklab,var(--background)80%,transparent) } } .via-background\/80 { --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .to-\[\#9F9F9F\] { --tw-gradient-to: #9f9f9f; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-\[\#A43606\] { --tw-gradient-to: #a43606; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-\[\#AB893B\] { --tw-gradient-to: #ab893b; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-\[\#CE930A\] { --tw-gradient-to: #ce930a; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .bg-cover { background-size: cover } .bg-clip-text { -webkit-background-clip: text; background-clip: text } .bg-center { background-position: 50% } .bg-no-repeat { background-repeat: no-repeat } .fill-current { fill: currentColor } .fill-muted-foreground { fill: var(--muted-foreground) } .fill-primary { fill: var(--primary) } .object-contain { object-fit: contain } .object-cover { object-fit: cover } .object-bottom-left { object-position: left bottom } .p-0 { padding: calc(var(--spacing)*0) } .p-0\.5 { padding: calc(var(--spacing)*.5) } .p-1 { padding: calc(var(--spacing)*1) } .p-1\.5 { padding: calc(var(--spacing)*1.5) } .p-2 { padding: calc(var(--spacing)*2) } .p-2\.5 { padding: calc(var(--spacing)*2.5) } .p-3 { padding: calc(var(--spacing)*3) } .p-4 { padding: calc(var(--spacing)*4) } .p-6 { padding: calc(var(--spacing)*6) } .p-\[1px\] { padding: 1px } .p-\[5px\] { padding: 5px } .p-\[6px\] { padding: 6px } .p-\[9px\] { padding: 9px } .p-\[10px\] { padding: 10px } .p-\[11px\] { padding: 11px } .p-\[12px\] { padding: 12px } .p-\[15px\] { padding: 15px } .p-\[16px\] { padding: 16px } .p-px { padding: 1px } .px-0 { padding-inline:calc(var(--spacing)*0)} .px-0\.5 { padding-inline: calc(var(--spacing)*.5) } .px-1 { padding-inline:calc(var(--spacing)*1)} .px-1\.5 { padding-inline: calc(var(--spacing)*1.5) } .px-2 { padding-inline:calc(var(--spacing)*2)} .px-2\.5 { padding-inline: calc(var(--spacing)*2.5) } .px-3 { padding-inline:calc(var(--spacing)*3)} .px-3\.5 { padding-inline: calc(var(--spacing)*3.5) } .px-4 { padding-inline:calc(var(--spacing)*4)} .px-5 { padding-inline: calc(var(--spacing)*5) } .px-6 { padding-inline:calc(var(--spacing)*6)} .px-16 { padding-inline: calc(var(--spacing)*16) } .px-\[2px\] { padding-inline: 2px } .px-\[3px\] { padding-inline: 3px } .px-\[10px\] { padding-inline: 10px } .px-\[12px\] { padding-inline: 12px } .px-\[15px\] { padding-inline: 15px } .px-\[16px\] { padding-inline: 16px } .px-\[20px\] { padding-inline: 20px } .px-\[21px\] { padding-inline: 21px } .py-0 { padding-block:calc(var(--spacing)*0)} .py-0\.5 { padding-block: calc(var(--spacing)*.5) } .py-1 { padding-block:calc(var(--spacing)*1)} .py-1\.5 { padding-block: calc(var(--spacing)*1.5) } .py-2 { padding-block:calc(var(--spacing)*2)} .py-2\.5 { padding-block: calc(var(--spacing)*2.5) } .py-3 { padding-block:calc(var(--spacing)*3)} .py-3\.5 { padding-block: calc(var(--spacing)*3.5) } .py-4 { padding-block:calc(var(--spacing)*4)} .py-6 { padding-block: calc(var(--spacing)*6) } .py-8 { padding-block:calc(var(--spacing)*8)} .py-\[1px\] { padding-block: 1px } .py-\[2\.5px\] { padding-block: 2.5px } .py-\[2px\] { padding-block: 2px } .py-\[3\%\] { padding-block: 3% } .py-\[5px\] { padding-block: 5px } .py-\[6px\] { padding-block: 6px } .py-\[7px\] { padding-block: 7px } .py-\[8px\] { padding-block: 8px } .py-\[9px\] { padding-block: 9px } .py-\[10\.5px\] { padding-block: 10.5px } .py-\[10px\] { padding-block: 10px } .py-\[11px\] { padding-block: 11px } .py-\[12px\] { padding-block: 12px } .py-\[14px\] { padding-block: 14px } .py-\[24px\] { padding-block: 24px } .py-\[28px\] { padding-block: 28px } .py-px { padding-block:1px} .ps-0 { padding-inline-start:calc(var(--spacing)*0)} .pt-0 { padding-top: calc(var(--spacing)*0) } .pt-1 { padding-top: calc(var(--spacing)*1) } .pt-2 { padding-top: calc(var(--spacing)*2) } .pt-2\.5 { padding-top: calc(var(--spacing)*2.5) } .pt-3 { padding-top: calc(var(--spacing)*3) } .pt-4 { padding-top: calc(var(--spacing)*4) } .pt-6 { padding-top: calc(var(--spacing)*6) } .pt-\[12px\] { padding-top: 12px } .pt-\[16px\] { padding-top: 16px } .pt-\[20px\] { padding-top: 20px } .pt-\[50px\] { padding-top: 50px } .pt-\[calc\(var\(--tg-viewport-safe-area-inset-top\)\+30px\)\] { padding-top: calc(var(--tg-viewport-safe-area-inset-top) + 30px) } .pr-1 { padding-right: calc(var(--spacing)*1) } .pr-2 { padding-right: calc(var(--spacing)*2) } .pr-4 { padding-right: calc(var(--spacing)*4) } .pr-8 { padding-right: calc(var(--spacing)*8) } .pr-\[30px\] { padding-right: 30px } .pb-0\.5 { padding-bottom: calc(var(--spacing)*.5) } .pb-1 { padding-bottom: calc(var(--spacing)*1) } .pb-2 { padding-bottom: calc(var(--spacing)*2) } .pb-2\.5 { padding-bottom: calc(var(--spacing)*2.5) } .pb-3 { padding-bottom: calc(var(--spacing)*3) } .pb-3\.5 { padding-bottom: calc(var(--spacing)*3.5) } .pb-4 { padding-bottom: calc(var(--spacing)*4) } .pb-5 { padding-bottom: calc(var(--spacing)*5) } .pb-8 { padding-bottom: calc(var(--spacing)*8) } .pb-10 { padding-bottom: calc(var(--spacing)*10) } .pb-15 { padding-bottom: calc(var(--spacing)*15) } .pb-20 { padding-bottom: calc(var(--spacing)*20) } .pb-35 { padding-bottom: calc(var(--spacing)*35) } .pb-\[12px\] { padding-bottom: 12px } .pb-\[16px\] { padding-bottom: 16px } .pb-\[20px\] { padding-bottom: 20px } .pb-\[42px\] { padding-bottom: 42px } .pb-\[100px\] { padding-bottom: 100px } .pb-\[120px\] { padding-bottom: 120px } .pb-\[147px\] { padding-bottom: 147px } .pb-\[200px\] { padding-bottom: 200px } .pb-\[calc\(16px\+var\(--tg-viewport-safe-area-inset-bottom\)\)\] { padding-bottom: calc(16px + var(--tg-viewport-safe-area-inset-bottom)) } .pb-\[calc\(70px\+var\(--tg-viewport-safe-area-inset-bottom\)\+16px\)\] { padding-bottom: calc(70px + var(--tg-viewport-safe-area-inset-bottom) + 16px) } .pb-\[calc\(100px\+var\(--tg-viewport-safe-area-inset-bottom\)\)\] { padding-bottom: calc(100px + var(--tg-viewport-safe-area-inset-bottom)) } .pb-\[calc\(230px\+var\(--tg-viewport-safe-area-inset-bottom\)\)\] { padding-bottom: calc(230px + var(--tg-viewport-safe-area-inset-bottom)) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+10px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 10px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+12px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 12px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+16px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 16px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+32px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 32px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+50px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 50px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+60px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 60px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+70px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 70px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+86px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 86px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+90px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 90px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+100px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 100px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+150px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 150px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+160px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 160px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+168px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 168px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+176px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 176px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+180px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 180px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+200px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 200px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+210px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 210px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+220px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 220px) } .pb-\[calc\(var\(--tg-viewport-safe-area-inset-bottom\)\+250px\)\] { padding-bottom: calc(var(--tg-viewport-safe-area-inset-bottom) + 250px) } .pl-0 { padding-left: calc(var(--spacing)*0) } .pl-2 { padding-left: calc(var(--spacing)*2) } .pl-3 { padding-left: calc(var(--spacing)*3) } .pl-4 { padding-left: calc(var(--spacing)*4) } .pl-\[36px\] { padding-left: 36px } .text-center { text-align: center } .text-end { text-align: end } .text-left { text-align: left } .text-right { text-align: right } .align-middle { vertical-align: middle } .align-top { vertical-align: top } .font-mono { font-family: var(--font-mono) } .text-2xl { font-size: 32px; line-height: var(--tw-leading,40px) } .text-2xs { font-size: 10px; line-height: var(--tw-leading,100%) } .text-3xl { font-size: 40px; line-height: var(--tw-leading,48px) } .text-4xl { font-size: 48px; line-height: var(--tw-leading,56px) } .text-\[10px\]\/2\.5 { font-size: 10px; line-height: calc(var(--spacing)*2.5) } .text-\[10px\]\/\[11px\] { font-size: 10px; line-height: 11px } .text-\[10px\]\/\[100\%\] { font-size: 10px; line-height: 100% } .text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)) } .text-lg { font-size: 17px; line-height: var(--tw-leading,22px) } .text-semi2xl { font-size: 28px; line-height: var(--tw-leading,28px) } .text-sm { font-size: 14px; line-height: var(--tw-leading,18px) } .text-xl { font-size: 24px; line-height: var(--tw-leading,32px) } .text-xs { font-size: 13px; line-height: var(--tw-leading,18px) } .text-\[9px\] { font-size: 9px } .text-\[10px\] { font-size: 10px } .text-\[12px\] { font-size: 12px } .text-\[13px\] { font-size: 13px } .text-\[14px\] { font-size: 14px } .text-\[15px\] { font-size: 15px } .text-\[20px\] { font-size: 20px } .text-\[22px\] { font-size: 22px } .text-\[32px\] { font-size: 32px } .text-\[50px\] { font-size: 50px } .leading-\[18px\] { --tw-leading: 18px; line-height: 18px } .leading-\[24px\] { --tw-leading: 24px; line-height: 24px } .leading-\[40px\] { --tw-leading: 40px; line-height: 40px } .leading-\[100\%\] { --tw-leading: 100%; line-height: 100% } .leading-none { --tw-leading: 1; line-height: 1 } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal) } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight) } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light) } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal) } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .tracking-\[-0\.5px\] { --tw-tracking: -.5px; letter-spacing: -.5px } .tracking-\[-0\.6px\] { --tw-tracking: -.6px; letter-spacing: -.6px } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight) } .text-nowrap { text-wrap: nowrap } .break-words,.wrap-break-word { overflow-wrap: break-word } .text-ellipsis { text-overflow: ellipsis } .whitespace-normal { white-space: normal } .whitespace-nowrap { white-space: nowrap } .whitespace-pre { white-space: pre } .whitespace-pre-line { white-space: pre-line } .text-\[\#6D6D71\] { color: #6d6d71 } .text-\[\#141414\] { color: #141414 } .text-\[\#AF51DE\] { color: #af51de } .text-\[\#F1AA05\] { color: #f1aa05 } .text-\[\#FBC294\] { color: #fbc294 } .text-accent { color: var(--accent) } .text-accent\! { color: var(--accent)!important } .text-background { color: var(--background) } .text-background\! { color: var(--background)!important } .text-background-secondary-2 { color: var(--color-background-secondary-2) } .text-background\/60 { color: var(--background) } @supports (color: color-mix(in lab,red,red)) { .text-background\/60 { color:color-mix(in oklab,var(--background)60%,transparent) } } .text-black { color: var(--color-black) } .text-black\/40 { color: #0006 } @supports (color: color-mix(in lab,red,red)) { .text-black\/40 { color:color-mix(in oklab,var(--color-black)40%,transparent) } } .text-bright-azure { color: var(--bright-azure) } .text-bright-azure-2 { color: var(--bright-azure-2) } .text-bronze { color: var(--bronze) } .text-card-foreground { color: var(--card-foreground) } .text-current { color: currentColor } .text-cyan { color: var(--bg-cyan) } .text-dark-3 { color: var(--bg-dark-3) } .text-destructive { color: var(--destructive) } .text-foreground,.text-foreground\/40 { color: var(--foreground) } @supports (color: color-mix(in lab,red,red)) { .text-foreground\/40 { color:color-mix(in oklab,var(--foreground)40%,transparent) } } .text-gold { color: var(--bg-gold) } .text-gold\! { color: var(--bg-gold)!important } .text-gray-400 { color: var(--color-gray-400) } .text-green-500 { color: var(--color-green-500) } .text-inherit { color: inherit } .text-light-gold { color: var(--light-gold) } .text-muted { color: var(--muted) } .text-muted-foreground { color: var(--muted-foreground) } .text-orange { color: var(--orange) } .text-primary { color: var(--primary) } .text-primary-foreground { color: var(--primary-foreground) } .text-purple { color: var(--bg-purple) } .text-red-500 { color: var(--color-red-500) } .text-secondary { color: var(--secondary) } .text-secondary-foreground,.text-secondary-foreground\/40 { color: var(--secondary-foreground) } @supports (color: color-mix(in lab,red,red)) { .text-secondary-foreground\/40 { color:color-mix(in oklab,var(--secondary-foreground)40%,transparent) } } .text-secondary-foreground\/50 { color: var(--secondary-foreground) } @supports (color: color-mix(in lab,red,red)) { .text-secondary-foreground\/50 { color:color-mix(in oklab,var(--secondary-foreground)50%,transparent) } } .text-silver { color: var(--silver) } .text-tifany { color: var(--tifany) } .text-transparent { color: #0000 } .text-transparent-1 { color: var(--text-transparent-1) } .text-transparent-2 { color: var(--text-transparent-2) } .text-white { color: var(--color-white) } .text-white\/24 { color: #ffffff3d } @supports (color: color-mix(in lab,red,red)) { .text-white\/24 { color:color-mix(in oklab,var(--color-white)24%,transparent) } } .text-white\/25 { color: #ffffff40 } @supports (color: color-mix(in lab,red,red)) { .text-white\/25 { color:color-mix(in oklab,var(--color-white)25%,transparent) } } .text-white\/30 { color: #ffffff4d } @supports (color: color-mix(in lab,red,red)) { .text-white\/30 { color:color-mix(in oklab,var(--color-white)30%,transparent) } } .text-white\/40 { color: #fff6 } @supports (color: color-mix(in lab,red,red)) { .text-white\/40 { color:color-mix(in oklab,var(--color-white)40%,transparent) } } .text-white\/50 { color: #ffffff80 } @supports (color: color-mix(in lab,red,red)) { .text-white\/50 { color:color-mix(in oklab,var(--color-white)50%,transparent) } } .text-white\/60 { color: #fff9 } @supports (color: color-mix(in lab,red,red)) { .text-white\/60 { color:color-mix(in oklab,var(--color-white)60%,transparent) } } .text-white\/70 { color: #ffffffb3 } @supports (color: color-mix(in lab,red,red)) { .text-white\/70 { color:color-mix(in oklab,var(--color-white)70%,transparent) } } .text-white\/80 { color: #fffc } @supports (color: color-mix(in lab,red,red)) { .text-white\/80 { color:color-mix(in oklab,var(--color-white)80%,transparent) } } .text-white\/90 { color: #ffffffe6 } @supports (color: color-mix(in lab,red,red)) { .text-white\/90 { color:color-mix(in oklab,var(--color-white)90%,transparent) } } .text-white\/95 { color: #fffffff2 } @supports (color: color-mix(in lab,red,red)) { .text-white\/95 { color:color-mix(in oklab,var(--color-white)95%,transparent) } } .text-yellow-400 { color: var(--color-yellow-400) } .text-yellow-500 { color: var(--color-yellow-500) } .capitalize { text-transform: capitalize } .lowercase { text-transform: lowercase } .uppercase { text-transform: uppercase } .italic { font-style: italic } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,) } .line-through { text-decoration-line: line-through } .no-underline\! { text-decoration-line: none!important } .underline { text-decoration-line: underline } .underline-offset-4 { text-underline-offset: 4px } .opacity-0 { opacity: 0 } .opacity-40 { opacity: .4 } .opacity-45 { opacity: .45 } .opacity-50 { opacity: .5 } .opacity-60 { opacity: .6 } .opacity-70 { opacity: .7 } .opacity-90 { opacity: .9 } .opacity-100 { opacity: 1 } .opacity-100\! { opacity: 1!important } .mix-blend-difference { mix-blend-mode: difference } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .shadow-none\! { --tw-shadow: 0 0 #0000!important; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .ring { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .\[box-shadow\: none\] { box-shadow:none } .glass-shadow { box-shadow: var(--glass-shadow) } .glass-shadow-none { box-shadow: none } .ring-offset-background { --tw-ring-offset-color: var(--background) } .outline { outline-style: var(--tw-outline-style); outline-width: 1px } .outline-2\! { outline-style: var(--tw-outline-style)!important; outline-width: 2px!important } .outline-primary\! { outline-color: var(--primary)!important } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .blur-lg { --tw-blur: blur(var(--blur-lg)); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .filter { filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .backdrop-blur-\[1px\] { --tw-backdrop-blur: blur(1px); -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,) } .backdrop-blur-\[4px\] { --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,) } .backdrop-blur-\[12px\] { --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,) } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,) } .transition { transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)) } .transition-\[background-color\,color\,opacity\,transform\] { transition-property: background-color,color,opacity,transform; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)) } .transition-\[color\,box-shadow\] { transition-property: color,box-shadow; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)) } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)) } .transition-colors { transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)) } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)) } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)) } .transition-transform { transition-property: transform,translate,scale,rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)) } .transition-none { transition-property: none } .duration-200 { --tw-duration: .2s; transition-duration: .2s } .duration-300 { --tw-duration: .3s; transition-duration: .3s } .duration-500 { --tw-duration: .5s; transition-duration: .5s } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out) } .outline-none { --tw-outline-style: none; outline-style: none } .select-none { -webkit-user-select: none; user-select: none } .\!paused { animation-play-state: paused!important } .paused { animation-play-state: paused } .running { animation-play-state: running } .group-data-\[state\=active\]\: opacity-100:is(:where(.group)[data-state=active] *) { opacity:1 } .first-letter\: uppercase:first-letter { text-transform:uppercase } .selection\: bg-primary ::selection { background-color:var(--primary) } .selection\: bg-primary::selection { background-color:var(--primary) } .selection\: text-primary-foreground ::selection { color:var(--primary-foreground) } .selection\: text-primary-foreground::selection { color:var(--primary-foreground) } .file\: inline-flex::file-selector-button { display:inline-flex } .file\: h-7::file-selector-button { height:calc(var(--spacing)*7) } .file\: border-0::file-selector-button { border-style:var(--tw-border-style); border-width: 0 } .file\: bg-transparent::file-selector-button { background-color:#0000 } .file\: text-lg::file-selector-button { font-size:17px; line-height: var(--tw-leading,22px) } .file\: text-sm::file-selector-button { font-size:14px; line-height: var(--tw-leading,18px) } .file\: font-medium::file-selector-button { --tw-font-weight:var(--font-weight-medium); font-weight: var(--font-weight-medium) } .file\: text-foreground::file-selector-button { color:var(--foreground) } .placeholder\: text-base::placeholder { font-size:var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)) } .placeholder\: text-sm::placeholder { font-size:14px; line-height: var(--tw-leading,18px) } .placeholder\: text-xs::placeholder { font-size:13px; line-height: var(--tw-leading,18px) } .placeholder\: text-muted-foreground::placeholder { color:var(--muted-foreground) } .last\: border-b-0:last-child { border-bottom-style:var(--tw-border-style); border-bottom-width: 0 } .last\: border-none:last-child { --tw-border-style:none; border-style: none } @media(hover: hover) { .hover\:bg-\[var\(--destructive-secondary\)\]\/90:hover { background-color:var(--destructive-secondary) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-\[var\(--destructive-secondary\)\]\/90:hover { background-color:color-mix(in oklab,var(--destructive-secondary)90%,transparent) } } .hover\:bg-accent\/20:hover { background-color: var(--accent) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-accent\/20:hover { background-color:color-mix(in oklab,var(--accent)20%,transparent) } } .hover\:bg-dark-4\/60:hover { background-color: var(--bg-dark-4) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-dark-4\/60:hover { background-color:color-mix(in oklab,var(--bg-dark-4)60%,transparent) } } .hover\:bg-destructive\/90:hover { background-color: var(--destructive) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-destructive\/90:hover { background-color:color-mix(in oklab,var(--destructive)90%,transparent) } } .hover\:bg-input\/50:hover { background-color: var(--input) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-input\/50:hover { background-color:color-mix(in oklab,var(--input)50%,transparent) } } .hover\:bg-input\/60:hover { background-color: var(--input) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-input\/60:hover { background-color:color-mix(in oklab,var(--input)60%,transparent) } } .hover\:bg-muted\/50:hover { background-color: var(--muted) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-muted\/50:hover { background-color:color-mix(in oklab,var(--muted)50%,transparent) } } .hover\:bg-muted\/60:hover { background-color: var(--muted) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-muted\/60:hover { background-color:color-mix(in oklab,var(--muted)60%,transparent) } } .hover\:bg-muted\/80:hover { background-color: var(--muted) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-muted\/80:hover { background-color:color-mix(in oklab,var(--muted)80%,transparent) } } .hover\:bg-primary\/30:hover { background-color: var(--primary) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-primary\/30:hover { background-color:color-mix(in oklab,var(--primary)30%,transparent) } } .hover\:bg-primary\/90:hover { background-color: var(--primary) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-primary\/90:hover { background-color:color-mix(in oklab,var(--primary)90%,transparent) } } .hover\:bg-secondary\/40:hover { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-secondary\/40:hover { background-color:color-mix(in oklab,var(--secondary)40%,transparent) } } .hover\:bg-secondary\/80:hover { background-color: var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-secondary\/80:hover { background-color:color-mix(in oklab,var(--secondary)80%,transparent) } } .hover\:bg-white:hover { background-color: var(--color-white) } .hover\:bg-white\/25:hover { background-color: #ffffff40 } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-white\/25:hover { background-color:color-mix(in oklab,var(--color-white)25%,transparent) } } .hover\:bg-white\/35:hover { background-color: #ffffff59 } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-white\/35:hover { background-color:color-mix(in oklab,var(--color-white)35%,transparent) } } .hover\:bg-white\/85:hover { background-color: #ffffffd9 } @supports (color: color-mix(in lab,red,red)) { .hover\:bg-white\/85:hover { background-color:color-mix(in oklab,var(--color-white)85%,transparent) } } .hover\:text-muted-foreground:hover { color: var(--muted-foreground) } .hover\:text-white\/50:hover { color: #ffffff80 } @supports (color: color-mix(in lab,red,red)) { .hover\:text-white\/50:hover { color:color-mix(in oklab,var(--color-white)50%,transparent) } } .hover\:text-white\/80:hover { color: #fffc } @supports (color: color-mix(in lab,red,red)) { .hover\:text-white\/80:hover { color:color-mix(in oklab,var(--color-white)80%,transparent) } } .hover\:underline:hover { text-decoration-line: underline } .hover\:opacity-80:hover { opacity: .8 } } .focus-visible\: border-destructive\!:focus-visible { border-color:var(--destructive)!important } .focus-visible\: border-primary:focus-visible { border-color:var(--primary) } .focus-visible\: border-ring:focus-visible { border-color:var(--ring) } .focus-visible\: border-secondary-foreground:focus-visible { border-color:var(--secondary-foreground) } .focus-visible\: shadow-none\!:focus-visible { --tw-shadow:0 0 #0000!important; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important } .focus-visible\: ring-2:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .focus-visible\: ring-\[3px\]:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .focus-visible\: ring-\[var\(--destructive-secondary\)\]\/20:focus-visible { --tw-ring-color:var(--destructive-secondary) } @supports (color: color-mix(in lab,red,red)) { .focus-visible\:ring-\[var\(--destructive-secondary\)\]\/20:focus-visible { --tw-ring-color:color-mix(in oklab,var(--destructive-secondary)20%,transparent) } } .focus-visible\: ring-destructive\/20:focus-visible { --tw-ring-color:var(--destructive) } @supports (color: color-mix(in lab,red,red)) { .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent) } } .focus-visible\: ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color:var(--ring) } @supports (color: color-mix(in lab,red,red)) { .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent) } } .focus-visible\: ring-offset-2:focus-visible { --tw-ring-offset-width:2px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color) } .focus-visible\: outline-hidden:focus-visible { --tw-outline-style:none; outline-style: none } @media(forced-colors:active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid #0000 } } .focus-visible\: outline-1:focus-visible { outline-style:var(--tw-outline-style); outline-width: 1px } .focus-visible\: outline-none:focus-visible { --tw-outline-style:none; outline-style: none } .active\: scale-95:active { --tw-scale-x:95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x)var(--tw-scale-y) } .active\: cursor-grabbing:active { cursor:grabbing } .active\: bg-\[var\(--destructive-secondary\)\]\/80:active { background-color:var(--destructive-secondary) } @supports (color: color-mix(in lab,red,red)) { .active\:bg-\[var\(--destructive-secondary\)\]\/80:active { background-color:color-mix(in oklab,var(--destructive-secondary)80%,transparent) } } .active\: bg-accent\/25:active { background-color:var(--accent) } @supports (color: color-mix(in lab,red,red)) { .active\:bg-accent\/25:active { background-color:color-mix(in oklab,var(--accent)25%,transparent) } } .active\: bg-destructive\/80:active { background-color:var(--destructive) } @supports (color: color-mix(in lab,red,red)) { .active\:bg-destructive\/80:active { background-color:color-mix(in oklab,var(--destructive)80%,transparent) } } .active\: bg-input\/40:active { background-color:var(--input) } @supports (color: color-mix(in lab,red,red)) { .active\:bg-input\/40:active { background-color:color-mix(in oklab,var(--input)40%,transparent) } } .active\: bg-input\/70:active { background-color:var(--input) } @supports (color: color-mix(in lab,red,red)) { .active\:bg-input\/70:active { background-color:color-mix(in oklab,var(--input)70%,transparent) } } .active\: bg-muted\/70:active { background-color:var(--muted) } @supports (color: color-mix(in lab,red,red)) { .active\:bg-muted\/70:active { background-color:color-mix(in oklab,var(--muted)70%,transparent) } } .active\: bg-primary\/80:active { background-color:var(--primary) } @supports (color: color-mix(in lab,red,red)) { .active\:bg-primary\/80:active { background-color:color-mix(in oklab,var(--primary)80%,transparent) } } .active\: bg-secondary\/70:active { background-color:var(--secondary) } @supports (color: color-mix(in lab,red,red)) { .active\:bg-secondary\/70:active { background-color:color-mix(in oklab,var(--secondary)70%,transparent) } } .active\: text-muted-foreground:active { color:var(--muted-foreground) } .active\: opacity-70:active { opacity:.7 } .disabled\: pointer-events-none:disabled { pointer-events:none } .disabled\: cursor-not-allowed:disabled { cursor:not-allowed } .disabled\: bg-white\/24:disabled { background-color:#ffffff3d } @supports (color: color-mix(in lab,red,red)) { .disabled\:bg-white\/24:disabled { background-color:color-mix(in oklab,var(--color-white)24%,transparent) } } .disabled\: text-black\/50:disabled { color:#00000080 } @supports (color: color-mix(in lab,red,red)) { .disabled\:text-black\/50:disabled { color:color-mix(in oklab,var(--color-black)50%,transparent) } } .disabled\: opacity-50:disabled { opacity:.5 } .disabled\: opacity-100:disabled { opacity:1 } .has-data-\[slot\=card-action\]\: grid-cols-\[1fr_auto\]:has([data-slot=card-action]) { grid-template-columns:1fr auto } .aria-invalid\: border-destructive[aria-invalid=true] { border-color:var(--destructive) } .aria-invalid\: ring-destructive\/20[aria-invalid=true] { --tw-ring-color:var(--destructive) } @supports (color: color-mix(in lab,red,red)) { .aria-invalid\:ring-destructive\/20[aria-invalid=true] { --tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent) } } .data-disabled\: opacity-50[data-disabled] { opacity:.5 } .data-\[orientation\=horizontal\]\: h-1\.5[data-orientation=horizontal] { height:calc(var(--spacing)*1.5) } .data-\[orientation\=horizontal\]\: h-2\.5[data-orientation=horizontal] { height:calc(var(--spacing)*2.5) } .data-\[orientation\=horizontal\]\: h-full[data-orientation=horizontal] { height:100% } .data-\[orientation\=horizontal\]\: h-px[data-orientation=horizontal] { height:1px } .data-\[orientation\=horizontal\]\: w-\[calc\(100\%-25px\)\][data-orientation=horizontal] { width:calc(100% - 25px) } .data-\[orientation\=horizontal\]\: w-full[data-orientation=horizontal] { width:100% } .data-\[orientation\=vertical\]\: h-full[data-orientation=vertical] { height:100% } .data-\[orientation\=vertical\]\: min-h-44[data-orientation=vertical] { min-height:calc(var(--spacing)*44) } .data-\[orientation\=vertical\]\: w-1\.5[data-orientation=vertical] { width:calc(var(--spacing)*1.5) } .data-\[orientation\=vertical\]\: w-2\.5[data-orientation=vertical] { width:calc(var(--spacing)*2.5) } .data-\[orientation\=vertical\]\: w-auto[data-orientation=vertical] { width:auto } .data-\[orientation\=vertical\]\: w-full[data-orientation=vertical] { width:100% } .data-\[orientation\=vertical\]\: w-px[data-orientation=vertical] { width:1px } .data-\[orientation\=vertical\]\: flex-col[data-orientation=vertical] { flex-direction:column } .data-\[state\=active\]\: bg-transparent[data-state=active] { background-color:#0000 } .data-\[state\=active\]\: text-secondary[data-state=active] { color:var(--secondary) } .data-\[state\=checked\]\: translate-x-6[data-state=checked] { --tw-translate-x:calc(var(--spacing)*6); translate: var(--tw-translate-x)var(--tw-translate-y) } .data-\[state\=checked\]\: border-primary[data-state=checked] { border-color:var(--primary) } .data-\[state\=checked\]\: bg-primary[data-state=checked] { background-color:var(--primary) } .data-\[state\=checked\]\: text-primary-foreground[data-state=checked] { color:var(--primary-foreground) } .data-\[state\=closed\]\: animate-accordion-up[data-state=closed] { animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) } .data-\[state\=inactive\]\: text-background[data-state=inactive] { color:var(--background) } .data-\[state\=inactive\]\: opacity-50[data-state=inactive] { opacity:.5 } .data-\[state\=open\]\: animate-accordion-down[data-state=open] { animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) } .data-\[state\=selected\]\: bg-muted[data-state=selected] { background-color:var(--muted) } .data-\[state\=unchecked\]\: translate-x-0\.5[data-state=unchecked] { --tw-translate-x:calc(var(--spacing)*.5); translate: var(--tw-translate-x)var(--tw-translate-y) } .data-\[state\=unchecked\]\: bg-\[\#3A3A3A\][data-state=unchecked] { background-color:#3a3a3a } @media not all and (min-width: 400px) { .max-\[400px\]\:grid-cols-\[repeat\(auto-fill\,minmax\(140px\,1fr\)\)\] { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)) } } @media(min-width: 40rem) { .sm\:text-xs { font-size:13px; line-height: var(--tw-leading,18px) } } @media(min-width: 48rem) { .md\:text-lg { font-size:17px; line-height: var(--tw-leading,22px) } .md\:text-sm { font-size: 14px; line-height: var(--tw-leading,18px) } } @media(prefers-color-scheme: dark) { .dark\:bg-input\/30 { background-color:var(--input) } @supports (color: color-mix(in lab,red,red)) { .dark\:bg-input\/30 { background-color:color-mix(in oklab,var(--input)30%,transparent) } } @media(hover: hover) { .dark\:hover\:bg-input\/50:hover { background-color:var(--input) } @supports (color: color-mix(in lab,red,red)) { .dark\:hover\:bg-input\/50:hover { background-color:color-mix(in oklab,var(--input)50%,transparent) } } } .dark\:focus-visible\:ring-\[var\(--destructive-secondary\)\]\/40: focus-visible { --tw-ring-color:var(--destructive-secondary) } @supports (color: color-mix(in lab,red,red)) { .dark\:focus-visible\:ring-\[var\(--destructive-secondary\)\]\/40:focus-visible { --tw-ring-color:color-mix(in oklab,var(--destructive-secondary)40%,transparent) } } .dark\:active\:bg-input\/70:active { background-color: var(--input) } @supports (color: color-mix(in lab,red,red)) { .dark\:active\:bg-input\/70:active { background-color:color-mix(in oklab,var(--input)70%,transparent) } } .dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true] { --tw-ring-color: var(--destructive) } @supports (color: color-mix(in lab,red,red)) { .dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true] { --tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent) } } .dark\:data-\[state\=checked\]\:bg-primary[data-state=checked] { background-color: var(--primary) } .dark\:data-\[state\=unchecked\]\:bg-\[\#3A3A3A\][data-state=unchecked] { background-color: #3a3a3a } } .\[\&_\.recharts-cartesian-axis-tick_text\]\: fill-muted-foreground .recharts-cartesian-axis-tick text { fill:var(--muted-foreground) } .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,var(--border)50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[data-slot\=switch-thumb\]\]\:size-\[25px\] [data-slot=switch-thumb]{width:25px;height:25px}.\[\&_\[data-slot\=switch-thumb\]\]\:data-\[state\=checked\]\:translate-x-\[calc\(2\.5rem-0\.625rem-2px\)\] [data-slot=switch-thumb][data-state=checked]{--tw-translate-x: calc(1.875rem - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&_img\]\:h-4 img{height:calc(var(--spacing)*4)}.\[\&_img\]\:h-12 img{height:calc(var(--spacing)*12)}.\[\&_img\]\:w-4 img{width:calc(var(--spacing)*4)}.\[\&_img\]\:w-12 img{width:calc(var(--spacing)*12)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:block svg{display:block}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:size-7\! svg{width:calc(var(--spacing)*7)!important;height:calc(var(--spacing)*7)!important}.\[\&_svg\]\:size-7\.5 svg{width:calc(var(--spacing)*7.5);height:calc(var(--spacing)*7.5)}.\[\&_svg\]\:size-\[14px\]\! svg{width:14px!important;height:14px!important}.\[\&_svg\]\:size-\[24px\] svg{width:24px;height:24px}.\[\&_svg\]\:size-\[38px\] svg{width:38px;height:38px}.\[\&_svg\]\:h-4\! svg{height:calc(var(--spacing)*4)!important}.\[\&_svg\]\:h-12\! svg{height:calc(var(--spacing)*12)!important}.\[\&_svg\]\:w-4\! svg{width:calc(var(--spacing)*4)!important}.\[\&_svg\]\:w-12\! svg{width:calc(var(--spacing)*12)!important}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:align-middle svg{vertical-align:middle}.\[\&_svg\]\:leading-\[0\] svg{--tw-leading:0;line-height:0}.\[\&_svg\]\:text-white\/40 svg{color:#fff6}@supports (color:color-mix(in lab,red,red)){.\[\&_svg\]\:text-white\/40 svg{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>div\>div\:last-child\]\:\!p-1>div>div:last-child{padding:calc(var(--spacing)*1)!important}.\[\&\>div\>div\:last-child\>svg\]\:\!hidden>div>div:last-child>svg{display:none!important}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:hidden>svg{display:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing)*3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing)*3)}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}@media(hover:hover){a.\[a\&\]\:hover\:bg-accent:hover,a.\[a\&\]\:hover\:bg-accent\/90:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-accent\/90:hover{background-color:color-mix(in oklab,var(--accent)90%,transparent)}}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--tg-viewport-safe-area-inset-top:-30px;--tg-viewport-safe-area-inset-bottom:0px;--color-background:#141414;--color-background-secondary:#282727;--color-background-secondary-2:#3a3a3a;--color-text:#fff;--color-text-muted:#6d6d71;--font-sans:"SFProText",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;--text-transparent-2:#fff6;--text-transparent-1:#ffffffb3;--radius:16px;--background:#141414;--foreground:#fff;--card:#fff;--card-foreground:#fff;--popover:#fff;--popover-foreground:#fff;--primary:#1689ff;--primary-foreground:#fff;--secondary:#282727;--secondary-foreground:#6d6d71;--secondary-40:var(--secondary)}@supports (color:color-mix(in lab,red,red)){:root{--secondary-40:color-mix(in srgb,var(--secondary)30%,var(--background))}}:root{--secondary-60:var(--secondary)}@supports (color:color-mix(in lab,red,red)){:root{--secondary-60:color-mix(in srgb,var(--secondary)60%,var(--background))}}:root{--secondary-64:#282727;--muted:#3a3a3a;--muted-foreground:#6d6d71;--accent:#49df64;--accent-foreground:#363636;--destructive:#df494d;--destructive-secondary:#ff3f46;--border:#454545;--input:#1c1c1c;--ring:#fff;--chart-1:#f4a261;--chart-2:#2a9d8f;--chart-3:#264653;--chart-4:#e9c46a;--chart-5:#e76f51;--sidebar:#fcfcfc;--sidebar-foreground:#252525;--sidebar-primary:#363636;--sidebar-primary-foreground:#fcfcfc;--sidebar-accent:#f7f7f7;--sidebar-accent-foreground:#363636;--sidebar-border:#ebebeb;--sidebar-ring:#b3b3b3;--bg-gold:#f1aa05;--bg-purple:#af51de;--bg-cyan:#5ac8fa;--bright-azure:#35aff1;--bright-azure-2:#55a9ff;--bg-dark:#121212;--bg-dark-2:#1a1a1a;--bg-dark-3:#00131d;--bg-dark-4:#1e1e1e;--bg-darkness:#0a0a0a;--bg-grey:#2d2d2d;--bg-grey-2:#292929;--bg-grey-3:#b8b8b8;--tifany:#68fbdd;--orange:#f18305;--wallet-history-green:#49df64;--wallet-history-red:#df494d;--wallet-history-gray:#6d6d71;--preview-notification:#f1aa051f;--gold-gradient:linear-gradient(94.02deg,#fac297 1.95%,#ffc386 50.42%,#ca8e52 98.56%);--gold-gradient-secondary:linear-gradient(95.81deg,#f1aa05 .35%,#fbae61 49.03%,#e6b94e 97.72%);--warm-coral:#d88b6b;--light-gold:#e7d741;--light-gold-2:#ffe823;--silver:#a5a5a5;--bronze:#d3aa4e;--lazure:#b0e6ff;--c-light:#fff;--glass-reflex-light:.3;--glass-shadow:inset 1.8px 3px 0px -2px #ffffff0f,inset 2px 2px 0px -2px #ffffff17,inset -2px -2px 2px -2px #ffffff17,inset -1.8px -3px 0px -2px #ffffff0f;--glass-shadow-modern:inset 1.8px 3px 0px -2px var(--c-light),inset 2px 2px 0px -2px var(--c-light),inset -2px -2px 2px -2px var(--c-light),inset -1.8px -3px 0px -2px var(--c-light)}@supports (color:color-mix(in lab,red,red)){:root{--glass-shadow-modern:inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*20%),transparent),inset 2px 2px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*30%),transparent),inset -2px -2px 2px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*30%),transparent),inset -1.8px -3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*20%),transparent)}}@supports color-mix(in srgb,white,transparent){:root{--glass-shadow:var(--glass-shadow-modern)}}.glass-shadow{box-shadow:var(--glass-shadow)}.cart-wrapper{bottom:calc(var(--tg-viewport-safe-area-inset-bottom) + 75px);transition:transform .25s ease-in-out;transform:translateY(0)}html.keyboard-visible .cart-wrapper{transform:translateY(55px)}html,body{height:100%;color:var(--foreground);background:var(--background);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*,:after,:before{box-sizing:border-box;scrollbar-color:black #141414;scrollbar-width:none;outline:none}a{text-decoration:none}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text;-khtml-user-select:text}html{touch-action:manipulation;-webkit-text-size-adjust:none}input::-webkit-outer-spin-button{-webkit-appearance:none}input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.gold-gradient{background:var(--gold-gradient)}.gold-gradient-secondary{background:var(--gold-gradient-secondary)}.gold-gradient,.gold-gradient-secondary{-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.bg-collection{background:radial-gradient(100% 100% at 50% 100%,#4e4c4c,#333131)}.bg-white-skeleton{background:#fff6}.text-transparent-2{color:var(--text-transparent-2)}.text-transparent-1{color:var(--text-transparent-1)}.preview-notification{background-color:var(--preview-notification)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}