beercss 4.0.0 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/README.md +24 -22
  2. package/dist/cdn/arch.svg +1 -3
  3. package/dist/cdn/arrow.svg +1 -3
  4. package/dist/cdn/beer.css +11 -9
  5. package/dist/cdn/beer.custom-element.js +2 -2
  6. package/dist/cdn/beer.custom-element.min.js +1 -1
  7. package/dist/cdn/beer.min.css +1 -1
  8. package/dist/cdn/beer.scoped.css +11 -9
  9. package/dist/cdn/beer.scoped.min.css +2 -2
  10. package/dist/cdn/boom.svg +1 -3
  11. package/dist/cdn/bun.svg +1 -3
  12. package/dist/cdn/burst.svg +1 -3
  13. package/dist/cdn/circle.svg +1 -3
  14. package/dist/cdn/clamshell.svg +1 -3
  15. package/dist/cdn/diamond.svg +1 -3
  16. package/dist/cdn/fan.svg +1 -3
  17. package/dist/cdn/flower.svg +1 -3
  18. package/dist/cdn/gem.svg +1 -3
  19. package/dist/cdn/ghost-ish.svg +1 -3
  20. package/dist/cdn/heart.svg +1 -3
  21. package/dist/cdn/leaf-clover4.svg +1 -3
  22. package/dist/cdn/leaf-clover8.svg +1 -3
  23. package/dist/cdn/loading-indicator.svg +1 -19
  24. package/dist/cdn/oval.svg +1 -3
  25. package/dist/cdn/pentagon.svg +1 -3
  26. package/dist/cdn/pill.svg +1 -3
  27. package/dist/cdn/pixel-circle.svg +1 -3
  28. package/dist/cdn/pixel-triangle.svg +1 -3
  29. package/dist/cdn/puffy-diamond.svg +1 -3
  30. package/dist/cdn/puffy.svg +1 -3
  31. package/dist/cdn/semicircle.svg +1 -3
  32. package/dist/cdn/sided-cookie12.svg +1 -3
  33. package/dist/cdn/sided-cookie4.svg +1 -3
  34. package/dist/cdn/sided-cookie6.svg +1 -3
  35. package/dist/cdn/sided-cookie7.svg +1 -3
  36. package/dist/cdn/sided-cookie9.svg +1 -3
  37. package/dist/cdn/slanted.svg +1 -3
  38. package/dist/cdn/soft-boom.svg +1 -3
  39. package/dist/cdn/soft-burst.svg +1 -3
  40. package/dist/cdn/square.svg +1 -3
  41. package/dist/cdn/sunny.svg +1 -3
  42. package/dist/cdn/triangle.svg +1 -3
  43. package/dist/cdn/very-sunny.svg +1 -3
  44. package/dist/cdn/wavy-circle.svg +1 -4
  45. package/dist/cdn/wavy.svg +1 -5
  46. package/package.json +2 -1
  47. package/src/cdn/customElement.js +2 -2
  48. package/src/cdn/elements/fields.css +7 -1
  49. package/src/cdn/helpers/forms.css +0 -4
  50. package/src/cdn/settings/fonts.css +4 -4
  51. package/src/cdn/shapes/arch.svg +1 -3
  52. package/src/cdn/shapes/arrow.svg +1 -3
  53. package/src/cdn/shapes/boom.svg +1 -3
  54. package/src/cdn/shapes/bun.svg +1 -3
  55. package/src/cdn/shapes/burst.svg +1 -3
  56. package/src/cdn/shapes/circle.svg +1 -3
  57. package/src/cdn/shapes/clamshell.svg +1 -3
  58. package/src/cdn/shapes/diamond.svg +1 -3
  59. package/src/cdn/shapes/fan.svg +1 -3
  60. package/src/cdn/shapes/flower.svg +1 -3
  61. package/src/cdn/shapes/gem.svg +1 -3
  62. package/src/cdn/shapes/ghost-ish.svg +1 -3
  63. package/src/cdn/shapes/heart.svg +1 -3
  64. package/src/cdn/shapes/leaf-clover4.svg +1 -3
  65. package/src/cdn/shapes/leaf-clover8.svg +1 -3
  66. package/src/cdn/shapes/loading-indicator.svg +1 -19
  67. package/src/cdn/shapes/oval.svg +1 -3
  68. package/src/cdn/shapes/pentagon.svg +1 -3
  69. package/src/cdn/shapes/pill.svg +1 -3
  70. package/src/cdn/shapes/pixel-circle.svg +1 -3
  71. package/src/cdn/shapes/pixel-triangle.svg +1 -3
  72. package/src/cdn/shapes/puffy-diamond.svg +1 -3
  73. package/src/cdn/shapes/puffy.svg +1 -3
  74. package/src/cdn/shapes/semicircle.svg +1 -3
  75. package/src/cdn/shapes/sided-cookie12.svg +1 -3
  76. package/src/cdn/shapes/sided-cookie4.svg +1 -3
  77. package/src/cdn/shapes/sided-cookie6.svg +1 -3
  78. package/src/cdn/shapes/sided-cookie7.svg +1 -3
  79. package/src/cdn/shapes/sided-cookie9.svg +1 -3
  80. package/src/cdn/shapes/slanted.svg +1 -3
  81. package/src/cdn/shapes/soft-boom.svg +1 -3
  82. package/src/cdn/shapes/soft-burst.svg +1 -3
  83. package/src/cdn/shapes/square.svg +1 -3
  84. package/src/cdn/shapes/sunny.svg +1 -3
  85. package/src/cdn/shapes/triangle.svg +1 -3
  86. package/src/cdn/shapes/very-sunny.svg +1 -3
  87. package/src/cdn/shapes/wavy-circle.svg +1 -4
  88. package/src/cdn/shapes/wavy.svg +1 -5
@@ -1,2 +1,2 @@
1
- :root {--size: 1rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", "Noto Sans", Arial, sans-serif;--font-icon: "Material Symbols Outlined";--speed1: 0.1s;--speed2: 0.2s;--speed3: 0.3s;--speed4: 0.4s;--active: rgb(128 128 128 / 0.192);--overlay: rgb(0 0 0 / 0.5);--elevate1: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 0.32);--elevate2: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 0.4);--elevate3: 0 0.375rem 0.75rem 0 rgb(0 0 0 / 0.48);--top: env(safe-area-inset-top);--bottom: env(safe-area-inset-bottom);--left: env(safe-area-inset-left);--right: env(safe-area-inset-right);}html {font-size: var(--size);}body {color: var(--on-surface);background-color: var(--surface);overflow-x: hidden;font-family: var(--font);font-size: 0.875rem;line-height: 1.5rem;letter-spacing: 0.0313rem;}@media (pointer: fine) {body ::-webkit-scrollbar,body ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-button {background: none;inline-size: 0.4rem;block-size: 0.4rem;}body :is(:focus, :hover)::-webkit-scrollbar-thumb,body :has(:focus, :hover)::-webkit-scrollbar-thumb {background: var(--outline);border-radius: 1rem;}}@media (pointer: coarse) {body:has(dialog[open], dialog.active),body:has(input[type=range]:focus) {overflow: hidden;}}:root,body.light {--primary: #6750a4;--on-primary: #ffffff;--primary-container: #e9ddff;--on-primary-container: #22005d;--secondary: #625b71;--on-secondary: #ffffff;--secondary-container: #e8def8;--on-secondary-container: #1e192b;--tertiary: #7e5260;--on-tertiary: #ffffff;--tertiary-container: #ffd9e3;--on-tertiary-container: #31101d;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--background: #fffbff;--on-background: #1c1b1e;--surface: #fdf8fd;--on-surface: #1c1b1e;--surface-variant: #e7e0eb;--on-surface-variant: #49454e;--outline: #7a757f;--outline-variant: #cac4cf;--shadow: #000000;--scrim: #000000;--inverse-surface: #313033;--inverse-on-surface: #f4eff4;--inverse-primary: #cfbcff;--surface-dim: #ddd8dd;--surface-bright: #fdf8fd;--surface-container-lowest: #ffffff;--surface-container-low: #f7f2f7;--surface-container: #f2ecf1;--surface-container-high: #ece7eb;--surface-container-highest: #e6e1e6;}body.dark {--primary: #cfbcff;--on-primary: #381e72;--primary-container: #4f378a;--on-primary-container: #e9ddff;--secondary: #cbc2db;--on-secondary: #332d41;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: #141316;--on-surface: #e6e1e6;--surface-variant: #49454e;--on-surface-variant: #cac4cf;--outline: #948f99;--outline-variant: #49454e;--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: #1c1b1e;--surface-container: #201f22;--surface-container-high: #2b292d;--surface-container-highest: #363438;}@font-face {font-family: "Material Symbols Outlined";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.0/dist/cdn/material-symbols-outlined.woff2) format("woff2");}@font-face {font-family: "Material Symbols Rounded";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.0/dist/cdn/material-symbols-rounded.woff2) format("woff2");}@font-face {font-family: "Material Symbols Sharp";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.0/dist/cdn/material-symbols-sharp.woff2) format("woff2");}@font-face {font-family: "Material Symbols Subset";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.0/dist/cdn/material-symbols-subset.woff2) format("woff2");}.beer,
2
- beer-css {* {-webkit-tap-highlight-color: transparent;position: relative;vertical-align: middle;color: inherit;margin: 0;padding: 0;border-radius: inherit;box-sizing: border-box;}*::after,*::before {all: unset;}label {font-size: 0.75rem;vertical-align: baseline;}a,b,i,span,strong,em,code {vertical-align: baseline;}a,button,.button {cursor: pointer;text-decoration: none;display: inline-flex;align-items: center;border: none;font-family: inherit;outline: inherit;justify-content: center;}:is(nav, .tabs, .field) > a,button,.button,.chip,i,label {user-select: none;}:not(.grid, nav, .row) > :not(progress.max) + :is(address, article, blockquote, code, .field, fieldset, form, .grid, h1, h2, h3, h4, h5, h6, nav, ol, p, pre, .row, section, aside, table, .tabs, ul):not([class*='margin'], .right, .left, .top, .bottom) {margin-block-start: 1rem;}:has(> [class*='margin']) {padding: 0.1px;}:is(a, button, .button, .chip, summary):focus-visible {outline: 0.125rem solid var(--primary);outline-offset: 0.25rem;}:is(nav, .row, li).group > :focus-visible {z-index: 1;}:is(button, .button, .chip) > :is(span, i, img, svg) {pointer-events: none;}div:is(:not([class]), [class=active]):has(> :not(.responsive) ~ :is(menu, .tooltip, input)) {display: inline-flex;}.transparent {background-color: transparent !important;box-shadow: none !important;color: inherit !important;}.primary {background-color: var(--primary) !important;color: var(--on-primary) !important;}.primary-text {color: var(--primary) !important;}.primary-border {border-color: var(--primary) !important;}.primary-container {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}.secondary {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}.secondary-text {color: var(--secondary) !important;}.secondary-border {border-color: var(--secondary) !important;}.secondary-container {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}.tertiary {background-color: var(--tertiary) !important;color: var(--on-tertiary) !important;}.tertiary-text {color: var(--tertiary) !important;}.tertiary-border {border-color: var(--tertiary) !important;}.tertiary-container {background-color: var(--tertiary-container) !important;color: var(--on-tertiary-container) !important;}.error {background-color: var(--error) !important;color: var(--on-error) !important;}.error-text {color: var(--error) !important;}.error-border {border-color: var(--error) !important;}.error-container {background-color: var(--error-container) !important;color: var(--on-error-container) !important;}.background {background-color: var(--background) !important;color: var(--on-background) !important;}.surface,.surface-dim,.surface-bright,.surface-container-lowest,.surface-container-low,.surface-container,.surface-container-high,.surface-container-highest {background-color: var(--surface) !important;color: var(--on-surface) !important;}.surface-variant {background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;}.inverse-surface {background-color: var(--inverse-surface);color: var(--inverse-on-surface);}.inverse-primary {background-color: var(--inverse-primary);color: var(--primary);}.inverse-primary-text {color: var(--inverse-primary) !important;}.inverse-primary-border {border-color: var(--inverse-primary) !important;}.surface-dim {background-color: var(--surface-dim) !important;}.surface-bright {background-color: var(--surface-bright) !important;}.surface-container-lowest {background-color: var(--surface-container-lowest) !important;}.surface-container-low {background-color: var(--surface-container-low) !important;}.surface-container {background-color: var(--surface-container) !important;}.surface-container-high {background-color: var(--surface-container-high) !important;}.surface-container-highest {background-color: var(--surface-container-highest) !important;}.surface-container-low {background-color: var(--surface-container-low) !important;}.black {background-color: #000 !important;}.black-border {border-color: #000 !important;}.black-text {color: #000 !important;}.white {background-color: #FFF !important;}.white-border {border-color: #FFF !important;}.white-text {color: #FFF !important;}.transparent-border {border-color: transparent !important;}.transparent-text {color: transparent !important;}.fill:not(i) {background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;}.middle-align {display: flex;align-items: center !important;}.bottom-align {display: flex;align-items: flex-end !important;}.top-align {display: flex;align-items: flex-start !important;}.left-align {text-align: start;justify-content: flex-start !important;}.right-align {text-align: end;justify-content: flex-end !important;}.center-align {text-align: center;justify-content: center !important;}[class*=blur],[class*=blur].light {--_blur: 1rem;-webkit-backdrop-filter: blur(var(--_blur));backdrop-filter: blur(var(--_blur));color: var(--on-surface);background-color: rgb(255 255 255 / 0.5) !important;}.dark [class*=blur],[class*=blur].dark {background-color: rgb(0 0 0 / 0.5) !important;}.small-blur {--_blur: 0.5rem;}.large-blur {--_blur: 1.5rem;}.red,.red6 {background-color: #F44336 !important;}.red-border {border-color: #F44336 !important;}.red-text {color: #F44336 !important;}.red1 {background-color: #FFEBEE !important;}.red2 {background-color: #FFCDD2 !important;}.red3 {background-color: #EF9A9A !important;}.red4 {background-color: #E57373 !important;}.red5 {background-color: #EF5350 !important;}.red7 {background-color: #E53935 !important;}.red8 {background-color: #D32F2F !important;}.red9 {background-color: #C62828 !important;}.red10 {background-color: #B71C1C !important;}.pink,.pink6 {background-color: #E91E63 !important;}.pink-border {border-color: #E91E63 !important;}.pink-text {color: #E91E63 !important;}.pink1 {background-color: #FCE4EC !important;}.pink2 {background-color: #F8BBD0 !important;}.pink3 {background-color: #F48FB1 !important;}.pink4 {background-color: #F06292 !important;}.pink5 {background-color: #EC407A !important;}.pink7 {background-color: #D81B60 !important;}.pink8 {background-color: #C2185B !important;}.pink9 {background-color: #AD1457 !important;}.pink10 {background-color: #880E4F !important;}.purple,.purple6 {background-color: #9C27B0 !important;}.purple-border {border-color: #9C27B0 !important;}.purple-text {color: #9C27B0 !important;}.purple1 {background-color: #F3E5F5 !important;}.purple2 {background-color: #E1BEE7 !important;}.purple3 {background-color: #CE93D8 !important;}.purple4 {background-color: #BA68C8 !important;}.purple5 {background-color: #AB47BC !important;}.purple7 {background-color: #8E24AA !important;}.purple8 {background-color: #7B1FA2 !important;}.purple9 {background-color: #6A1B9A !important;}.purple10 {background-color: #4A148C !important;}.deep-purple,.deep-purple6 {background-color: #673AB7 !important;}.deep-purple-border {border-color: #673AB7 !important;}.deep-purple-text {color: #673AB7 !important;}.deep-purple1 {background-color: #EDE7F6 !important;}.deep-purple2 {background-color: #D1C4E9 !important;}.deep-purple3 {background-color: #B39DDB !important;}.deep-purple4 {background-color: #9575CD !important;}.deep-purple5 {background-color: #7E57C2 !important;}.deep-purple7 {background-color: #5E35B1 !important;}.deep-purple8 {background-color: #512DA8 !important;}.deep-purple9 {background-color: #4527A0 !important;}.deep-purple10 {background-color: #311B92 !important;}.indigo,.indigo6 {background-color: #3F51B5 !important;}.indigo-border {border-color: #3F51B5 !important;}.indigo-text {color: #3F51B5 !important;}.indigo1 {background-color: #E8EAF6 !important;}.indigo2 {background-color: #C5CAE9 !important;}.indigo3 {background-color: #9FA8DA !important;}.indigo4 {background-color: #7986CB !important;}.indigo5 {background-color: #5C6BC0 !important;}.indigo7 {background-color: #3949AB !important;}.indigo8 {background-color: #303F9F !important;}.indigo9 {background-color: #283593 !important;}.indigo10 {background-color: #1A237E !important;}.blue,.blue6 {background-color: #2196F3 !important;}.blue-border {border-color: #2196F3 !important;}.blue-text {color: #2196F3 !important;}.blue1 {background-color: #E3F2FD !important;}.blue2 {background-color: #BBDEFB !important;}.blue3 {background-color: #90CAF9 !important;}.blue4 {background-color: #64B5F6 !important;}.blue5 {background-color: #42A5F5 !important;}.blue7 {background-color: #1E88E5 !important;}.blue8 {background-color: #1976D2 !important;}.blue9 {background-color: #1565C0 !important;}.blue10 {background-color: #0D47A1 !important;}.light-blue,.light-blue6 {background-color: #03A9F4 !important;}.light-blue-border {border-color: #03A9F4 !important;}.light-blue-text {color: #03A9F4 !important;}.light-blue1 {background-color: #E1F5FE !important;}.light-blue2 {background-color: #B3E5FC !important;}.light-blue3 {background-color: #81D4FA !important;}.light-blue4 {background-color: #4FC3F7 !important;}.light-blue5 {background-color: #29B6F6 !important;}.light-blue7 {background-color: #039BE5 !important;}.light-blue8 {background-color: #0288D1 !important;}.light-blue9 {background-color: #0277BD !important;}.light-blue10 {background-color: #01579B !important;}.cyan,.cyan6 {background-color: #00BCD4 !important;}.cyan-border {border-color: #00BCD4 !important;}.cyan-text {color: #00BCD4 !important;}.cyan1 {background-color: #E0F7FA !important;}.cyan2 {background-color: #B2EBF2 !important;}.cyan3 {background-color: #80DEEA !important;}.cyan4 {background-color: #4DD0E1 !important;}.cyan5 {background-color: #26C6DA !important;}.cyan7 {background-color: #00ACC1 !important;}.cyan8 {background-color: #0097A7 !important;}.cyan9 {background-color: #00838F !important;}.cyan10 {background-color: #006064 !important;}.teal,.teal6 {background-color: #009688 !important;}.teal-border {border-color: #009688 !important;}.teal-text {color: #009688 !important;}.teal1 {background-color: #E0F2F1 !important;}.teal2 {background-color: #B2DFDB !important;}.teal3 {background-color: #80CBC4 !important;}.teal4 {background-color: #4DB6AC !important;}.teal5 {background-color: #26A69A !important;}.teal7 {background-color: #00897B !important;}.teal8 {background-color: #00796B !important;}.teal9 {background-color: #00695C !important;}.teal10 {background-color: #004D40 !important;}.green,.green6 {background-color: #4CAF50 !important;}.green-border {border-color: #4CAF50 !important;}.green-text {color: #4CAF50 !important;}.green1 {background-color: #E8F5E9 !important;}.green2 {background-color: #C8E6C9 !important;}.green3 {background-color: #A5D6A7 !important;}.green4 {background-color: #81C784 !important;}.green5 {background-color: #66BB6A !important;}.green7 {background-color: #43A047 !important;}.green8 {background-color: #388E3C !important;}.green9 {background-color: #2E7D32 !important;}.green10 {background-color: #1B5E20 !important;}.light-green,.light-green6 {background-color: #8BC34A !important;}.light-green-border {border-color: #8BC34A !important;}.light-green-text {color: #8BC34A !important;}.light-green1 {background-color: #F1F8E9 !important;}.light-green2 {background-color: #DCEDC8 !important;}.light-green3 {background-color: #C5E1A5 !important;}.light-green4 {background-color: #AED581 !important;}.light-green5 {background-color: #9CCC65 !important;}.light-green7 {background-color: #7CB342 !important;}.light-green8 {background-color: #689F38 !important;}.light-green9 {background-color: #558B2F !important;}.light-green10 {background-color: #33691E !important;}.lime,.lime6 {background-color: #CDDC39 !important;}.lime-border {border-color: #CDDC39 !important;}.lime-text {color: #CDDC39 !important;}.lime1 {background-color: #F9FBE7 !important;}.lime2 {background-color: #F0F4C3 !important;}.lime3 {background-color: #E6EE9C !important;}.lime4 {background-color: #DCE775 !important;}.lime5 {background-color: #D4E157 !important;}.lime7 {background-color: #C0CA33 !important;}.lime8 {background-color: #AFB42B !important;}.lime9 {background-color: #9E9D24 !important;}.lime10 {background-color: #827717 !important;}.yellow,.yellow6 {background-color: #FFEB3B !important;}.yellow-border {border-color: #FFEB3B !important;}.yellow-text {color: #FFEB3B !important;}.yellow1 {background-color: #FFFDE7 !important;}.yellow2 {background-color: #FFF9C4 !important;}.yellow3 {background-color: #FFF59D !important;}.yellow4 {background-color: #FFF176 !important;}.yellow5 {background-color: #FFEE58 !important;}.yellow7 {background-color: #FDD835 !important;}.yellow8 {background-color: #FBC02D !important;}.yellow9 {background-color: #F9A825 !important;}.yellow10 {background-color: #F57F17 !important;}.amber,.amber6 {background-color: #FFC107 !important;}.amber-border {border-color: #FFC107 !important;}.amber-text {color: #FFC107 !important;}.amber1 {background-color: #FFF8E1 !important;}.amber2 {background-color: #FFECB3 !important;}.amber3 {background-color: #FFE082 !important;}.amber4 {background-color: #FFD54F !important;}.amber5 {background-color: #FFCA28 !important;}.amber7 {background-color: #FFB300 !important;}.amber8 {background-color: #FFA000 !important;}.amber9 {background-color: #FF8F00 !important;}.amber10 {background-color: #FF6F00 !important;}.orange,.orange6 {background-color: #FF9800 !important;}.orange-border {border-color: #FF9800 !important;}.orange-text {color: #FF9800 !important;}.orange1 {background-color: #FFF3E0 !important;}.orange2 {background-color: #FFE0B2 !important;}.orange3 {background-color: #FFCC80 !important;}.orange4 {background-color: #FFB74D !important;}.orange5 {background-color: #FFA726 !important;}.orange7 {background-color: #FB8C00 !important;}.orange8 {background-color: #F57C00 !important;}.orange9 {background-color: #EF6C00 !important;}.orange10 {background-color: #E65100 !important;}.deep-orange,.deep-orange6 {background-color: #FF5722 !important;}.deep-orange-border {border-color: #FF5722 !important;}.deep-orange-text {color: #FF5722 !important;}.deep-orange1 {background-color: #FBE9E7 !important;}.deep-orange2 {background-color: #FFCCBC !important;}.deep-orange3 {background-color: #FFAB91 !important;}.deep-orange4 {background-color: #FF8A65 !important;}.deep-orange5 {background-color: #FF7043 !important;}.deep-orange7 {background-color: #F4511E !important;}.deep-orange8 {background-color: #E64A19 !important;}.deep-orange9 {background-color: #D84315 !important;}.deep-orange10 {background-color: #BF360C !important;}.brown,.brown6 {background-color: #795548 !important;}.brown-border {border-color: #795548 !important;}.brown-text {color: #795548 !important;}.brown1 {background-color: #EFEBE9 !important;}.brown2 {background-color: #D7CCC8 !important;}.brown3 {background-color: #BCAAA4 !important;}.brown4 {background-color: #A1887F !important;}.brown5 {background-color: #8D6E63 !important;}.brown7 {background-color: #6D4C41 !important;}.brown8 {background-color: #5D4037 !important;}.brown9 {background-color: #4E342E !important;}.brown10 {background-color: #3E2723 !important;}.blue-grey,.blue-grey6 {background-color: #607D8B !important;}.blue-grey-border {border-color: #607D8B !important;}.blue-grey-text {color: #607D8B !important;}.blue-grey1 {background-color: #ECEFF1 !important;}.blue-grey2 {background-color: #CFD8DC !important;}.blue-grey3 {background-color: #B0BEC5 !important;}.blue-grey4 {background-color: #90A4AE !important;}.blue-grey5 {background-color: #78909C !important;}.blue-grey7 {background-color: #546E7A !important;}.blue-grey8 {background-color: #455A64 !important;}.blue-grey9 {background-color: #37474F !important;}.blue-grey10 {background-color: #263238 !important;}.grey,.grey6 {background-color: #9E9E9E !important;}.grey-border {border-color: #9E9E9E !important;}.grey-text {color: #9E9E9E !important;}.grey1 {background-color: #FAFAFA !important;}.grey2 {background-color: #F5F5F5 !important;}.grey3 {background-color: #EEE !important;}.grey4 {background-color: #E0E0E0 !important;}.grey5 {background-color: #BDBDBD !important;}.grey7 {background-color: #757575 !important;}.grey8 {background-color: #616161 !important;}.grey9 {background-color: #424242 !important;}.grey10 {background-color: #212121 !important;}.horizontal {display: inline-flex;flex-direction: row !important;gap: 1rem;inline-size: auto !important;max-inline-size: none !important;}.horizontal > * {margin-block: 0 !important;}.vertical {display: flex;flex-direction: column !important;}:is(a, button, .button, .chip).vertical {display: inline-flex;gap: 0.25rem;block-size: auto !important;max-block-size: none !important;padding-block: 0.5rem;}.vertical > * {margin-inline: 0 !important;}.no-elevate {box-shadow: none !important;}.small-elevate,.elevate {box-shadow: var(--elevate1) !important;}.medium-elevate {box-shadow: var(--elevate2) !important;}.large-elevate {box-shadow: var(--elevate3) !important;}.round,[class*=-round] {--_round: 2rem;border-radius: var(--_round) !important;}.small-round {--_round: 0.5rem;}.large-round {--_round: 3.5rem;}.no-round,.square,.top-round,.bottom-round,.left-round,.right-round {border-radius: 0.5rem !important;}.top-round {border-start-start-radius: var(--_round) !important;border-start-end-radius: var(--_round) !important;}.bottom-round {border-end-end-radius: var(--_round) !important;border-end-start-radius: var(--_round) !important;}.left-round {border-start-start-radius: var(--_round) !important;border-end-start-radius: var(--_round) !important;}.right-round {border-start-end-radius: var(--_round) !important;border-end-end-radius: var(--_round) !important;}.circle:not(.extend) {border-radius: 50%;}:is(.circle, .square):is(button, .button, .chip) {padding: 0;block-size: var(--_size);inline-size: var(--_size);}:is(.circle, .square) > span:not([class]) {display: none;}:is(.circle, .square).round {border-radius: 1rem !important;}.border:not(table, .field, .list, menu, article) {box-sizing: border-box;border: 0.0625rem solid var(--outline);background-color: transparent;box-shadow: none;}.no-border {border-color: transparent !important;}.border:not(.extend, .circle, .square, .badge) {box-sizing: content-box;}.margin,[class*=-margin]:not(.left-margin, .right-margin, .top-margin, .bottom-margin, .horizontal-margin, .vertical-margin) {margin: var(--_margin) !important;}.margin,[class*=-margin] {--_margin: 1rem;}.no-margin {--_margin: 0;}.auto-margin {--_margin: auto;}.tiny-margin {--_margin: 0.25rem;}.small-margin {--_margin: 0.5rem;}.large-margin {--_margin: 1.5rem;}.left-margin,.horizontal-margin {margin-inline-start: var(--_margin) !important;}.right-margin,.horizontal-margin {margin-inline-end: var(--_margin) !important;}.top-margin,.vertical-margin {margin-block-start: var(--_margin) !important;}.bottom-margin,.vertical-margin {margin-block-end: var(--_margin) !important;}.no-opacity {opacity: 1 !important;}.opacity {opacity: 0 !important;}.small-opacity {opacity: 0.75 !important;}.medium-opacity {opacity: 0.5 !important;}.large-opacity {opacity: 0.25 !important;}.padding,[class*=-padding]:not(.left-padding, .right-padding, .top-padding, .bottom-padding, .horizontal-padding, .vertical-padding) {padding: var(--_padding) !important;}.padding,[class*=-padding] {--_padding: 1rem;}.no-padding {--_padding: 0 !important;}.tiny-padding {--_padding: 0.25rem !important;}.small-padding {--_padding: 0.5rem !important;}.large-padding {--_padding: 1.5rem !important;}.left-padding,.horizontal-padding {padding-inline-start: var(--_padding) !important;}.right-padding,.horizontal-padding {padding-inline-end: var(--_padding) !important;}.top-padding,.vertical-padding {padding-block-start: var(--_padding) !important;}.bottom-padding,.vertical-padding {padding-block-end: var(--_padding) !important;}.front {z-index: 10 !important;}.back {z-index: -10 !important;}.left {inset-inline-start: 0;}.right {inset-inline-end: 0;}.top {inset-block-start: 0;}.bottom {inset-block-end: 0;}.center {inset-inline-start: 50%;transform: translateX(-50%);}[dir=rtl] .center {transform: translateX(50%);}.middle {inset-block-start: 50%;transform: translateY(-50%);}.middle.center {transform: translate(-50%, -50%);}[dir=rtl] .middle.center {transform: translate(50%, -50%);}.ripple {--_duration: 600ms;}.fast-ripple {--_duration: 200ms;}.slow-ripple {--_duration: 1800ms;}.ripple-js {position: absolute;inset: 0;pointer-events: none;overflow: hidden;}.ripple-js > div {position: absolute;border-radius: 50%;background: currentColor;opacity: 0.3;transform: scale(0);animation: to-ripple var(--_duration) linear;}@keyframes to-ripple {to {transform: scale(4);opacity: 0;}}.scroll {overflow: auto;}.no-scroll {overflow: hidden;}.shadow {background-color: #00000050;}:is(.left-shadow, .right-shadow, .top-shadow, .bottom-shadow) {background-color: transparent !important;}.left-shadow {background-image: linear-gradient(to right, black, transparent) !important;}.right-shadow {background-image: linear-gradient(to left, black, transparent) !important;}.bottom-shadow {background-image: linear-gradient(to top, black, transparent) !important;}.top-shadow {background-image: linear-gradient(to bottom, black, transparent) !important;}[class*=-width] {max-inline-size: 100%;}.auto-width {inline-size: auto;}.small-width {inline-size: 12rem !important;}.medium-width {inline-size: 24rem !important;}.large-width {inline-size: 36rem !important;}.auto-height {block-size: auto;}.small-height {block-size: 12rem !important;}.medium-height {block-size: 24rem !important;}.large-height {block-size: 36rem !important;}.wrap {display: block;white-space: normal;}.no-wrap:not(menu) {display: flex;white-space: nowrap;}.tiny-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 0.5rem;}:is(.space, .small-space):not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 1rem;}.medium-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 2rem;}.large-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 3rem;}.extra-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 4rem;}.responsive {inline-size: -webkit-fill-available;inline-size: -moz-available;}@media only screen and (max-width: 600px) {:is(.m, .l):not(.s) {display: none !important;}}@media only screen and (min-width: 601px) and (max-width: 992px) {:is(.s, .l):not(.m) {display: none !important;}}@media only screen and (min-width: 993px) {:is(.m, .s):not(.l) {display: none !important;}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: 400;display: block;align-items: center;line-height: normal;}h1,.h1 {font-size: 3.5625rem;}h2,.h2 {font-size: 2.8125rem;}h3,.h3 {font-size: 2.25rem;}h4,.h4 {font-size: 2rem;}h5,.h5 {font-size: 1.75rem;}h6,.h6 {font-size: 1.5rem;}:is(h1, .h1).small {font-size: 3.0625rem;}:is(h2, .h2).small {font-size: 2.3125rem;}:is(h3, .h3).small {font-size: 1.75rem;}:is(h4, .h4).small {font-size: 1.5rem;}:is(h5, .h5).small {font-size: 1.25rem;}:is(h6, .h6).small {font-size: 1rem;}:is(h1, .h1).large {font-size: 4.0625rem;}:is(h2, .h2).large {font-size: 3.3125rem;}:is(h3, .h3).large {font-size: 2.75rem;}:is(h4, .h4).large {font-size: 2.5rem;}:is(h5, .h5).large {font-size: 2.25rem;}:is(h6, .h6).large {font-size: 2rem;}.link {color: var(--primary) !important;}.inverse-link {color: var(--inverse-primary) !important;}.truncate {overflow: hidden;white-space: nowrap !important;text-overflow: ellipsis;flex: inherit;}.truncate > * {white-space: nowrap !important;}.small-text {font-size: 0.75rem;}.medium-text {font-size: 0.875rem;}.large-text {font-size: 1rem;}.upper {text-transform: uppercase;}.lower {text-transform: lowercase;}.capitalize {text-transform: capitalize;}.bold {font-weight: bold;}.overline {text-decoration: line-through;}.underline {text-decoration: underline;}.italic {font-style: italic;}p {margin: 0.5rem 0;}.no-line {line-height: normal;}.tiny-line {line-height: 1.25rem;}.small-line {line-height: 1.5rem;}.medium-line {line-height: 1.75rem;}.large-line {line-height: 2rem;}.extra-line {line-height: 2.25rem;}pre {border-radius: 0;background-color: var(--surface-container);white-space: pre-wrap;padding: 1rem;border-inline-start: 0.25rem solid var(--primary);font-family: inherit;}blockquote {border-radius: 0;padding: 1rem;border-inline-start: 0.25rem solid var(--primary);font-family: inherit;}code {border-radius: 0;background-color: var(--surface-container);white-space: pre-wrap;padding: 0.25rem;}pre > code,blockquote > code {padding: 0;}.scroll > code {white-space: pre;}pre:has(> code){direction: ltr;text-align: start;}sub {vertical-align: sub;}sup {vertical-align: super;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a):not(.slow-ripple, .ripple, .fast-ripple)::after,nav:is(.left, .right, .bottom, .top).max > a::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a::after,nav:is(.left, .right, .bottom, .top):not(.max) > a > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a > i::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit;inline-size: 100%;block-size: 100%;background-position: center;background-image: radial-gradient(circle, currentColor 1%, transparent 1%);opacity: 0;transition: none;pointer-events: none;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a):not(.slow-ripple, .ripple, .fast-ripple):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top).max > a:not(.button, .chip):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a:not(.button, .chip):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top):not(.max) > a:not(.button, .chip):is(:focus-visible, :hover) > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a:not(.button, .chip):is(:focus-visible, :hover) > i::after {background-size: 22500%;opacity: 0.1;transition: background-size var(--speed2) linear;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a, nav.max > a):not(.slow-ripple, .ripple, .fast-ripple):active::after,nav:is(.left, .right, .bottom, .top).max > a:active::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a:active::after,nav:is(.left, .right, .bottom, .top):not(.max) > a:active > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a:active > i::after {background-size: 0%;opacity: 0;transition: none;}.no-wave::after,.no-wave:is(:hover, :active)::after {display: none;}.zoom,.tiny-zoom {zoom: 2;}.small-zoom {zoom: 3;}.medium-zoom {zoom: 4;}.large-zoom {zoom: 5;}.extra-zoom {zoom: 6;}.badge {--_x: 0;--_y: -100%;display: inline-flex;align-items: center;justify-content: center;position: absolute;font-size: 0.6875rem;text-transform: none;z-index: 2;padding: 0 0.25rem;min-block-size: 1rem;min-inline-size: 1rem;background-color: var(--error);color: var(--on-error);line-height: normal;border-radius: 1rem;inset: 50% auto auto 50%;transform: translate(var(--_x, 50%), var(--_y, -50%));font-family: var(--font);}.badge.top {--_y: -100%;}.badge.bottom {--_y: 0;}.badge.left {--_x: -100%;}.badge.right {--_x: 0;}.badge.border {border-color: var(--error);color: var(--error);background-color: var(--surface);}.badge:is(.circle, .square) {text-align: center;inline-size: auto;block-size: auto;padding: 0 0.25rem;border-radius: 1rem;}.badge.square {border-radius: 0;}.badge.min > * {display: none;}.badge.min {clip-path: circle(18.75% at 50% 50%);}nav:is(.left, .right, .top, .bottom) > a > .badge,nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a > .badge {inset: 1rem auto auto 50%;}.badge.none {inset: auto !important;transform: none;position: relative;margin: 0 0.125rem;}header,footer {display: grid;align-content: center;border-radius: 0;padding: 0 1rem;}:is(dialog, article) > :is(header, footer) {padding-inline: 0;inset: 0;}header {min-block-size: 4rem;}footer {min-block-size: 5rem;}:is(header, footer, menu > *).fixed {position: sticky;inset: 0;z-index: 11;background-color: inherit;}header.fixed {inset: calc(-1 * var(--_padding, 0)) 0 0 0;margin-block-start: calc(-1 * var(--_padding, 0));}footer.fixed {inset: 0 0 calc(-1 * var(--_padding, 0)) 0;margin-block-end: calc(-1 * var(--_padding, 0));}:is(header, footer).fixed.min {margin-inline: auto;}dialog > :is(header, footer) {background: none;}dialog > :is(header, footer).fixed {background-color: inherit;}:is(main, header, footer, section).responsive {max-inline-size: min(100vw, 75rem);margin: 0 auto;}:is(main, header, footer, section).responsive.max {max-inline-size: none;}:has(> main) > :is(header, footer).fixed {transform: none;box-sizing: content-box;position: sticky;inset: 0;z-index: 12;}:has(> main) > header {padding-block-start: var(--top, 0);}:has(> main) > footer {padding-block-end: var(--bottom, 0);}nav.top ~ header,nav.bottom ~ footer {padding-block: 0;}nav.top ~ header.fixed {inset-block: calc(var(--top, 0) + 4.5rem) 0;}nav.bottom ~ footer.fixed {inset-block: 0 calc(var(--bottom, 0) + 4.5rem);}:is(nav, .row) > header {background-color: inherit;}.button,button {--_padding: 1rem;--_size: 2.5rem;box-sizing: content-box;display: inline-flex;align-items: center;justify-content: center;block-size: var(--_size);font-size: 0.875rem;font-weight: 500;color: var(--on-primary);padding: 0 var(--_padding);background-color: var(--primary);border-radius: var(--_size);transition: transform var(--speed3), border-radius var(--speed2), padding var(--speed3);user-select: none;gap: 0.5rem;line-height: normal;}:is(button, .button).small {--_size: 2rem;--_padding: 0.75rem;}:is(button, .button).large {--_size: 3rem;--_padding: 1.25rem;}:is(.button, button):is(.extra, .extend) {--_size: 3.5rem;font-size: 1rem;--_padding: 1.5rem;}:is(button, .button):is(.square, .circle) {--_padding: 0;}:is(button, .button).border {border-color: var(--outline-variant);color: var(--primary);}.extend > span:not([class]) {display: none;}.extend:is(:hover, .active) {inline-size: auto;--_padding: 1.5rem;padding: 0 var(--_padding);}.extend:is(:hover, .active) > i + span {display: inherit;margin-inline-start: var(--_padding);}.extend:is(:hover, .active) > :is(img, svg) + span {display: inherit;margin-inline-start: calc(1rem + var(--_padding, 0));}:is(.button, button)[disabled] {opacity: 0.5;cursor: not-allowed;}.button[disabled] {pointer-events: none;}:is(.button, button)[disabled]::before,:is(.button, button)[disabled]::after {display: none;}:is(.button, button):not(.chip, .extend).fill {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}:is(.button, button):not(.chip, .extend).active {background-color: var(--primary-container);color: var(--on-primary-container);}:is(.button, button):not(.chip, .extend).fill.active {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}:is(.button, button):not(.chip, .extend).border.active {background-color: var(--inverse-surface) !important;color: var(--inverse-on-surface) !important;border-color: var(--inverse-surface) !important;}:is(.button, button):not(.chip):active,:is(.button, button):not(.chip).active {border-radius: 0.5rem !important;}article {--_padding: 1rem;box-shadow: var(--elevate1);background-color: var(--surface-container-low);color: var(--on-surface);padding: var(--_padding);border-radius: 0.75rem;display: block;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);}article.small {block-size: 12rem;}article.medium {block-size: 20rem;}article.large {block-size: 32rem;}article.border {box-shadow: none;border: 0.0625rem solid var(--outline-variant);}.chip {--_padding: 0.75rem;--_size: 2rem;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;block-size: var(--_size);min-inline-size: var(--_size);font-size: 0.875rem;font-weight: 500;background-color: transparent;border: 0.0625rem solid var(--outline-variant);color: var(--on-surface-variant);padding: 0 var(--_padding);text-transform: none;border-radius: 0.5rem;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);user-select: none;gap: 0.5rem;line-height: normal;letter-spacing: normal;}.chip.medium {--_size: 2.5rem;--_padding: 1rem;}.chip.large {--_padding: 1.25rem;--_size: 3rem;}.chip.fill {border: none;}dialog {--_padding: 1.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));display: block;visibility: hidden;border: none;opacity: 0;position: fixed;box-shadow: var(--elevate2);color: var(--on-surface);background-color: var(--surface-container-high);padding: var(--_padding);z-index: 100;inset: 10% auto auto 50%;min-inline-size: 20rem;max-inline-size: 100%;max-block-size: 80%;overflow-x: hidden;overflow-y: auto;transition: all var(--speed3), 0s background-color;border-radius: 1.75rem;transform: translate(-50%, -4rem);outline: none;}dialog.small {inline-size: 25%;block-size: 25%;}dialog.medium {inline-size: 50%;block-size: 50%;}dialog.large {inline-size: 75%;block-size: 75%;}dialog:is(.active, [open]) {visibility: visible;opacity: 1;transform: translate(-50%, 0);}dialog:popover-open {visibility: visible;opacity: 1;transform: translate(-50%, 0);}dialog:is(.top, .right, .bottom, .left, .max) {--_padding: 1rem;}dialog:is(.top, .bottom) {opacity: 1;block-size: auto;inline-size: 100%;min-inline-size: auto;max-block-size: 100%;}dialog.top {inset: 0 auto auto 0;transform: translateY(-100%);border-radius: 0 0 1rem 1rem;padding-block-start: var(--_top);}dialog.bottom {inset: auto auto 0 0;transform: translateY(100%);border-radius: 1rem 1rem 0 0;padding-block-end: var(--_bottom);}dialog:is(.left, .right) {opacity: 1;inset: 0 auto auto 0;inline-size: auto;block-size: 100%;max-block-size: 100%;background-color: var(--surface);padding-block: var(--_top) var(--_bottom);}[dir=rtl] dialog.right,dialog.left {inset: 0 auto auto 0;border-radius: 0 1rem 1rem 0;transform: translateX(-100%);}[dir=rtl] dialog.left,dialog.right {inset: 0 0 auto auto;border-radius: 1rem 0 0 1rem;transform: translateX(100%);}dialog.max {inset: 0 auto auto 0;inline-size: 100%;block-size: 100%;max-inline-size: 100%;max-block-size: 100%;transform: translateY(4rem);background-color: var(--surface);border-radius: 0;padding-block: var(--_top) var(--_bottom);}dialog:is(.active, [open]):is(.left, .right, .top, .bottom, .max) {transform: translate(0, 0);}dialog:popover-open:is(.left, .right, .top, .bottom, .max) {transform: translate(0, 0);}dialog.small:is(.left, .right) {inline-size: 20rem;}dialog.medium:is(.left, .right) {inline-size: 32rem;}dialog.large:is(.left, .right) {inline-size: 44rem;}dialog.small:is(.top, .bottom) {block-size: 16rem;}dialog.medium:is(.top, .bottom) {block-size: 24rem;}dialog.large:is(.top, .bottom) {block-size: 32rem;}hr,[class*=divider] {all: unset;inline-size: -webkit-fill-available;min-block-size: auto;block-size: 0.0625rem;background-color: var(--outline-variant);display: block;}hr + *,[class*=divider] + * {margin: 0 !important;}hr.medium,.medium-divider {margin: 1rem 0 !important;}hr.large,.large-divider {margin: 1.5rem 0 !important;}hr.small,.small-divider {margin: 0.5rem 0 !important;}li:has(> hr),li:has(> .divider) {padding: 0 !important;align-self: normal !important;min-inline-size: auto !important;min-block-size: auto !important;inline-size: -webkit-fill-available;}hr.vertical,.divider.vertical,li:has(> hr.vertical),li:has(> .divider.vertical) {padding: 0 !important;align-self: center !important;min-inline-size: auto;min-block-size: 1.5rem;inline-size: 0.0625rem;}summary {list-style-type: none;cursor: pointer;}summary::-webkit-details-marker {display: none;}summary > * {pointer-events: none;margin: 0;}li > details > summary + .list {margin: 0 !important;}.field {--_input: 3rem;--_start: 1.2rem;--_middle: calc(var(--_input, 0) / 2);border-radius: 0.25rem 0.25rem 0 0;min-block-size: var(--_input);display: flex;flex-direction: column;}.field.fill {--_background: var(--surface-variant);background-color: unset !important;color: unset !important;}.field.fill > :is(input, select, textarea) {background-color: var(--_background);z-index: 0;}.field.small {--_input: 2.5rem;--_start: 1rem;}.field.large {--_input: 3.5rem;--_start: 1.4rem;}.field.extra {--_input: 4rem;--_start: 1.6rem;}.field.border {border-radius: 0.25rem;}.field.round.small {border-radius: 1.25rem;}.field.round {border-radius: 1.5rem;}.field.round.large {border-radius: 1.75rem;}.field.round.extra {border-radius: 2rem;}.field > :is(i, img, svg, progress.circle, a) {position: absolute;inset: calc((var(--_input, 0) / 2) - 0.75rem) auto auto auto;cursor: pointer;z-index: 10;inline-size: 1.5rem;block-size: 1.5rem;margin: auto 0;pointer-events: none;}.field > :is(a, .front) {pointer-events: all !important;}.field > a > :is(i, img, svg, progress.circle, a) {inline-size: 1.5rem;block-size: 1.5rem;}.field > :is(i, img, svg, progress.circle, a),[dir=rtl] .field > :is(i, img, svg, progress.circle, a):first-child {inset: calc(var(--_middle, 0) - 0.75rem) 1rem auto auto;}.field > :is(i, img, svg, progress.circle, a):first-child,[dir=rtl] .field > :is(i, img, svg, progress.circle, a) {inset: calc(var(--_middle, 0) - 0.75rem) auto auto 1rem;}.field.invalid > i {color: var(--error);}.field > progress.circle {border-width: 0.1875rem;}.field > :is(input, textarea, select) {all: unset;position: relative;display: flex;align-items: center;box-sizing: border-box;border-radius: inherit;border: 0.0625rem solid transparent;padding: 0 0.9375rem;font-family: inherit;font-size: 1rem;min-block-size: var(--_input);outline: none;z-index: 1;background: none;resize: none;text-align: start;cursor: text;}input::-webkit-date-and-time-value {text-align: start;}:is(input, select, textarea):is(:-webkit-autofill, :autofill) {-webkit-background-clip: text;-webkit-text-fill-color: var(--on-surface);}.field > :is(input, textarea, select):focus {border: 0.125rem solid transparent;padding-inline: 0.875rem;}.field > textarea:not([rows]) {field-sizing: content;max-block-size: 12rem;}input[type=file],input[type=color],:not(.field) > input[type^=date],:not(.field) > input[type^=time],input::-webkit-calendar-picker-indicator {opacity: 0;position: absolute;inset: 0;inline-size: 100%;block-size: 100%;margin: 0;padding: 0;border: 0;outline: 0;z-index: 2 !important;}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {display: none;}input[type=number] {appearance: textfield;}.field.border > :is(input, textarea, select) {border-color: var(--outline);}.field.border > :is(input, textarea, select):focus {border-color: var(--primary);}.field.round > :is(input, textarea, select) {padding-inline: 1.4376rem;}.field.round > :is(input, textarea, select):focus {padding-inline: 1.375rem;}.field.prefix > :is(input, textarea, select) {padding-inline-start: 2.9375rem;}.field.prefix > .slider {margin-inline-start: 3.5rem;}.field.prefix > :is(input, textarea, select):focus {padding-inline-start: 2.875rem;}.field.suffix > :is(input, textarea, select) {padding-inline-end: 2.9375rem;}.field.suffix > .slider {margin-inline-end: 3.5rem;}.field.suffix > :is(input, textarea, select):focus {padding-inline-end: 2.875rem;}.field:not(.border, .round) > :is(input, textarea, select) {border-block-end-color: var(--outline);}.field:not(.border, .round) > :is(input, textarea, select):focus {border-block-end-color: var(--primary);}.field.round:not(.border, .fill) > :is(input, textarea, select),.field.round:not(.border) > :is(input, textarea, select):focus {box-shadow: var(--elevate1);}.field.round:not(.border, .fill) > :is(input, textarea, select):focus {box-shadow: var(--elevate2);}.field.invalid:not(.border, .round) > :is(input, textarea, select),.field.invalid:not(.border, .round) > :is(input, textarea, select):focus {border-block-end-color: var(--error);}.field.invalid.border > :is(input, textarea, select),.field.invalid.border > :is(input, textarea, select):focus {border-color: var(--error);}.field:has(> :disabled) {opacity: 0.5;cursor: not-allowed;}.field > :disabled {cursor: not-allowed;}.field > select {user-select: none;}@-moz-document url-prefix() {.field > select:focus {background-color: var(--surface);}.field.fill > select:focus {background-color: var(--surface-variant);}.field > select:focus + label {z-index: 1;}}.field > select > option {background-color: var(--surface);}.field > :is(input, select) {padding-block-start: 1rem;}.field:not(.label) > :is(input, select),.field.border:not(.fill) > :is(input, select) {padding-block-start: 0;}.field > textarea {padding-block-start: var(--_start) !important;}.field > textarea:focus {padding-block-start: calc(var(--_start, 0) - 0.01rem) !important;}.field:not(.label) > textarea,.field.border:not(.fill) > textarea {padding-block-start: calc(var(--_start, 0) - 0.5rem) !important;}.field:not(.label) > textarea:focus,.field.border:not(.fill) > textarea:focus {padding-block-start: calc(var(--_start, 0) - 0.51rem) !important;}.field.label > label {--_start: 1rem;position: absolute;inset: -0.5rem 1rem 0 var(--_start);display: flex;block-size: calc(var(--_input, 0) + 1rem);line-height: calc(var(--_input, 0) + 1rem);font-size: 1rem;transition: all 0.2s;gap: 0.25rem;white-space: nowrap;pointer-events: none;}[dir=rtl] .field.label > label {inset: -0.5rem var(--_start) 0 1rem;}.field.label.round > label {inset: -0.5rem 1.75rem 0 var(--_start);}[dir=rtl] .field.label.round > label {inset: -0.5rem 1.75rem 0 var(--_start);}.field.label.border.prefix:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {--_start: 1rem;}.field.label.round > label,.field.label.border.prefix.round:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {--_start: 1.5rem;}.field.label.prefix > label {--_start: 3rem;}.field.label > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {block-size: 2.5rem;line-height: 2.5rem;font-size: 0.75rem;}.field.label.border:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {block-size: 1rem;line-height: 1rem;}.field.label.border:not(.fill) > label::after {content: "";display: block;margin: 0.5rem 0 0 0;border-block-start: 0.0625rem solid var(--outline);block-size: 1rem;transition: none;flex: auto;}.field.label.border:not(.fill) > :focus + label::after {border-block-start: 0.125rem solid var(--primary);}.field.label.border:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),.field.label.border:not(.fill) > select {clip-path: polygon(-2% -2%, 0.75rem -2%, 0.75rem 0.5rem, calc(100% - 1rem) 0.5rem, calc(100% - 1rem) -2%, 102% -2%, 102% 102%, -2% 102%);}[dir=rtl] .field.label.border:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),[dir=rtl] .field.label.border:not(.fill) > select {clip-path: polygon(-2% -2%, 1rem -2%, 1rem 0.5rem, calc(100% - 0.75rem) 0.5rem, calc(100% - 0.75rem) -2%, 102% -2%, 102% 102%, -2% 102%);}.field.label.border.round:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),.field.label.border.round:not(.fill) > select {clip-path: polygon(-2% -2%, 1.25rem -2%, 1.25rem 0.5rem, calc(100% - 1.75rem) 0.5rem, calc(100% - 1.75rem) -2%, 102% -2%, 102% 102%, -2% 102%);}[dir=rtl] .field.label.border.round:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),[dir=rtl] .field.label.border.round:not(.fill) > select {clip-path: polygon(-2% -2%, 1.75rem -2%, 1.75rem 0.5rem, calc(100% - 1.25rem) 0.5rem, calc(100% - 1.25rem) -2%, 102% -2%, 102% 102%, -2% 102%);}.field.label > :focus + label {color: var(--primary);}.field.label.invalid > label,.field.label.invalid > label::after {color: var(--error) !important;border-color: var(--error) !important;}.field.label > label > a {block-size: inherit;line-height: inherit;inline-size: 1rem;}.field.label > label > a > :is(i, img, svg) {block-size: 1rem;line-height: 1rem;inline-size: 1rem;font-size: 1rem;}.field > output {display: inline-block;font-size: 0.75rem;background: none !important;padding: 0.25rem 1rem;line-height: 1.25rem;align-self: start;}.field > output.invalid {color: var(--error) !important;}.field.round > output {padding: 0.25rem 1.5rem;}.field.invalid > output:not(.invalid) {display: none;}table td > .field {margin: 0;}fieldset {border-radius: 0.25rem;padding: 1rem;border: 0.0625rem solid var(--outline-variant);}fieldset > legend {margin: 0 -0.25rem;padding: 0 0.25rem;}fieldset > legend + * {margin-block-start: 0 !important;}.grid {--_gap: 1rem;display: grid;grid-template-columns: repeat(12, 1fr);gap: var(--_gap);block-size: auto;}.grid.no-space {--_gap: 0rem;}.grid.medium-space {--_gap: 1.5rem;}.grid.large-space {--_gap: 2rem;}.grid > * {margin: 0;}.s1 {grid-area: auto/span 1;}.s2 {grid-area: auto/span 2;}.s3 {grid-area: auto/span 3;}.s4 {grid-area: auto/span 4;}.s5 {grid-area: auto/span 5;}.s6 {grid-area: auto/span 6;}.s7 {grid-area: auto/span 7;}.s8 {grid-area: auto/span 8;}.s9 {grid-area: auto/span 9;}.s10 {grid-area: auto/span 10;}.s11 {grid-area: auto/span 11;}.s12 {grid-area: auto/span 12;}@media only screen and (min-width: 601px) {.m1 {grid-area: auto/span 1;}.m2 {grid-area: auto/span 2;}.m3 {grid-area: auto/span 3;}.m4 {grid-area: auto/span 4;}.m5 {grid-area: auto/span 5;}.m6 {grid-area: auto/span 6;}.m7 {grid-area: auto/span 7;}.m8 {grid-area: auto/span 8;}.m9 {grid-area: auto/span 9;}.m10 {grid-area: auto/span 10;}.m11 {grid-area: auto/span 11;}.m12 {grid-area: auto/span 12;}}@media only screen and (min-width: 993px) {.l1 {grid-area: auto/span 1;}.l2 {grid-area: auto/span 2;}.l3 {grid-area: auto/span 3;}.l4 {grid-area: auto/span 4;}.l5 {grid-area: auto/span 5;}.l6 {grid-area: auto/span 6;}.l7 {grid-area: auto/span 7;}.l8 {grid-area: auto/span 8;}.l9 {grid-area: auto/span 9;}.l10 {grid-area: auto/span 10;}.l11 {grid-area: auto/span 11;}.l12 {grid-area: auto/span 12;}}i,:is(.checkbox, .radio, .switch) > span::before,:is(.checkbox, .radio, .switch) > span > i {--_size: 1.5rem;font-family: var(--font-icon);font-weight: normal;font-style: normal;font-size: var(--_size);letter-spacing: normal;text-transform: none;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;word-wrap: normal;direction: ltr;font-feature-settings: "liga";-webkit-font-smoothing: antialiased;vertical-align: middle;text-align: center;overflow: hidden;inline-size: var(--_size);min-inline-size: var(--_size);block-size: var(--_size);min-block-size: var(--_size);box-sizing: content-box;line-height: normal;border-radius: 0;}i:has(.badge) {overflow: unset;}i.tiny {--_size: 1rem;}.chip > i,i.small {--_size: 1.25rem;}i.medium {--_size: 1.5rem;}i.large {--_size: 1.75rem;}i.extra {--_size: 2rem;}i.fill,a.active > i,button.active > i {font-variation-settings: "FILL" 1;}i > :is(img, svg) {inline-size: 100%;block-size: 100%;background-size: 100%;border-radius: inherit;position: absolute;inset: 0 auto auto 0;padding: inherit;}i[class*=fa-] {font-size: calc(var(--_size, 0) * 0.85);line-height: normal;block-size: auto;min-block-size: auto;}.absolute {position: absolute;}.fixed {position: fixed;}:is(.absolute, .fixed).left.right {inline-size: auto;}:is(.absolute, .fixed).left.right.small {block-size: 20rem;}:is(.absolute, .fixed).left.right.medium {block-size: 28rem;}:is(.absolute, .fixed).left.right.large {block-size: 44rem;}:is(.absolute, .fixed).top.bottom.small {inline-size: 20rem;}:is(.absolute, .fixed).top.bottom.medium {inline-size: 28rem;}:is(.absolute, .fixed).top.bottom.large {inline-size: 44rem;}.list {display: flex;flex-direction: column;padding: 0;margin: 0;flex: 1;}.list > li,.list > li > details > summary,.list > li > a:only-child {all: unset;box-sizing: border-box;position: relative;display: flex;align-items: center;align-self: normal;text-align: start;justify-content: flex-start;white-space: nowrap;gap: 1rem;min-block-size: 3.5rem;padding: 0.5rem 1rem;cursor: pointer;flex: 1;}.list > li:has(ul, ol, details[open], a:only-child) {padding: 0;}.list > li > .list {padding: 0 0 0 1rem;}.list > li > *,.list > li > a:only-child > * {margin: 0;}.list > li > :is(details, .max),.list > li > a:only-child > .max,.list > li > details > summary > .max {flex: 1;}.list.border > li:not(:last-child)::before,.list.border > li > details[open] > summary::before {content: '';position: absolute;background-color: var(--outline-variant);inset: auto 0 0 0;block-size: 0.0625rem;inline-size: auto;}.list.no-space > li,.list.no-space > li > details > summary {min-block-size: 2.5rem;}.list.medium-space > li,.list.medium-space > li > details > summary {min-block-size: 4.5rem;}.list.large-space > li,.list.large-space > li > details > summary {min-block-size: 5.5rem;}:is(li, li > a:only-child):focus-visible {outline: 0.125rem solid var(--primary);outline-offset: -0.25rem;}:has(> main) {display: grid;grid-template-columns: auto minmax(0, 1fr) auto;grid-template-rows: auto auto minmax(0, 1fr) auto auto;grid-template-areas:"left top right""left header right""left main right""left footer right""left bottom right";min-block-size: 100dvh;box-sizing: border-box;background-color: var(--surface);}nav.left {grid-area: left;}nav.right {grid-area: right;}nav.top {grid-area: top;}nav.bottom {grid-area: bottom;}header {grid-area: header;}footer {grid-area: footer;}main {--_padding: 0.5rem;grid-area: main;padding: var(--_padding);overflow: hidden;}aside {z-index: 1;}aside:not(.fixed, .absolute).right {float: right;}aside:not(.fixed, .absolute).left {float: left;}svg {fill: currentcolor;}:is(img, svg, video):is(.small, .medium, .large, .tiny, .extra, .round, .circle, .square, .responsive) {--_size: 3rem;object-fit: cover;object-position: center;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);block-size: var(--_size);inline-size: var(--_size);}:is(img, svg, video).round {--_round: 0.5rem;}:is(img, svg, video).tiny {--_size: 2rem;}:is(img, svg, video).small {--_size: 2.5rem;}:is(img, svg, video).large {--_size: 3.5rem;}:is(img, svg, video).extra {--_size: 4rem;}:is(img, svg, video).responsive {--_size: 100%;margin: 0 auto;}:is(img, svg, video).responsive.tiny {inline-size: 100%;block-size: 4rem;}:is(img, svg, video).responsive.small {inline-size: 100%;block-size: 8rem;}:is(img, svg, video).responsive.medium {inline-size: 100%;block-size: 12rem;}:is(img, svg, video).responsive.large {inline-size: 100%;block-size: 16rem;}:is(img, svg, video).responsive.extra {inline-size: 100%;block-size: 20rem;}:is(img, svg, video).responsive.round {--_round: 2rem;}:is(img, svg, video).empty-state {max-inline-size: 100%;inline-size: 24rem;}:is(button, .button, .chip):not(.transparent) > .responsive {border: 0.25rem solid transparent;}:is(button, .button, .chip, .field) > :is(img, svg):not(.responsive),.tabs :is(img, svg):not(.responsive) {min-inline-size: 1.5rem;max-inline-size: 1.5rem;min-block-size: 1.5rem;max-block-size: 1.5rem;}:is(button, .button, .chip):not(.extend) > .responsive:first-child {margin-inline-start: calc(-1 * var(--_padding, 0));}:is(button, .button, .chip):not(.extend) > .responsive:not(:first-child) {margin-inline-end: calc(-1 * var(--_padding, 0));}:is(button, .button, .chip, .circle, .square, .extend) > .responsive {--_size: inherit;margin: 0 auto;}.extend > :is(.responsive, i) {margin: 0;position: absolute;inset-inline: 1rem;z-index: 1;}.extend > .responsive {inset-inline: 0;inline-size: 3.5rem;}.extend.border > .responsive {inline-size: 3.375rem;}menu {opacity: 0;visibility: hidden;position: absolute;box-shadow: var(--elevate2);background-color: var(--surface-container);z-index: 11;inset: auto auto 0 0;inline-size: 100%;max-block-size: 50vh;max-inline-size: none !important;overflow-x: hidden;overflow-y: auto;font-size: 0.875rem;font-weight: normal;text-transform: none;color: var(--on-surface);line-height: normal;text-align: start;border-radius: 0.25rem;transform: scale(0.8) translateY(120%);transition: all var(--speed2), 0s background-color;justify-content: flex-start;padding: 0.5rem 0;}[dir=rtl] menu {inset: auto 0 0 auto;}menu.no-wrap {inline-size: max-content;white-space: nowrap !important;}menu.active,:not(menu, [data-ui]):focus-within > menu,menu > li:hover > menu,menu > li > menu:hover {opacity: 1;visibility: visible;transform: scale(1) translateY(100%);}menu.active.top,:not(menu, [data-ui]):focus-within > menu.top,menu > li:hover > menu.top,menu > li > menu.top:hover {transform: scale(1) translateY(-100%);}menu * {white-space: inherit !important;}menu > li,menu > li > a:only-child {all: unset;box-sizing: border-box;position: relative;display: flex;align-items: center;align-self: normal;text-align: start;justify-content: inherit;white-space: nowrap;gap: 1rem;padding: 0.5rem 1rem;min-block-size: 3rem;flex: 1;margin: 0 !important;cursor: pointer;}menu > li:is(:hover, :focus, .active) {background-color: var(--active);}menu > li > :is(.max, .field),menu > li > a:only-child > .max,menu > li:has(.field, a:only-child) {flex: 1;padding: 0;margin: 0;}menu.min {inset: 0 0 auto 0;transform: none !important;background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;padding: 0;}[dir=rtl] menu.min.right,menu.min.left,menu.top.left {inset: 0 0 auto auto;}[dir=rtl] menu.min.left,menu.min.right,menu.top,menu.top.right {inset: 0 auto auto 0;}menu.max {position: fixed;inset: 0;block-size: 100%;max-block-size: none;min-block-size: auto;z-index: 100;transform: none !important;background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;border-radius: 0;}menu.no-wrap:is(.min, .max) {min-inline-size: 16rem;}[dir=rtl] menu.right,[dir=rtl] menu.top.min.right,menu.left,menu.top.min.left {inset: auto 0 0 auto;}[dir=rtl] menu.left,[dir=rtl] menu.top.min.left,menu.right,menu.top.min {inset: auto auto 0 0;}menu.top {transform: scale(0.8) translateY(-120%);}menu:has(menu) {--_child: 1;--_type: 0;overflow: unset;white-space: nowrap;inline-size: auto;min-inline-size: 12rem;max-block-size: none;}menu > li > :is(menu, menu.right),[dir=rtl] menu > li > menu.left {inset: auto auto calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100%;}[dir=rtl] menu > li > :is(menu, menu.right),menu > li > menu.left {inset: auto 100% calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto;}menu > li > :is(menu.top, menu.top.right),[dir=rtl] menu > li > menu.top.left {inset: calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto auto 100%;}[dir=rtl] menu > li > :is(menu.top, menu.top.right),menu > li > menu.top.left {inset: calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100% auto auto;}menu.no-space > li {min-block-size: 2.5rem;}menu.medium-space > li {min-block-size: 3.5rem;}menu.large-space > li {min-block-size: 4rem;}menu.border > li:not(:last-child)::before {content: '';position: absolute;background-color: var(--outline-variant);inset: auto 0 0 0;block-size: 0.0625rem;inline-size: auto;}menu.transparent {margin: 0 -1rem !important;padding: 0.5rem;}menu.transparent > li {background-color: inherit;box-shadow: none;padding: 0;}menu > li:nth-last-child(2) {--_child: 2;}menu > li:nth-last-child(3) {--_child: 3;}menu > li:nth-last-child(4) {--_child: 4;}menu > li:nth-last-child(5) {--_child: 5;}menu > li:nth-last-child(6) {--_child: 6;}menu > li:nth-last-child(7) {--_child: 7;}menu > li:nth-last-child(8) {--_child: 8;}menu > li:nth-last-child(9) {--_child: 9;}menu > li:nth-last-child(10) {--_child: 10;}menu > li:nth-last-child(11) {--_child: 11;}menu > li:nth-last-of-type(2) {--_type: 1;}menu > li:nth-last-of-type(3) {--_type: 2;}menu > li:nth-last-of-type(4) {--_type: 3;}menu > li:nth-last-of-type(5) {--_type: 4;}menu > li:nth-last-of-type(6) {--_type: 5;}menu > li:nth-last-of-type(7) {--_type: 6;}menu > li:nth-last-of-type(8) {--_type: 7;}menu > li:nth-last-of-type(9) {--_type: 8;}menu > li:nth-last-of-type(10) {--_type: 9;}menu > li:nth-last-of-type(11) {--_type: 10;}@media (pointer: coarse) {:not(menu, [data-ui]):hover > menu {opacity: 1;visibility: visible;transform: scale(1) translateY(100%);}:not(menu, [data-ui]):hover > menu.top {transform: scale(1) translateY(-100%);}}nav > :is(ol, ul),nav > :is(ol, ul) > li {all: unset;}nav,.row,a.row {display: flex;align-items: center;align-self: normal;text-align: start;justify-content: flex-start;white-space: nowrap;gap: 1rem;border-radius: 0;}a.row,nav.row {min-block-size: 3rem;margin: 0;}:is(nav, .row, .max) > :only-child,:is(nav, .row, .max) > span > *,nav > :is(ol, ul) > li > :only-child,nav > :is(ol, ul) > li > span > * {margin: 0;}:is(nav, .row) > :not(ul, ol, header, footer) {margin: 0;white-space: normal;flex: none;}:is(nav, .row).min {display: inline-flex;}:is(nav, .row, li).no-space {gap: 0;}:is(nav, .row, li).tiny-space {gap: 0.5rem;}:is(nav, .row, li).medium-space {gap: 1.5rem;}:is(nav, .row, li).large-space {gap: 2rem;}:is(nav, .row) > .max,:is(nav, .row) > :is(ol, ul) > .max {flex: 1;}:is(nav, .row).wrap {display: flex;flex-wrap: wrap;}:is(header, footer) > :is(nav, .row) {min-block-size: inherit;}nav:is(.left, .right, .top, .bottom) {--_padding: 0.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));position: sticky;inset: 0;border: 0;color: var(--on-surface);transform: none;z-index: 100;text-align: center;padding: var(--_padding);margin: 0;}nav:is(.left, .right) {justify-content: flex-start;flex-direction: column;background-color: var(--surface);block-size: 100dvh;min-inline-size: 6rem;padding-block: var(--_top) var(--_bottom);}nav:is(.top, .bottom) {position: sticky;inset: 0;padding: 0.5rem;justify-content: center;flex-direction: row;background-color: var(--surface-container);block-size: auto;min-block-size: 4.5rem;}nav.top {block-size: calc(var(--top, 0) + 4.5rem);padding-block-start: var(--_top);}nav.bottom {block-size: calc(var(--bottom, 0) + 4.5rem);padding-block-end: var(--_bottom);}nav > header {min-block-size: auto;padding: 0;margin: 0 0 1rem 0;align-items: flex-start;gap: 1rem;background: none !important;}nav:is(.top, .bottom) > header {flex-direction: row;align-items: center;margin: 0 1rem 0 0;}nav > header > * {margin: 0;}nav > header > .extend:hover {--_padding: 0;inline-size: var(--_size);}nav > header > .extend:hover > span:not([class]) {display: none;}nav > :is(ol, ul) {all: inherit;min-inline-size: auto;margin: 0;padding: 0;flex: auto;}nav.max:is(.left, .right, .top, .bottom) {gap: 0;inline-size: auto;align-items: flex-start;min-inline-size: 12.75rem;padding: var(--_top) 1.25rem var(--_bottom) 1.25rem;}nav.max > :is(ol, ul) {padding: 0;}nav.max > header {margin: 0 0 1.25rem 0;}nav.max:is(.top, .bottom) > header {margin: 0 1.25rem 0 0;}nav.max > header > .extend {--_padding: 1.5rem;inline-size: auto;padding: 0 var(--_padding);}nav.max > header > .extend > span:not([class]) {display: block;margin-inline-start: var(--_padding);}nav.max > header > .extend > :is(img, svg) + span {margin-inline-start: calc(1rem + var(--_padding, 0));}nav.max:is(.top, .bottom) {padding: 0 0.5rem;align-items: center;min-inline-size: auto;max-inline-size: none;}nav:is(.left, .right, .top, .bottom) > a:not(.button, .chip),nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {display: flex;flex-direction: column;gap: 0.25rem;line-height: normal;inline-size: 3.5rem;font-size: 0.8rem;}nav:not(.max):is(.left, .right, .top, .bottom) > a:not(.button, .chip) > i,nav:not(.max):is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) > i {padding: 0.25rem 1rem;border-radius: 2rem;transition: padding var(--speed1) linear;margin: 0 auto;}nav.max:is(.left, .right, .top, .bottom) > a:not(.button, .chip),nav.max:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {flex-direction: row;gap: 0.5rem;inline-size: auto;block-size: 3.5rem;padding: 0 1rem;border-radius: 2rem;font-size: inherit;}nav.max:is(.top, .bottom) > a:not(.button, .chip),nav.max:is(.top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {gap: 0.25rem;block-size: 2.5rem;font-size: 0.8rem;}nav.max:is(.left, .right, .top, .bottom) > a.active:not(.button, .chip),nav.max:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a.active:not(.button, .chip),nav:is(.left, .right, .top, .bottom):not(.max) > a.active:not(.button, .chip) > i,nav:is(.left, .right, .top, .bottom):not(.max) > :is(ol, ul) > li > a.active:not(.button, .chip) > i {background-color: var(--secondary-container);color: var(--on-secondary-container);}:is(nav, .row):is(.left-align, .top-align, .vertical) {justify-content: flex-start;}:is(nav, .row):is(.right-align, .bottom-align) {justify-content: flex-end;}:is(nav, .row):is(.center-align, .middle-align) {justify-content: center;}:is(nav, .row):is(.left-align, .top-align, .vertical).vertical {align-items: flex-start;}:is(nav, .row):is(.right-align, .bottom-align).vertical {align-items: flex-end;}:is(nav, .row):is(.center-align, .middle-align).vertical {align-items: center;}nav:not(.left, .right) > .space {inline-size: 0.5rem;}nav:not(.left, .right) > .medium-space {inline-size: 1rem;}nav:not(.left, .right) > .large-space {inline-size: 1.5rem;}nav.tabbed {background-color: var(--surface-container);border-radius: 4rem !important;gap: 0rem;block-size: 4rem;}nav.tabbed.small {block-size: 3rem;}nav.tabbed.large {block-size: 5rem;}nav.tabbed > a {border-radius: inherit;block-size: inherit;display: inline-flex;align-items: center;padding-inline: 1rem;gap: 0.5rem;font-size: 1rem;flex: 1;}nav.tabbed > a.active {background-color: var(--primary-container);}nav.toolbar {display: inline-flex;justify-content: space-around;border-radius: 2rem;background-color: var(--surface-container);color: var(--on-surface);padding: 0 1rem;gap: 0.5rem;min-block-size: 4rem;min-inline-size: 4rem;}nav.toolbar > a {display: inline-flex;gap: 0.5rem;min-inline-size: 2.5rem;min-block-size: 2.5rem;border-radius: 1.75rem;}nav.toolbar > a:has(> :not(i)) {padding: 0 1rem;}nav.toolbar > a.active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.toolbar.fill {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}nav.toolbar.fill > a.active {background-color: var(--surface-container) !important;color: var(--on-surface) !important;}nav.toolbar.vertical {flex-direction: column !important;min-inline-size: 4rem;padding: 1rem 0;align-self: center;align-items: center !important;}nav.toolbar.vertical > a {inline-size: 2.5rem;block-size: 2.5rem;}nav.toolbar.vertical > a > :is(div, span):not(.badge, .tooltip) {display: none;}nav.toolbar.max {border-radius: 0;display: flex;}nav.group {background: none !important;}nav.group:is(.connected, .split) {gap: 0.125rem;}nav.group:not(.split) > :is(.button, button):not(.border) {background-color: var(--surface-container);color: var(--on-surface-container);}nav.group:not(.split) > :is(.button, button).active {background-color: var(--primary);color: var(--on-primary);}nav.group.connected > :is(.button, button):not(.border) {background-color: var(--surface-container);color: var(--on-surface-container);}nav.group.connected > :is(.button, button).active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.group:is(.connected, .split) > :is(.button, button).active,nav.split > :is(.button, button):active {border-radius: 2rem !important;}:not(nav) > :is(ul, ol) {all: revert;}:is(.scroll, .no-scroll, .no-space, .tabs, .tabbed) > :focus-visible {outline: 0.125rem solid var(--primary);outline-offset: -0.125rem;}nav.split > :is(.button, button):not(.chip, .fill, .border) {background-color: var(--primary);color: var(--on-primary);}nav.group.primary-container > button,nav:is(.max, .toolbar, .tabbed, .group).primary > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).primary > a.active:not(.button, .chip) > i {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}nav.group.primary > button,nav:is(.max, .toolbar, .tabbed, .group).primary-container > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).primary-container > a.active:not(.button, .chip) > i {background-color: var(--primary) !important;color: var(--on-primary) !important;}nav.group.secondary-container > button,nav:is(.max, .toolbar, .tabbed, .group).secondary > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).secondary > a.active:not(.button, .chip) > i {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}nav.group.secondary > button,nav:is(.max, .toolbar, .tabbed, .group).secondary-container > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).secondary-container > a.active:not(.button, .chip) > i {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}nav.group.tertiary-container > button,nav:is(.max, .toolbar, .tabbed, .group).tertiary > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).tertiary > a.active:not(.button, .chip) > i {background-color: var(--tertiary-container) !important;color: var(--on-tertiary-container) !important;}nav.group.tertiary > button,nav:is(.max, .toolbar, .tabbed, .group).tertiary-container > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).tertiary-container > a.active:not(.button, .chip) > i {background-color: var(--tertiary) !important;color: var(--on-tertiary) !important;}@media only screen and (max-width: 600px) {nav.top,nav.bottom {justify-content: space-around;}}.overlay,dialog::backdrop {display: block !important;opacity: 0;visibility: hidden;position: fixed;inset: 0;color: var(--on-surface);background-color: var(--overlay);z-index: 100;transition: all var(--speed3), 0s background-color;border-radius: 0;}.overlay.active {opacity: 1;visibility: visible;}dialog:popover-open::backdrop {opacity: 1;visibility: visible;}.overlay + dialog::backdrop,.snackbar::backdrop {display: none;}[popover] {border: 0;}.page {--_transform: translate(0, 0);opacity: 0;position: absolute;display: none;}.page.active {opacity: 1;position: inherit;display: inherit;animation: var(--speed4) to-page ease;}.page.active.top {--_transform: translate(0, -4rem);}.page.active.bottom {--_transform: translate(0, 4rem);}.page.active.left {--_transform: translate(-4rem, 0);}.page.active.right {--_transform: translate(4rem, 0);}@keyframes to-page {from {opacity: 0;transform: var(--_transform);}to {opacity: 1;transform: translate(0, 0);}}progress {--_light: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWJiYGAQBgAAAP//ZyYa+wAAAAZJREFUAwAAIgAWeX9MsQAAAABJRU5ErkJggg==);--_dark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==);--_size: 0.25rem;position: relative;inline-size: 100%;block-size: var(--_size);color: var(--primary);background: var(--_light);border-radius: 1rem;flex: none;border: none;overflow: hidden;writing-mode: horizontal-tb;direction: ltr;-webkit-appearance: none;appearance: none;}.dark progress {background: var(--_dark);}progress.small {--_size: 0.25rem;}progress.medium {--_size: 0.35rem;}progress.large {--_size: 0.45rem;}progress.indeterminate {--_value: 100;animation: 3.2s to-indeterminate ease infinite;}progress:not(.circle, [value])::after {content: "";position: absolute;inset: 0;inline-size: 100%;block-size: 100%;clip-path: none;background: currentcolor;animation: 3.2s to-linear ease infinite;}progress:not(.circle, [value])::-moz-progress-bar {animation: 3.2s to-linear ease infinite;}progress:not(.circle, [value])::-webkit-progress-value {animation: 3.2s to-linear ease infinite;}progress::-webkit-progress-bar {background: none;}progress::-webkit-progress-value {background: currentColor;}progress::-moz-progress-bar {background: currentColor;}progress.wavy {block-size: calc(var(--_size, 0) * 2);background: none;background-image: var(--_light);background-repeat: repeat-x;background-position: 0 50%;background-size: auto calc(var(--_size, 0) / 2);}.dark progress.wavy {background-image: var(--_dark);}progress.wavy::-webkit-progress-value,progress.wavy:not(.circle, [value])::after {mask-image: url(wavy.svg);mask-position: 0 50%;mask-repeat: repeat-x;mask-size: auto 100%;}progress.wavy::-moz-progress-bar {mask-image: url(wavy.svg);mask-position: 0 50%;mask-repeat: repeat-x;mask-size: auto 100%;}progress.circle {--_value: attr(value type(<number>), 50);inline-size: 2.5rem;block-size: 2.5rem;background: conic-gradient(currentColor calc(var(--_value, 0) * 1%), var(--active) 0%);border-radius: 50%;mask-image: radial-gradient(circle at center, transparent 57%, currentColor 60%);}progress.circle::-webkit-progress-value {background: none;}progress.circle::-moz-progress-bar {background: none;}progress.circle.wavy {background: conic-gradient(currentColor calc(var(--_value, 0) * 1%), var(--active) 0);mask-repeat: no-repeat;mask-position: center;mask-size: contain;mask-image: url(wavy-circle.svg);}progress.circle.small {inline-size: 1.5rem;block-size: 1.5rem;}progress.circle.large {inline-size: 3.5rem;block-size: 3.5rem;}progress.circle:not([value]),progress.circle.indeterminate {--_value: 50;animation: to-rotate 1s infinite linear;}:is(nav, .row, .field) > progress:not(.circle, .small, .medium, .large) {flex: auto;}progress.max {display: unset;position: absolute;inline-size: 100% !important;block-size: 100% !important;color: currentColor;background: none;inset: 0;border-radius: inherit;animation: none;writing-mode: horizontal-tb;opacity: 0.33;}progress.max[class*='-text'] {opacity: 1;}progress.max + * {margin-block-start: 0;}:is(.button, button, .chip) > progress.circle {color: inherit;}@keyframes to-linear {0% {margin: 0 0 0 -100%;}50% {margin: 0 0 0 0;}100% {margin: 0 0 0 100%;}}@keyframes to-indeterminate {0% {padding: 0 100% 0 0;}50% {padding: 0 0 0 0;}100% {padding: 0 0 0 100%;}}@keyframes to-rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.shape {display: flex;align-items: center;justify-content: center;color: var(--on-primary);background-color: var(--primary);mask-repeat: no-repeat;mask-position: center;mask-size: contain;border-radius: 0;block-size: 3.5rem;inline-size: 3.5rem;margin: 0 !important;padding: 0 !important;border: 0 !important;}.transparent > .shape > i {filter: invert(1);}.shape.tiny-space {mask-size: 90%;}.shape.space,.shape.small-space {mask-size: 80%;}.shape.medium-space {mask-size: 70%;}.shape.large-space {mask-size: 60%;}.shape.extra-space {mask-size: 50%;}.shape.tiny {block-size: 2.5rem;inline-size: 2.5rem;}.shape.medium {block-size: 4.5rem;inline-size: 4.5rem;}.shape.large {block-size: 5.5rem;inline-size: 5.5rem;}.shape.extra {block-size: 6.5rem;inline-size: 6.5rem;}.shape.max,.shape > .responsive,.shape > .responsive > .responsive {position: absolute;inset: 0;block-size: 100%;inline-size: 100%;margin: 0 !important;padding: 0 !important;border: 0 !important;}.shape > .responsive {background: inherit;color: inherit;}.shape.rotate {animation: linear to-shape-rotate infinite 12s;}.shape.rotate > * {animation: linear to-shape-rotate infinite 12s reverse;}.shape.fast-rotate {animation: linear to-shape-rotate infinite 6s;}.shape.fast-rotate > * {animation: linear to-shape-rotate infinite 6s reverse;}.shape.slow-rotate {animation: linear to-shape-rotate infinite 24s;}.shape.slow-rotate > * {animation: linear to-shape-rotate infinite 24s reverse;}:is(button, .button, .chip):has(> .shape) > .responsive {border: none;}.shape.arch {mask-image: url(arch.svg);}.shape.arrow {mask-image: url(arrow.svg);}.shape.boom {mask-image: url(boom.svg);}.shape.bun {mask-image: url(bun.svg);}.shape.burst {mask-image: url(burst.svg);}.shape.circle {mask-image: url(circle.svg);}.shape.clamshell {mask-image: url(clamshell.svg);}.shape.diamond {mask-image: url(diamond.svg);}.shape.fan {mask-image: url(fan.svg);}.shape.flower {mask-image: url(flower.svg);}.shape.gem {mask-image: url(gem.svg);}.shape.ghost-ish {mask-image: url(ghost-ish.svg);}.shape.heart {mask-image: url(heart.svg);}.shape.leaf-clover4 {mask-image: url(leaf-clover4.svg);}.shape.leaft-clover8 {mask-image: url(leaf-clover8.svg);}.shape.loading-indicator {mask-image: url(loading-indicator.svg);}.shape.oval {mask-image: url(oval.svg);}.shape.pentagon {mask-image: url(pentagon.svg);}.shape.pill {mask-image: url(pill.svg);}.shape.pixel-circle {mask-image: url(pixel-circle.svg);}.shape.pixel-triangle {mask-image: url(pixel-triangle.svg);}.shape.puffy {mask-image: url(puffy.svg);}.shape.puffy-diamond {mask-image: url(puffy-diamond.svg);}.shape.semicircle {mask-image: url(semicircle.svg);}.shape.sided-cookie4 {mask-image: url(sided-cookie4.svg);}.shape.sided-cookie6 {mask-image: url(sided-cookie6.svg);}.shape.sided-cookie7 {mask-image: url(sided-cookie7.svg);}.shape.sided-cookie9 {mask-image: url(sided-cookie9.svg);}.shape.sided-cookie12 {mask-image: url(sided-cookie12.svg);}.shape.slanted {mask-image: url(slanted.svg);}.shape.soft-boom {mask-image: url(soft-boom.svg);}.shape.soft-burst {mask-image: url(soft-burst.svg);}.shape.square {mask-image: url(square.svg);}.shape.sunny {mask-image: url(sunny.svg);}.shape.triangle {mask-image: url(triangle.svg);}.shape.very-sunny {mask-image: url(very-sunny.svg);}@keyframes to-shape-rotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.checkbox,.radio,.switch {--_size: 1.5rem;inline-size: auto;block-size: auto;line-height: normal;white-space: nowrap;cursor: pointer;display: inline-flex;align-items: center;}.switch {direction: ltr;}:is(.checkbox, .radio, .switch).small {--_size: 1rem;}:is(.checkbox, .radio, .switch).large {--_size: 2rem;}:is(.checkbox, .radio, .switch).extra {--_size: 2.5rem;}:is(.checkbox, .radio) > input {inline-size: var(--_size);block-size: var(--_size);opacity: 0;}.switch > input {inline-size: 3.25rem;block-size: 2rem;opacity: 0;}:is(.checkbox, .radio, .switch) > span {display: inline-flex;align-items: center;color: var(--on-surface);font-size: 0.875rem;}:is(.checkbox, .radio) > span:not(:empty) {padding-inline-start: 0.25rem;}:is(.checkbox, .radio, .switch) > span::before,:is(.checkbox, .radio, .switch) > span > i,:is(.checkbox, .radio) > span::after {--_size: inherit;content: '';inline-size: var(--_size);block-size: var(--_size);box-sizing: border-box;margin: 0 auto;outline: none;color: var(--primary);position: absolute;inset: auto auto auto calc(var(--_size, 0) * -1);border-radius: 50%;user-select: none;z-index: 1;}[dir=rtl] :is(.checkbox, .radio) > span::before,[dir=rtl] :is(.checkbox, .radio) > span > i,[dir=rtl] :is(.checkbox, .radio) > span::after {--_size: inherit;inset: auto calc(var(--_size, 0) * -1) auto auto;}.switch > span::before,.switch.icon > span > i {position: absolute;inset: 50% auto auto 0;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;transition: all var(--speed2);font-size: calc(var(--_size, 0) - 0.5rem);user-select: none;min-inline-size: var(--_size);min-block-size: var(--_size);content: "";color: var(--surface-variant);background-color: var(--outline);}.switch > span::before,.switch.icon > span > i {transform: translate(-3rem, -50%) scale(0.6);}.switch.icon > span > i {transform: translate(-3rem, -50%) scale(1);}.checkbox > span::before {content: "check_box_outline_blank";}.checkbox > input:checked + span::before {content: "check_box";font-variation-settings: "FILL" 1;}.checkbox > input:indeterminate + span::before {content: "indeterminate_check_box";}.radio > span::before {content: "radio_button_unchecked";}.radio > input:checked + span::before {content: "radio_button_checked";}:is(.radio, .checkbox, .switch).icon > span::before {content: "" !important;font-variation-settings: unset !important;}:is(.checkbox, .radio) > span::after {transition: all var(--speed1);background-color: currentColor;box-shadow: 0 0 0 0 currentColor;opacity: 0;}:is(.checkbox, .radio):is(:hover) > input:not(:disabled) + span::after,:is(.checkbox, .radio) > input:not(:disabled):is(:focus) + span::after {box-shadow: 0 0 0 0.5rem currentColor;opacity: 0.1;}.switch > input:not(:disabled):is(:focus, :hover) + span::before,.switch.icon > input:not(:disabled):is(:focus, :hover) + span > i {box-shadow: 0 0 0 0.5rem var(--active);}:is(.checkbox, .radio) > input:checked + span::before,:is(.checkbox, .radio).icon > input:checked + span > i {color: var(--primary);}.icon > input:checked + span > i:first-child,.icon > span > i:last-child {opacity: 0;}.icon > input:checked + span > i:last-child,.icon > span > i:first-child {opacity: 1;}.switch > input:checked + span::after {border: none;background-color: var(--primary);}.switch > input:checked + span::before,.switch.icon > input:checked + span > i {content: "check";color: var(--primary);background-color: var(--on-primary);transform: translate(-1.75rem, -50%) scale(1);}[dir=rtl] .switch > input:checked + span::before,[dir=rtl] .switch.icon > input:checked + span > i {transform: translate(-1.75rem, -50%) scale(-1);}.switch > input:active:not(:disabled) + span::before,.switch.icon > input:active:not(:disabled) + span > i {transform: translate(-3rem, -50%) scale(1.2);}[dir=rtl] .switch > input:active:not(:disabled) + span::before,[dir=rtl] .switch.icon > input:active:not(:disabled) + span > i {transform: translate(-3rem, -50%) scale(-1.2);}.switch > input:active:checked:not(:disabled) + span::before,.switch.icon > input:active:checked:not(:disabled) + span > i {transform: translate(-1.75rem, -50%) scale(1.2);}[dir=rtl] .switch > input:active:checked:not(:disabled) + span::before,[dir=rtl] .switch.icon > input:active:checked:not(:disabled) + span > i {transform: translate(-1.75rem, -50%) scale(-1.2);}:is(.checkbox, .radio, .switch) > input:disabled + span {opacity: 0.5;cursor: not-allowed;}.switch > span::after {content: "";position: absolute;inset: 50% auto auto 0;background-color: var(--active);border: 0.125rem solid var(--outline);box-sizing: border-box;inline-size: 3.25rem;block-size: 2rem;border-radius: 2rem;transform: translate(-3.25rem, -50%);}.field > :is(nav, .row) {flex-grow: 1;padding: 0 1rem;}.field.round > :is(nav, .row) {flex-grow: 1;padding: 0 1.5rem;}[dir=rtl] .switch {transform: scale(-1);}[dir=rtl] .switch > span::before,[dir=rtl] .switch.icon > span > i {transform: translate(-3rem, -50%) scale(-0.6);}[dir=rtl] .switch.icon > span > i {transform: translate(-3rem, -50%) scale(-1);}[dir=rtl] .switch > input:checked + span::before,[dir=rtl] .switch.icon > input:checked + span > i {transform: translate(-1.75rem, -50%) scale(-1);}.switch > :focus-visible + span::after {outline: 0.125rem solid var(--primary);outline-offset: 0.25rem;}:is(.checkbox, .radio) > :focus-visible + span::before {outline: 0.125rem solid var(--primary);outline-offset: 0.375rem;}.slider {--_start: 0%;--_end: 0%;--_value1: "";--_value2: "";--_track: 1rem;--_thumb: max(2.5rem, calc(var(--_track, 0) + 0.5rem));display: flex;align-items: center !important;inline-size: auto;block-size: var(--_thumb);flex: none;direction: ltr;margin: 0 1.25rem;}[dir=rtl] .slider {transform: scaleX(-1);}.slider.vertical {flex-direction: row !important;margin: 0.5rem auto !important;padding: 50% 0;transform: rotate(-90deg);inline-size: 100%;}.slider.tiny {--_track: 1rem;}.slider.small {--_track: 1.5rem;}.slider.medium {--_track: 2.5rem;}.slider.large {--_track: 3.5rem;}.slider.extra {--_track: 6rem;}.slider > input {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: none;inline-size: 100%;block-size: var(--_track);background: none;z-index: 1;padding: 0;margin: 0;transform: rotate(0deg);}.slider > input:only-of-type {pointer-events: all;}.slider > input ~ input {position: absolute;}.slider > input::-webkit-slider-thumb {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: all;block-size: var(--_thumb);inline-size: 0.25rem;border-radius: 0.25rem;background: var(--primary);cursor: grab;margin: 0;z-index: 1;}.slider > input::-webkit-slider-thumb:active {cursor: grabbing;}.slider > input::-moz-range-thumb {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: all;block-size: 2.75rem;inline-size: 0.25rem;border-radius: 0.25rem;background: var(--primary);cursor: grab;margin: 0;}.slider > input::-moz-range-thumb:active {cursor: grabbing;}.slider > input:not(:disabled):is(:focus)::-webkit-slider-thumb {transform: scaleX(0.6);}.slider > input:not(:disabled):is(:focus)::-moz-range-thumb {transform: scaleX(0.6);}.slider > input:disabled {cursor: not-allowed;opacity: 1;}.slider > input:disabled::-webkit-slider-thumb {background: var(--outline);cursor: not-allowed;}.slider > input:disabled::-moz-range-thumb {background: var(--outline);cursor: not-allowed;}.slider > input:disabled ~ span:not([class]) {background: var(--outline);}.slider > span:not([class]) {position: absolute;block-size: var(--_track);border-radius: 1rem 0 0 1rem;background: var(--primary);color: var(--on-primary);z-index: 0;inset: calc(50% - (var(--_track, 0) / 2)) var(--_end) auto var(--_start);clip-path: polygon(0 0, calc(100% - 0.5rem) 0, calc(100% - 0.5rem) 100%, 0 100%);}.slider > input[type=range] + input[type=range] ~ span:not([class]) {border-radius: 0;clip-path: polygon(0.5rem 0, max(0.5rem, calc(100% - 0.5rem)) 0, max(0.5rem, calc(100% - 0.5rem)) 100%, 0.5rem 100%);}.field > .slider {inline-size: 100%;}.slider::before {content: "";position: absolute;inline-size: 100%;block-size: var(--_track);border-radius: 1rem;background: var(--secondary-container);clip-path: polygon(calc(var(--_start, 0) - 0.5rem) 0, 0 0, 0 100%, calc(var(--_start, 0) - 0.5rem) 100%, calc(var(--_start, 0) - 0.5rem) 0, calc(100% - var(--_end, 0) + 0.5rem) 0, 100% 0, 100% 100%, calc(100% - var(--_end, 0) + 0.5rem) 100%, calc(100% - var(--_end, 0) + 0.5rem) 0);}.slider:has(> [disabled])::before {background: var(--outline-variant);}.slider:has([disabled]) {opacity: 0.62;}.slider > span > i {position: absolute;block-size: auto;inset: 0 auto 0 0.5rem;color: currentColor;z-index: 1;}.slider:not(.medium, .large, .extra) > span > i {display: none;}.slider.vertical > i {transform: rotate(90deg);}.slider > .tooltip {visibility: hidden !important;opacity: 0 !important;inset: 0 auto auto calc(100% - var(--_end, 0));border-radius: 2rem;transition: top var(--speed2) ease, opacity var(--speed2) ease;transform: translate(-50%, -25%) !important;padding: 0.75rem 1rem;}.slider > .tooltip.bottom {inset: auto auto 0 calc(100% - var(--_end, 0));transition: bottom var(--speed2) ease, opacity var(--speed2) ease;transform: translate(-50%, 25%) !important;}[dir=rtl] .slider > .tooltip {transform: translate(-50%, -25%) scaleX(-1) !important;}[dir=rtl] .slider > .tooltip.bottom {transform: translate(-50%, 25%) scaleX(-1) !important;}.slider > .tooltip + .tooltip {inset: 0.25rem calc(100% - var(--_start, 0)) auto auto;transform: translate(50%, -25%) !important;}.slider > .tooltip + .tooltip.bottom {inset: auto calc(100% - var(--_start, 0)) -0.25rem auto;transform: translate(50%, 25%) !important;}[dir=rtl] .slider > .tooltip + .tooltip {transform: translate(50%, -25%) scaleX(-1) !important;}[dir=rtl] .slider > .tooltip + .tooltip.bottom {transform: translate(50%, 25%) scaleX(-1) !important;}.slider > .tooltip::before {content: var(--_value1);}.slider > .tooltip + .tooltip::before {content: var(--_value2);}.slider > :focus ~ .tooltip {inset-block: -1rem auto;opacity: 1 !important;visibility: visible !important;}.slider > :focus ~ .tooltip.bottom {inset-block: auto -1rem;}.slider.vertical > .tooltip {inset-block: auto;block-size: 2.5rem;inline-size: 2.5rem;margin-block: calc(-1 * var(--_thumb, 0)) 0 !important;transform: rotate(90deg) translate(-75%, 50%) !important;}.slider.vertical > .tooltip.bottom {inset-block: auto;margin-block: 0 calc(-1 * var(--_thumb, 0)) !important;transform: rotate(90deg) translate(75%, 50%) !important;}.slider.vertical > .tooltip + .tooltip {transform: rotate(90deg) translate(-75%, -50%) !important;}.slider.vertical > .tooltip + .tooltip.bottom {transform: rotate(90deg) translate(75%, -50%) !important;}:is(nav, .row, .field) > .slider:not(.circle, .small, .medium, .large) {flex: auto;}.slider.max,.slider.max.vertical,.slider.max > input,.slider.max.vertical > input {all: unset;margin: 0 !important;position: absolute;color: var(--primary);inset: 0;border-radius: inherit;overflow: hidden;z-index: 2;cursor: grab;inline-size: 100%;block-size: 100%;}.slider.max::before {display: none;}.slider.max.vertical > input {writing-mode: vertical-lr;transform: rotate(-180deg);}.slider.max > input::-webkit-slider-thumb {opacity: 0;inline-size: 1rem;block-size: 100vh;transform: none !important;}.slider.max > input::-moz-range-thumb {opacity: 0;inline-size: 1rem;block-size: 100vh;transform: none !important;}.slider.max > span:not([class]) {block-size: auto !important;inset: 0 var(--_end) 0 var(--_start);clip-path: none;background: currentcolor;color: inherit;border-radius: 0;}.slider.max.vertical > span:not([class]) {inset: var(--_end) 0 var(--_start) 0;}.slider > input:focus-visible::-webkit-slider-thumb {outline: 0.1875rem solid var(--primary);outline-offset: 0.25rem;}.slider > input:focus-visible::-moz-range-thumb {outline: 0.1875rem solid var(--primary);outline-offset: 0.25rem;}.slider.max > input:focus-visible {outline: 0.1875rem solid var(--primary);outline-offset: -0.125rem;}@media (pointer: coarse) {.slider > :hover ~ .tooltip {inset-block: -1rem auto !important;opacity: 1 !important;visibility: visible !important;}.slider > :hover ~ .tooltip.bottom {inset-block: auto -1rem !important;}}.snackbar {position: fixed;inset: auto auto 6rem 50%;inline-size: 80%;block-size: auto;z-index: 200;visibility: hidden;display: flex;box-shadow: var(--elevate2);color: var(--inverse-on-surface);background-color: var(--inverse-surface);padding: 1rem;cursor: pointer;text-align: start;align-items: center;border-radius: 0.25rem;gap: 0.5rem;transition: all var(--speed2);transform: translate(-50%, 1rem);opacity: 0;}.snackbar.top {inset: 6rem auto auto 50%;}.snackbar:is(.active) {visibility: visible;transform: translate(-50%, 0);opacity: 1;}.snackbar:popover-open {visibility: visible;transform: translate(-50%, 0);opacity: 1;}.snackbar > .max {flex: auto;}@media only screen and (min-width: 993px) {.snackbar {inline-size: 40%;}}table {inline-size: 100%;border-spacing: 0;font-size: 0.875rem;text-align: start;}.scroll > table,table :is(thead, tbody, tfoot, tr, th, td) {background-color: inherit;color: inherit;}:is(th, td) {inline-size: auto;text-align: inherit;padding: 0.5rem;border-radius: 0;}:is(th, td) > * {vertical-align: middle;}table.border > tbody > tr:not(:last-child) > td,thead > tr > th {border-block-end: 0.0625rem solid var(--outline);}tfoot > tr > th {border-block-start: 0.0625rem solid var(--outline);}table.stripes > tbody > tr:nth-child(odd) {background-color: var(--active);}table.no-space :is(th, td) {padding: 0;}table.medium-space :is(th, td) {padding: 0.75rem;}table.large-space :is(th, td) {padding: 1rem;}table > .fixed,th.fixed {position: sticky;z-index: 1;inset-block-start: 0;}tfoot.fixed,tfoot th.fixed {inset-block-end: 0;}:is(td, th).min {inline-size: 0.1%;white-space: nowrap;}.tabs {display: flex;white-space: nowrap;border-block-end: 0.0625rem solid var(--surface-variant);border-radius: 0;}.tabs:not(.left-align, .right-align, .center-align) {justify-content: space-around;}.tabs > a {display: flex;font-size: 0.875rem;font-weight: 500;color: var(--on-surface-variant);padding: 0.5rem 1rem;text-align: center;min-block-size: 3rem;inline-size: 100%;gap: 0.25rem;}.tabs.small > a {min-block-size: 2rem;}.tabs.large > a {min-block-size: 4rem;}.tabs > a.active,.tabs > a.active > i {color: var(--primary);}.tabs > a.active::before {content: '';position: absolute;inset: auto 0 0 0;block-size: 0.125rem;background-color: var(--primary);}.tabs.min > a.active::before {margin: 0 auto;max-inline-size: min(100%, 4rem);}.tabs:is(.left-align, .center-align, .right-align) > a {inline-size: auto;}.tooltip {--_space: -0.5rem;visibility: hidden;display: flex;align-items: center;justify-content: center;gap: 0.5rem;background-color: var(--inverse-surface);color: var(--inverse-on-surface);font-size: 0.75rem;text-align: center;border-radius: 0.25rem;padding: 0.5rem;position: absolute;z-index: 200;inset: 0 auto auto 50%;inline-size: auto;white-space: nowrap;font-weight: 500;opacity: 0;transition: all var(--speed2);line-height: normal;transform: translate(-50%, -100%) scale(0.9);}.tooltip:not(.max):hover {visibility: hidden;opacity: 0;}.tooltip.left {inset: 50% auto auto 0;transform: translate(-100%, -50%) scale(0.9);}.tooltip.right {inset: 50% 0 auto auto;transform: translate(100%, -50%) scale(0.9);}.tooltip.bottom {inset: auto auto 0 50%;transform: translate(-50%, 100%) scale(0.9);}.tooltip.small {inline-size: 8rem;white-space: normal;}.tooltip.medium {inline-size: 12rem;white-space: normal;}.tooltip.large {inline-size: 16rem;white-space: normal;}:hover > .tooltip {visibility: visible;opacity: 1;transform: translate(-50%, -100%) scale(1);}:hover > .tooltip.left {transform: translate(-100%, -50%) scale(1);}:hover > .tooltip.right {transform: translate(100%, -50%) scale(1);}:hover > .tooltip.bottom {transform: translate(-50%, 100%) scale(1);}.tooltip.no-space {--_space: 0;}.tooltip.medium-space {--_space: -1rem;}.tooltip.large-space {--_space: -1.5rem;}.tooltip:not(.left, .right, .bottom) {margin-block-start: var(--_space) !important;}.tooltip.left,.tooltip.right {margin-inline: var(--_space) !important;}.tooltip.bottom {margin-block-end: var(--_space) !important;}menu:active ~ .tooltip,:is(button, .button):focus > menu ~ .tooltip,.field > :focus ~ menu ~ .tooltip {visibility: hidden;}.slider > .tooltip {--_space: -1.25rem;}.slider.vertical > .tooltip {--_space: -0.75rem;}.slider.vertical > .tooltip:is(.left, .right) {--_space: -0.5rem;}.tooltip.max {display: block;font-size: inherit;white-space: normal;text-align: start;inline-size: 20rem;border-radius: 0.5rem;padding: 1rem;box-shadow: var(--elevate2);}}
1
+ :root {--size: 1rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", "Noto Sans", Arial, sans-serif;--font-icon: "Material Symbols Outlined";--speed1: 0.1s;--speed2: 0.2s;--speed3: 0.3s;--speed4: 0.4s;--active: rgb(128 128 128 / 0.192);--overlay: rgb(0 0 0 / 0.5);--elevate1: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 0.32);--elevate2: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 0.4);--elevate3: 0 0.375rem 0.75rem 0 rgb(0 0 0 / 0.48);--top: env(safe-area-inset-top);--bottom: env(safe-area-inset-bottom);--left: env(safe-area-inset-left);--right: env(safe-area-inset-right);}html {font-size: var(--size);}body {color: var(--on-surface);background-color: var(--surface);overflow-x: hidden;font-family: var(--font);font-size: 0.875rem;line-height: 1.5rem;letter-spacing: 0.0313rem;}@media (pointer: fine) {body ::-webkit-scrollbar,body ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-button {background: none;inline-size: 0.4rem;block-size: 0.4rem;}body :is(:focus, :hover)::-webkit-scrollbar-thumb,body :has(:focus, :hover)::-webkit-scrollbar-thumb {background: var(--outline);border-radius: 1rem;}}@media (pointer: coarse) {body:has(dialog[open], dialog.active),body:has(input[type=range]:focus) {overflow: hidden;}}:root,body.light {--primary: #6750a4;--on-primary: #ffffff;--primary-container: #e9ddff;--on-primary-container: #22005d;--secondary: #625b71;--on-secondary: #ffffff;--secondary-container: #e8def8;--on-secondary-container: #1e192b;--tertiary: #7e5260;--on-tertiary: #ffffff;--tertiary-container: #ffd9e3;--on-tertiary-container: #31101d;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--background: #fffbff;--on-background: #1c1b1e;--surface: #fdf8fd;--on-surface: #1c1b1e;--surface-variant: #e7e0eb;--on-surface-variant: #49454e;--outline: #7a757f;--outline-variant: #cac4cf;--shadow: #000000;--scrim: #000000;--inverse-surface: #313033;--inverse-on-surface: #f4eff4;--inverse-primary: #cfbcff;--surface-dim: #ddd8dd;--surface-bright: #fdf8fd;--surface-container-lowest: #ffffff;--surface-container-low: #f7f2f7;--surface-container: #f2ecf1;--surface-container-high: #ece7eb;--surface-container-highest: #e6e1e6;}body.dark {--primary: #cfbcff;--on-primary: #381e72;--primary-container: #4f378a;--on-primary-container: #e9ddff;--secondary: #cbc2db;--on-secondary: #332d41;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: #141316;--on-surface: #e6e1e6;--surface-variant: #49454e;--on-surface-variant: #cac4cf;--outline: #948f99;--outline-variant: #49454e;--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: #1c1b1e;--surface-container: #201f22;--surface-container-high: #2b292d;--surface-container-highest: #363438;}@font-face {font-family: "Material Symbols Outlined";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.2/dist/cdn/material-symbols-outlined.woff2) format("woff2");}@font-face {font-family: "Material Symbols Rounded";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.2/dist/cdn/material-symbols-rounded.woff2) format("woff2");}@font-face {font-family: "Material Symbols Sharp";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.2/dist/cdn/material-symbols-sharp.woff2) format("woff2");}@font-face {font-family: "Material Symbols Subset";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.2/dist/cdn/material-symbols-subset.woff2) format("woff2");}.beer,
2
+ beer-css {* {-webkit-tap-highlight-color: transparent;position: relative;vertical-align: middle;color: inherit;margin: 0;padding: 0;border-radius: inherit;box-sizing: border-box;}*::after,*::before {all: unset;}label {font-size: 0.75rem;vertical-align: baseline;}a,b,i,span,strong,em,code {vertical-align: baseline;}a,button,.button {cursor: pointer;text-decoration: none;display: inline-flex;align-items: center;border: none;font-family: inherit;outline: inherit;justify-content: center;}:is(nav, .tabs, .field) > a,button,.button,.chip,i,label {user-select: none;}:not(.grid, nav, .row) > :not(progress.max) + :is(address, article, blockquote, code, .field, fieldset, form, .grid, h1, h2, h3, h4, h5, h6, nav, ol, p, pre, .row, section, aside, table, .tabs, ul):not([class*='margin'], .right, .left, .top, .bottom) {margin-block-start: 1rem;}:has(> [class*='margin']) {padding: 0.1px;}:is(a, button, .button, .chip, summary):focus-visible {outline: 0.125rem solid var(--primary);outline-offset: 0.25rem;}:is(nav, .row, li).group > :focus-visible {z-index: 1;}:is(button, .button, .chip) > :is(span, i, img, svg) {pointer-events: none;}div:is(:not([class]), [class=active]):has(> :not(.responsive) ~ :is(menu, .tooltip, input)) {display: inline-flex;}.transparent {background-color: transparent !important;box-shadow: none !important;color: inherit !important;}.primary {background-color: var(--primary) !important;color: var(--on-primary) !important;}.primary-text {color: var(--primary) !important;}.primary-border {border-color: var(--primary) !important;}.primary-container {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}.secondary {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}.secondary-text {color: var(--secondary) !important;}.secondary-border {border-color: var(--secondary) !important;}.secondary-container {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}.tertiary {background-color: var(--tertiary) !important;color: var(--on-tertiary) !important;}.tertiary-text {color: var(--tertiary) !important;}.tertiary-border {border-color: var(--tertiary) !important;}.tertiary-container {background-color: var(--tertiary-container) !important;color: var(--on-tertiary-container) !important;}.error {background-color: var(--error) !important;color: var(--on-error) !important;}.error-text {color: var(--error) !important;}.error-border {border-color: var(--error) !important;}.error-container {background-color: var(--error-container) !important;color: var(--on-error-container) !important;}.background {background-color: var(--background) !important;color: var(--on-background) !important;}.surface,.surface-dim,.surface-bright,.surface-container-lowest,.surface-container-low,.surface-container,.surface-container-high,.surface-container-highest {background-color: var(--surface) !important;color: var(--on-surface) !important;}.surface-variant {background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;}.inverse-surface {background-color: var(--inverse-surface);color: var(--inverse-on-surface);}.inverse-primary {background-color: var(--inverse-primary);color: var(--primary);}.inverse-primary-text {color: var(--inverse-primary) !important;}.inverse-primary-border {border-color: var(--inverse-primary) !important;}.surface-dim {background-color: var(--surface-dim) !important;}.surface-bright {background-color: var(--surface-bright) !important;}.surface-container-lowest {background-color: var(--surface-container-lowest) !important;}.surface-container-low {background-color: var(--surface-container-low) !important;}.surface-container {background-color: var(--surface-container) !important;}.surface-container-high {background-color: var(--surface-container-high) !important;}.surface-container-highest {background-color: var(--surface-container-highest) !important;}.surface-container-low {background-color: var(--surface-container-low) !important;}.black {background-color: #000 !important;}.black-border {border-color: #000 !important;}.black-text {color: #000 !important;}.white {background-color: #FFF !important;}.white-border {border-color: #FFF !important;}.white-text {color: #FFF !important;}.transparent-border {border-color: transparent !important;}.transparent-text {color: transparent !important;}.fill:not(i) {background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;}.middle-align {display: flex;align-items: center !important;}.bottom-align {display: flex;align-items: flex-end !important;}.top-align {display: flex;align-items: flex-start !important;}.left-align {text-align: start;justify-content: flex-start !important;}.right-align {text-align: end;justify-content: flex-end !important;}.center-align {text-align: center;justify-content: center !important;}[class*=blur],[class*=blur].light {--_blur: 1rem;-webkit-backdrop-filter: blur(var(--_blur));backdrop-filter: blur(var(--_blur));color: var(--on-surface);background-color: rgb(255 255 255 / 0.5) !important;}.dark [class*=blur],[class*=blur].dark {background-color: rgb(0 0 0 / 0.5) !important;}.small-blur {--_blur: 0.5rem;}.large-blur {--_blur: 1.5rem;}.red,.red6 {background-color: #F44336 !important;}.red-border {border-color: #F44336 !important;}.red-text {color: #F44336 !important;}.red1 {background-color: #FFEBEE !important;}.red2 {background-color: #FFCDD2 !important;}.red3 {background-color: #EF9A9A !important;}.red4 {background-color: #E57373 !important;}.red5 {background-color: #EF5350 !important;}.red7 {background-color: #E53935 !important;}.red8 {background-color: #D32F2F !important;}.red9 {background-color: #C62828 !important;}.red10 {background-color: #B71C1C !important;}.pink,.pink6 {background-color: #E91E63 !important;}.pink-border {border-color: #E91E63 !important;}.pink-text {color: #E91E63 !important;}.pink1 {background-color: #FCE4EC !important;}.pink2 {background-color: #F8BBD0 !important;}.pink3 {background-color: #F48FB1 !important;}.pink4 {background-color: #F06292 !important;}.pink5 {background-color: #EC407A !important;}.pink7 {background-color: #D81B60 !important;}.pink8 {background-color: #C2185B !important;}.pink9 {background-color: #AD1457 !important;}.pink10 {background-color: #880E4F !important;}.purple,.purple6 {background-color: #9C27B0 !important;}.purple-border {border-color: #9C27B0 !important;}.purple-text {color: #9C27B0 !important;}.purple1 {background-color: #F3E5F5 !important;}.purple2 {background-color: #E1BEE7 !important;}.purple3 {background-color: #CE93D8 !important;}.purple4 {background-color: #BA68C8 !important;}.purple5 {background-color: #AB47BC !important;}.purple7 {background-color: #8E24AA !important;}.purple8 {background-color: #7B1FA2 !important;}.purple9 {background-color: #6A1B9A !important;}.purple10 {background-color: #4A148C !important;}.deep-purple,.deep-purple6 {background-color: #673AB7 !important;}.deep-purple-border {border-color: #673AB7 !important;}.deep-purple-text {color: #673AB7 !important;}.deep-purple1 {background-color: #EDE7F6 !important;}.deep-purple2 {background-color: #D1C4E9 !important;}.deep-purple3 {background-color: #B39DDB !important;}.deep-purple4 {background-color: #9575CD !important;}.deep-purple5 {background-color: #7E57C2 !important;}.deep-purple7 {background-color: #5E35B1 !important;}.deep-purple8 {background-color: #512DA8 !important;}.deep-purple9 {background-color: #4527A0 !important;}.deep-purple10 {background-color: #311B92 !important;}.indigo,.indigo6 {background-color: #3F51B5 !important;}.indigo-border {border-color: #3F51B5 !important;}.indigo-text {color: #3F51B5 !important;}.indigo1 {background-color: #E8EAF6 !important;}.indigo2 {background-color: #C5CAE9 !important;}.indigo3 {background-color: #9FA8DA !important;}.indigo4 {background-color: #7986CB !important;}.indigo5 {background-color: #5C6BC0 !important;}.indigo7 {background-color: #3949AB !important;}.indigo8 {background-color: #303F9F !important;}.indigo9 {background-color: #283593 !important;}.indigo10 {background-color: #1A237E !important;}.blue,.blue6 {background-color: #2196F3 !important;}.blue-border {border-color: #2196F3 !important;}.blue-text {color: #2196F3 !important;}.blue1 {background-color: #E3F2FD !important;}.blue2 {background-color: #BBDEFB !important;}.blue3 {background-color: #90CAF9 !important;}.blue4 {background-color: #64B5F6 !important;}.blue5 {background-color: #42A5F5 !important;}.blue7 {background-color: #1E88E5 !important;}.blue8 {background-color: #1976D2 !important;}.blue9 {background-color: #1565C0 !important;}.blue10 {background-color: #0D47A1 !important;}.light-blue,.light-blue6 {background-color: #03A9F4 !important;}.light-blue-border {border-color: #03A9F4 !important;}.light-blue-text {color: #03A9F4 !important;}.light-blue1 {background-color: #E1F5FE !important;}.light-blue2 {background-color: #B3E5FC !important;}.light-blue3 {background-color: #81D4FA !important;}.light-blue4 {background-color: #4FC3F7 !important;}.light-blue5 {background-color: #29B6F6 !important;}.light-blue7 {background-color: #039BE5 !important;}.light-blue8 {background-color: #0288D1 !important;}.light-blue9 {background-color: #0277BD !important;}.light-blue10 {background-color: #01579B !important;}.cyan,.cyan6 {background-color: #00BCD4 !important;}.cyan-border {border-color: #00BCD4 !important;}.cyan-text {color: #00BCD4 !important;}.cyan1 {background-color: #E0F7FA !important;}.cyan2 {background-color: #B2EBF2 !important;}.cyan3 {background-color: #80DEEA !important;}.cyan4 {background-color: #4DD0E1 !important;}.cyan5 {background-color: #26C6DA !important;}.cyan7 {background-color: #00ACC1 !important;}.cyan8 {background-color: #0097A7 !important;}.cyan9 {background-color: #00838F !important;}.cyan10 {background-color: #006064 !important;}.teal,.teal6 {background-color: #009688 !important;}.teal-border {border-color: #009688 !important;}.teal-text {color: #009688 !important;}.teal1 {background-color: #E0F2F1 !important;}.teal2 {background-color: #B2DFDB !important;}.teal3 {background-color: #80CBC4 !important;}.teal4 {background-color: #4DB6AC !important;}.teal5 {background-color: #26A69A !important;}.teal7 {background-color: #00897B !important;}.teal8 {background-color: #00796B !important;}.teal9 {background-color: #00695C !important;}.teal10 {background-color: #004D40 !important;}.green,.green6 {background-color: #4CAF50 !important;}.green-border {border-color: #4CAF50 !important;}.green-text {color: #4CAF50 !important;}.green1 {background-color: #E8F5E9 !important;}.green2 {background-color: #C8E6C9 !important;}.green3 {background-color: #A5D6A7 !important;}.green4 {background-color: #81C784 !important;}.green5 {background-color: #66BB6A !important;}.green7 {background-color: #43A047 !important;}.green8 {background-color: #388E3C !important;}.green9 {background-color: #2E7D32 !important;}.green10 {background-color: #1B5E20 !important;}.light-green,.light-green6 {background-color: #8BC34A !important;}.light-green-border {border-color: #8BC34A !important;}.light-green-text {color: #8BC34A !important;}.light-green1 {background-color: #F1F8E9 !important;}.light-green2 {background-color: #DCEDC8 !important;}.light-green3 {background-color: #C5E1A5 !important;}.light-green4 {background-color: #AED581 !important;}.light-green5 {background-color: #9CCC65 !important;}.light-green7 {background-color: #7CB342 !important;}.light-green8 {background-color: #689F38 !important;}.light-green9 {background-color: #558B2F !important;}.light-green10 {background-color: #33691E !important;}.lime,.lime6 {background-color: #CDDC39 !important;}.lime-border {border-color: #CDDC39 !important;}.lime-text {color: #CDDC39 !important;}.lime1 {background-color: #F9FBE7 !important;}.lime2 {background-color: #F0F4C3 !important;}.lime3 {background-color: #E6EE9C !important;}.lime4 {background-color: #DCE775 !important;}.lime5 {background-color: #D4E157 !important;}.lime7 {background-color: #C0CA33 !important;}.lime8 {background-color: #AFB42B !important;}.lime9 {background-color: #9E9D24 !important;}.lime10 {background-color: #827717 !important;}.yellow,.yellow6 {background-color: #FFEB3B !important;}.yellow-border {border-color: #FFEB3B !important;}.yellow-text {color: #FFEB3B !important;}.yellow1 {background-color: #FFFDE7 !important;}.yellow2 {background-color: #FFF9C4 !important;}.yellow3 {background-color: #FFF59D !important;}.yellow4 {background-color: #FFF176 !important;}.yellow5 {background-color: #FFEE58 !important;}.yellow7 {background-color: #FDD835 !important;}.yellow8 {background-color: #FBC02D !important;}.yellow9 {background-color: #F9A825 !important;}.yellow10 {background-color: #F57F17 !important;}.amber,.amber6 {background-color: #FFC107 !important;}.amber-border {border-color: #FFC107 !important;}.amber-text {color: #FFC107 !important;}.amber1 {background-color: #FFF8E1 !important;}.amber2 {background-color: #FFECB3 !important;}.amber3 {background-color: #FFE082 !important;}.amber4 {background-color: #FFD54F !important;}.amber5 {background-color: #FFCA28 !important;}.amber7 {background-color: #FFB300 !important;}.amber8 {background-color: #FFA000 !important;}.amber9 {background-color: #FF8F00 !important;}.amber10 {background-color: #FF6F00 !important;}.orange,.orange6 {background-color: #FF9800 !important;}.orange-border {border-color: #FF9800 !important;}.orange-text {color: #FF9800 !important;}.orange1 {background-color: #FFF3E0 !important;}.orange2 {background-color: #FFE0B2 !important;}.orange3 {background-color: #FFCC80 !important;}.orange4 {background-color: #FFB74D !important;}.orange5 {background-color: #FFA726 !important;}.orange7 {background-color: #FB8C00 !important;}.orange8 {background-color: #F57C00 !important;}.orange9 {background-color: #EF6C00 !important;}.orange10 {background-color: #E65100 !important;}.deep-orange,.deep-orange6 {background-color: #FF5722 !important;}.deep-orange-border {border-color: #FF5722 !important;}.deep-orange-text {color: #FF5722 !important;}.deep-orange1 {background-color: #FBE9E7 !important;}.deep-orange2 {background-color: #FFCCBC !important;}.deep-orange3 {background-color: #FFAB91 !important;}.deep-orange4 {background-color: #FF8A65 !important;}.deep-orange5 {background-color: #FF7043 !important;}.deep-orange7 {background-color: #F4511E !important;}.deep-orange8 {background-color: #E64A19 !important;}.deep-orange9 {background-color: #D84315 !important;}.deep-orange10 {background-color: #BF360C !important;}.brown,.brown6 {background-color: #795548 !important;}.brown-border {border-color: #795548 !important;}.brown-text {color: #795548 !important;}.brown1 {background-color: #EFEBE9 !important;}.brown2 {background-color: #D7CCC8 !important;}.brown3 {background-color: #BCAAA4 !important;}.brown4 {background-color: #A1887F !important;}.brown5 {background-color: #8D6E63 !important;}.brown7 {background-color: #6D4C41 !important;}.brown8 {background-color: #5D4037 !important;}.brown9 {background-color: #4E342E !important;}.brown10 {background-color: #3E2723 !important;}.blue-grey,.blue-grey6 {background-color: #607D8B !important;}.blue-grey-border {border-color: #607D8B !important;}.blue-grey-text {color: #607D8B !important;}.blue-grey1 {background-color: #ECEFF1 !important;}.blue-grey2 {background-color: #CFD8DC !important;}.blue-grey3 {background-color: #B0BEC5 !important;}.blue-grey4 {background-color: #90A4AE !important;}.blue-grey5 {background-color: #78909C !important;}.blue-grey7 {background-color: #546E7A !important;}.blue-grey8 {background-color: #455A64 !important;}.blue-grey9 {background-color: #37474F !important;}.blue-grey10 {background-color: #263238 !important;}.grey,.grey6 {background-color: #9E9E9E !important;}.grey-border {border-color: #9E9E9E !important;}.grey-text {color: #9E9E9E !important;}.grey1 {background-color: #FAFAFA !important;}.grey2 {background-color: #F5F5F5 !important;}.grey3 {background-color: #EEE !important;}.grey4 {background-color: #E0E0E0 !important;}.grey5 {background-color: #BDBDBD !important;}.grey7 {background-color: #757575 !important;}.grey8 {background-color: #616161 !important;}.grey9 {background-color: #424242 !important;}.grey10 {background-color: #212121 !important;}.horizontal {display: inline-flex;flex-direction: row !important;gap: 1rem;inline-size: auto !important;max-inline-size: none !important;}.horizontal > * {margin-block: 0 !important;}.vertical {display: flex;flex-direction: column !important;}:is(a, button, .button, .chip).vertical {display: inline-flex;gap: 0.25rem;block-size: auto !important;max-block-size: none !important;padding-block: 0.5rem;}.vertical > * {margin-inline: 0 !important;}.no-elevate {box-shadow: none !important;}.small-elevate,.elevate {box-shadow: var(--elevate1) !important;}.medium-elevate {box-shadow: var(--elevate2) !important;}.large-elevate {box-shadow: var(--elevate3) !important;}.round,[class*=-round] {--_round: 2rem;border-radius: var(--_round) !important;}.small-round {--_round: 0.5rem;}.large-round {--_round: 3.5rem;}.no-round,.square,.top-round,.bottom-round,.left-round,.right-round {border-radius: 0.5rem !important;}.top-round {border-start-start-radius: var(--_round) !important;border-start-end-radius: var(--_round) !important;}.bottom-round {border-end-end-radius: var(--_round) !important;border-end-start-radius: var(--_round) !important;}.left-round {border-start-start-radius: var(--_round) !important;border-end-start-radius: var(--_round) !important;}.right-round {border-start-end-radius: var(--_round) !important;border-end-end-radius: var(--_round) !important;}.circle:not(.extend) {border-radius: 50%;}:is(.circle, .square):is(button, .button, .chip) {padding: 0;block-size: var(--_size);inline-size: var(--_size);}:is(.circle, .square) > span:not([class]) {display: none;}:is(.circle, .square).round {border-radius: 1rem !important;}.border:not(table, .field, .list, menu, article) {box-sizing: border-box;border: 0.0625rem solid var(--outline);background-color: transparent;box-shadow: none;}.no-border {border-color: transparent !important;}.margin,[class*=-margin]:not(.left-margin, .right-margin, .top-margin, .bottom-margin, .horizontal-margin, .vertical-margin) {margin: var(--_margin) !important;}.margin,[class*=-margin] {--_margin: 1rem;}.no-margin {--_margin: 0;}.auto-margin {--_margin: auto;}.tiny-margin {--_margin: 0.25rem;}.small-margin {--_margin: 0.5rem;}.large-margin {--_margin: 1.5rem;}.left-margin,.horizontal-margin {margin-inline-start: var(--_margin) !important;}.right-margin,.horizontal-margin {margin-inline-end: var(--_margin) !important;}.top-margin,.vertical-margin {margin-block-start: var(--_margin) !important;}.bottom-margin,.vertical-margin {margin-block-end: var(--_margin) !important;}.no-opacity {opacity: 1 !important;}.opacity {opacity: 0 !important;}.small-opacity {opacity: 0.75 !important;}.medium-opacity {opacity: 0.5 !important;}.large-opacity {opacity: 0.25 !important;}.padding,[class*=-padding]:not(.left-padding, .right-padding, .top-padding, .bottom-padding, .horizontal-padding, .vertical-padding) {padding: var(--_padding) !important;}.padding,[class*=-padding] {--_padding: 1rem;}.no-padding {--_padding: 0 !important;}.tiny-padding {--_padding: 0.25rem !important;}.small-padding {--_padding: 0.5rem !important;}.large-padding {--_padding: 1.5rem !important;}.left-padding,.horizontal-padding {padding-inline-start: var(--_padding) !important;}.right-padding,.horizontal-padding {padding-inline-end: var(--_padding) !important;}.top-padding,.vertical-padding {padding-block-start: var(--_padding) !important;}.bottom-padding,.vertical-padding {padding-block-end: var(--_padding) !important;}.front {z-index: 10 !important;}.back {z-index: -10 !important;}.left {inset-inline-start: 0;}.right {inset-inline-end: 0;}.top {inset-block-start: 0;}.bottom {inset-block-end: 0;}.center {inset-inline-start: 50%;transform: translateX(-50%);}[dir=rtl] .center {transform: translateX(50%);}.middle {inset-block-start: 50%;transform: translateY(-50%);}.middle.center {transform: translate(-50%, -50%);}[dir=rtl] .middle.center {transform: translate(50%, -50%);}.ripple {--_duration: 600ms;}.fast-ripple {--_duration: 200ms;}.slow-ripple {--_duration: 1800ms;}.ripple-js {position: absolute;inset: 0;pointer-events: none;overflow: hidden;}.ripple-js > div {position: absolute;border-radius: 50%;background: currentColor;opacity: 0.3;transform: scale(0);animation: to-ripple var(--_duration) linear;}@keyframes to-ripple {to {transform: scale(4);opacity: 0;}}.scroll {overflow: auto;}.no-scroll {overflow: hidden;}.shadow {background-color: #00000050;}:is(.left-shadow, .right-shadow, .top-shadow, .bottom-shadow) {background-color: transparent !important;}.left-shadow {background-image: linear-gradient(to right, black, transparent) !important;}.right-shadow {background-image: linear-gradient(to left, black, transparent) !important;}.bottom-shadow {background-image: linear-gradient(to top, black, transparent) !important;}.top-shadow {background-image: linear-gradient(to bottom, black, transparent) !important;}[class*=-width] {max-inline-size: 100%;}.auto-width {inline-size: auto;}.small-width {inline-size: 12rem !important;}.medium-width {inline-size: 24rem !important;}.large-width {inline-size: 36rem !important;}.auto-height {block-size: auto;}.small-height {block-size: 12rem !important;}.medium-height {block-size: 24rem !important;}.large-height {block-size: 36rem !important;}.wrap {display: block;white-space: normal;}.no-wrap:not(menu) {display: flex;white-space: nowrap;}.tiny-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 0.5rem;}:is(.space, .small-space):not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 1rem;}.medium-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 2rem;}.large-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 3rem;}.extra-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 4rem;}.responsive {inline-size: -webkit-fill-available;inline-size: -moz-available;}@media only screen and (max-width: 600px) {:is(.m, .l):not(.s) {display: none !important;}}@media only screen and (min-width: 601px) and (max-width: 992px) {:is(.s, .l):not(.m) {display: none !important;}}@media only screen and (min-width: 993px) {:is(.m, .s):not(.l) {display: none !important;}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: 400;display: block;align-items: center;line-height: normal;}h1,.h1 {font-size: 3.5625rem;}h2,.h2 {font-size: 2.8125rem;}h3,.h3 {font-size: 2.25rem;}h4,.h4 {font-size: 2rem;}h5,.h5 {font-size: 1.75rem;}h6,.h6 {font-size: 1.5rem;}:is(h1, .h1).small {font-size: 3.0625rem;}:is(h2, .h2).small {font-size: 2.3125rem;}:is(h3, .h3).small {font-size: 1.75rem;}:is(h4, .h4).small {font-size: 1.5rem;}:is(h5, .h5).small {font-size: 1.25rem;}:is(h6, .h6).small {font-size: 1rem;}:is(h1, .h1).large {font-size: 4.0625rem;}:is(h2, .h2).large {font-size: 3.3125rem;}:is(h3, .h3).large {font-size: 2.75rem;}:is(h4, .h4).large {font-size: 2.5rem;}:is(h5, .h5).large {font-size: 2.25rem;}:is(h6, .h6).large {font-size: 2rem;}.link {color: var(--primary) !important;}.inverse-link {color: var(--inverse-primary) !important;}.truncate {overflow: hidden;white-space: nowrap !important;text-overflow: ellipsis;flex: inherit;}.truncate > * {white-space: nowrap !important;}.small-text {font-size: 0.75rem;}.medium-text {font-size: 0.875rem;}.large-text {font-size: 1rem;}.upper {text-transform: uppercase;}.lower {text-transform: lowercase;}.capitalize {text-transform: capitalize;}.bold {font-weight: bold;}.overline {text-decoration: line-through;}.underline {text-decoration: underline;}.italic {font-style: italic;}p {margin: 0.5rem 0;}.no-line {line-height: normal;}.tiny-line {line-height: 1.25rem;}.small-line {line-height: 1.5rem;}.medium-line {line-height: 1.75rem;}.large-line {line-height: 2rem;}.extra-line {line-height: 2.25rem;}pre {border-radius: 0;background-color: var(--surface-container);white-space: pre-wrap;padding: 1rem;border-inline-start: 0.25rem solid var(--primary);font-family: inherit;}blockquote {border-radius: 0;padding: 1rem;border-inline-start: 0.25rem solid var(--primary);font-family: inherit;}code {border-radius: 0;background-color: var(--surface-container);white-space: pre-wrap;padding: 0.25rem;}pre > code,blockquote > code {padding: 0;}.scroll > code {white-space: pre;}pre:has(> code){direction: ltr;text-align: start;}sub {vertical-align: sub;}sup {vertical-align: super;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a):not(.slow-ripple, .ripple, .fast-ripple)::after,nav:is(.left, .right, .bottom, .top).max > a::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a::after,nav:is(.left, .right, .bottom, .top):not(.max) > a > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a > i::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit;inline-size: 100%;block-size: 100%;background-position: center;background-image: radial-gradient(circle, currentColor 1%, transparent 1%);opacity: 0;transition: none;pointer-events: none;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a):not(.slow-ripple, .ripple, .fast-ripple):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top).max > a:not(.button, .chip):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a:not(.button, .chip):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top):not(.max) > a:not(.button, .chip):is(:focus-visible, :hover) > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a:not(.button, .chip):is(:focus-visible, :hover) > i::after {background-size: 22500%;opacity: 0.1;transition: background-size var(--speed2) linear;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a, nav.max > a):not(.slow-ripple, .ripple, .fast-ripple):active::after,nav:is(.left, .right, .bottom, .top).max > a:active::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a:active::after,nav:is(.left, .right, .bottom, .top):not(.max) > a:active > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a:active > i::after {background-size: 0%;opacity: 0;transition: none;}.no-wave::after,.no-wave:is(:hover, :active)::after {display: none;}.zoom,.tiny-zoom {zoom: 2;}.small-zoom {zoom: 3;}.medium-zoom {zoom: 4;}.large-zoom {zoom: 5;}.extra-zoom {zoom: 6;}.badge {--_x: 0;--_y: -100%;display: inline-flex;align-items: center;justify-content: center;position: absolute;font-size: 0.6875rem;text-transform: none;z-index: 2;padding: 0 0.25rem;min-block-size: 1rem;min-inline-size: 1rem;background-color: var(--error);color: var(--on-error);line-height: normal;border-radius: 1rem;inset: 50% auto auto 50%;transform: translate(var(--_x, 50%), var(--_y, -50%));font-family: var(--font);}.badge.top {--_y: -100%;}.badge.bottom {--_y: 0;}.badge.left {--_x: -100%;}.badge.right {--_x: 0;}.badge.border {border-color: var(--error);color: var(--error);background-color: var(--surface);}.badge:is(.circle, .square) {text-align: center;inline-size: auto;block-size: auto;padding: 0 0.25rem;border-radius: 1rem;}.badge.square {border-radius: 0;}.badge.min > * {display: none;}.badge.min {clip-path: circle(18.75% at 50% 50%);}nav:is(.left, .right, .top, .bottom) > a > .badge,nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a > .badge {inset: 1rem auto auto 50%;}.badge.none {inset: auto !important;transform: none;position: relative;margin: 0 0.125rem;}header,footer {display: grid;align-content: center;border-radius: 0;padding: 0 1rem;}:is(dialog, article) > :is(header, footer) {padding-inline: 0;inset: 0;}header {min-block-size: 4rem;}footer {min-block-size: 5rem;}:is(header, footer, menu > *).fixed {position: sticky;inset: 0;z-index: 11;background-color: inherit;}header.fixed {inset: calc(-1 * var(--_padding, 0)) 0 0 0;margin-block-start: calc(-1 * var(--_padding, 0));}footer.fixed {inset: 0 0 calc(-1 * var(--_padding, 0)) 0;margin-block-end: calc(-1 * var(--_padding, 0));}:is(header, footer).fixed.min {margin-inline: auto;}dialog > :is(header, footer) {background: none;}dialog > :is(header, footer).fixed {background-color: inherit;}:is(main, header, footer, section).responsive {max-inline-size: min(100vw, 75rem);margin: 0 auto;}:is(main, header, footer, section).responsive.max {max-inline-size: none;}:has(> main) > :is(header, footer).fixed {transform: none;box-sizing: content-box;position: sticky;inset: 0;z-index: 12;}:has(> main) > header {padding-block-start: var(--top, 0);}:has(> main) > footer {padding-block-end: var(--bottom, 0);}nav.top ~ header,nav.bottom ~ footer {padding-block: 0;}nav.top ~ header.fixed {inset-block: calc(var(--top, 0) + 4.5rem) 0;}nav.bottom ~ footer.fixed {inset-block: 0 calc(var(--bottom, 0) + 4.5rem);}:is(nav, .row) > header {background-color: inherit;}.button,button {--_padding: 1rem;--_size: 2.5rem;box-sizing: content-box;display: inline-flex;align-items: center;justify-content: center;block-size: var(--_size);font-size: 0.875rem;font-weight: 500;color: var(--on-primary);padding: 0 var(--_padding);background-color: var(--primary);border-radius: var(--_size);transition: transform var(--speed3), border-radius var(--speed2), padding var(--speed3);user-select: none;gap: 0.5rem;line-height: normal;}:is(button, .button).small {--_size: 2rem;--_padding: 0.75rem;}:is(button, .button).large {--_size: 3rem;--_padding: 1.25rem;}:is(.button, button):is(.extra, .extend) {--_size: 3.5rem;font-size: 1rem;--_padding: 1.5rem;}:is(button, .button):is(.square, .circle) {--_padding: 0;}:is(button, .button).border {border-color: var(--outline-variant);color: var(--primary);}.extend > span:not([class]) {display: none;}.extend:is(:hover, .active) {inline-size: auto;--_padding: 1.5rem;padding: 0 var(--_padding);}.extend:is(:hover, .active) > i + span {display: inherit;margin-inline-start: var(--_padding);}.extend:is(:hover, .active) > :is(img, svg) + span {display: inherit;margin-inline-start: calc(1rem + var(--_padding, 0));}:is(.button, button)[disabled] {opacity: 0.5;cursor: not-allowed;}.button[disabled] {pointer-events: none;}:is(.button, button)[disabled]::before,:is(.button, button)[disabled]::after {display: none;}:is(.button, button):not(.chip, .extend).fill {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}:is(.button, button):not(.chip, .extend).active {background-color: var(--primary-container);color: var(--on-primary-container);}:is(.button, button):not(.chip, .extend).fill.active {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}:is(.button, button):not(.chip, .extend).border.active {background-color: var(--inverse-surface) !important;color: var(--inverse-on-surface) !important;border-color: var(--inverse-surface) !important;}:is(.button, button):not(.chip):active,:is(.button, button):not(.chip).active {border-radius: 0.5rem !important;}article {--_padding: 1rem;box-shadow: var(--elevate1);background-color: var(--surface-container-low);color: var(--on-surface);padding: var(--_padding);border-radius: 0.75rem;display: block;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);}article.small {block-size: 12rem;}article.medium {block-size: 20rem;}article.large {block-size: 32rem;}article.border {box-shadow: none;border: 0.0625rem solid var(--outline-variant);}.chip {--_padding: 0.75rem;--_size: 2rem;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;block-size: var(--_size);min-inline-size: var(--_size);font-size: 0.875rem;font-weight: 500;background-color: transparent;border: 0.0625rem solid var(--outline-variant);color: var(--on-surface-variant);padding: 0 var(--_padding);text-transform: none;border-radius: 0.5rem;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);user-select: none;gap: 0.5rem;line-height: normal;letter-spacing: normal;}.chip.medium {--_size: 2.5rem;--_padding: 1rem;}.chip.large {--_padding: 1.25rem;--_size: 3rem;}.chip.fill {border: none;}dialog {--_padding: 1.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));display: block;visibility: hidden;border: none;opacity: 0;position: fixed;box-shadow: var(--elevate2);color: var(--on-surface);background-color: var(--surface-container-high);padding: var(--_padding);z-index: 100;inset: 10% auto auto 50%;min-inline-size: 20rem;max-inline-size: 100%;max-block-size: 80%;overflow-x: hidden;overflow-y: auto;transition: all var(--speed3), 0s background-color;border-radius: 1.75rem;transform: translate(-50%, -4rem);outline: none;}dialog.small {inline-size: 25%;block-size: 25%;}dialog.medium {inline-size: 50%;block-size: 50%;}dialog.large {inline-size: 75%;block-size: 75%;}dialog:is(.active, [open]) {visibility: visible;opacity: 1;transform: translate(-50%, 0);}dialog:popover-open {visibility: visible;opacity: 1;transform: translate(-50%, 0);}dialog:is(.top, .right, .bottom, .left, .max) {--_padding: 1rem;}dialog:is(.top, .bottom) {opacity: 1;block-size: auto;inline-size: 100%;min-inline-size: auto;max-block-size: 100%;}dialog.top {inset: 0 auto auto 0;transform: translateY(-100%);border-radius: 0 0 1rem 1rem;padding-block-start: var(--_top);}dialog.bottom {inset: auto auto 0 0;transform: translateY(100%);border-radius: 1rem 1rem 0 0;padding-block-end: var(--_bottom);}dialog:is(.left, .right) {opacity: 1;inset: 0 auto auto 0;inline-size: auto;block-size: 100%;max-block-size: 100%;background-color: var(--surface);padding-block: var(--_top) var(--_bottom);}[dir=rtl] dialog.right,dialog.left {inset: 0 auto auto 0;border-radius: 0 1rem 1rem 0;transform: translateX(-100%);}[dir=rtl] dialog.left,dialog.right {inset: 0 0 auto auto;border-radius: 1rem 0 0 1rem;transform: translateX(100%);}dialog.max {inset: 0 auto auto 0;inline-size: 100%;block-size: 100%;max-inline-size: 100%;max-block-size: 100%;transform: translateY(4rem);background-color: var(--surface);border-radius: 0;padding-block: var(--_top) var(--_bottom);}dialog:is(.active, [open]):is(.left, .right, .top, .bottom, .max) {transform: translate(0, 0);}dialog:popover-open:is(.left, .right, .top, .bottom, .max) {transform: translate(0, 0);}dialog.small:is(.left, .right) {inline-size: 20rem;}dialog.medium:is(.left, .right) {inline-size: 32rem;}dialog.large:is(.left, .right) {inline-size: 44rem;}dialog.small:is(.top, .bottom) {block-size: 16rem;}dialog.medium:is(.top, .bottom) {block-size: 24rem;}dialog.large:is(.top, .bottom) {block-size: 32rem;}hr,[class*=divider] {all: unset;inline-size: -webkit-fill-available;min-block-size: auto;block-size: 0.0625rem;background-color: var(--outline-variant);display: block;}hr + *,[class*=divider] + * {margin: 0 !important;}hr.medium,.medium-divider {margin: 1rem 0 !important;}hr.large,.large-divider {margin: 1.5rem 0 !important;}hr.small,.small-divider {margin: 0.5rem 0 !important;}li:has(> hr),li:has(> .divider) {padding: 0 !important;align-self: normal !important;min-inline-size: auto !important;min-block-size: auto !important;inline-size: -webkit-fill-available;}hr.vertical,.divider.vertical,li:has(> hr.vertical),li:has(> .divider.vertical) {padding: 0 !important;align-self: center !important;min-inline-size: auto;min-block-size: 1.5rem;inline-size: 0.0625rem;}summary {list-style-type: none;cursor: pointer;}summary::-webkit-details-marker {display: none;}summary > * {pointer-events: none;margin: 0;}li > details > summary + .list {margin: 0 !important;}.field {--_input: 3rem;--_start: 1.2rem;--_middle: calc(var(--_input, 0) / 2);border-radius: 0.25rem 0.25rem 0 0;min-block-size: var(--_input);display: flex;flex-direction: column;}.field.fill {--_background: var(--surface-variant);background-color: unset !important;color: unset !important;}.field.fill > :is(input, select, textarea) {background-color: var(--_background);z-index: 0;}.field.small {--_input: 2.5rem;--_start: 1rem;}.field.large {--_input: 3.5rem;--_start: 1.4rem;}.field.extra {--_input: 4rem;--_start: 1.6rem;}.field.border {border-radius: 0.25rem;}.field.round.small {border-radius: 1.25rem;}.field.round {border-radius: 1.5rem;}.field.round.large {border-radius: 1.75rem;}.field.round.extra {border-radius: 2rem;}.field > :is(i, img, svg, progress.circle, a) {position: absolute;inset: calc((var(--_input, 0) / 2) - 0.75rem) auto auto auto;cursor: pointer;z-index: 10;inline-size: 1.5rem;block-size: 1.5rem;margin: auto 0;pointer-events: none;}.field > :is(a, .front) {pointer-events: all !important;}.field > a > :is(i, img, svg, progress.circle, a) {inline-size: 1.5rem;block-size: 1.5rem;}.field > :is(i, img, svg, progress.circle, a),[dir=rtl] .field > :is(i, img, svg, progress.circle, a):first-child {inset: calc(var(--_middle, 0) - 0.75rem) 1rem auto auto;}.field > :is(i, img, svg, progress.circle, a):first-child,[dir=rtl] .field > :is(i, img, svg, progress.circle, a) {inset: calc(var(--_middle, 0) - 0.75rem) auto auto 1rem;}.field.invalid > i {color: var(--error);}.field > progress.circle {border-width: 0.1875rem;}.field > :is(input, textarea, select) {all: unset;position: relative;display: flex;align-items: center;box-sizing: border-box;border-radius: inherit;border: 0.0625rem solid transparent;padding: 0 0.9375rem;font-family: inherit;font-size: 1rem;min-block-size: var(--_input);outline: none;z-index: 1;background: none;resize: none;text-align: start;cursor: text;}input::-webkit-date-and-time-value {text-align: start;}:is(input, select, textarea):is(:-webkit-autofill, :autofill) {-webkit-background-clip: text;-webkit-text-fill-color: var(--on-surface);}.field > :is(input, textarea, select):focus {border: 0.125rem solid transparent;padding-inline: 0.875rem;}.field > textarea:not([rows]) {field-sizing: content;max-block-size: 12rem;}input[type=file],input[type=color],:not(.field) > input[type^=date],:not(.field) > input[type^=time],input::-webkit-calendar-picker-indicator {opacity: 0;position: absolute;inset: 0;inline-size: 100%;block-size: 100%;margin: 0;padding: 0;border: 0;outline: 0;z-index: 2 !important;}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {display: none;}input[type=number] {appearance: textfield;}.field.border > :is(input, textarea, select) {border-color: var(--outline);}.field.border > :is(input, textarea, select):focus {border-color: var(--primary);}.field.round > :is(input, textarea, select) {padding-inline: 1.4376rem;}.field.round > :is(input, textarea, select):focus {padding-inline: 1.375rem;}.field.prefix > :is(input, textarea, select) {padding-inline-start: 2.9375rem;}.field.prefix > .slider {margin-inline-start: 3.5rem;}.field.prefix > :is(input, textarea, select):focus {padding-inline-start: 2.875rem;}.field.suffix > :is(input, textarea, select) {padding-inline-end: 2.9375rem;}.field.suffix > .slider {margin-inline-end: 3.5rem;}.field.suffix > :is(input, textarea, select):focus {padding-inline-end: 2.875rem;}.field:not(.border, .round) > :is(input, textarea, select) {border-block-end-color: var(--outline);}.field:not(.border, .round) > :is(input, textarea, select):focus {border-block-end-color: var(--primary);}.field.round:not(.border, .fill) > :is(input, textarea, select),.field.round:not(.border) > :is(input, textarea, select):focus {box-shadow: var(--elevate1);}.field.round:not(.border, .fill) > :is(input, textarea, select):focus {box-shadow: var(--elevate2);}.field.invalid:not(.border, .round) > :is(input, textarea, select),.field.invalid:not(.border, .round) > :is(input, textarea, select):focus {border-block-end-color: var(--error);}.field.invalid.border > :is(input, textarea, select),.field.invalid.border > :is(input, textarea, select):focus {border-color: var(--error);}.field:has(> :disabled) {opacity: 0.5;cursor: not-allowed;}.field > :disabled {cursor: not-allowed;}.field > select {user-select: none;}@-moz-document url-prefix() {.field > select:focus {background-color: var(--surface);}.field.fill > select:focus {background-color: var(--surface-variant);}.field > select:focus + label {z-index: 1;}}.field > select > option {background-color: var(--surface);}.field > :is(input, select) {padding-block-start: 1rem;}.field:not(.label) > :is(input, select),.field.border:not(.fill) > :is(input, select) {padding-block-start: 0;}.field > textarea {padding-block-start: var(--_start) !important;}.field > textarea:focus {padding-block-start: calc(var(--_start, 0) - 0.01rem) !important;}.field:not(.label) > textarea,.field.border:not(.fill) > textarea {padding-block-start: calc(var(--_start, 0) - 0.5rem) !important;}.field:not(.label) > textarea:focus,.field.border:not(.fill) > textarea:focus {padding-block-start: calc(var(--_start, 0) - 0.51rem) !important;}.field.label > label {--_start: 1rem;position: absolute;inset: -0.5rem 1rem 0 var(--_start);display: flex;block-size: calc(var(--_input, 0) + 1rem);line-height: calc(var(--_input, 0) + 1rem);font-size: 1rem;transition: all 0.2s;gap: 0.25rem;white-space: nowrap;pointer-events: none;}[dir=rtl] .field.label > label {inset: -0.5rem var(--_start) 0 1rem;}.field.label.round > label {inset: -0.5rem 1.75rem 0 var(--_start);}[dir=rtl] .field.label.round > label {inset: -0.5rem 1.75rem 0 var(--_start);}.field.label.border.prefix:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {--_start: 1rem;}.field.label.round > label,.field.label.border.prefix.round:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {--_start: 1.5rem;}.field.label.prefix > label {--_start: 3rem;}.field.label > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {block-size: 2.5rem;line-height: 2.5rem;font-size: 0.75rem;}.field.label.border:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {block-size: 1rem;line-height: 1rem;}.field.label.border:not(.fill) > label::after {content: "";display: block;margin: 0.5rem 0 0 0;border-block-start: 0.0625rem solid var(--outline);block-size: 1rem;transition: none;flex: auto;}.field.label.border:not(.fill) > :focus + label::after {border-block-start: 0.125rem solid var(--primary);}.field.label.border:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),.field.label.border:not(.fill) > select {clip-path: polygon(-2% -2%, 0.75rem -2%, 0.75rem 0.5rem, calc(100% - 1rem) 0.5rem, calc(100% - 1rem) -2%, 102% -2%, 102% 102%, -2% 102%);}[dir=rtl] .field.label.border:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),[dir=rtl] .field.label.border:not(.fill) > select {clip-path: polygon(-2% -2%, 1rem -2%, 1rem 0.5rem, calc(100% - 0.75rem) 0.5rem, calc(100% - 0.75rem) -2%, 102% -2%, 102% 102%, -2% 102%);}.field.label.border.round:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),.field.label.border.round:not(.fill) > select {clip-path: polygon(-2% -2%, 1.25rem -2%, 1.25rem 0.5rem, calc(100% - 1.75rem) 0.5rem, calc(100% - 1.75rem) -2%, 102% -2%, 102% 102%, -2% 102%);}[dir=rtl] .field.label.border.round:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),[dir=rtl] .field.label.border.round:not(.fill) > select {clip-path: polygon(-2% -2%, 1.75rem -2%, 1.75rem 0.5rem, calc(100% - 1.25rem) 0.5rem, calc(100% - 1.25rem) -2%, 102% -2%, 102% 102%, -2% 102%);}.field.label > :focus + label {color: var(--primary);}.field.label.invalid > label,.field.label.invalid > label::after {color: var(--error) !important;border-color: var(--error) !important;}.field.label > label > a {block-size: inherit;line-height: inherit;inline-size: 1rem;}.field.label > label > a > :is(i, img, svg) {block-size: 1rem;line-height: 1rem;inline-size: 1rem;font-size: 1rem;}.field > output {display: inline-block;font-size: 0.75rem;background: none !important;padding: 0.25rem 1rem;line-height: 1.25rem;align-self: start;}.field > output.invalid {color: var(--error) !important;}.field.round > output {padding: 0.25rem 1.5rem;}.field.invalid > output:not(.invalid),.field:not(.invalid) > output.invalid {display: none;}.field.invalid > output.invalid ~ menu,.field:not(.invalid) > output:not(.invalid) ~ menu {inset: auto auto 1.75rem 0;}table td > .field {margin: 0;}fieldset {border-radius: 0.25rem;padding: 1rem;border: 0.0625rem solid var(--outline-variant);}fieldset > legend {margin: 0 -0.25rem;padding: 0 0.25rem;}fieldset > legend + * {margin-block-start: 0 !important;}.grid {--_gap: 1rem;display: grid;grid-template-columns: repeat(12, 1fr);gap: var(--_gap);block-size: auto;}.grid.no-space {--_gap: 0rem;}.grid.medium-space {--_gap: 1.5rem;}.grid.large-space {--_gap: 2rem;}.grid > * {margin: 0;}.s1 {grid-area: auto/span 1;}.s2 {grid-area: auto/span 2;}.s3 {grid-area: auto/span 3;}.s4 {grid-area: auto/span 4;}.s5 {grid-area: auto/span 5;}.s6 {grid-area: auto/span 6;}.s7 {grid-area: auto/span 7;}.s8 {grid-area: auto/span 8;}.s9 {grid-area: auto/span 9;}.s10 {grid-area: auto/span 10;}.s11 {grid-area: auto/span 11;}.s12 {grid-area: auto/span 12;}@media only screen and (min-width: 601px) {.m1 {grid-area: auto/span 1;}.m2 {grid-area: auto/span 2;}.m3 {grid-area: auto/span 3;}.m4 {grid-area: auto/span 4;}.m5 {grid-area: auto/span 5;}.m6 {grid-area: auto/span 6;}.m7 {grid-area: auto/span 7;}.m8 {grid-area: auto/span 8;}.m9 {grid-area: auto/span 9;}.m10 {grid-area: auto/span 10;}.m11 {grid-area: auto/span 11;}.m12 {grid-area: auto/span 12;}}@media only screen and (min-width: 993px) {.l1 {grid-area: auto/span 1;}.l2 {grid-area: auto/span 2;}.l3 {grid-area: auto/span 3;}.l4 {grid-area: auto/span 4;}.l5 {grid-area: auto/span 5;}.l6 {grid-area: auto/span 6;}.l7 {grid-area: auto/span 7;}.l8 {grid-area: auto/span 8;}.l9 {grid-area: auto/span 9;}.l10 {grid-area: auto/span 10;}.l11 {grid-area: auto/span 11;}.l12 {grid-area: auto/span 12;}}i,:is(.checkbox, .radio, .switch) > span::before,:is(.checkbox, .radio, .switch) > span > i {--_size: 1.5rem;font-family: var(--font-icon);font-weight: normal;font-style: normal;font-size: var(--_size);letter-spacing: normal;text-transform: none;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;word-wrap: normal;direction: ltr;font-feature-settings: "liga";-webkit-font-smoothing: antialiased;vertical-align: middle;text-align: center;overflow: hidden;inline-size: var(--_size);min-inline-size: var(--_size);block-size: var(--_size);min-block-size: var(--_size);box-sizing: content-box;line-height: normal;border-radius: 0;}i:has(.badge) {overflow: unset;}i.tiny {--_size: 1rem;}.chip > i,i.small {--_size: 1.25rem;}i.medium {--_size: 1.5rem;}i.large {--_size: 1.75rem;}i.extra {--_size: 2rem;}i.fill,a.active > i,button.active > i {font-variation-settings: "FILL" 1;}i > :is(img, svg) {inline-size: 100%;block-size: 100%;background-size: 100%;border-radius: inherit;position: absolute;inset: 0 auto auto 0;padding: inherit;}i[class*=fa-] {font-size: calc(var(--_size, 0) * 0.85);line-height: normal;block-size: auto;min-block-size: auto;}.absolute {position: absolute;}.fixed {position: fixed;}:is(.absolute, .fixed).left.right {inline-size: auto;}:is(.absolute, .fixed).left.right.small {block-size: 20rem;}:is(.absolute, .fixed).left.right.medium {block-size: 28rem;}:is(.absolute, .fixed).left.right.large {block-size: 44rem;}:is(.absolute, .fixed).top.bottom.small {inline-size: 20rem;}:is(.absolute, .fixed).top.bottom.medium {inline-size: 28rem;}:is(.absolute, .fixed).top.bottom.large {inline-size: 44rem;}.list {display: flex;flex-direction: column;padding: 0;margin: 0;flex: 1;}.list > li,.list > li > details > summary,.list > li > a:only-child {all: unset;box-sizing: border-box;position: relative;display: flex;align-items: center;align-self: normal;text-align: start;justify-content: flex-start;white-space: nowrap;gap: 1rem;min-block-size: 3.5rem;padding: 0.5rem 1rem;cursor: pointer;flex: 1;}.list > li:has(ul, ol, details[open], a:only-child) {padding: 0;}.list > li > .list {padding: 0 0 0 1rem;}.list > li > *,.list > li > a:only-child > * {margin: 0;}.list > li > :is(details, .max),.list > li > a:only-child > .max,.list > li > details > summary > .max {flex: 1;}.list.border > li:not(:last-child)::before,.list.border > li > details[open] > summary::before {content: '';position: absolute;background-color: var(--outline-variant);inset: auto 0 0 0;block-size: 0.0625rem;inline-size: auto;}.list.no-space > li,.list.no-space > li > details > summary {min-block-size: 2.5rem;}.list.medium-space > li,.list.medium-space > li > details > summary {min-block-size: 4.5rem;}.list.large-space > li,.list.large-space > li > details > summary {min-block-size: 5.5rem;}:is(li, li > a:only-child):focus-visible {outline: 0.125rem solid var(--primary);outline-offset: -0.25rem;}:has(> main) {display: grid;grid-template-columns: auto minmax(0, 1fr) auto;grid-template-rows: auto auto minmax(0, 1fr) auto auto;grid-template-areas:"left top right""left header right""left main right""left footer right""left bottom right";min-block-size: 100dvh;box-sizing: border-box;background-color: var(--surface);}nav.left {grid-area: left;}nav.right {grid-area: right;}nav.top {grid-area: top;}nav.bottom {grid-area: bottom;}header {grid-area: header;}footer {grid-area: footer;}main {--_padding: 0.5rem;grid-area: main;padding: var(--_padding);overflow: hidden;}aside {z-index: 1;}aside:not(.fixed, .absolute).right {float: right;}aside:not(.fixed, .absolute).left {float: left;}svg {fill: currentcolor;}:is(img, svg, video):is(.small, .medium, .large, .tiny, .extra, .round, .circle, .square, .responsive) {--_size: 3rem;object-fit: cover;object-position: center;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);block-size: var(--_size);inline-size: var(--_size);}:is(img, svg, video).round {--_round: 0.5rem;}:is(img, svg, video).tiny {--_size: 2rem;}:is(img, svg, video).small {--_size: 2.5rem;}:is(img, svg, video).large {--_size: 3.5rem;}:is(img, svg, video).extra {--_size: 4rem;}:is(img, svg, video).responsive {--_size: 100%;margin: 0 auto;}:is(img, svg, video).responsive.tiny {inline-size: 100%;block-size: 4rem;}:is(img, svg, video).responsive.small {inline-size: 100%;block-size: 8rem;}:is(img, svg, video).responsive.medium {inline-size: 100%;block-size: 12rem;}:is(img, svg, video).responsive.large {inline-size: 100%;block-size: 16rem;}:is(img, svg, video).responsive.extra {inline-size: 100%;block-size: 20rem;}:is(img, svg, video).responsive.round {--_round: 2rem;}:is(img, svg, video).empty-state {max-inline-size: 100%;inline-size: 24rem;}:is(button, .button, .chip):not(.transparent) > .responsive {border: 0.25rem solid transparent;}:is(button, .button, .chip, .field) > :is(img, svg):not(.responsive),.tabs :is(img, svg):not(.responsive) {min-inline-size: 1.5rem;max-inline-size: 1.5rem;min-block-size: 1.5rem;max-block-size: 1.5rem;}:is(button, .button, .chip):not(.extend) > .responsive:first-child {margin-inline-start: calc(-1 * var(--_padding, 0));}:is(button, .button, .chip):not(.extend) > .responsive:not(:first-child) {margin-inline-end: calc(-1 * var(--_padding, 0));}:is(button, .button, .chip, .circle, .square, .extend) > .responsive {--_size: inherit;margin: 0 auto;}.extend > :is(.responsive, i) {margin: 0;position: absolute;inset-inline: 1rem;z-index: 1;}.extend > .responsive {inset-inline: 0;inline-size: 3.5rem;}.extend.border > .responsive {inline-size: 3.375rem;}menu {opacity: 0;visibility: hidden;position: absolute;box-shadow: var(--elevate2);background-color: var(--surface-container);z-index: 11;inset: auto auto 0 0;inline-size: 100%;max-block-size: 50vh;max-inline-size: none !important;overflow-x: hidden;overflow-y: auto;font-size: 0.875rem;font-weight: normal;text-transform: none;color: var(--on-surface);line-height: normal;text-align: start;border-radius: 0.25rem;transform: scale(0.8) translateY(120%);transition: all var(--speed2), 0s background-color;justify-content: flex-start;padding: 0.5rem 0;}[dir=rtl] menu {inset: auto 0 0 auto;}menu.no-wrap {inline-size: max-content;white-space: nowrap !important;}menu.active,:not(menu, [data-ui]):focus-within > menu,menu > li:hover > menu,menu > li > menu:hover {opacity: 1;visibility: visible;transform: scale(1) translateY(100%);}menu.active.top,:not(menu, [data-ui]):focus-within > menu.top,menu > li:hover > menu.top,menu > li > menu.top:hover {transform: scale(1) translateY(-100%);}menu * {white-space: inherit !important;}menu > li,menu > li > a:only-child {all: unset;box-sizing: border-box;position: relative;display: flex;align-items: center;align-self: normal;text-align: start;justify-content: inherit;white-space: nowrap;gap: 1rem;padding: 0.5rem 1rem;min-block-size: 3rem;flex: 1;margin: 0 !important;cursor: pointer;}menu > li:is(:hover, :focus, .active) {background-color: var(--active);}menu > li > :is(.max, .field),menu > li > a:only-child > .max,menu > li:has(.field, a:only-child) {flex: 1;padding: 0;margin: 0;}menu.min {inset: 0 0 auto 0;transform: none !important;background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;padding: 0;}[dir=rtl] menu.min.right,menu.min.left,menu.top.left {inset: 0 0 auto auto;}[dir=rtl] menu.min.left,menu.min.right,menu.top,menu.top.right {inset: 0 auto auto 0;}menu.max {position: fixed;inset: 0;block-size: 100%;max-block-size: none;min-block-size: auto;z-index: 100;transform: none !important;background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;border-radius: 0;}menu.no-wrap:is(.min, .max) {min-inline-size: 16rem;}[dir=rtl] menu.right,[dir=rtl] menu.top.min.right,menu.left,menu.top.min.left {inset: auto 0 0 auto;}[dir=rtl] menu.left,[dir=rtl] menu.top.min.left,menu.right,menu.top.min {inset: auto auto 0 0;}menu.top {transform: scale(0.8) translateY(-120%);}menu:has(menu) {--_child: 1;--_type: 0;overflow: unset;white-space: nowrap;inline-size: auto;min-inline-size: 12rem;max-block-size: none;}menu > li > :is(menu, menu.right),[dir=rtl] menu > li > menu.left {inset: auto auto calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100%;}[dir=rtl] menu > li > :is(menu, menu.right),menu > li > menu.left {inset: auto 100% calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto;}menu > li > :is(menu.top, menu.top.right),[dir=rtl] menu > li > menu.top.left {inset: calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto auto 100%;}[dir=rtl] menu > li > :is(menu.top, menu.top.right),menu > li > menu.top.left {inset: calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100% auto auto;}menu.no-space > li {min-block-size: 2.5rem;}menu.medium-space > li {min-block-size: 3.5rem;}menu.large-space > li {min-block-size: 4rem;}menu.border > li:not(:last-child)::before {content: '';position: absolute;background-color: var(--outline-variant);inset: auto 0 0 0;block-size: 0.0625rem;inline-size: auto;}menu.transparent {margin: 0 -1rem !important;padding: 0.5rem;}menu.transparent > li {background-color: inherit;box-shadow: none;padding: 0;}menu > li:nth-last-child(2) {--_child: 2;}menu > li:nth-last-child(3) {--_child: 3;}menu > li:nth-last-child(4) {--_child: 4;}menu > li:nth-last-child(5) {--_child: 5;}menu > li:nth-last-child(6) {--_child: 6;}menu > li:nth-last-child(7) {--_child: 7;}menu > li:nth-last-child(8) {--_child: 8;}menu > li:nth-last-child(9) {--_child: 9;}menu > li:nth-last-child(10) {--_child: 10;}menu > li:nth-last-child(11) {--_child: 11;}menu > li:nth-last-of-type(2) {--_type: 1;}menu > li:nth-last-of-type(3) {--_type: 2;}menu > li:nth-last-of-type(4) {--_type: 3;}menu > li:nth-last-of-type(5) {--_type: 4;}menu > li:nth-last-of-type(6) {--_type: 5;}menu > li:nth-last-of-type(7) {--_type: 6;}menu > li:nth-last-of-type(8) {--_type: 7;}menu > li:nth-last-of-type(9) {--_type: 8;}menu > li:nth-last-of-type(10) {--_type: 9;}menu > li:nth-last-of-type(11) {--_type: 10;}@media (pointer: coarse) {:not(menu, [data-ui]):hover > menu {opacity: 1;visibility: visible;transform: scale(1) translateY(100%);}:not(menu, [data-ui]):hover > menu.top {transform: scale(1) translateY(-100%);}}nav > :is(ol, ul),nav > :is(ol, ul) > li {all: unset;}nav,.row,a.row {display: flex;align-items: center;align-self: normal;text-align: start;justify-content: flex-start;white-space: nowrap;gap: 1rem;border-radius: 0;}a.row,nav.row {min-block-size: 3rem;margin: 0;}:is(nav, .row, .max) > :only-child,:is(nav, .row, .max) > span > *,nav > :is(ol, ul) > li > :only-child,nav > :is(ol, ul) > li > span > * {margin: 0;}:is(nav, .row) > :not(ul, ol, header, footer) {margin: 0;white-space: normal;flex: none;}:is(nav, .row).min {display: inline-flex;}:is(nav, .row, li).no-space {gap: 0;}:is(nav, .row, li).tiny-space {gap: 0.5rem;}:is(nav, .row, li).medium-space {gap: 1.5rem;}:is(nav, .row, li).large-space {gap: 2rem;}:is(nav, .row) > .max,:is(nav, .row) > :is(ol, ul) > .max {flex: 1;}:is(nav, .row).wrap {display: flex;flex-wrap: wrap;}:is(header, footer) > :is(nav, .row) {min-block-size: inherit;}nav:is(.left, .right, .top, .bottom) {--_padding: 0.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));position: sticky;inset: 0;border: 0;color: var(--on-surface);transform: none;z-index: 100;text-align: center;padding: var(--_padding);margin: 0;}nav:is(.left, .right) {justify-content: flex-start;flex-direction: column;background-color: var(--surface);block-size: 100dvh;min-inline-size: 6rem;padding-block: var(--_top) var(--_bottom);}nav:is(.top, .bottom) {position: sticky;inset: 0;padding: 0.5rem;justify-content: center;flex-direction: row;background-color: var(--surface-container);block-size: auto;min-block-size: 4.5rem;}nav.top {block-size: calc(var(--top, 0) + 4.5rem);padding-block-start: var(--_top);}nav.bottom {block-size: calc(var(--bottom, 0) + 4.5rem);padding-block-end: var(--_bottom);}nav > header {min-block-size: auto;padding: 0;margin: 0 0 1rem 0;align-items: flex-start;gap: 1rem;background: none !important;}nav:is(.top, .bottom) > header {flex-direction: row;align-items: center;margin: 0 1rem 0 0;}nav > header > * {margin: 0;}nav > header > .extend:hover {--_padding: 0;inline-size: var(--_size);}nav > header > .extend:hover > span:not([class]) {display: none;}nav > :is(ol, ul) {all: inherit;min-inline-size: auto;margin: 0;padding: 0;flex: auto;}nav.max:is(.left, .right, .top, .bottom) {gap: 0;inline-size: auto;align-items: flex-start;min-inline-size: 12.75rem;padding: var(--_top) 1.25rem var(--_bottom) 1.25rem;}nav.max > :is(ol, ul) {padding: 0;}nav.max > header {margin: 0 0 1.25rem 0;}nav.max:is(.top, .bottom) > header {margin: 0 1.25rem 0 0;}nav.max > header > .extend {--_padding: 1.5rem;inline-size: auto;padding: 0 var(--_padding);}nav.max > header > .extend > span:not([class]) {display: block;margin-inline-start: var(--_padding);}nav.max > header > .extend > :is(img, svg) + span {margin-inline-start: calc(1rem + var(--_padding, 0));}nav.max:is(.top, .bottom) {padding: 0 0.5rem;align-items: center;min-inline-size: auto;max-inline-size: none;}nav:is(.left, .right, .top, .bottom) > a:not(.button, .chip),nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {display: flex;flex-direction: column;gap: 0.25rem;line-height: normal;inline-size: 3.5rem;font-size: 0.8rem;}nav:not(.max):is(.left, .right, .top, .bottom) > a:not(.button, .chip) > i,nav:not(.max):is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) > i {padding: 0.25rem 1rem;border-radius: 2rem;transition: padding var(--speed1) linear;margin: 0 auto;}nav.max:is(.left, .right, .top, .bottom) > a:not(.button, .chip),nav.max:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {flex-direction: row;gap: 0.5rem;inline-size: auto;block-size: 3.5rem;padding: 0 1rem;border-radius: 2rem;font-size: inherit;}nav.max:is(.top, .bottom) > a:not(.button, .chip),nav.max:is(.top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {gap: 0.25rem;block-size: 2.5rem;font-size: 0.8rem;}nav.max:is(.left, .right, .top, .bottom) > a.active:not(.button, .chip),nav.max:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a.active:not(.button, .chip),nav:is(.left, .right, .top, .bottom):not(.max) > a.active:not(.button, .chip) > i,nav:is(.left, .right, .top, .bottom):not(.max) > :is(ol, ul) > li > a.active:not(.button, .chip) > i {background-color: var(--secondary-container);color: var(--on-secondary-container);}:is(nav, .row):is(.left-align, .top-align, .vertical) {justify-content: flex-start;}:is(nav, .row):is(.right-align, .bottom-align) {justify-content: flex-end;}:is(nav, .row):is(.center-align, .middle-align) {justify-content: center;}:is(nav, .row):is(.left-align, .top-align, .vertical).vertical {align-items: flex-start;}:is(nav, .row):is(.right-align, .bottom-align).vertical {align-items: flex-end;}:is(nav, .row):is(.center-align, .middle-align).vertical {align-items: center;}nav:not(.left, .right) > .space {inline-size: 0.5rem;}nav:not(.left, .right) > .medium-space {inline-size: 1rem;}nav:not(.left, .right) > .large-space {inline-size: 1.5rem;}nav.tabbed {background-color: var(--surface-container);border-radius: 4rem !important;gap: 0rem;block-size: 4rem;}nav.tabbed.small {block-size: 3rem;}nav.tabbed.large {block-size: 5rem;}nav.tabbed > a {border-radius: inherit;block-size: inherit;display: inline-flex;align-items: center;padding-inline: 1rem;gap: 0.5rem;font-size: 1rem;flex: 1;}nav.tabbed > a.active {background-color: var(--primary-container);}nav.toolbar {display: inline-flex;justify-content: space-around;border-radius: 2rem;background-color: var(--surface-container);color: var(--on-surface);padding: 0 1rem;gap: 0.5rem;min-block-size: 4rem;min-inline-size: 4rem;}nav.toolbar > a {display: inline-flex;gap: 0.5rem;min-inline-size: 2.5rem;min-block-size: 2.5rem;border-radius: 1.75rem;}nav.toolbar > a:has(> :not(i)) {padding: 0 1rem;}nav.toolbar > a.active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.toolbar.fill {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}nav.toolbar.fill > a.active {background-color: var(--surface-container) !important;color: var(--on-surface) !important;}nav.toolbar.vertical {flex-direction: column !important;min-inline-size: 4rem;padding: 1rem 0;align-self: center;align-items: center !important;}nav.toolbar.vertical > a {inline-size: 2.5rem;block-size: 2.5rem;}nav.toolbar.vertical > a > :is(div, span):not(.badge, .tooltip) {display: none;}nav.toolbar.max {border-radius: 0;display: flex;}nav.group {background: none !important;}nav.group:is(.connected, .split) {gap: 0.125rem;}nav.group:not(.split) > :is(.button, button):not(.border) {background-color: var(--surface-container);color: var(--on-surface-container);}nav.group:not(.split) > :is(.button, button).active {background-color: var(--primary);color: var(--on-primary);}nav.group.connected > :is(.button, button):not(.border) {background-color: var(--surface-container);color: var(--on-surface-container);}nav.group.connected > :is(.button, button).active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.group:is(.connected, .split) > :is(.button, button).active,nav.split > :is(.button, button):active {border-radius: 2rem !important;}:not(nav) > :is(ul, ol) {all: revert;}:is(.scroll, .no-scroll, .no-space, .tabs, .tabbed) > :focus-visible {outline: 0.125rem solid var(--primary);outline-offset: -0.125rem;}nav.split > :is(.button, button):not(.chip, .fill, .border) {background-color: var(--primary);color: var(--on-primary);}nav.group.primary-container > button,nav:is(.max, .toolbar, .tabbed, .group).primary > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).primary > a.active:not(.button, .chip) > i {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}nav.group.primary > button,nav:is(.max, .toolbar, .tabbed, .group).primary-container > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).primary-container > a.active:not(.button, .chip) > i {background-color: var(--primary) !important;color: var(--on-primary) !important;}nav.group.secondary-container > button,nav:is(.max, .toolbar, .tabbed, .group).secondary > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).secondary > a.active:not(.button, .chip) > i {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}nav.group.secondary > button,nav:is(.max, .toolbar, .tabbed, .group).secondary-container > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).secondary-container > a.active:not(.button, .chip) > i {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}nav.group.tertiary-container > button,nav:is(.max, .toolbar, .tabbed, .group).tertiary > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).tertiary > a.active:not(.button, .chip) > i {background-color: var(--tertiary-container) !important;color: var(--on-tertiary-container) !important;}nav.group.tertiary > button,nav:is(.max, .toolbar, .tabbed, .group).tertiary-container > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).tertiary-container > a.active:not(.button, .chip) > i {background-color: var(--tertiary) !important;color: var(--on-tertiary) !important;}@media only screen and (max-width: 600px) {nav.top,nav.bottom {justify-content: space-around;}}.overlay,dialog::backdrop {display: block !important;opacity: 0;visibility: hidden;position: fixed;inset: 0;color: var(--on-surface);background-color: var(--overlay);z-index: 100;transition: all var(--speed3), 0s background-color;border-radius: 0;}.overlay.active {opacity: 1;visibility: visible;}dialog:popover-open::backdrop {opacity: 1;visibility: visible;}.overlay + dialog::backdrop,.snackbar::backdrop {display: none;}[popover] {border: 0;}.page {--_transform: translate(0, 0);opacity: 0;position: absolute;display: none;}.page.active {opacity: 1;position: inherit;display: inherit;animation: var(--speed4) to-page ease;}.page.active.top {--_transform: translate(0, -4rem);}.page.active.bottom {--_transform: translate(0, 4rem);}.page.active.left {--_transform: translate(-4rem, 0);}.page.active.right {--_transform: translate(4rem, 0);}@keyframes to-page {from {opacity: 0;transform: var(--_transform);}to {opacity: 1;transform: translate(0, 0);}}progress {--_light: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWJiYGAQBgAAAP//ZyYa+wAAAAZJREFUAwAAIgAWeX9MsQAAAABJRU5ErkJggg==);--_dark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==);--_size: 0.25rem;position: relative;inline-size: 100%;block-size: var(--_size);color: var(--primary);background: var(--_light);border-radius: 1rem;flex: none;border: none;overflow: hidden;writing-mode: horizontal-tb;direction: ltr;-webkit-appearance: none;appearance: none;}.dark progress {background: var(--_dark);}progress.small {--_size: 0.25rem;}progress.medium {--_size: 0.35rem;}progress.large {--_size: 0.45rem;}progress.indeterminate {--_value: 100;animation: 3.2s to-indeterminate ease infinite;}progress:not(.circle, [value])::after {content: "";position: absolute;inset: 0;inline-size: 100%;block-size: 100%;clip-path: none;background: currentcolor;animation: 3.2s to-linear ease infinite;}progress:not(.circle, [value])::-moz-progress-bar {animation: 3.2s to-linear ease infinite;}progress:not(.circle, [value])::-webkit-progress-value {animation: 3.2s to-linear ease infinite;}progress::-webkit-progress-bar {background: none;}progress::-webkit-progress-value {background: currentColor;}progress::-moz-progress-bar {background: currentColor;}progress.wavy {block-size: calc(var(--_size, 0) * 2);background: none;background-image: var(--_light);background-repeat: repeat-x;background-position: 0 50%;background-size: auto calc(var(--_size, 0) / 2);}.dark progress.wavy {background-image: var(--_dark);}progress.wavy::-webkit-progress-value,progress.wavy:not(.circle, [value])::after {mask-image: url(wavy.svg);mask-position: 0 50%;mask-repeat: repeat-x;mask-size: auto 100%;}progress.wavy::-moz-progress-bar {mask-image: url(wavy.svg);mask-position: 0 50%;mask-repeat: repeat-x;mask-size: auto 100%;}progress.circle {--_value: attr(value type(<number>), 50);inline-size: 2.5rem;block-size: 2.5rem;background: conic-gradient(currentColor calc(var(--_value, 0) * 1%), var(--active) 0%);border-radius: 50%;mask-image: radial-gradient(circle at center, transparent 57%, currentColor 60%);}progress.circle::-webkit-progress-value {background: none;}progress.circle::-moz-progress-bar {background: none;}progress.circle.wavy {background: conic-gradient(currentColor calc(var(--_value, 0) * 1%), var(--active) 0);mask-repeat: no-repeat;mask-position: center;mask-size: contain;mask-image: url(wavy-circle.svg);}progress.circle.small {inline-size: 1.5rem;block-size: 1.5rem;}progress.circle.large {inline-size: 3.5rem;block-size: 3.5rem;}progress.circle:not([value]),progress.circle.indeterminate {--_value: 50;animation: to-rotate 1s infinite linear;}:is(nav, .row, .field) > progress:not(.circle, .small, .medium, .large) {flex: auto;}progress.max {display: unset;position: absolute;inline-size: 100% !important;block-size: 100% !important;color: currentColor;background: none;inset: 0;border-radius: inherit;animation: none;writing-mode: horizontal-tb;opacity: 0.33;}progress.max[class*='-text'] {opacity: 1;}progress.max + * {margin-block-start: 0;}:is(.button, button, .chip) > progress.circle {color: inherit;}@keyframes to-linear {0% {margin: 0 0 0 -100%;}50% {margin: 0 0 0 0;}100% {margin: 0 0 0 100%;}}@keyframes to-indeterminate {0% {padding: 0 100% 0 0;}50% {padding: 0 0 0 0;}100% {padding: 0 0 0 100%;}}@keyframes to-rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.shape {display: flex;align-items: center;justify-content: center;color: var(--on-primary);background-color: var(--primary);mask-repeat: no-repeat;mask-position: center;mask-size: contain;border-radius: 0;block-size: 3.5rem;inline-size: 3.5rem;margin: 0 !important;padding: 0 !important;border: 0 !important;}.transparent > .shape > i {filter: invert(1);}.shape.tiny-space {mask-size: 90%;}.shape.space,.shape.small-space {mask-size: 80%;}.shape.medium-space {mask-size: 70%;}.shape.large-space {mask-size: 60%;}.shape.extra-space {mask-size: 50%;}.shape.tiny {block-size: 2.5rem;inline-size: 2.5rem;}.shape.medium {block-size: 4.5rem;inline-size: 4.5rem;}.shape.large {block-size: 5.5rem;inline-size: 5.5rem;}.shape.extra {block-size: 6.5rem;inline-size: 6.5rem;}.shape.max,.shape > .responsive,.shape > .responsive > .responsive {position: absolute;inset: 0;block-size: 100%;inline-size: 100%;margin: 0 !important;padding: 0 !important;border: 0 !important;}.shape > .responsive {background: inherit;color: inherit;}.shape.rotate {animation: linear to-shape-rotate infinite 12s;}.shape.rotate > * {animation: linear to-shape-rotate infinite 12s reverse;}.shape.fast-rotate {animation: linear to-shape-rotate infinite 6s;}.shape.fast-rotate > * {animation: linear to-shape-rotate infinite 6s reverse;}.shape.slow-rotate {animation: linear to-shape-rotate infinite 24s;}.shape.slow-rotate > * {animation: linear to-shape-rotate infinite 24s reverse;}:is(button, .button, .chip):has(> .shape) > .responsive {border: none;}.shape.arch {mask-image: url(arch.svg);}.shape.arrow {mask-image: url(arrow.svg);}.shape.boom {mask-image: url(boom.svg);}.shape.bun {mask-image: url(bun.svg);}.shape.burst {mask-image: url(burst.svg);}.shape.circle {mask-image: url(circle.svg);}.shape.clamshell {mask-image: url(clamshell.svg);}.shape.diamond {mask-image: url(diamond.svg);}.shape.fan {mask-image: url(fan.svg);}.shape.flower {mask-image: url(flower.svg);}.shape.gem {mask-image: url(gem.svg);}.shape.ghost-ish {mask-image: url(ghost-ish.svg);}.shape.heart {mask-image: url(heart.svg);}.shape.leaf-clover4 {mask-image: url(leaf-clover4.svg);}.shape.leaft-clover8 {mask-image: url(leaf-clover8.svg);}.shape.loading-indicator {mask-image: url(loading-indicator.svg);}.shape.oval {mask-image: url(oval.svg);}.shape.pentagon {mask-image: url(pentagon.svg);}.shape.pill {mask-image: url(pill.svg);}.shape.pixel-circle {mask-image: url(pixel-circle.svg);}.shape.pixel-triangle {mask-image: url(pixel-triangle.svg);}.shape.puffy {mask-image: url(puffy.svg);}.shape.puffy-diamond {mask-image: url(puffy-diamond.svg);}.shape.semicircle {mask-image: url(semicircle.svg);}.shape.sided-cookie4 {mask-image: url(sided-cookie4.svg);}.shape.sided-cookie6 {mask-image: url(sided-cookie6.svg);}.shape.sided-cookie7 {mask-image: url(sided-cookie7.svg);}.shape.sided-cookie9 {mask-image: url(sided-cookie9.svg);}.shape.sided-cookie12 {mask-image: url(sided-cookie12.svg);}.shape.slanted {mask-image: url(slanted.svg);}.shape.soft-boom {mask-image: url(soft-boom.svg);}.shape.soft-burst {mask-image: url(soft-burst.svg);}.shape.square {mask-image: url(square.svg);}.shape.sunny {mask-image: url(sunny.svg);}.shape.triangle {mask-image: url(triangle.svg);}.shape.very-sunny {mask-image: url(very-sunny.svg);}@keyframes to-shape-rotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.checkbox,.radio,.switch {--_size: 1.5rem;inline-size: auto;block-size: auto;line-height: normal;white-space: nowrap;cursor: pointer;display: inline-flex;align-items: center;}.switch {direction: ltr;}:is(.checkbox, .radio, .switch).small {--_size: 1rem;}:is(.checkbox, .radio, .switch).large {--_size: 2rem;}:is(.checkbox, .radio, .switch).extra {--_size: 2.5rem;}:is(.checkbox, .radio) > input {inline-size: var(--_size);block-size: var(--_size);opacity: 0;}.switch > input {inline-size: 3.25rem;block-size: 2rem;opacity: 0;}:is(.checkbox, .radio, .switch) > span {display: inline-flex;align-items: center;color: var(--on-surface);font-size: 0.875rem;}:is(.checkbox, .radio) > span:not(:empty) {padding-inline-start: 0.25rem;}:is(.checkbox, .radio, .switch) > span::before,:is(.checkbox, .radio, .switch) > span > i,:is(.checkbox, .radio) > span::after {--_size: inherit;content: '';inline-size: var(--_size);block-size: var(--_size);box-sizing: border-box;margin: 0 auto;outline: none;color: var(--primary);position: absolute;inset: auto auto auto calc(var(--_size, 0) * -1);border-radius: 50%;user-select: none;z-index: 1;}[dir=rtl] :is(.checkbox, .radio) > span::before,[dir=rtl] :is(.checkbox, .radio) > span > i,[dir=rtl] :is(.checkbox, .radio) > span::after {--_size: inherit;inset: auto calc(var(--_size, 0) * -1) auto auto;}.switch > span::before,.switch.icon > span > i {position: absolute;inset: 50% auto auto 0;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;transition: all var(--speed2);font-size: calc(var(--_size, 0) - 0.5rem);user-select: none;min-inline-size: var(--_size);min-block-size: var(--_size);content: "";color: var(--surface-variant);background-color: var(--outline);}.switch > span::before,.switch.icon > span > i {transform: translate(-3rem, -50%) scale(0.6);}.switch.icon > span > i {transform: translate(-3rem, -50%) scale(1);}.checkbox > span::before {content: "check_box_outline_blank";}.checkbox > input:checked + span::before {content: "check_box";font-variation-settings: "FILL" 1;}.checkbox > input:indeterminate + span::before {content: "indeterminate_check_box";}.radio > span::before {content: "radio_button_unchecked";}.radio > input:checked + span::before {content: "radio_button_checked";}:is(.radio, .checkbox, .switch).icon > span::before {content: "" !important;font-variation-settings: unset !important;}:is(.checkbox, .radio) > span::after {transition: all var(--speed1);background-color: currentColor;box-shadow: 0 0 0 0 currentColor;opacity: 0;}:is(.checkbox, .radio):is(:hover) > input:not(:disabled) + span::after,:is(.checkbox, .radio) > input:not(:disabled):is(:focus) + span::after {box-shadow: 0 0 0 0.5rem currentColor;opacity: 0.1;}.switch > input:not(:disabled):is(:focus, :hover) + span::before,.switch.icon > input:not(:disabled):is(:focus, :hover) + span > i {box-shadow: 0 0 0 0.5rem var(--active);}:is(.checkbox, .radio) > input:checked + span::before,:is(.checkbox, .radio).icon > input:checked + span > i {color: var(--primary);}.icon > input:checked + span > i:first-child,.icon > span > i:last-child {opacity: 0;}.icon > input:checked + span > i:last-child,.icon > span > i:first-child {opacity: 1;}.switch > input:checked + span::after {border: none;background-color: var(--primary);}.switch > input:checked + span::before,.switch.icon > input:checked + span > i {content: "check";color: var(--primary);background-color: var(--on-primary);transform: translate(-1.75rem, -50%) scale(1);}[dir=rtl] .switch > input:checked + span::before,[dir=rtl] .switch.icon > input:checked + span > i {transform: translate(-1.75rem, -50%) scale(-1);}.switch > input:active:not(:disabled) + span::before,.switch.icon > input:active:not(:disabled) + span > i {transform: translate(-3rem, -50%) scale(1.2);}[dir=rtl] .switch > input:active:not(:disabled) + span::before,[dir=rtl] .switch.icon > input:active:not(:disabled) + span > i {transform: translate(-3rem, -50%) scale(-1.2);}.switch > input:active:checked:not(:disabled) + span::before,.switch.icon > input:active:checked:not(:disabled) + span > i {transform: translate(-1.75rem, -50%) scale(1.2);}[dir=rtl] .switch > input:active:checked:not(:disabled) + span::before,[dir=rtl] .switch.icon > input:active:checked:not(:disabled) + span > i {transform: translate(-1.75rem, -50%) scale(-1.2);}:is(.checkbox, .radio, .switch) > input:disabled + span {opacity: 0.5;cursor: not-allowed;}.switch > span::after {content: "";position: absolute;inset: 50% auto auto 0;background-color: var(--active);border: 0.125rem solid var(--outline);box-sizing: border-box;inline-size: 3.25rem;block-size: 2rem;border-radius: 2rem;transform: translate(-3.25rem, -50%);}.field > :is(nav, .row) {flex-grow: 1;padding: 0 1rem;}.field.round > :is(nav, .row) {flex-grow: 1;padding: 0 1.5rem;}[dir=rtl] .switch {transform: scale(-1);}[dir=rtl] .switch > span::before,[dir=rtl] .switch.icon > span > i {transform: translate(-3rem, -50%) scale(-0.6);}[dir=rtl] .switch.icon > span > i {transform: translate(-3rem, -50%) scale(-1);}[dir=rtl] .switch > input:checked + span::before,[dir=rtl] .switch.icon > input:checked + span > i {transform: translate(-1.75rem, -50%) scale(-1);}.switch > :focus-visible + span::after {outline: 0.125rem solid var(--primary);outline-offset: 0.25rem;}:is(.checkbox, .radio) > :focus-visible + span::before {outline: 0.125rem solid var(--primary);outline-offset: 0.375rem;}.slider {--_start: 0%;--_end: 0%;--_value1: "";--_value2: "";--_track: 1rem;--_thumb: max(2.5rem, calc(var(--_track, 0) + 0.5rem));display: flex;align-items: center !important;inline-size: auto;block-size: var(--_thumb);flex: none;direction: ltr;margin: 0 1.25rem;}[dir=rtl] .slider {transform: scaleX(-1);}.slider.vertical {flex-direction: row !important;margin: 0.5rem auto !important;padding: 50% 0;transform: rotate(-90deg);inline-size: 100%;}.slider.tiny {--_track: 1rem;}.slider.small {--_track: 1.5rem;}.slider.medium {--_track: 2.5rem;}.slider.large {--_track: 3.5rem;}.slider.extra {--_track: 6rem;}.slider > input {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: none;inline-size: 100%;block-size: var(--_track);background: none;z-index: 1;padding: 0;margin: 0;transform: rotate(0deg);}.slider > input:only-of-type {pointer-events: all;}.slider > input ~ input {position: absolute;}.slider > input::-webkit-slider-thumb {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: all;block-size: var(--_thumb);inline-size: 0.25rem;border-radius: 0.25rem;background: var(--primary);cursor: grab;margin: 0;z-index: 1;}.slider > input::-webkit-slider-thumb:active {cursor: grabbing;}.slider > input::-moz-range-thumb {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: all;block-size: 2.75rem;inline-size: 0.25rem;border-radius: 0.25rem;background: var(--primary);cursor: grab;margin: 0;}.slider > input::-moz-range-thumb:active {cursor: grabbing;}.slider > input:not(:disabled):is(:focus)::-webkit-slider-thumb {transform: scaleX(0.6);}.slider > input:not(:disabled):is(:focus)::-moz-range-thumb {transform: scaleX(0.6);}.slider > input:disabled {cursor: not-allowed;opacity: 1;}.slider > input:disabled::-webkit-slider-thumb {background: var(--outline);cursor: not-allowed;}.slider > input:disabled::-moz-range-thumb {background: var(--outline);cursor: not-allowed;}.slider > input:disabled ~ span:not([class]) {background: var(--outline);}.slider > span:not([class]) {position: absolute;block-size: var(--_track);border-radius: 1rem 0 0 1rem;background: var(--primary);color: var(--on-primary);z-index: 0;inset: calc(50% - (var(--_track, 0) / 2)) var(--_end) auto var(--_start);clip-path: polygon(0 0, calc(100% - 0.5rem) 0, calc(100% - 0.5rem) 100%, 0 100%);}.slider > input[type=range] + input[type=range] ~ span:not([class]) {border-radius: 0;clip-path: polygon(0.5rem 0, max(0.5rem, calc(100% - 0.5rem)) 0, max(0.5rem, calc(100% - 0.5rem)) 100%, 0.5rem 100%);}.field > .slider {inline-size: 100%;}.slider::before {content: "";position: absolute;inline-size: 100%;block-size: var(--_track);border-radius: 1rem;background: var(--secondary-container);clip-path: polygon(calc(var(--_start, 0) - 0.5rem) 0, 0 0, 0 100%, calc(var(--_start, 0) - 0.5rem) 100%, calc(var(--_start, 0) - 0.5rem) 0, calc(100% - var(--_end, 0) + 0.5rem) 0, 100% 0, 100% 100%, calc(100% - var(--_end, 0) + 0.5rem) 100%, calc(100% - var(--_end, 0) + 0.5rem) 0);}.slider:has(> [disabled])::before {background: var(--outline-variant);}.slider:has([disabled]) {opacity: 0.62;}.slider > span > i {position: absolute;block-size: auto;inset: 0 auto 0 0.5rem;color: currentColor;z-index: 1;}.slider:not(.medium, .large, .extra) > span > i {display: none;}.slider.vertical > i {transform: rotate(90deg);}.slider > .tooltip {visibility: hidden !important;opacity: 0 !important;inset: 0 auto auto calc(100% - var(--_end, 0));border-radius: 2rem;transition: top var(--speed2) ease, opacity var(--speed2) ease;transform: translate(-50%, -25%) !important;padding: 0.75rem 1rem;}.slider > .tooltip.bottom {inset: auto auto 0 calc(100% - var(--_end, 0));transition: bottom var(--speed2) ease, opacity var(--speed2) ease;transform: translate(-50%, 25%) !important;}[dir=rtl] .slider > .tooltip {transform: translate(-50%, -25%) scaleX(-1) !important;}[dir=rtl] .slider > .tooltip.bottom {transform: translate(-50%, 25%) scaleX(-1) !important;}.slider > .tooltip + .tooltip {inset: 0.25rem calc(100% - var(--_start, 0)) auto auto;transform: translate(50%, -25%) !important;}.slider > .tooltip + .tooltip.bottom {inset: auto calc(100% - var(--_start, 0)) -0.25rem auto;transform: translate(50%, 25%) !important;}[dir=rtl] .slider > .tooltip + .tooltip {transform: translate(50%, -25%) scaleX(-1) !important;}[dir=rtl] .slider > .tooltip + .tooltip.bottom {transform: translate(50%, 25%) scaleX(-1) !important;}.slider > .tooltip::before {content: var(--_value1);}.slider > .tooltip + .tooltip::before {content: var(--_value2);}.slider > :focus ~ .tooltip {inset-block: -1rem auto;opacity: 1 !important;visibility: visible !important;}.slider > :focus ~ .tooltip.bottom {inset-block: auto -1rem;}.slider.vertical > .tooltip {inset-block: auto;block-size: 2.5rem;inline-size: 2.5rem;margin-block: calc(-1 * var(--_thumb, 0)) 0 !important;transform: rotate(90deg) translate(-75%, 50%) !important;}.slider.vertical > .tooltip.bottom {inset-block: auto;margin-block: 0 calc(-1 * var(--_thumb, 0)) !important;transform: rotate(90deg) translate(75%, 50%) !important;}.slider.vertical > .tooltip + .tooltip {transform: rotate(90deg) translate(-75%, -50%) !important;}.slider.vertical > .tooltip + .tooltip.bottom {transform: rotate(90deg) translate(75%, -50%) !important;}:is(nav, .row, .field) > .slider:not(.circle, .small, .medium, .large) {flex: auto;}.slider.max,.slider.max.vertical,.slider.max > input,.slider.max.vertical > input {all: unset;margin: 0 !important;position: absolute;color: var(--primary);inset: 0;border-radius: inherit;overflow: hidden;z-index: 2;cursor: grab;inline-size: 100%;block-size: 100%;}.slider.max::before {display: none;}.slider.max.vertical > input {writing-mode: vertical-lr;transform: rotate(-180deg);}.slider.max > input::-webkit-slider-thumb {opacity: 0;inline-size: 1rem;block-size: 100vh;transform: none !important;}.slider.max > input::-moz-range-thumb {opacity: 0;inline-size: 1rem;block-size: 100vh;transform: none !important;}.slider.max > span:not([class]) {block-size: auto !important;inset: 0 var(--_end) 0 var(--_start);clip-path: none;background: currentcolor;color: inherit;border-radius: 0;}.slider.max.vertical > span:not([class]) {inset: var(--_end) 0 var(--_start) 0;}.slider > input:focus-visible::-webkit-slider-thumb {outline: 0.1875rem solid var(--primary);outline-offset: 0.25rem;}.slider > input:focus-visible::-moz-range-thumb {outline: 0.1875rem solid var(--primary);outline-offset: 0.25rem;}.slider.max > input:focus-visible {outline: 0.1875rem solid var(--primary);outline-offset: -0.125rem;}@media (pointer: coarse) {.slider > :hover ~ .tooltip {inset-block: -1rem auto !important;opacity: 1 !important;visibility: visible !important;}.slider > :hover ~ .tooltip.bottom {inset-block: auto -1rem !important;}}.snackbar {position: fixed;inset: auto auto 6rem 50%;inline-size: 80%;block-size: auto;z-index: 200;visibility: hidden;display: flex;box-shadow: var(--elevate2);color: var(--inverse-on-surface);background-color: var(--inverse-surface);padding: 1rem;cursor: pointer;text-align: start;align-items: center;border-radius: 0.25rem;gap: 0.5rem;transition: all var(--speed2);transform: translate(-50%, 1rem);opacity: 0;}.snackbar.top {inset: 6rem auto auto 50%;}.snackbar:is(.active) {visibility: visible;transform: translate(-50%, 0);opacity: 1;}.snackbar:popover-open {visibility: visible;transform: translate(-50%, 0);opacity: 1;}.snackbar > .max {flex: auto;}@media only screen and (min-width: 993px) {.snackbar {inline-size: 40%;}}table {inline-size: 100%;border-spacing: 0;font-size: 0.875rem;text-align: start;}.scroll > table,table :is(thead, tbody, tfoot, tr, th, td) {background-color: inherit;color: inherit;}:is(th, td) {inline-size: auto;text-align: inherit;padding: 0.5rem;border-radius: 0;}:is(th, td) > * {vertical-align: middle;}table.border > tbody > tr:not(:last-child) > td,thead > tr > th {border-block-end: 0.0625rem solid var(--outline);}tfoot > tr > th {border-block-start: 0.0625rem solid var(--outline);}table.stripes > tbody > tr:nth-child(odd) {background-color: var(--active);}table.no-space :is(th, td) {padding: 0;}table.medium-space :is(th, td) {padding: 0.75rem;}table.large-space :is(th, td) {padding: 1rem;}table > .fixed,th.fixed {position: sticky;z-index: 1;inset-block-start: 0;}tfoot.fixed,tfoot th.fixed {inset-block-end: 0;}:is(td, th).min {inline-size: 0.1%;white-space: nowrap;}.tabs {display: flex;white-space: nowrap;border-block-end: 0.0625rem solid var(--surface-variant);border-radius: 0;}.tabs:not(.left-align, .right-align, .center-align) {justify-content: space-around;}.tabs > a {display: flex;font-size: 0.875rem;font-weight: 500;color: var(--on-surface-variant);padding: 0.5rem 1rem;text-align: center;min-block-size: 3rem;inline-size: 100%;gap: 0.25rem;}.tabs.small > a {min-block-size: 2rem;}.tabs.large > a {min-block-size: 4rem;}.tabs > a.active,.tabs > a.active > i {color: var(--primary);}.tabs > a.active::before {content: '';position: absolute;inset: auto 0 0 0;block-size: 0.125rem;background-color: var(--primary);}.tabs.min > a.active::before {margin: 0 auto;max-inline-size: min(100%, 4rem);}.tabs:is(.left-align, .center-align, .right-align) > a {inline-size: auto;}.tooltip {--_space: -0.5rem;visibility: hidden;display: flex;align-items: center;justify-content: center;gap: 0.5rem;background-color: var(--inverse-surface);color: var(--inverse-on-surface);font-size: 0.75rem;text-align: center;border-radius: 0.25rem;padding: 0.5rem;position: absolute;z-index: 200;inset: 0 auto auto 50%;inline-size: auto;white-space: nowrap;font-weight: 500;opacity: 0;transition: all var(--speed2);line-height: normal;transform: translate(-50%, -100%) scale(0.9);}.tooltip:not(.max):hover {visibility: hidden;opacity: 0;}.tooltip.left {inset: 50% auto auto 0;transform: translate(-100%, -50%) scale(0.9);}.tooltip.right {inset: 50% 0 auto auto;transform: translate(100%, -50%) scale(0.9);}.tooltip.bottom {inset: auto auto 0 50%;transform: translate(-50%, 100%) scale(0.9);}.tooltip.small {inline-size: 8rem;white-space: normal;}.tooltip.medium {inline-size: 12rem;white-space: normal;}.tooltip.large {inline-size: 16rem;white-space: normal;}:hover > .tooltip {visibility: visible;opacity: 1;transform: translate(-50%, -100%) scale(1);}:hover > .tooltip.left {transform: translate(-100%, -50%) scale(1);}:hover > .tooltip.right {transform: translate(100%, -50%) scale(1);}:hover > .tooltip.bottom {transform: translate(-50%, 100%) scale(1);}.tooltip.no-space {--_space: 0;}.tooltip.medium-space {--_space: -1rem;}.tooltip.large-space {--_space: -1.5rem;}.tooltip:not(.left, .right, .bottom) {margin-block-start: var(--_space) !important;}.tooltip.left,.tooltip.right {margin-inline: var(--_space) !important;}.tooltip.bottom {margin-block-end: var(--_space) !important;}menu:active ~ .tooltip,:is(button, .button):focus > menu ~ .tooltip,.field > :focus ~ menu ~ .tooltip {visibility: hidden;}.slider > .tooltip {--_space: -1.25rem;}.slider.vertical > .tooltip {--_space: -0.75rem;}.slider.vertical > .tooltip:is(.left, .right) {--_space: -0.5rem;}.tooltip.max {display: block;font-size: inherit;white-space: normal;text-align: start;inline-size: 20rem;border-radius: 0.5rem;padding: 1rem;box-shadow: var(--elevate2);}}
package/dist/cdn/boom.svg CHANGED
@@ -1,3 +1 @@
1
- <svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M156.818 10.1599C157.571 4.13988 157.948 1.13006 158.52 0.590059C159.353 -0.199941 160.647 -0.199941 161.48 0.590059C162.052 1.13006 162.429 4.13988 163.182 10.1599L172.76 86.74C173.064 89.17 173.216 90.3799 173.652 90.8899C174.285 91.6099 175.32 91.8399 176.193 91.4299C176.794 91.1499 177.425 90.1 178.686 88L218.415 21.9599C221.539 16.7699 223.101 14.1699 223.842 13.9099C224.92 13.5399 226.102 14.0699 226.546 15.1299C226.851 15.8499 225.977 18.76 224.229 24.57L201.999 98.4399C201.293 100.79 200.941 101.96 201.136 102.59C201.42 103.52 202.276 104.14 203.238 104.13C203.901 104.12 204.901 103.42 206.901 102.02L269.911 57.9399C274.867 54.4699 277.344 52.74 278.125 52.8C279.261 52.9 280.127 53.87 280.105 55.01C280.091 55.8 278.117 58.0999 274.17 62.6899L223.976 121.09C222.383 122.94 221.587 123.87 221.508 124.53C221.393 125.49 221.922 126.41 222.807 126.79C223.416 127.06 224.613 126.82 227.006 126.36L302.403 111.86C308.332 110.72 311.297 110.15 311.983 110.53C312.981 111.08 313.381 112.32 312.898 113.36C312.566 114.07 309.834 115.36 304.37 117.94L234.892 150.77C232.686 151.81 231.584 152.33 231.244 152.9C230.751 153.73 230.862 154.79 231.516 155.5C231.966 155.99 233.152 156.27 235.525 156.82L310.272 174.41C316.15 175.79 319.09 176.48 319.562 177.11C320.249 178.02 320.114 179.32 319.253 180.07C318.66 180.58 315.643 180.65 309.607 180.77L232.857 182.34C230.421 182.39 229.203 182.42 228.662 182.8C227.875 183.36 227.548 184.37 227.859 185.29C228.073 185.92 229.043 186.66 230.985 188.14L292.158 234.76C296.968 238.43 299.374 240.27 299.551 241.03C299.809 242.15 299.162 243.28 298.071 243.61C297.322 243.84 294.54 242.66 288.975 240.31L218.226 210.36C215.98 209.41 214.857 208.93 214.207 209.06C213.263 209.25 212.555 210.04 212.468 211C212.409 211.66 212.996 212.74 214.171 214.88L251.192 282.5C254.103 287.81 255.559 290.47 255.411 291.25C255.194 292.37 254.148 293.14 253.016 293C252.238 292.9 250.173 290.69 246.043 286.26L193.526 229.96C191.859 228.18 191.025 227.28 190.38 227.14C189.441 226.92 188.475 227.35 188.006 228.2C187.683 228.78 187.786 230 187.991 232.44L194.458 309.35C194.967 315.4 195.221 318.42 194.773 319.07C194.12 320.01 192.854 320.28 191.878 319.69C191.206 319.28 190.215 316.41 188.233 310.68L163.029 237.78C162.229 235.46 161.829 234.31 161.299 233.91C160.529 233.33 159.471 233.33 158.701 233.91C158.171 234.31 157.771 235.46 156.971 237.78L131.767 310.68C129.785 316.41 128.794 319.28 128.122 319.69C127.146 320.28 125.88 320.01 125.227 319.07C124.779 318.42 125.033 315.4 125.542 309.35L132.009 232.44C132.214 230 132.317 228.78 131.994 228.2C131.525 227.35 130.559 226.92 129.621 227.14C128.975 227.28 128.141 228.18 126.474 229.96L73.9568 286.26C69.8267 290.69 67.7616 292.9 66.984 293C65.8524 293.14 64.8055 292.37 64.5894 291.25C64.4409 290.47 65.8966 287.81 68.808 282.5L105.829 214.88C107.004 212.74 107.591 211.66 107.532 211C107.445 210.04 106.737 209.25 105.793 209.06C105.143 208.93 104.02 209.41 101.774 210.36L31.0245 240.31C25.4605 242.66 22.6785 243.84 21.9288 243.61C20.838 243.28 20.191 242.15 20.4489 241.03C20.6262 240.27 23.0316 238.43 27.8424 234.76L89.0148 188.14C90.957 186.66 91.927 185.92 92.141 185.29C92.452 184.37 92.125 183.36 91.338 182.8C90.797 182.42 89.5787 182.39 87.1425 182.34L10.3933 180.77C4.35749 180.65 1.3395 180.58 0.747495 180.07C-0.114065 179.32 -0.249315 178.02 0.438095 177.11C0.910495 176.48 3.84969 175.79 9.72809 174.41L84.475 156.82C86.8477 156.27 88.034 155.99 88.4844 155.5C89.1385 154.79 89.2491 153.73 88.756 152.9C88.4164 152.33 87.3137 151.81 85.1083 150.77L15.6304 117.94C10.1664 115.36 7.4344 114.07 7.1023 113.36C6.6191 112.32 7.01889 111.08 8.01699 110.53C8.70279 110.15 11.6676 110.72 17.5971 111.86L92.994 126.36C95.387 126.82 96.584 127.06 97.193 126.79C98.078 126.41 98.607 125.49 98.492 124.53C98.414 123.87 97.617 122.94 96.024 121.09L45.8303 62.6899C41.8829 58.0999 39.9092 55.8 39.8946 55.01C39.8732 53.87 40.739 52.9 41.8751 52.8C42.6558 52.74 45.1335 54.4699 50.0889 57.9399L113.099 102.02C115.099 103.42 116.099 104.12 116.762 104.13C117.724 104.14 118.58 103.52 118.864 102.59C119.059 101.96 118.707 100.79 118.001 98.4399L95.771 24.57C94.023 18.76 93.149 15.8499 93.454 15.1299C93.898 14.0699 95.08 13.5399 96.158 13.9099C96.899 14.1699 98.461 16.7699 101.585 21.9599L141.314 88C142.575 90.1 143.206 91.1499 143.807 91.4299C144.68 91.8399 145.715 91.6099 146.348 90.8899C146.784 90.3799 146.936 89.17 147.24 86.74L156.818 10.1599Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M156.818 10.16c.753-6.02 1.13-9.03 1.702-9.57a2.145 2.145 0 0 1 2.96 0c.572.54.949 3.55 1.702 9.57l9.578 76.58c.304 2.43.456 3.64.892 4.15.633.72 1.668.95 2.541.54.601-.28 1.232-1.33 2.493-3.43l39.729-66.04c3.124-5.19 4.686-7.79 5.427-8.05 1.078-.37 2.26.16 2.704 1.22.305.72-.569 3.63-2.317 9.44l-22.23 73.87c-.706 2.35-1.058 3.52-.863 4.15a2.17 2.17 0 0 0 2.102 1.54c.663-.01 1.663-.71 3.663-2.11l63.01-44.08c4.956-3.47 7.433-5.2 8.214-5.14a2.177 2.177 0 0 1 1.98 2.21c-.014.79-1.988 3.09-5.935 7.68l-50.194 58.4c-1.593 1.85-2.389 2.78-2.468 3.44-.115.96.414 1.88 1.299 2.26.609.27 1.806.03 4.199-.43l75.397-14.5c5.929-1.14 8.894-1.71 9.58-1.33.998.55 1.398 1.79.915 2.83-.332.71-3.064 2-8.528 4.58l-69.478 32.83c-2.206 1.04-3.308 1.56-3.648 2.13-.493.83-.382 1.89.272 2.6.45.49 1.636.77 4.009 1.32l74.747 17.59c5.878 1.38 8.818 2.07 9.29 2.7.687.91.552 2.21-.309 2.96-.593.51-3.61.58-9.646.7l-76.75 1.57c-2.436.05-3.654.08-4.195.46a2.19 2.19 0 0 0-.803 2.49c.214.63 1.184 1.37 3.126 2.85l61.173 46.62c4.81 3.67 7.216 5.51 7.393 6.27a2.18 2.18 0 0 1-1.48 2.58c-.749.23-3.531-.95-9.096-3.3l-70.749-29.95c-2.246-.95-3.369-1.43-4.019-1.3a2.18 2.18 0 0 0-1.739 1.94c-.059.66.528 1.74 1.703 3.88l37.021 67.62c2.911 5.31 4.367 7.97 4.219 8.75a2.175 2.175 0 0 1-2.395 1.75c-.778-.1-2.843-2.31-6.973-6.74l-52.517-56.3c-1.667-1.78-2.501-2.68-3.146-2.82a2.15 2.15 0 0 0-2.374 1.06c-.323.58-.22 1.8-.015 4.24l6.467 76.91c.509 6.05.763 9.07.315 9.72a2.16 2.16 0 0 1-2.895.62c-.672-.41-1.663-3.28-3.645-9.01l-25.204-72.9c-.8-2.32-1.2-3.47-1.73-3.87a2.16 2.16 0 0 0-2.598 0c-.53.4-.93 1.55-1.73 3.87l-25.204 72.9c-1.982 5.73-2.973 8.6-3.645 9.01-.976.59-2.242.32-2.895-.62-.448-.65-.194-3.67.315-9.72l6.467-76.91c.205-2.44.308-3.66-.015-4.24a2.146 2.146 0 0 0-2.373-1.06c-.646.14-1.48 1.04-3.147 2.82l-52.517 56.3c-4.13 4.43-6.195 6.64-6.973 6.74a2.175 2.175 0 0 1-2.395-1.75c-.148-.78 1.308-3.44 4.219-8.75l37.021-67.62c1.175-2.14 1.762-3.22 1.703-3.88a2.18 2.18 0 0 0-1.739-1.94c-.65-.13-1.773.35-4.019 1.3l-70.75 29.95c-5.564 2.35-8.346 3.53-9.095 3.3a2.18 2.18 0 0 1-1.48-2.58c.177-.76 2.583-2.6 7.393-6.27l61.173-46.62c1.942-1.48 2.912-2.22 3.126-2.85a2.19 2.19 0 0 0-.803-2.49c-.541-.38-1.76-.41-4.195-.46l-76.75-1.57c-6.036-.12-9.054-.19-9.646-.7a2.19 2.19 0 0 1-.309-2.96c.472-.63 3.412-1.32 9.29-2.7l74.747-17.59c2.373-.55 3.559-.83 4.01-1.32.653-.71.764-1.77.271-2.6-.34-.57-1.442-1.09-3.648-2.13L15.63 117.94c-5.464-2.58-8.196-3.87-8.528-4.58a2.18 2.18 0 0 1 .915-2.83c.686-.38 3.65.19 9.58 1.33l75.397 14.5c2.393.46 3.59.7 4.199.43a2.18 2.18 0 0 0 1.299-2.26c-.078-.66-.875-1.59-2.468-3.44L45.83 62.69c-3.947-4.59-5.92-6.89-5.935-7.68a2.18 2.18 0 0 1 1.98-2.21c.78-.06 3.258 1.67 8.214 5.14l63.01 44.08c2 1.4 3 2.1 3.663 2.11a2.17 2.17 0 0 0 2.102-1.54c.195-.63-.157-1.8-.863-4.15l-22.23-73.87c-1.748-5.81-2.622-8.72-2.317-9.44a2.17 2.17 0 0 1 2.704-1.22c.741.26 2.303 2.86 5.427 8.05L141.314 88c1.261 2.1 1.892 3.15 2.493 3.43.873.41 1.908.18 2.541-.54.436-.51.588-1.72.892-4.15z"/></svg>
package/dist/cdn/bun.svg CHANGED
@@ -1,3 +1 @@
1
- <svg width="310" height="320" viewBox="0 0 310 320" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M0 81.36C0 36.42 36.42 0 81.36 0H228.64C273.58 0 310 36.42 310 81.36C310 118.41 285.23 149.68 251.34 159.5C251.12 159.57 250.97 159.77 250.97 160C250.97 160.23 251.12 160.43 251.34 160.5C285.23 170.32 310 201.59 310 238.64C310 283.58 273.58 320 228.64 320H81.36C36.42 320 0 283.58 0 238.64C0 201.83 24.45 170.73 58 160.69C58.3 160.6 58.51 160.32 58.51 160C58.51 159.68 58.3 159.4 58 159.31C24.45 149.27 0 118.17 0 81.36Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="310" height="320" fill="none" viewBox="0 0 310 320"><path fill="#d0bcff" d="M0 81.36A81.35 81.35 0 0 1 81.36 0h147.28a81.35 81.35 0 0 1 22.7 159.5.5.5 0 0 0-.37.5c0 .23.15.43.37.5a81.38 81.38 0 0 1-22.7 159.5H81.36A81.35 81.35 0 0 1 0 238.64a81.4 81.4 0 0 1 58-77.95.72.72 0 0 0 0-1.38A81.4 81.4 0 0 1 0 81.36"/></svg>
@@ -1,3 +1 @@
1
- <svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M157.39 2.55C158.13 1.23 158.49 0.58 158.94 0.3C159.59 -0.1 160.41 -0.1 161.06 0.3C161.51 0.58 161.87 1.23 162.61 2.55L187.87 47.6999C188.32 48.5099 188.55 48.92 188.86 49.16C189.3 49.52 189.87 49.6699 190.43 49.5799C190.82 49.5199 191.22 49.29 192.01 48.81L236.47 22.3399C237.76 21.5699 238.41 21.18 238.93 21.17C239.7 21.14 240.4 21.5499 240.77 22.2199C241.02 22.6899 241.01 23.4399 240.99 24.9499L240.29 76.68C240.27 77.61 240.27 78.0699 240.41 78.4399C240.61 78.9699 241.03 79.3899 241.56 79.5899C241.93 79.7299 242.39 79.7299 243.32 79.7099L295.05 79.01C296.56 78.99 297.31 78.9799 297.78 79.2299C298.45 79.5999 298.86 80.2999 298.83 81.0699C298.82 81.5899 298.43 82.24 297.66 83.53L271.19 127.99C270.71 128.78 270.48 129.18 270.42 129.57C270.33 130.13 270.48 130.7 270.84 131.14C271.08 131.45 271.49 131.68 272.3 132.13L317.45 157.39C318.77 158.13 319.42 158.49 319.7 158.94C320.1 159.59 320.1 160.41 319.7 161.06C319.42 161.51 318.77 161.87 317.45 162.61L272.3 187.87C271.49 188.32 271.08 188.55 270.84 188.86C270.48 189.3 270.33 189.87 270.42 190.43C270.48 190.82 270.71 191.22 271.19 192.01L297.66 236.47C298.43 237.76 298.82 238.41 298.83 238.93C298.86 239.7 298.45 240.4 297.78 240.77C297.31 241.02 296.56 241.01 295.05 240.99L243.32 240.29C242.39 240.27 241.93 240.27 241.56 240.41C241.03 240.61 240.61 241.03 240.41 241.56C240.27 241.93 240.27 242.39 240.29 243.32L240.99 295.05C241.01 296.56 241.02 297.31 240.77 297.78C240.4 298.45 239.7 298.86 238.93 298.83C238.41 298.82 237.76 298.43 236.47 297.66L192.01 271.19C191.22 270.71 190.82 270.48 190.43 270.42C189.87 270.33 189.3 270.48 188.86 270.84C188.55 271.08 188.32 271.49 187.87 272.3L162.61 317.45C161.87 318.77 161.51 319.42 161.06 319.7C160.41 320.1 159.59 320.1 158.94 319.7C158.49 319.42 158.13 318.77 157.39 317.45L132.13 272.3C131.68 271.49 131.45 271.08 131.14 270.84C130.7 270.48 130.13 270.33 129.57 270.42C129.18 270.48 128.78 270.71 127.99 271.19L83.53 297.66C82.24 298.43 81.5899 298.82 81.0699 298.83C80.2999 298.86 79.5999 298.45 79.2299 297.78C78.9799 297.31 78.99 296.56 79.01 295.05L79.7099 243.32C79.7299 242.39 79.7299 241.93 79.5899 241.56C79.3899 241.03 78.9699 240.61 78.4399 240.41C78.0699 240.27 77.61 240.27 76.68 240.29L24.9499 240.99C23.4399 241.01 22.6899 241.02 22.2199 240.77C21.5499 240.4 21.14 239.7 21.17 238.93C21.18 238.41 21.5699 237.76 22.3399 236.47L48.81 192.01C49.29 191.22 49.5199 190.82 49.5799 190.43C49.6699 189.87 49.52 189.3 49.16 188.86C48.92 188.55 48.5099 188.32 47.6999 187.87L2.55 162.61C1.23 161.87 0.58 161.51 0.3 161.06C-0.1 160.41 -0.1 159.59 0.3 158.94C0.58 158.49 1.23 158.13 2.55 157.39L47.6999 132.13C48.5099 131.68 48.92 131.45 49.16 131.14C49.52 130.7 49.6699 130.13 49.5799 129.57C49.5199 129.18 49.29 128.78 48.81 127.99L22.3399 83.53C21.5699 82.24 21.18 81.5899 21.17 81.0699C21.14 80.2999 21.5499 79.5999 22.2199 79.2299C22.6899 78.9799 23.4399 78.99 24.9499 79.01L76.68 79.7099C77.61 79.7299 78.0699 79.7299 78.4399 79.5899C78.9699 79.3899 79.3899 78.9699 79.5899 78.4399C79.7299 78.0699 79.7299 77.61 79.7099 76.68L79.01 24.9499C78.99 23.4399 78.9799 22.6899 79.2299 22.2199C79.5999 21.5499 80.2999 21.14 81.0699 21.17C81.5899 21.18 82.24 21.5699 83.53 22.3399L127.99 48.81C128.78 49.29 129.18 49.5199 129.57 49.5799C130.13 49.6699 130.7 49.52 131.14 49.16C131.45 48.92 131.68 48.5099 132.13 47.6999L157.39 2.55Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M157.39 2.55c.74-1.32 1.1-1.97 1.55-2.25.65-.4 1.47-.4 2.12 0 .45.28.81.93 1.55 2.25l25.26 45.15c.45.81.68 1.22.99 1.46.44.36 1.01.51 1.57.42.39-.06.79-.29 1.58-.77l44.46-26.47c1.29-.77 1.94-1.16 2.46-1.17.77-.03 1.47.38 1.84 1.05.25.47.24 1.22.22 2.73l-.7 51.73c-.02.93-.02 1.39.12 1.76.2.53.62.95 1.15 1.15.37.14.83.14 1.76.12l51.73-.7c1.51-.02 2.26-.03 2.73.22.67.37 1.08 1.07 1.05 1.84-.01.52-.4 1.17-1.17 2.46l-26.47 44.46c-.48.79-.71 1.19-.77 1.58-.09.56.06 1.13.42 1.57.24.31.65.54 1.46.99l45.15 25.26c1.32.74 1.97 1.1 2.25 1.55.4.65.4 1.47 0 2.12-.28.45-.93.81-2.25 1.55l-45.15 25.26c-.81.45-1.22.68-1.46.99-.36.44-.51 1.01-.42 1.57.06.39.29.79.77 1.58l26.47 44.46c.77 1.29 1.16 1.94 1.17 2.46.03.77-.38 1.47-1.05 1.84-.47.25-1.22.24-2.73.22l-51.73-.7c-.93-.02-1.39-.02-1.76.12-.53.2-.95.62-1.15 1.15-.14.37-.14.83-.12 1.76l.7 51.73c.02 1.51.03 2.26-.22 2.73-.37.67-1.07 1.08-1.84 1.05-.52-.01-1.17-.4-2.46-1.17l-44.46-26.47c-.79-.48-1.19-.71-1.58-.77-.56-.09-1.13.06-1.57.42-.31.24-.54.65-.99 1.46l-25.26 45.15c-.74 1.32-1.1 1.97-1.55 2.25-.65.4-1.47.4-2.12 0-.45-.28-.81-.93-1.55-2.25l-25.26-45.15c-.45-.81-.68-1.22-.99-1.46-.44-.36-1.01-.51-1.57-.42-.39.06-.79.29-1.58.77l-44.46 26.47c-1.29.77-1.94 1.16-2.46 1.17-.77.03-1.47-.38-1.84-1.05-.25-.47-.24-1.22-.22-2.73l.7-51.73c.02-.93.02-1.39-.12-1.76-.2-.53-.62-.95-1.15-1.15-.37-.14-.83-.14-1.76-.12l-51.73.7c-1.51.02-2.26.03-2.73-.22a2.01 2.01 0 0 1-1.05-1.84c.01-.52.4-1.17 1.17-2.46l26.47-44.46c.48-.79.71-1.19.77-1.58.09-.56-.06-1.13-.42-1.57-.24-.31-.65-.54-1.46-.99L2.55 162.61c-1.32-.74-1.97-1.1-2.25-1.55-.4-.65-.4-1.47 0-2.12.28-.45.93-.81 2.25-1.55l45.15-25.26c.81-.45 1.22-.68 1.46-.99.36-.44.51-1.01.42-1.57-.06-.39-.29-.79-.77-1.58L22.34 83.53c-.77-1.29-1.16-1.94-1.17-2.46-.03-.77.38-1.47 1.05-1.84.47-.25 1.22-.24 2.73-.22l51.73.7c.93.02 1.39.02 1.76-.12.53-.2.95-.62 1.15-1.15.14-.37.14-.83.12-1.76l-.7-51.73c-.02-1.51-.03-2.26.22-2.73.37-.67 1.07-1.08 1.84-1.05.52.01 1.17.4 2.46 1.17l44.46 26.47c.79.48 1.19.71 1.58.77.56.09 1.13-.06 1.57-.42.31-.24.54-.65.99-1.46z"/></svg>
@@ -1,3 +1 @@
1
- <svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M320 160C320 248.366 248.366 320 160 320C71.6344 320 -1e-05 248.366 0 160C0 71.6344 71.6345 -7.72516e-06 160 0C248.366 7.72516e-06 320 71.6345 320 160Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M320 160c0 88.366-71.634 160-160 160S0 248.366 0 160 71.635 0 160 0c88.366 0 160 71.635 160 160"/></svg>
@@ -1,3 +1 @@
1
- <svg width="320" height="254" viewBox="0 0 320 254" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M306.405 84.081C313.114 97.591 316.468 104.346 318.162 111.403C320.613 121.606 320.613 132.394 318.162 142.597C316.468 149.654 313.114 156.409 306.405 169.919L285.967 211.079C279.258 224.589 275.904 231.344 271.495 236.58C265.12 244.148 257.084 249.543 248.259 252.177C242.155 254 235.446 254 222.028 254H97.972C84.554 254 77.845 254 71.741 252.178C62.916 249.543 54.88 244.149 48.505 236.58C44.096 231.345 40.742 224.589 34.033 211.079L13.595 169.919C6.88599 156.409 3.53201 149.654 1.83801 142.597C-0.612994 132.394 -0.612994 121.606 1.83801 111.403C3.53201 104.346 6.88599 97.591 13.595 84.081L34.033 42.921C40.742 29.411 44.096 22.655 48.505 17.42C54.88 9.85098 62.916 4.45699 71.741 1.82199C77.845 -9.05991e-06 84.554 0 97.972 0H222.028C235.446 0 242.155 -9.05991e-06 248.259 1.82199C257.084 4.45699 265.12 9.85098 271.495 17.42C275.904 22.655 279.258 29.41 285.967 42.921L306.405 84.081Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="254" fill="none" viewBox="0 0 320 254"><path fill="#d0bcff" d="M306.405 84.081c6.709 13.51 10.063 20.265 11.757 27.322a67.1 67.1 0 0 1 0 31.194c-1.694 7.057-5.048 13.812-11.757 27.322l-20.438 41.16c-6.709 13.51-10.063 20.265-14.472 25.501-6.375 7.568-14.411 12.963-23.236 15.597C242.155 254 235.446 254 222.028 254H97.972c-13.418 0-20.127 0-26.231-1.822-8.825-2.635-16.861-8.029-23.236-15.598-4.409-5.235-7.763-11.991-14.472-25.501l-20.438-41.16c-6.709-13.51-10.063-20.265-11.757-27.322a67.1 67.1 0 0 1 0-31.194c1.694-7.057 5.048-13.812 11.757-27.322l20.438-41.16c6.709-13.51 10.063-20.266 14.472-25.501C54.88 9.851 62.916 4.457 71.741 1.822 77.845 0 84.554 0 97.972 0h124.056c13.418 0 20.127 0 26.231 1.822 8.825 2.635 16.861 8.029 23.236 15.598 4.409 5.235 7.763 11.99 14.472 25.501z"/></svg>
@@ -1,3 +1 @@
1
- <svg width="268" height="320" viewBox="0 0 268 320" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M191.442 276.481C174.606 298.514 166.188 309.53 156.466 314.548C142.383 321.817 125.617 321.817 111.534 314.548C101.812 309.53 93.394 298.514 76.558 276.481L20.646 203.308C10.406 189.906 5.286 183.206 2.751 176.032C-0.917 165.654 -0.917 154.346 2.751 143.968C5.286 136.794 10.406 130.094 20.646 116.692L76.558 43.5194C93.394 21.4863 101.812 10.4697 111.534 5.45181C125.617 -1.81727 142.383 -1.81727 156.466 5.4518C166.188 10.4697 174.606 21.4863 191.442 43.5195L247.354 116.692C257.594 130.094 262.714 136.794 265.249 143.968C268.917 154.346 268.917 165.654 265.249 176.032C262.714 183.206 257.594 189.906 247.354 203.308L191.442 276.481Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="268" height="320" fill="none" viewBox="0 0 268 320"><path fill="#d0bcff" d="M191.442 276.481c-16.836 22.033-25.254 33.049-34.976 38.067a49.02 49.02 0 0 1-44.932 0c-9.722-5.018-18.14-16.034-34.976-38.067l-55.912-73.173c-10.24-13.402-15.36-20.102-17.895-27.276a48.1 48.1 0 0 1 0-32.064c2.535-7.174 7.655-13.874 17.895-27.276l55.912-73.173c16.836-22.033 25.254-33.05 34.976-38.067a49.02 49.02 0 0 1 44.932 0c9.722 5.018 18.14 16.034 34.976 38.068l55.912 73.172c10.24 13.402 15.36 20.102 17.895 27.276a48.1 48.1 0 0 1 0 32.064c-2.535 7.174-7.655 13.874-17.895 27.276z"/></svg>
package/dist/cdn/fan.svg CHANGED
@@ -1,3 +1 @@
1
- <svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M0 44.2105C0 42.6506 1.95317e-05 41.8706 0.0200195 41.2111C0.71702 18.7571 18.757 0.7174 41.211 0.0205002C41.871 1.82539e-07 42.651 0 44.211 0C52.53 0 56.69 -4.76837e-07 60.208 0.1092C179.96 3.8259 276.17 100.038 279.89 219.792C280 223.31 280 227.47 280 235.789C280 237.349 280 238.129 279.98 238.789C279.28 261.243 261.24 279.283 238.79 279.98C238.13 280 237.35 280 235.79 280H62.945C43.927 280 34.417 280 26.874 277.013C15.955 272.69 7.31 264.045 2.987 253.126C-4.76837e-07 245.583 0 236.073 0 217.055V44.2105Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="280" height="280" fill="none" viewBox="0 0 280 280"><path fill="#d0bcff" d="M0 44.21c0-1.56 0-2.34.02-2.999C.717 18.757 18.757.717 41.211.021c.66-.021 1.44-.021 3-.021C52.53 0 56.69 0 60.208.11 179.96 3.825 276.17 100.037 279.89 219.791c.11 3.518.11 7.678.11 15.997 0 1.56 0 2.34-.02 3-.7 22.454-18.74 40.494-41.19 41.191-.66.02-1.44.02-3 .02H62.945c-19.018 0-28.528 0-36.071-2.987a42.53 42.53 0 0 1-23.887-23.887C0 245.583 0 236.073 0 217.055z"/></svg>
@@ -1,3 +1 @@
1
- <svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M273.13 46.8625C261.25 34.988 234.19 40.8597 201.55 59.6813C191.77 23.2855 176.79 2.9362e-06 160 0C143.2 -2.9362e-06 128.22 23.2841 118.45 59.6779C85.7999 40.8581 58.75 34.9874 46.87 46.8614C35 58.7367 40.8699 85.7963 59.6899 118.446C23.2899 128.222 0 143.204 0 160C0 176.793 23.2801 191.773 59.6801 201.549C40.8501 234.2 34.98 261.261 46.85 273.137C58.73 285.013 85.7899 279.138 118.44 260.31C128.22 296.711 143.2 320 160 320C176.79 320 191.77 296.709 201.55 260.307C234.21 279.136 261.27 285.012 273.15 273.136C285.02 261.26 279.15 234.2 260.32 201.549C296.72 191.773 320 176.793 320 160C320 143.204 296.71 128.222 260.3 118.446C279.13 85.7966 285 58.7376 273.13 46.8625Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" fill-rule="evenodd" d="M273.13 46.863c-11.88-11.875-38.94-6.003-71.58 12.818C191.77 23.286 176.79 0 160 0c-16.8 0-31.78 23.284-41.55 59.678-32.65-18.82-59.7-24.69-71.58-12.817-11.87 11.876-6 38.935 12.82 71.585C23.29 128.222 0 143.204 0 160c0 16.793 23.28 31.773 59.68 41.549-18.83 32.651-24.7 59.712-12.83 71.588 11.88 11.876 38.94 6.001 71.59-12.827C128.22 296.711 143.2 320 160 320c16.79 0 31.77-23.291 41.55-59.693 32.66 18.829 59.72 24.705 71.6 12.829 11.87-11.876 6-38.936-12.83-71.587C296.72 191.773 320 176.793 320 160c0-16.796-23.29-31.778-59.7-41.554 18.83-32.65 24.7-59.708 12.83-71.583" clip-rule="evenodd"/></svg>
package/dist/cdn/gem.svg CHANGED
@@ -1,3 +1 @@
1
- <svg width="302" height="312" viewBox="0 0 302 312" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M92.48 26.6316C110.64 13.4359 119.73 6.838 129.41 3.55802C143.41 -1.18601 158.59 -1.18601 172.59 3.55802C182.27 6.838 191.36 13.4359 209.52 26.6317L250.37 56.3046C261.16 64.1409 266.56 68.059 270.95 72.7627C277.31 79.5606 282.18 87.6027 285.27 96.381C287.41 102.454 288.38 109.048 290.34 122.236L297.9 173.237C301.33 196.373 303.05 207.941 301.32 218.367C298.81 233.448 291.24 247.227 279.86 257.431C271.99 264.486 261.3 269.245 239.93 278.763L191.52 300.326C178.62 306.07 172.17 308.941 165.55 310.409C155.96 312.53 146.04 312.53 136.45 310.409C129.83 308.941 123.38 306.07 110.48 300.326L62.07 278.763C40.7 269.245 30.01 264.486 22.14 257.431C10.76 247.227 3.19008 233.448 0.68008 218.367C-1.04992 207.941 0.670002 196.373 4.1 173.237L11.6601 122.236C13.6201 109.048 14.59 102.454 16.73 96.381C19.82 87.6027 24.6901 79.5606 31.0501 72.7627C35.4401 68.059 40.84 64.1409 51.63 56.3046L92.48 26.6316Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="302" height="312" fill="none" viewBox="0 0 302 312"><path fill="#d0bcff" d="M92.48 26.632c18.16-13.196 27.25-19.794 36.93-23.074a67.3 67.3 0 0 1 43.18 0c9.68 3.28 18.77 9.878 36.93 23.074l40.85 29.673c10.79 7.836 16.19 11.754 20.58 16.458a67.2 67.2 0 0 1 14.32 23.618c2.14 6.073 3.11 12.667 5.07 25.855l7.56 51.001c3.43 23.136 5.15 34.704 3.42 45.13a67.3 67.3 0 0 1-21.46 39.064c-7.87 7.055-18.56 11.814-39.93 21.332l-48.41 21.563c-12.9 5.744-19.35 8.615-25.97 10.083a67.3 67.3 0 0 1-29.1 0c-6.62-1.468-13.07-4.339-25.97-10.083l-48.41-21.563c-21.37-9.518-32.06-14.277-39.93-21.332A67.3 67.3 0 0 1 .68 218.367c-1.73-10.426-.01-21.994 3.42-45.13l7.56-51.001c1.96-13.188 2.93-19.782 5.07-25.855a67.2 67.2 0 0 1 14.32-23.618c4.39-4.704 9.79-8.622 20.58-16.458z"/></svg>
@@ -1,3 +1 @@
1
- <svg width="304" height="304" viewBox="0 0 304 304" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M0 144.762C0 64.812 68.0527 0 152 0C235.947 0 304 64.812 304 144.762V246.095C304 278.075 276.779 304 243.2 304C233.247 304 223.853 301.722 215.56 297.685C211.335 295.627 207.119 293.372 202.885 291.107C187.986 283.136 172.866 275.048 156.327 275.048H147.673C131.134 275.048 116.014 283.136 101.115 291.107C96.881 293.372 92.665 295.627 88.44 297.685C80.1472 301.722 70.7529 304 60.8 304C27.2211 304 0 278.075 0 246.095V144.762Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="304" height="304" fill="none" viewBox="0 0 304 304"><path fill="#d0bcff" d="M0 144.762C0 64.812 68.053 0 152 0s152 64.812 152 144.762v101.333c0 31.98-27.221 57.905-60.8 57.905-9.953 0-19.347-2.278-27.64-6.315-4.225-2.058-8.441-4.313-12.675-6.578-14.899-7.971-30.019-16.059-46.558-16.059h-8.654c-16.539 0-31.659 8.088-46.558 16.059-4.234 2.265-8.45 4.52-12.675 6.578C80.147 301.722 70.753 304 60.8 304 27.221 304 0 278.075 0 246.095z"/></svg>
@@ -1,3 +1 @@
1
- <svg width="320" height="286" viewBox="0 0 320 286" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M251.1 0.130005C229.439 0.130005 210.113 10.3 197.481 26.2L160 67.51V67.38L122.519 26.0601C109.887 10.1701 90.561 0 68.9 0C30.848 0 0 31.3701 0 70.0601C0 104.06 28.375 129.47 48.919 153.88C69.389 178.21 89.856 202.52 110.323 226.84L156.272 281.44C157.516 282.91 158.756 284.39 160 285.87V286C161.244 284.52 162.484 283.05 163.728 281.57C179.043 263.37 194.358 245.18 209.677 226.98C230.144 202.66 250.614 178.34 271.081 154.02C291.625 129.61 320 104.2 320 70.1899C320 31.4999 289.152 0.130005 251.1 0.130005Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="286" fill="none" viewBox="0 0 320 286"><path fill="#d0bcff" d="M251.1.13c-21.661 0-40.987 10.17-53.619 26.07L160 67.51v-.13l-37.481-41.32C109.887 10.17 90.561 0 68.9 0 30.848 0 0 31.37 0 70.06c0 34 28.375 59.41 48.919 83.82 20.47 24.33 40.937 48.64 61.404 72.96l45.949 54.6c1.244 1.47 2.484 2.95 3.728 4.43v.13c1.244-1.48 2.484-2.95 3.728-4.43 15.315-18.2 30.63-36.39 45.949-54.59l61.404-72.96C291.625 129.61 320 104.2 320 70.19 320 31.5 289.152.13 251.1.13"/></svg>
@@ -1,3 +1 @@
1
- <svg width="296" height="296" viewBox="0 0 296 296" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M21 148C7.9 132.34 0 112.13 0 90.0601C0 40.3201 40.11 0 89.6 0C111.99 0 132.47 8.25991 148.17 21.9099C163.84 8.25991 184.27 0 206.61 0C255.98 0 296 40.3201 296 90.0601C296 112.13 288.12 132.34 275.05 148C288.12 163.66 296 183.87 296 205.94C296 255.68 255.98 296 206.61 296C184.27 296 163.84 287.74 148.17 274.09C132.47 287.74 111.99 296 89.6 296C40.11 296 0 255.68 0 205.94C0 183.87 7.9 163.66 21 148Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="296" height="296" fill="none" viewBox="0 0 296 296"><path fill="#d0bcff" d="M21 148C7.9 132.34 0 112.13 0 90.06 0 40.32 40.11 0 89.6 0c22.39 0 42.87 8.26 58.57 21.91C163.84 8.26 184.27 0 206.61 0 255.98 0 296 40.32 296 90.06c0 22.07-7.88 42.28-20.95 57.94 13.07 15.66 20.95 35.87 20.95 57.94 0 49.74-40.02 90.06-89.39 90.06-22.34 0-42.77-8.26-58.44-21.91C132.47 287.74 111.99 296 89.6 296 40.11 296 0 255.68 0 205.94c0-22.07 7.9-42.28 21-57.94"/></svg>
@@ -1,3 +1 @@
1
- <svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M308.58 160C334.43 208.16 314.9 251.77 265.07 265.06C251.77 314.9 208.16 334.42 160 308.58C111.83 334.43 68.2201 314.9 54.9301 265.07C5.10006 251.77 -14.4299 208.16 11.4201 160C-14.4299 111.83 5.10006 68.2198 54.9301 54.9298C68.2201 5.09982 111.83 -14.4302 160 11.4198C208.16 -14.4302 251.77 5.09982 265.06 54.9298C314.9 68.2198 334.42 111.83 308.58 160Z" fill="#D0BCFF"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M308.58 160c25.85 48.16 6.32 91.77-43.51 105.06-13.3 49.84-56.91 69.36-105.07 43.52-48.17 25.85-91.78 6.32-105.07-43.51C5.1 251.77-14.43 208.16 11.42 160-14.43 111.83 5.1 68.22 54.93 54.93 68.22 5.1 111.83-14.43 160 11.42c48.16-25.85 91.77-6.32 105.06 43.51 49.84 13.29 69.36 56.9 43.52 105.07"/></svg>