* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } user agent stylesheet :root { view-transition-name: root; } user agent stylesheet html { display: block; } ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-thumb { background: #e3e5e89e; border-radius: 10px; } ::-webkit-scrollbar-track { background: transparent; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } html[data-theme="light"] .dark-toggle .moon { opacity: 1; pointer-events: auto; } html[data-theme="dark"] .dark-toggle .sun-color { opacity: 1; pointer-events: auto; } :root { --zindex10001: 10001; --zindex900: 900; --zindex800: 800; --zindex700: 700; --zindex600: 600; --zindex500: 500; --zindex400: 400; --zindex300: 300; --zindex1: -1;--withdrawn-color: #f093fb;--remaining-color: #4facfe;--clip-path: inset(0 66.67% 0 0% round 10px);  } *,:after,:before { -webkit-box-sizing: inherit; box-sizing: inherit } * { -webkit-font-variant-ligatures: none; font-variant-ligatures: none; -webkit-transition: background-color .33s; -o-transition: background-color .33s; transition: background-color .33s; } html { --font-size-10: 0.62rem;--font-size-12: 0.75rem; --font-size-14: 0.875rem;--font-size-15: 0.955rem; --font-size-16: 1rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-22: 1.375rem; --font-size-24: 1.5rem; --font-size-28: 1.75rem; --font-size-32: 2rem; --font-size-40: 2.5rem; --font-size-44: 2.75rem; --font-size-56: 3.5rem; --font-weight-regular: 435; --font-weight-medium: 535; --font-weight-semibold: 600;--font-weight-bold: 660; } html { --dangerouslySetPrimaryBg: #fff; --tempNbtPink: #f1e3f3; --tempNbtYellow: #fff3c8; --tempNbtBlue: #d6eeff; --tempNbtGray: #f0f0f2; --tempNbtRed: #ffc7bb } html { --background-primary: var(--white); --background-secondary: var(--gray50); --background-tertiary: var(--gray100); --background-transparent: var(--overlay00); --background-surface-primary: var(--white); --background-surface-secondary: var(--gray50); --background-inverse-primary: var(--gray900); --background-overlay-primary: var(--overlay70); --background-overlay-secondary: var(--overlay30); --background-always-dark: var(--black); --background-always-light: var(--white); --background-accent: var(--green9); --background-positive: var(--green9); --background-negative: var(--red9); --background-warning: var(--yellow500); --background-accent-subtle: var(--green2); --background-positive-subtle: var(--green2); --background-negative-subtle: var(--red100); --background-warning-subtle: var(--yellow100); --background-accent-secondary: var(--purple500); --background-accent-secondary-subtle: var(--purple100); --background-on-warning-subtle: var(--yellow11); --background-disabled: var(--neutral2); --background-surface-z1: var(--neutral1); --background-surface-z2: var(--neutral1); --background-surface-docked: var(--neutral1); --background-secondary-on-surface-z1: var(--neutral2); --background-tertiary-on-surface-z1: var(--neutral3); --background-accent-subtle-on-surface-z1: var(--green2); --background-secondary-subtle-on-surface-z1: var(--blue2); --background-positive-subtle-on-surface-z1: var(--green2); --background-negative-subtle-on-surface-z1: var(--red2); --background-warning-subtle-on-surface-z1: var(--yellow2); --background-disabled-on-surface-z1: var(--neutral2); --background-secondary-on-surface-z2: var(--neutral2); --background-tertiary-on-surface-z2: var(--neutral3); --background-accent-subtle-on-surface-z2: var(--green2); --background-secondary-subtle-on-surface-z2: var(--blue2); --background-positive-subtle-on-surface-z2: var(--green2); --background-negative-subtle-on-surface-z2: var(--red2); --background-warning-subtle-on-surface-z2: var(--yellow2); --background-disabled-on-surface-z2: var(--neutral2) } html { --border-primary: var(--gray150); --border-disabled: var(--gray100); --border-accent: var(--green9); --border-positive: var(--green9); --border-negative: var(--red9); --border-neutral: var(--gray900); --border-primary-on-surface-z1: var(--neutral4); --border-disabled-on-surface-z1: var(--neutral3); --border-primary-on-surface-z2: var(--neutral4); --border-disabled-on-surface-z2: var(--neutral3) } html { --content-primary: var(--gray900); --content-secondary: var(--gray700); --content-tertiary: var(--gray500); --content-inverse-primary: var(--white); --content-inverse-secondary: var(--gray300); --content-disabled: var(--gray400); --content-on-colour: var(--white); --content-on-colour-inverse: var(--neutral12); --content-accent: var(--green9); --content-negative: var(--red9); --content-warning: var(--yellow500); --content-positive: var(--green9); --content-accent-secondary: var(--purple500); --content-accent-secondary-subtle: var(--purple300); --content-on-warning-subtle: var(--yellow11); --content-on-accent-subtle: var(--green11); --content-on-accent-secondary-subtle: var(--blue11); --content-on-positive-subtle: var(--green11); --content-on-negative-subtle: var(--red11) } html { --gray900: #44475b; --gray800: #696c7c; --gray700: #7c7e8c; --gray600: #8f919d; --gray500: #a1a3ad; --gray400: #b0b2ba; --gray300: #c7c8ce; --gray200: #dddee1; --gray150: #e9e9eb; --gray100: #f0f0f2; --gray50: #f8f8f8; --green300: #66e3c4; --green100: #e9faf3; --purple500: #5367ff; --purple300: #84a4ff; --purple100: #eef0ff; --yellow500: #ffb61b; --yellow100: #fff5e0; --red500: #ed5533; --red100: #fae9e5; --yellow1: #fefdfb; --yellow2: #fff7de; --yellow3: #fff1c3; --yellow4: #ffe7aa; --yellow5: #ffdc8b; --yellow6: #ffcd65; --yellow7: #f5bc57; --yellow8: #e4a417; --yellow11: #a16b00; --yellow12: #4a3819; --red1: #fffcfb; --red2: #fff1ed; --red3: #ffebe6; --red4: #ffdacf; --red5: #ffcbbc; --red6: #ffbbab; --red7: #f7a895; --red8: #ee8e78; --red9: #ed5533; --red10: #df4622; --red11: #d23a15; --red12: #5b291d; --green1: #fafefc; --green2: #e9faf3; --green3: #e0f8ee; --green4: #cdf3e3; --green5: #b7ecd6; --green6: #9ce2c6; --green7: #75d3b0; --green8: #24bf92; --green11: #00825c; --green12: #0d3d2e; --blue1: #fdfdfe; --blue2: #f2f5ff; --blue3: #edf2ff; --blue4: #e0e9ff; --blue5: #d1deff; --blue6: #bfcfff; --blue7: #a9bcff; --blue8: #8ba1fb; --blue9: #5669ff; --blue10: #4d5fe4; --blue11: #4452d6; --blue12: #212a63; --lilac1: #fcfcff; --lilac2: #f0f4ff; --lilac3: #eef0fd; --lilac4: #e4e8fc; --lilac5: #dadef9; --lilac6: #ced4f4; --lilac7: #bec5ee; --lilac8: #a6afe5; --lilac9: #5e659a; --lilac10: #51578b; --lilac11: #5b6297; --lilac12: #252944; --neutral1: #fff; --neutral2: #f7f7f7; --neutral3: #eff0f1; --neutral4: #e7e8e9; --neutral5: #e0e1e2; --neutral6: #d8d9da; --neutral7: #cdcecf; --neutral8: #babbbc; --neutral9: #898c8e; --neutral10: #7f8283; --neutral11: #7f8283; --neutral12: #353839; --accent-hover: #04ad83; --accent-subtle-hover: #e0f8ee; --accent-selected: #04ad83; --accent-subtle-selected: #ddf5ee } html { --data-viz-lilac: #7a7ac6; --data-viz-lilac-subtle: #dfe0ef; --data-viz-blue: #5669ff; --data-viz-blue-subtle: #cad1fe; --data-viz-sky-blue: #4da4dd; --data-viz-sky-blue-subtle: #c7e2f3; --data-viz-mint-green: #04b488; --data-viz-mint-green-subtle: #b2e7da; --data-viz-olive-green: #a1b55c; --data-viz-olive-green-subtle: #e1e7cd; --data-viz-yellow: #fcce00; --data-viz-yellow-subtle: #fcefb1; --data-viz-orange: #f59817; --data-viz-orange-subtle: #fadfb8; --data-viz-red: #ff5e3b; --data-viz-red-subtle: #f8cbc0; --data-viz-magenta: #c73a75; --data-viz-magenta-subtle: #ecc2d4; --data-viz-brown: #9d615c; --data-viz-brown-subtle: #dfcecd; --data-viz-grey: #808fa3; --data-viz-grey-subtle: #bec6d0 } html[data-theme=dark] { --data-viz-lilac: #7a7ac6; --data-viz-lilac-subtle: #1d1e2f; --data-viz-blue: #5669ff; --data-viz-blue-subtle: #1e2553; --data-viz-sky-blue: #4da4dd; --data-viz-sky-blue-subtle: #1b3749; --data-viz-mint-green: #04b488; --data-viz-mint-green-subtle: #053c2f; --data-viz-olive-green: #a1b55c; --data-viz-olive-green-subtle: #353c22; --data-viz-yellow: #fcce00; --data-viz-yellow-subtle: #504306; --data-viz-orange: #f59817; --data-viz-orange-subtle: #4e330d; --data-viz-red: #ff5e3b; --data-viz-red-subtle: #512218; --data-viz-magenta: #c73a75; --data-viz-magenta-subtle: #401729; --data-viz-brown: #9d615c; --data-viz-brown-subtle: #332322; --data-viz-grey: #808fa3; --data-viz-grey-subtle: #434c56 } html,html[data-theme=dark] { --black: #121212; --white: #fff; --green500: #04b488; --overlay00: hsla(0,0%,7%,0); --overlay30: hsla(0,0%,7%,.3); --overlay70: hsla(0,0%,7%,.7); --yellow9: #e7a71e; --yellow10: #db9c00; --green9: #04b488; --green10: #00a87d; --transparent-hover: rgba(68,71,91,.059); --transparent-accent-hover: rgba(0,179,134,.059); --positive-hover: #04ad83; --positive-subtle-hover: #ddf5ee; --transparent-positive-hover: rgba(0,179,134,.059); --negative-hover: #e15a3e; --negative-subtle-hover: #f9e0db; --transparent-negative-hover: rgba(235,91,60,.059); --transparent-selected: rgba(68,71,91,.059); --transparent-accent-selected: rgba(0,179,134,.059); --positive-selected: #04ad83; --positive-subtle-selected: #ddf5ee; --transparent-positive-selected: rgba(0,179,134,.059); --negative-selected: #e15a3e; --negative-subtle-selected: #f9e0db; --transparent-negative-selected: rgba(235,91,60,.059) } html[data-theme=dark] { --gray900: #f8f8f8; --gray800: #d1d1d1; --gray700: #b8b8b8; --gray600: #a0a0a0; --gray500: #888; --gray400: #717171; --gray300: #595959; --gray200: #414141; --gray150: #2e2e2e; --gray100: #252525; --gray50: #1b1b1b; --green300: #0b5e49; --green100: #0f251d; --purple500: #98a4ff; --purple300: #323c89; --purple100: #181a2a; --yellow500: #e7a61a; --yellow100: #46391d; --red500: #ff5e3b; --red100: #411d16; --yellow1: #14120d; --yellow2: #291f0e; --yellow3: #2d210d; --yellow4: #3d2800; --yellow5: #4a3200; --yellow6: #573f12; --yellow7: #6c5121; --yellow8: #89682c; --yellow11: #f5bc56; --yellow12: #fae5c3; --red1: #17100e; --red2: #2c1711; --red3: #391810; --red4: #4f1509; --red5: #5f1d0e; --red6: #6f2a1a; --red7: #883a29; --red8: #af4b35; --red9: #ff5e3b; --red10: #f1512e; --red11: #ff9479; --red12: #ffd5ca; --green1: #0c1411; --green2: #0f251d; --green3: #0c2e22; --green4: #043c2b; --green5: #084936; --green6: #145742; --green7: #1e6951; --green8: #227f62; --green11: #46d5a7; --green12: #a7f2d4; --blue1: #0e111e; --blue2: #161d3a; --blue3: #1a224c; --blue4: #202b67; --blue5: #29357a; --blue6: #32408b; --blue7: #3b4c9f; --blue8: #4659ba; --blue9: #617bff; --blue10: #566ef1; --blue11: #97b1ff; --blue12: #d6e1ff;--lilac1: #0f1116; --lilac2: #273651; --lilac3: #202636; --lilac4: #283148; --lilac5: #323d57; --lilac6: #3e4966; --lilac7: #4c5878; --lilac8: #5c6b91; --lilac9: #899dd0; --lilac10: #7e91c4; --lilac11: #a7b7e0; --lilac12: #dae1f3; --neutral1: #060809; --neutral2: #151819; --neutral3: #1e2224; --neutral4: #252a2c; --neutral5: #2d3133; --neutral6: #363b3d; --neutral7: #44494b; --neutral8: #5c6164; --neutral9: #696e70; --neutral10: #989ea0; --neutral11: #b5bbbd; --neutral12: #f2f5f7; --accent-hover: #04ad83; --accent-subtle-hover: #0c2e22; --accent-selected: #04ad83; --accent-subtle-selected: #ddf5ee } html[data-theme=dark] { --content-primary: var(--white); --content-secondary: var(--gray700); --content-tertiary: var(--gray500); --content-inverse-primary: var(--black); --content-inverse-secondary: var(--gray400); --content-disabled: var(--gray500); --content-on-colour: var(--white); --content-on-colour-inverse: var(--neutral1); --content-accent: var(--green9); --content-negative: var(--red9); --content-warning: var(--yellow500); --content-positive: var(--green9); --content-accent-secondary: var(--purple500); --content-accent-secondary-subtle: var(--purple300); --content-on-warning-subtle: var(--yellow11); --content-on-accent-subtle: var(--green11); --content-on-accent-secondary-subtle: var(--blue11); --content-on-positive-subtle: var(--green11); --content-on-negative-subtle: var(--red11) } html,html[data-theme=dark] { --bg-transparent-hover: var(--transparent-selected); --bg-accent-hover: var(--positive-selected); --bg-accent-subtle-hover: var(--accent-subtle-hover); --bg-transparent-accent-hover: var(--transparent-positive-selected); --bg-positive-hover: var(--positive-selected); --bg-positive-subtle-hover: var(--positive-subtle-selected); --bg-transparent-positive-hover: var(--transparent-positive-selected); --bg-negative-hover: var(--negative-selected); --bg-negative-subtle-hover: var(--negative-subtle-selected); --bg-transparent-negative-hover: var(--transparent-negative-selected); --bg-transparent-selected: var(--transparent-selected); --bg-accent-selected: var(--positive-selected); --bg-accent-subtle-selected: var(--positive-subtle-selected); --bg-transparent-accent-selected: var(--transparent-positive-selected); --bg-positive-selected: var(--positive-selected); --bg-positive-subtle-selected: var(--positive-subtle-selected); --bg-transparent-positive-selected: var(--transparent-positive-selected); --bg-negative-selected: var(--negative-selected); --bg-negative-subtle-selected: var(--negative-subtle-selected); --bg-transparent-negative-selected: var(--transparent-negative-selected) } html[data-theme=dark] { --border-primary: var(--gray150); --border-disabled: var(--gray100); --border-accent: var(--green9); --border-positive: var(--green9); --border-negative: var(--red9); --border-neutral: var(--white); --border-primary-on-surface-z1: var(--neutral5); --border-disabled-on-surface-z1: var(--neutral5); --border-primary-on-surface-z2: var(--neutral6); --border-disabled-on-surface-z2: var(--neutral6) } html[data-theme=dark] { --background-primary: var(--black); --background-secondary: var(--gray50); --background-tertiary: var(--gray100); --background-transparent: var(--overlay00); --background-surface-primary: var(--gray50); --background-surface-secondary: var(--gray100); --background-inverse-primary: var(--white); --background-overlay-primary: var(--overlay70); --background-overlay-secondary: var(--overlay30); --background-always-dark: var(--black); --background-always-light: var(--white); --background-accent: var(--green9); --background-positive: var(--green9); --background-negative: var(--red9); --background-warning: var(--yellow500); --background-accent-subtle: var(--green2); --background-positive-subtle: var(--green2); --background-negative-subtle: var(--red100); --background-warning-subtle: var(--yellow100); --background-accent-secondary: var(--purple500); --background-accent-secondary-subtle: var(--purple100); --background-on-warning-subtle: var(--yellow11); --background-disabled: var(--neutral2); --background-surface-z1: var(--neutral2); --background-surface-z2: var(--neutral3); --background-surface-docked: var(--neutral2); --background-secondary-on-surface-z1: var(--neutral3); --background-tertiary-on-surface-z1: var(--neutral4); --background-accent-subtle-on-surface-z1: var(--green2); --background-secondary-subtle-on-surface-z1: var(--blue2); --background-positive-subtle-on-surface-z1: var(--green2); --background-negative-subtle-on-surface-z1: var(--red2); --background-warning-subtle-on-surface-z1: var(--yellow2); --background-disabled-on-surface-z1: var(--neutral3); --background-secondary-on-surface-z2: var(--neutral4); --background-tertiary-on-surface-z2: var(--neutral5); --background-accent-subtle-on-surface-z2: var(--green3); --background-secondary-subtle-on-surface-z2: var(--blue3); --background-positive-subtle-on-surface-z2: var(--green3); --background-negative-subtle-on-surface-z2: var(--red3); --background-warning-subtle-on-surface-z2: var(--yellow3); --background-disabled-on-surface-z2: var(--neutral4) } html[data-theme=dark] { --dangerouslySetPrimaryBg: #121212; --tempNbtPink: #9b63a3; --tempNbtYellow: #b27a00; --tempNbtBlue: #3e79a4; --tempNbtGray: #5c5c6f; --tempNbtRed: #c85d0f } html,html[data-theme=dark] { --background-data-viz-lilac: var(--data-viz-lilac); --background-data-viz-lilac-subtle: var(--data-viz-lilac-subtle); --background-data-viz-blue: var(--data-viz-blue); --background-data-viz-blue-subtle: var(--data-viz-blue-subtle); --background-data-viz-sky-blue: var(--data-viz-sky-blue); --background-data-viz-sky-blue-subtle: var(--data-viz-sky-blue-subtle); --background-data-viz-mint-green: var(--data-viz-mint-green); --background-data-viz-mint-green-subtle: var(--data-viz-mint-green-subtle); --background-data-viz-olive-green: var(--data-viz-olive-green); --background-data-viz-olive-green-subtle: var(--data-viz-olive-green-subtle); --background-data-viz-yellow: var(--data-viz-yellow); --background-data-viz-yellow-subtle: var(--data-viz-yellow-subtle); --background-data-viz-orange: var(--data-viz-orange); --background-data-viz-orange-subtle: var(--data-viz-orange-subtle); --background-data-viz-red: var(--data-viz-red); --background-data-viz-red-subtle: var(--data-viz-red-subtle); --background-data-viz-magenta: var(--data-viz-magenta); --background-data-viz-magenta-subtle: var(--data-viz-magenta-subtle); --background-data-viz-brown: var(--data-viz-brown); --background-data-viz-brown-subtle: var(--data-viz-brown-subtle); --background-data-viz-grey: var(--data-viz-grey); --background-data-viz-grey-subtle: var(--data-viz-grey-subtle); --border-data-viz-lilac: var(--data-viz-lilac); --border-data-viz-lilac-subtle: var(--data-viz-lilac-subtle); --border-data-viz-blue: var(--data-viz-blue); --border-data-viz-blue-subtle: var(--data-viz-blue-subtle); --border-data-viz-sky-blue: var(--data-viz-sky-blue); --border-data-viz-sky-blue-subtle: var(--data-viz-sky-blue-subtle); --border-data-viz-mint-green: var(--data-viz-mint-green); --border-data-viz-mint-green-subtle: var(--data-viz-mint-green-subtle); --border-data-viz-olive-green: var(--data-viz-olive-green); --border-data-viz-olive-green-subtle: var(--data-viz-olive-green-subtle); --border-data-viz-yellow: var(--data-viz-yellow); --border-data-viz-yellow-subtle: var(--data-viz-yellow-subtle); --border-data-viz-orange: var(--data-viz-orange); --border-data-viz-orange-subtle: var(--data-viz-orange-subtle); --border-data-viz-red: var(--data-viz-red); --border-data-viz-red-subtle: var(--data-viz-red-subtle); --border-data-viz-magenta: var(--data-viz-magenta); --border-data-viz-magenta-subtle: var(--data-viz-magenta-subtle); --border-data-viz-brown: var(--data-viz-brown); --border-data-viz-brown-subtle: var(--data-viz-brown-subtle); --border-data-viz-grey: var(--data-viz-grey); --border-data-viz-grey-subtle: var(--data-viz-grey-subtle); --content-data-viz-lilac: var(--data-viz-lilac); --content-data-viz-lilac-subtle: var(--data-viz-lilac-subtle); --content-data-viz-blue: var(--data-viz-blue); --content-data-viz-blue-subtle: var(--data-viz-blue-subtle); --content-data-viz-sky-blue: var(--data-viz-sky-blue); --content-data-viz-sky-blue-subtle: var(--data-viz-sky-blue-subtle); --content-data-viz-mint-green: var(--data-viz-mint-green); --content-data-viz-mint-green-subtle: var(--data-viz-mint-green-subtle); --content-data-viz-olive-green: var(--data-viz-olive-green); --content-data-viz-olive-green-subtle: var(--data-viz-olive-green-subtle); --content-data-viz-yellow: var(--data-viz-yellow); --content-data-viz-yellow-subtle: var(--data-viz-yellow-subtle); --content-data-viz-orange: var(--data-viz-orange); --content-data-viz-orange-subtle: var(--data-viz-orange-subtle); --content-data-viz-red: var(--data-viz-red); --content-data-viz-red-subtle: var(--data-viz-red-subtle); --content-data-viz-magenta: var(--data-viz-magenta); --content-data-viz-magenta-subtle: var(--data-viz-magenta-subtle); --content-data-viz-brown: var(--data-viz-brown); --content-data-viz-brown-subtle: var(--data-viz-brown-subtle); --content-data-viz-grey: var(--data-viz-grey); --content-data-viz-grey-subtle: var(--data-viz-grey-subtle) } html[data-theme="dark"] { background: #0b0f14; color: #e5e7eb; } html { -webkit-box-sizing: border-box; box-sizing: border-box; color-scheme: light dark; width: 100%; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; color: rgba(0, 0, 0, 0.87); } body, html { margin: 0; padding: 0; height: 100%; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }  .p2 { padding: 2px; } .radius5 { border-radius: 5px; } .circle { aspect-ratio: 1 / 1; border-radius: 50%; } div,i { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } h1,h2,h3,h4,h5,h6,p,span { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } body { background: var(--dangerouslySetPrimaryBg)!important; color: var(--content-primary)!important; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 435; font-family: GrowwSans,NotoSans,system-ui; min-width: 320px; -webkit-font-smoothing: antialiased } a { color: var(--content-accent); text-decoration: none } input[type=number] { -moz-appearance: textfield } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } button,input,pre,select,textarea { font-family: inherit } .hide { display: none } .absolute-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .flex { display: -webkit-box; display: -ms-flexbox; display: flex } .valign-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .halign-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .vspace-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .right-align { text-align: right } .left-align { text-align: left } .center-align { text-align: center } .responsive-img { max-width: 100%; height: auto } .truncate { display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } .fullWidth { width: 100% } .page-padding { padding: 0 16px } .cur-po { cursor: pointer } .cur-no { cursor: not-allowed } .flo-r { float: right } .flo-l { float: left } .width100 { width: 100% } .height100 { height: 100% } .card { border-radius: 5px } .blurEffect1 { -webkit-filter: blur(3px); filter: blur(3px) } .footer{ background-color:var(--background-tertiary);; padding:40px 20px; bottom: 0; margin:0px; width: 100%; background: var(--content-inverse-primary); z-index: var(--zindex700); } .footer-wrap{ width:100%; margin:auto; display:-ms-grid; display:grid; -ms-grid-columns:1fr 20px 1fr 20px 1fr 20px 1fr; grid-template-columns:repeat(4,1fr); gap:20px; } .footer ul{ list-style:none; padding:0; margin:0; } .footer li{ margin-bottom:10px; } .footer-bottom { border-top: 1.5px solid var(--border-primary); margin-top: 30px; padding-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; font-size: var(--font-size-14); color: var(--content-tertiary); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width:900px){ .footer-wrap{ -ms-grid-columns:(1fr)[2]; grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .footer{ padding:30px 15px; } .footer-wrap{ -ms-grid-columns:1fr; grid-template-columns:1fr; } } .footer-title { font-weight: var(--font-weight-medium); margin: 12px 5px 8px; font-size: var(--font-size-18); line-height: 1.375rem; } .display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-primary { color: var(--content-primary); } .footer-text:hover { color: var(--bg-accent-hover); } .footer-text { font-size: var(--font-size-16); } .btn-hover-color:hover{ background-color:var(--background-secondary); } .select-wrap{ position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:var(--font-size-14); line-height:1.25rem; font-weight:var(--font-weight-medium); color:var(--content-primary); border-width:0 0 1px; border-style:solid; border-color:var(--background-secondary); border-radius:5px; margin:2px; } select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; padding:10px 48px 10px 20px; border-radius:5px; border:0; background:transparent; color:var(--content-primary); font-size:15px; cursor:pointer; } .select-icon{ position:absolute; right:30px; width:16px; height:16px; pointer-events:none; -webkit-transition:-webkit-transform .25s ease; transition:-webkit-transform .25s ease; -o-transition:transform .25s ease; transition:transform .25s ease; transition:transform .25s ease, -webkit-transform .25s ease; color:var(--content-primary); } @supports ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)){ @media (hover:hover){ select, select::picker(select){ -webkit-appearance:base-select; -moz-appearance:base-select; appearance:base-select; } select::picker-icon{ display:none; } select::picker(select){ margin-top:6px; padding:0; border-radius:20px; border:1px solid #e1e3e5; background:#f8f8f8; overflow:hidden; opacity:0; height:0; -webkit-transition: height .35s ease, opacity .25s ease; -o-transition: height .35s ease, opacity .25s ease; transition: height .35s ease, opacity .25s ease; transition-behavior:allow-discrete; } select:open::picker(select){ opacity:1; height:calc-size(auto,size); overflow:auto; -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } select:not(:open)::picker(select){ opacity:0; height:0; overflow:hidden; } option{ color:var(--background-overlay-primary);padding:14px 20px; cursor:pointer; background: -webkit-gradient(linear,left top, left bottom,from(var(--background-secondary)),to(var(--background-secondary))) 0 0/100% 1px no-repeat; background: -o-linear-gradient(var(--background-secondary),var(--background-secondary)) 0 0/100% 1px no-repeat; background: linear-gradient(var(--background-secondary),var(--background-secondary)) 0 0/100% 1px no-repeat; } option:first-child{ background:none; } option:hover, option:focus{ background-color:var(--content-inverse-secondary); color:var(--content-primary); } option:checked{ background-color:var(--background-secondary); color:var(--content-primary); } option::checkmark{ display:none; } .select-wrap:has(select:open) .select-icon{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } }} .skiptranslate { display: none !important; } .nav { position: fixed; top: 0; width: 100%; height: 50px; z-index: var(--zindex700); -webkit-backdrop-filter: blur(15px) saturate(180%); backdrop-filter: blur(15px) saturate(180%); background: -webkit-gradient(linear, left top, left bottom, from(var(--background-primary)), color-stop(0.3, var(--background-primary))); background: -o-linear-gradient(top, var(--background-primary), var(--background-primary) 0.3); background: linear-gradient(to bottom, var(--background-primary), var(--background-primary) 0.3); -webkit-box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; } .main{ margin:60px 3px 3px 3px;padding:3px; } .nav-bar { max-width: 1200px; margin: auto; height: 100%; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-backdrop-filter: blur(40px) saturate(180%); backdrop-filter: blur(40px) saturate(180%); background: -webkit-gradient(linear, left top, left bottom, from(var(--background-primary)), color-stop(.3, var(--background-primary))); background: -o-linear-gradient(top, var(--background-primary), var(--background-primary) .3); background: linear-gradient(to bottom, var(--background-primary), var(--background-primary) .3); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .logo { color: var(--content-primary); font-size: 20px; font-weight: 600; } .icon-size { width: 16px; height: 16px; } .menu { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 18px; } .inside-menu { position: absolute; top: 10px; left: 20px; font-size: 28px; color: var(--content-primary); cursor: pointer; } .menu a { color: var(--text); text-decoration: none; font-size: 15px; } .nav-menu-icons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .icon { color: var(--content-primary); cursor: pointer; } .icon-btn.dark-toggle { position: relative; width: 24px; height: 24px; } .icon-btn.dark-toggle .icon { position: absolute; inset: 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; }  .menuOpen { display: none; } .mobile-menu { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: var(--content-inverse-primary); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; z-index: var(--zindex900); } .mobile-menu.active { right: 0; } .mobile-close { position: absolute; top: 15px; right: 15px; font-size: var(--font-size-24);; color: var(--content-primary); cursor: pointer; }  .search-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: var(--zindex10001); } .search-overlay.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-container { background: var(--content-inverse-primary); width: 100%; height: 100%; padding: 16px; overflow-y: auto; } @media (min-width: 769px) { .search-container { width: 520px; height: 85vh; border-radius: 14px; } } .search-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--content-inverse-secondary); } .search-header input { border: none; outline: none; font-size: 18px; width: 100%; background: transparent; color: inherit; }  .search-status { margin-top: 14px; font-weight: var(--font-weight-medium); }  .results { margin-top: 8px; } .result-item { padding: 8px 0; cursor: pointer; font-size: var(--font-size-14); line-height: 1.25rem; } .small { display: block; color: var(--muted); margin-top: 4px; font-size: var(--font-size-12); line-height: 1.125rem; } .section-title { font-weight: var(--font-weight-medium); margin: 12px 16px 8px; color: var(--content-secondary); } .try-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; font-size: var(--font-size-14); line-height: 1.25rem; } .explore-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; cursor: pointer; color: inherit; }  @media (max-width: 768px) { .menu { display: none; } .menuOpen { display: -webkit-box; display: -ms-flexbox; display: flex; } } .headingSmall { font-size: var(--font-size-16); line-height: 1.375rem; }  .pc-view { display: none; } .mobile-view { display: none; } @media (min-width: 768px) { .pc-view { display: block; } } .mobile-view { display: block; width: 95%; margin: 70px 5px 10px 10px; padding: 5px; }  .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; overflow-x: auto; white-space: nowrap; } .tab { padding: 8px 14px; border: 1px solid var(--border-primary); border-radius: 20px; background: var(--dangerouslySetPrimaryBg) !important; cursor: pointer; color: var(--content-primary); line-height: 1.125rem; font-size: var(--font-size-14); font-weight: var(--font-weight-medium); } .tab.active, .tab:hover { border-color: var(--accent-hover); } .mobile-content a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 5px; border-bottom: 1px solid var(--border-primary); text-decoration: none; color: inherit; } .mobile-content a:last-child { border-bottom: none; }  .pc-drop { position: fixed; display: none; min-width: 260px; border: 1px solid var(--border-primary); background: var(--dangerouslySetPrimaryBg); border-radius: 10px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); z-index: var(--zindex900); padding: 10px 16px; } .ripple { position: relative; overflow: hidden; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ripple-effect { position: absolute; border-radius: 50%; background: #32323240; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation: ripple 500ms linear; animation: ripple 500ms linear; pointer-events: none; } @-webkit-keyframes ripple { to { -webkit-transform: scale(4); transform: scale(4); opacity: 0; } } @keyframes ripple { to { -webkit-transform: scale(4); transform: scale(4); opacity: 0; } } .search-calculator { display: none; color: var(--content-secondary); line-height: 1.375rem; font-size: var(--font-size-16); padding-left: 5px; } .margin-top-15 { margin-top: 15px; } .s16 { width:16px; height:16px; }.s20 { width:20px; height:20px; }.s24 { width:24px; height:24px; }@media (min-width: 768px) { .nav-menu-icons { gap: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .searchOpen { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--border-primary); background-color: var(--background-primary); border-radius: 8px; padding: 4px 16px; }.search-calculator { display: inline-block; } }.rm{position:relative;max-height:1000px;overflow:hidden;-webkit-transition:max-height .6s cubic-bezier(.4,0,.2,1);-o-transition:max-height .6s cubic-bezier(.4,0,.2,1);transition:max-height .6s cubic-bezier(.4,0,.2,1)} .rm::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(245 245 245 / 95%))); background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgb(245 245 245 / 95%)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(245 245 245 / 61%)); pointer-events: none; } .rm-btn { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 10px 20px; border: 0; border-radius: 30px; background: var(--background-accent); font-weight: 600; cursor: pointer; -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.18); box-shadow: 0 10px 30px rgba(0,0,0,.18); z-index: var(--zindex300); }