:root {
  --md-primary: #5e5794;
  --md-on-primary: #ffffff;
  --md-primary-container: #a098da;
  --md-on-primary-container: #362e69;
  --md-secondary: #5f5b75;
  --md-on-secondary: #ffffff;
  --md-secondary-container: #e2dcfb;
  --md-on-secondary-container: #63607a;
  --md-tertiary: #864a73;
  --md-tertiary-container: #cf8ab7;
  --md-on-tertiary-container: #58234a;
  --md-surface: #fcf8fe;
  --md-surface-container-lowest: #ffffff;
  --md-surface-container-low: #f7f2f8;
  --md-surface-container: #f1ecf2;
  --md-surface-container-high: #ebe7ed;
  --md-surface-container-highest: #e5e1e7;
  --md-on-surface: #1c1b1f;
  --md-on-surface-variant: #47454f;
  --md-outline: #787580;
  --md-outline-variant: #c9c5d1;
  --md-inverse-surface: #313034;
  --md-inverse-on-surface: #f4eff5;
  --md-scrim: rgb(0 0 0 / 0.6);
  --blob-opacity: 0.45;
  color-scheme: light;

    --round-very-small: 8px;
  --round-small: 12px;
  --round-normal: 17px;
  --round-large: 23px;
  --round-very-large: 30px;
  --round-full: 9999px;

    --ease-fast-spatial: cubic-bezier(0.42, 1.67, 0.21, 0.9);
  --ease-default-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);
  --ease-slow-spatial: cubic-bezier(0.39, 1.29, 0.35, 0.98);
  --ease-effects: cubic-bezier(0.34, 0.8, 0.34, 1);
  --ease-emphasized-decel: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-standard-decel: cubic-bezier(0, 0, 0, 1);

  --font: "Google Sans Flex", "Google Sans", Rubik, Inter, system-ui, sans-serif;
  --page: 1180px;
  --gutter: clamp(16px, 4vw, 32px);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --md-primary: #c7bfff;
    --md-on-primary: #2f2862;
    --md-primary-container: #a098da;
    --md-on-primary-container: #362e69;
    --md-secondary: #c8c3e1;
    --md-on-secondary: #302e45;
    --md-secondary-container: #47445d;
    --md-on-secondary-container: #d9d3f3;
    --md-tertiary: #fab0df;
    --md-tertiary-container: #cf8ab7;
    --md-on-tertiary-container: #58234a;
    --md-surface: #141317;
    --md-surface-container-lowest: #0e0e12;
    --md-surface-container-low: #1c1b1f;
    --md-surface-container: #201f23;
    --md-surface-container-high: #2a292e;
    --md-surface-container-highest: #353439;
    --md-on-surface: #e5e1e7;
    --md-on-surface-variant: #c9c5d1;
    --md-outline: #928f9a;
    --md-outline-variant: #47454f;
    --md-inverse-surface: #e5e1e7;
    --md-inverse-on-surface: #313034;
    --blob-opacity: 0.22;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --md-primary: #c7bfff;
  --md-on-primary: #2f2862;
  --md-primary-container: #a098da;
  --md-on-primary-container: #362e69;
  --md-secondary: #c8c3e1;
  --md-on-secondary: #302e45;
  --md-secondary-container: #47445d;
  --md-on-secondary-container: #d9d3f3;
  --md-tertiary: #fab0df;
  --md-tertiary-container: #cf8ab7;
  --md-on-tertiary-container: #58234a;
  --md-surface: #141317;
  --md-surface-container-lowest: #0e0e12;
  --md-surface-container-low: #1c1b1f;
  --md-surface-container: #201f23;
  --md-surface-container-high: #2a292e;
  --md-surface-container-highest: #353439;
  --md-on-surface: #e5e1e7;
  --md-on-surface-variant: #c9c5d1;
  --md-outline: #928f9a;
  --md-outline-variant: #47454f;
  --md-inverse-surface: #e5e1e7;
  --md-inverse-on-surface: #313034;
  --blob-opacity: 0.22;
  color-scheme: dark;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
}

body {
  margin: 0;
  background: var(--md-surface);
  color: var(--md-on-surface);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  transition: background-color 400ms var(--ease-effects), color 400ms var(--ease-effects);
}

main {
  overflow-x: clip;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: var(--md-primary);
  text-underline-offset: 3px;
}

code {
  font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
  font-size: 0.86em;
  background: var(--md-surface-container-highest);
  color: var(--md-on-surface);
  padding: 0.12em 0.45em;
  border-radius: var(--round-very-small);
  overflow-wrap: anywhere;
}

::selection {
  background: var(--md-primary-container);
  color: var(--md-on-primary-container);
}

:focus-visible {
  outline: 2px solid var(--md-secondary);
  outline-offset: 2px;
}

.wrap {
  width: 100%;
  max-width: var(--page);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.round {
  font-variation-settings: "ROND" 100;
}

.ms {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
  user-select: none;
  flex: none;
}

.ms.fill {
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

[data-shape]::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: currentColor;
}

[data-shape="clover4"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.1%, 53.5% 0.3%, 55.2% 0.8%, 56.8% 1.4%, 58.4% 2.1%, 60% 3%, 61.4% 4.1%, 62.8% 5.3%, 64.1% 6.6%, 65.3% 8%, 66.3% 9.6%, 67.3% 11.2%, 68.1% 12.9%, 68.8% 14.6%, 69.4% 16.4%, 69.9% 18.2%, 70.2% 20%, 70.4% 21.9%, 70.6% 23.7%, 70.6% 25.4%, 70.6% 27.1%, 70.5% 28.8%, 71.2% 29.5%, 72.9% 29.4%, 74.6% 29.4%, 76.3% 29.4%, 78.1% 29.6%, 80% 29.8%, 81.8% 30.1%, 83.6% 30.6%, 85.4% 31.2%, 87.1% 31.9%, 88.8% 32.7%, 90.4% 33.7%, 92% 34.7%, 93.4% 35.9%, 94.7% 37.2%, 95.9% 38.6%, 97% 40%, 97.9% 41.6%, 98.6% 43.2%, 99.2% 44.8%, 99.7% 46.5%, 99.9% 48.3%, 100% 50%, 99.9% 51.7%, 99.7% 53.5%, 99.2% 55.2%, 98.6% 56.8%, 97.9% 58.4%, 97% 60%, 95.9% 61.4%, 94.7% 62.8%, 93.4% 64.1%, 92% 65.3%, 90.4% 66.3%, 88.8% 67.3%, 87.1% 68.1%, 85.4% 68.8%, 83.6% 69.4%, 81.8% 69.9%, 80% 70.2%, 78.1% 70.4%, 76.3% 70.6%, 74.6% 70.6%, 72.9% 70.6%, 71.2% 70.5%, 70.5% 71.2%, 70.6% 72.9%, 70.6% 74.6%, 70.6% 76.3%, 70.4% 78.1%, 70.2% 80%, 69.9% 81.8%, 69.4% 83.6%, 68.8% 85.4%, 68.1% 87.1%, 67.3% 88.8%, 66.3% 90.4%, 65.3% 92%, 64.1% 93.4%, 62.8% 94.7%, 61.4% 95.9%, 60% 97%, 58.4% 97.9%, 56.8% 98.6%, 55.2% 99.2%, 53.5% 99.7%, 51.7% 99.9%, 50% 100%, 48.3% 99.9%, 46.5% 99.7%, 44.8% 99.2%, 43.2% 98.6%, 41.6% 97.9%, 40% 97%, 38.6% 95.9%, 37.2% 94.7%, 35.9% 93.4%, 34.7% 92%, 33.7% 90.4%, 32.7% 88.8%, 31.9% 87.1%, 31.2% 85.4%, 30.6% 83.6%, 30.1% 81.8%, 29.8% 80%, 29.6% 78.1%, 29.4% 76.3%, 29.4% 74.6%, 29.4% 72.9%, 29.5% 71.2%, 28.8% 70.5%, 27.1% 70.6%, 25.4% 70.6%, 23.7% 70.6%, 21.9% 70.4%, 20% 70.2%, 18.2% 69.9%, 16.4% 69.4%, 14.6% 68.8%, 12.9% 68.1%, 11.2% 67.3%, 9.6% 66.3%, 8% 65.3%, 6.6% 64.1%, 5.3% 62.8%, 4.1% 61.4%, 3% 60%, 2.1% 58.4%, 1.4% 56.8%, 0.8% 55.2%, 0.3% 53.5%, 0.1% 51.7%, 0% 50%, 0.1% 48.3%, 0.3% 46.5%, 0.8% 44.8%, 1.4% 43.2%, 2.1% 41.6%, 3% 40%, 4.1% 38.6%, 5.3% 37.2%, 6.6% 35.9%, 8% 34.7%, 9.6% 33.7%, 11.2% 32.7%, 12.9% 31.9%, 14.6% 31.2%, 16.4% 30.6%, 18.2% 30.1%, 20% 29.8%, 21.9% 29.6%, 23.7% 29.4%, 25.4% 29.4%, 27.1% 29.4%, 28.8% 29.5%, 29.5% 28.8%, 29.4% 27.1%, 29.4% 25.4%, 29.4% 23.7%, 29.6% 21.9%, 29.8% 20%, 30.1% 18.2%, 30.6% 16.4%, 31.2% 14.6%, 31.9% 12.9%, 32.7% 11.2%, 33.7% 9.6%, 34.7% 8%, 35.9% 6.6%, 37.2% 5.3%, 38.6% 4.1%, 40% 3%, 41.6% 2.1%, 43.2% 1.4%, 44.8% 0.8%, 46.5% 0.3%, 48.3% 0.1%);
}

[data-shape="clover8"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.2%, 53.4% 0.8%, 55.1% 1.7%, 56.6% 3%, 58% 4.5%, 59.3% 6.3%, 60.4% 8.3%, 61.4% 10.4%, 62.2% 12.5%, 62.9% 14.6%, 63.6% 16.4%, 65% 16.3%, 66.9% 15.4%, 68.9% 14.4%, 71% 13.5%, 73.2% 12.8%, 75.4% 12.3%, 77.5% 12.1%, 79.6% 12.1%, 81.5% 12.5%, 83.2% 13.1%, 84.7% 14.1%, 85.9% 15.3%, 86.9% 16.8%, 87.5% 18.5%, 87.9% 20.4%, 87.9% 22.5%, 87.7% 24.6%, 87.2% 26.8%, 86.5% 29%, 85.6% 31.1%, 84.6% 33.1%, 83.7% 35%, 83.6% 36.4%, 85.4% 37.1%, 87.5% 37.8%, 89.6% 38.6%, 91.7% 39.6%, 93.7% 40.7%, 95.5% 42%, 97% 43.4%, 98.3% 44.9%, 99.2% 46.6%, 99.8% 48.3%, 100% 50%, 99.8% 51.7%, 99.2% 53.4%, 98.3% 55.1%, 97% 56.6%, 95.5% 58%, 93.7% 59.3%, 91.7% 60.4%, 89.6% 61.4%, 87.5% 62.2%, 85.4% 62.9%, 83.6% 63.6%, 83.7% 65%, 84.6% 66.9%, 85.6% 68.9%, 86.5% 71%, 87.2% 73.2%, 87.7% 75.4%, 87.9% 77.5%, 87.9% 79.6%, 87.5% 81.5%, 86.9% 83.2%, 85.9% 84.7%, 84.7% 85.9%, 83.2% 86.9%, 81.5% 87.5%, 79.6% 87.9%, 77.5% 87.9%, 75.4% 87.7%, 73.2% 87.2%, 71% 86.5%, 68.9% 85.6%, 66.9% 84.6%, 65% 83.7%, 63.6% 83.6%, 62.9% 85.4%, 62.2% 87.5%, 61.4% 89.6%, 60.4% 91.7%, 59.3% 93.7%, 58% 95.5%, 56.6% 97%, 55.1% 98.3%, 53.4% 99.2%, 51.7% 99.8%, 50% 100%, 48.3% 99.8%, 46.6% 99.2%, 44.9% 98.3%, 43.4% 97%, 42% 95.5%, 40.7% 93.7%, 39.6% 91.7%, 38.6% 89.6%, 37.8% 87.5%, 37.1% 85.4%, 36.4% 83.6%, 35% 83.7%, 33.1% 84.6%, 31.1% 85.6%, 29% 86.5%, 26.8% 87.2%, 24.6% 87.7%, 22.5% 87.9%, 20.4% 87.9%, 18.5% 87.5%, 16.8% 86.9%, 15.3% 85.9%, 14.1% 84.7%, 13.1% 83.2%, 12.5% 81.5%, 12.1% 79.6%, 12.1% 77.5%, 12.3% 75.4%, 12.8% 73.2%, 13.5% 71%, 14.4% 68.9%, 15.4% 66.9%, 16.3% 65%, 16.4% 63.6%, 14.6% 62.9%, 12.5% 62.2%, 10.4% 61.4%, 8.3% 60.4%, 6.3% 59.3%, 4.5% 58%, 3% 56.6%, 1.7% 55.1%, 0.8% 53.4%, 0.2% 51.7%, 0% 50%, 0.2% 48.3%, 0.8% 46.6%, 1.7% 44.9%, 3% 43.4%, 4.5% 42%, 6.3% 40.7%, 8.3% 39.6%, 10.4% 38.6%, 12.5% 37.8%, 14.6% 37.1%, 16.4% 36.4%, 16.3% 35%, 15.4% 33.1%, 14.4% 31.1%, 13.5% 29%, 12.8% 26.8%, 12.3% 24.6%, 12.1% 22.5%, 12.1% 20.4%, 12.5% 18.5%, 13.1% 16.8%, 14.1% 15.3%, 15.3% 14.1%, 16.8% 13.1%, 18.5% 12.5%, 20.4% 12.1%, 22.5% 12.1%, 24.6% 12.3%, 26.8% 12.8%, 29% 13.5%, 31.1% 14.4%, 33.1% 15.4%, 35% 16.3%, 36.4% 16.4%, 37.1% 14.6%, 37.8% 12.5%, 38.6% 10.4%, 39.6% 8.3%, 40.7% 6.3%, 42% 4.5%, 43.4% 3%, 44.9% 1.7%, 46.6% 0.8%, 48.3% 0.2%);
}

[data-shape="cookie12"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.2%, 53.4% 0.7%, 55.1% 1.5%, 56.7% 2.4%, 58.2% 3.3%, 59.7% 4.2%, 61.3% 4.8%, 62.8% 5.3%, 64.5% 5.5%, 66.2% 5.5%, 68% 5.4%, 69.8% 5.4%, 71.7% 5.6%, 73.4% 6%, 75% 6.7%, 76.4% 7.7%, 77.6% 9%, 78.7% 10.5%, 79.6% 12.1%, 80.5% 13.7%, 81.3% 15.2%, 82.3% 16.5%, 83.5% 17.7%, 84.8% 18.7%, 86.3% 19.5%, 87.9% 20.4%, 89.5% 21.3%, 91% 22.4%, 92.3% 23.6%, 93.3% 25%, 94% 26.6%, 94.4% 28.3%, 94.6% 30.2%, 94.6% 32%, 94.5% 33.8%, 94.5% 35.5%, 94.7% 37.2%, 95.2% 38.7%, 95.8% 40.3%, 96.7% 41.8%, 97.6% 43.3%, 98.5% 44.9%, 99.3% 46.6%, 99.8% 48.3%, 100% 50%, 99.8% 51.7%, 99.3% 53.4%, 98.5% 55.1%, 97.6% 56.7%, 96.7% 58.2%, 95.8% 59.7%, 95.2% 61.3%, 94.7% 62.8%, 94.5% 64.5%, 94.5% 66.2%, 94.6% 68%, 94.6% 69.8%, 94.4% 71.7%, 94% 73.4%, 93.3% 75%, 92.3% 76.4%, 91% 77.6%, 89.5% 78.7%, 87.9% 79.6%, 86.3% 80.5%, 84.8% 81.3%, 83.5% 82.3%, 82.3% 83.5%, 81.3% 84.8%, 80.5% 86.3%, 79.6% 87.9%, 78.7% 89.5%, 77.6% 91%, 76.4% 92.3%, 75% 93.3%, 73.4% 94%, 71.7% 94.4%, 69.8% 94.6%, 68% 94.6%, 66.2% 94.5%, 64.5% 94.5%, 62.8% 94.7%, 61.3% 95.2%, 59.7% 95.8%, 58.2% 96.7%, 56.7% 97.6%, 55.1% 98.5%, 53.4% 99.3%, 51.7% 99.8%, 50% 100%, 48.3% 99.8%, 46.6% 99.3%, 44.9% 98.5%, 43.3% 97.6%, 41.8% 96.7%, 40.3% 95.8%, 38.7% 95.2%, 37.2% 94.7%, 35.5% 94.5%, 33.8% 94.5%, 32% 94.6%, 30.2% 94.6%, 28.3% 94.4%, 26.6% 94%, 25% 93.3%, 23.6% 92.3%, 22.4% 91%, 21.3% 89.5%, 20.4% 87.9%, 19.5% 86.3%, 18.7% 84.8%, 17.7% 83.5%, 16.5% 82.3%, 15.2% 81.3%, 13.7% 80.5%, 12.1% 79.6%, 10.5% 78.7%, 9% 77.6%, 7.7% 76.4%, 6.7% 75%, 6% 73.4%, 5.6% 71.7%, 5.4% 69.8%, 5.4% 68%, 5.5% 66.2%, 5.5% 64.5%, 5.3% 62.8%, 4.8% 61.3%, 4.2% 59.7%, 3.3% 58.2%, 2.4% 56.7%, 1.5% 55.1%, 0.7% 53.4%, 0.2% 51.7%, 0% 50%, 0.2% 48.3%, 0.7% 46.6%, 1.5% 44.9%, 2.4% 43.3%, 3.3% 41.8%, 4.2% 40.3%, 4.8% 38.7%, 5.3% 37.2%, 5.5% 35.5%, 5.5% 33.8%, 5.4% 32%, 5.4% 30.2%, 5.6% 28.3%, 6% 26.6%, 6.7% 25%, 7.7% 23.6%, 9% 22.4%, 10.5% 21.3%, 12.1% 20.4%, 13.7% 19.5%, 15.2% 18.7%, 16.5% 17.7%, 17.7% 16.5%, 18.7% 15.2%, 19.5% 13.7%, 20.4% 12.1%, 21.3% 10.5%, 22.4% 9%, 23.6% 7.7%, 25% 6.7%, 26.6% 6%, 28.3% 5.6%, 30.2% 5.4%, 32% 5.4%, 33.8% 5.5%, 35.5% 5.5%, 37.2% 5.3%, 38.7% 4.8%, 40.3% 4.2%, 41.8% 3.3%, 43.3% 2.4%, 44.9% 1.5%, 46.6% 0.7%, 48.3% 0.2%);
}

[data-shape="cookie4"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.1%, 53.5% 0.2%, 55.2% 0.5%, 56.9% 0.9%, 58.6% 1.5%, 60.2% 2.1%, 61.8% 2.8%, 63.3% 3.6%, 64.8% 4.4%, 66.3% 5.3%, 67.6% 6.3%, 69% 7.3%, 70.3% 8.4%, 71.5% 9.5%, 72.8% 10.6%, 73.9% 11.7%, 75.1% 12.8%, 76.2% 13.9%, 77.3% 15.1%, 78.4% 16.2%, 79.5% 17.3%, 80.6% 18.3%, 81.7% 19.4%, 82.7% 20.5%, 83.8% 21.6%, 84.9% 22.7%, 86.1% 23.8%, 87.2% 24.9%, 88.3% 26.1%, 89.4% 27.3%, 90.5% 28.5%, 91.6% 29.7%, 92.7% 31%, 93.7% 32.4%, 94.7% 33.7%, 95.6% 35.2%, 96.4% 36.7%, 97.2% 38.2%, 97.9% 39.8%, 98.5% 41.4%, 99.1% 43.1%, 99.5% 44.8%, 99.8% 46.5%, 99.9% 48.3%, 100% 50%, 99.9% 51.7%, 99.8% 53.5%, 99.5% 55.2%, 99.1% 56.9%, 98.5% 58.6%, 97.9% 60.2%, 97.2% 61.8%, 96.4% 63.3%, 95.6% 64.8%, 94.7% 66.3%, 93.7% 67.6%, 92.7% 69%, 91.6% 70.3%, 90.5% 71.5%, 89.4% 72.8%, 88.3% 73.9%, 87.2% 75.1%, 86.1% 76.2%, 84.9% 77.3%, 83.8% 78.4%, 82.7% 79.5%, 81.7% 80.6%, 80.6% 81.7%, 79.5% 82.7%, 78.4% 83.8%, 77.3% 84.9%, 76.2% 86.1%, 75.1% 87.2%, 73.9% 88.3%, 72.8% 89.4%, 71.5% 90.5%, 70.3% 91.6%, 69% 92.7%, 67.6% 93.7%, 66.3% 94.7%, 64.8% 95.6%, 63.3% 96.4%, 61.8% 97.2%, 60.2% 97.9%, 58.6% 98.5%, 56.9% 99.1%, 55.2% 99.5%, 53.5% 99.8%, 51.7% 99.9%, 50% 100%, 48.3% 99.9%, 46.5% 99.8%, 44.8% 99.5%, 43.1% 99.1%, 41.4% 98.5%, 39.8% 97.9%, 38.2% 97.2%, 36.7% 96.4%, 35.2% 95.6%, 33.7% 94.7%, 32.4% 93.7%, 31% 92.7%, 29.7% 91.6%, 28.5% 90.5%, 27.2% 89.4%, 26.1% 88.3%, 24.9% 87.2%, 23.8% 86.1%, 22.7% 84.9%, 21.6% 83.8%, 20.5% 82.7%, 19.4% 81.7%, 18.3% 80.6%, 17.3% 79.5%, 16.2% 78.4%, 15.1% 77.3%, 13.9% 76.2%, 12.8% 75.1%, 11.7% 73.9%, 10.6% 72.8%, 9.5% 71.5%, 8.4% 70.3%, 7.3% 69%, 6.3% 67.6%, 5.3% 66.3%, 4.4% 64.8%, 3.6% 63.3%, 2.8% 61.8%, 2.1% 60.2%, 1.5% 58.6%, 0.9% 56.9%, 0.5% 55.2%, 0.2% 53.5%, 0.1% 51.7%, 0% 50%, 0.1% 48.3%, 0.2% 46.5%, 0.5% 44.8%, 0.9% 43.1%, 1.5% 41.4%, 2.1% 39.8%, 2.8% 38.2%, 3.6% 36.7%, 4.4% 35.2%, 5.3% 33.7%, 6.3% 32.4%, 7.3% 31%, 8.4% 29.7%, 9.5% 28.5%, 10.6% 27.2%, 11.7% 26.1%, 12.8% 24.9%, 13.9% 23.8%, 15.1% 22.7%, 16.2% 21.6%, 17.3% 20.5%, 18.3% 19.4%, 19.4% 18.3%, 20.5% 17.3%, 21.6% 16.2%, 22.7% 15.1%, 23.8% 13.9%, 24.9% 12.8%, 26.1% 11.7%, 27.2% 10.6%, 28.5% 9.5%, 29.7% 8.4%, 31% 7.3%, 32.4% 6.3%, 33.7% 5.3%, 35.2% 4.4%, 36.7% 3.6%, 38.2% 2.8%, 39.8% 2.1%, 41.4% 1.5%, 43.1% 0.9%, 44.8% 0.5%, 46.5% 0.2%, 48.3% 0.1%);
}

[data-shape="cookie6"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.1%, 53.5% 0.3%, 55.2% 0.7%, 56.8% 1.3%, 58.5% 2%, 60% 2.8%, 61.6% 3.7%, 63% 4.6%, 64.4% 5.6%, 65.8% 6.5%, 67.2% 7.5%, 68.5% 8.5%, 69.8% 9.4%, 71.2% 10.2%, 72.5% 11%, 73.9% 11.8%, 75.3% 12.5%, 76.7% 13.2%, 78.2% 13.9%, 79.7% 14.6%, 81.3% 15.3%, 82.8% 16%, 84.4% 16.8%, 85.9% 17.7%, 87.3% 18.7%, 88.7% 19.7%, 90.1% 20.9%, 91.3% 22.2%, 92.4% 23.5%, 93.3% 25%, 94.1% 26.6%, 94.7% 28.2%, 95.2% 29.9%, 95.6% 31.6%, 95.8% 33.3%, 95.9% 35.1%, 95.9% 36.8%, 95.8% 38.6%, 95.7% 40.3%, 95.5% 42%, 95.4% 43.6%, 95.2% 45.2%, 95.1% 46.8%, 95% 48.4%, 95% 50%, 95% 51.6%, 95.1% 53.2%, 95.2% 54.8%, 95.4% 56.4%, 95.5% 58%, 95.7% 59.7%, 95.8% 61.4%, 95.9% 63.2%, 95.9% 64.9%, 95.8% 66.7%, 95.6% 68.4%, 95.2% 70.1%, 94.7% 71.8%, 94.1% 73.4%, 93.3% 75%, 92.4% 76.5%, 91.3% 77.8%, 90.1% 79.1%, 88.7% 80.3%, 87.3% 81.3%, 85.9% 82.3%, 84.4% 83.2%, 82.8% 84%, 81.3% 84.7%, 79.7% 85.4%, 78.2% 86.1%, 76.7% 86.8%, 75.3% 87.5%, 73.9% 88.2%, 72.5% 89%, 71.2% 89.8%, 69.8% 90.6%, 68.5% 91.5%, 67.2% 92.5%, 65.8% 93.5%, 64.4% 94.4%, 63% 95.4%, 61.6% 96.3%, 60% 97.2%, 58.5% 98%, 56.8% 98.7%, 55.2% 99.3%, 53.5% 99.7%, 51.7% 99.9%, 50% 100%, 48.3% 99.9%, 46.5% 99.7%, 44.8% 99.3%, 43.2% 98.7%, 41.5% 98%, 40% 97.2%, 38.4% 96.3%, 37% 95.4%, 35.6% 94.4%, 34.2% 93.5%, 32.8% 92.5%, 31.5% 91.5%, 30.2% 90.6%, 28.8% 89.8%, 27.5% 89%, 26.1% 88.2%, 24.7% 87.5%, 23.3% 86.8%, 21.8% 86.1%, 20.3% 85.4%, 18.7% 84.7%, 17.2% 84%, 15.6% 83.2%, 14.1% 82.3%, 12.7% 81.3%, 11.3% 80.3%, 9.9% 79.1%, 8.7% 77.8%, 7.6% 76.5%, 6.7% 75%, 5.9% 73.4%, 5.3% 71.8%, 4.8% 70.1%, 4.4% 68.4%, 4.2% 66.7%, 4.1% 64.9%, 4.1% 63.2%, 4.2% 61.4%, 4.3% 59.7%, 4.5% 58%, 4.6% 56.4%, 4.8% 54.8%, 4.9% 53.2%, 5% 51.6%, 5% 50%, 5% 48.4%, 4.9% 46.8%, 4.8% 45.2%, 4.6% 43.6%, 4.5% 42%, 4.3% 40.3%, 4.2% 38.6%, 4.1% 36.8%, 4.1% 35.1%, 4.2% 33.3%, 4.4% 31.6%, 4.8% 29.9%, 5.3% 28.2%, 5.9% 26.6%, 6.7% 25%, 7.6% 23.5%, 8.7% 22.2%, 9.9% 20.9%, 11.3% 19.7%, 12.7% 18.7%, 14.1% 17.7%, 15.6% 16.8%, 17.2% 16%, 18.7% 15.3%, 20.3% 14.6%, 21.8% 13.9%, 23.3% 13.2%, 24.7% 12.5%, 26.1% 11.8%, 27.5% 11%, 28.8% 10.2%, 30.2% 9.4%, 31.5% 8.5%, 32.8% 7.5%, 34.2% 6.5%, 35.6% 5.6%, 37% 4.6%, 38.4% 3.7%, 40% 2.8%, 41.5% 2%, 43.2% 1.3%, 44.8% 0.7%, 46.5% 0.3%, 48.3% 0.1%);
}

[data-shape="cookie7"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.1%, 53.5% 0.4%, 55.2% 0.9%, 56.8% 1.6%, 58.4% 2.4%, 59.9% 3.3%, 61.4% 4.2%, 62.8% 5.2%, 64.2% 6.2%, 65.6% 7.2%, 67% 8%, 68.3% 8.8%, 69.7% 9.6%, 71.2% 10.2%, 72.7% 10.7%, 74.2% 11.2%, 75.8% 11.7%, 77.5% 12.2%, 79.1% 12.7%, 80.8% 13.3%, 82.5% 13.9%, 84.1% 14.7%, 85.6% 15.6%, 87% 16.7%, 88.3% 17.9%, 89.4% 19.2%, 90.4% 20.7%, 91.1% 22.3%, 91.8% 23.9%, 92.2% 25.6%, 92.5% 27.4%, 92.8% 29.1%, 92.9% 30.9%, 93% 32.6%, 93.1% 34.3%, 93.3% 35.9%, 93.4% 37.5%, 93.7% 39.1%, 94% 40.6%, 94.5% 42.2%, 95% 43.7%, 95.6% 45.2%, 96.2% 46.8%, 96.9% 48.4%, 97.5% 50%, 98.1% 51.7%, 98.6% 53.4%, 98.9% 55.1%, 99.1% 56.9%, 99.1% 58.7%, 98.9% 60.4%, 98.5% 62.1%, 97.9% 63.7%, 97.1% 65.3%, 96.1% 66.8%, 95.1% 68.2%, 93.9% 69.5%, 92.6% 70.8%, 91.3% 72%, 90.1% 73.1%, 88.8% 74.3%, 87.6% 75.4%, 86.5% 76.5%, 85.5% 77.7%, 84.5% 78.9%, 83.6% 80.3%, 82.8% 81.6%, 81.9% 83.1%, 81.1% 84.5%, 80.3% 86.1%, 79.4% 87.6%, 78.4% 89.1%, 77.3% 90.5%, 76.1% 91.8%, 74.8% 93%, 73.4% 94.1%, 71.9% 94.9%, 70.3% 95.6%, 68.6% 96.1%, 66.9% 96.4%, 65.1% 96.6%, 63.4% 96.6%, 61.6% 96.4%, 59.8% 96.2%, 58.1% 95.9%, 56.4% 95.7%, 54.8% 95.4%, 53.2% 95.2%, 51.6% 95%, 50% 95%, 48.4% 95%, 46.8% 95.2%, 45.2% 95.4%, 43.6% 95.7%, 41.9% 95.9%, 40.2% 96.2%, 38.4% 96.4%, 36.6% 96.6%, 34.9% 96.6%, 33.1% 96.4%, 31.4% 96.1%, 29.7% 95.6%, 28.1% 94.9%, 26.6% 94.1%, 25.2% 93%, 23.9% 91.8%, 22.7% 90.5%, 21.6% 89.1%, 20.6% 87.6%, 19.7% 86.1%, 18.9% 84.5%, 18.1% 83.1%, 17.2% 81.6%, 16.4% 80.3%, 15.5% 78.9%, 14.5% 77.7%, 13.5% 76.5%, 12.4% 75.4%, 11.2% 74.3%, 9.9% 73.1%, 8.7% 72%, 7.4% 70.8%, 6.1% 69.5%, 4.9% 68.2%, 3.9% 66.8%, 2.9% 65.3%, 2.1% 63.7%, 1.5% 62.1%, 1.1% 60.4%, 0.9% 58.7%, 0.9% 56.9%, 1.1% 55.1%, 1.4% 53.4%, 1.9% 51.7%, 2.5% 50%, 3.1% 48.4%, 3.8% 46.8%, 4.4% 45.2%, 5% 43.7%, 5.5% 42.2%, 6% 40.6%, 6.3% 39.1%, 6.6% 37.5%, 6.7% 35.9%, 6.9% 34.3%, 7% 32.6%, 7.1% 30.9%, 7.2% 29.1%, 7.5% 27.4%, 7.8% 25.6%, 8.2% 23.9%, 8.9% 22.3%, 9.6% 20.7%, 10.6% 19.2%, 11.7% 17.9%, 13% 16.7%, 14.4% 15.6%, 15.9% 14.7%, 17.5% 13.9%, 19.2% 13.3%, 20.9% 12.7%, 22.5% 12.2%, 24.2% 11.7%, 25.8% 11.2%, 27.3% 10.7%, 28.8% 10.2%, 30.3% 9.6%, 31.7% 8.8%, 33% 8%, 34.4% 7.2%, 35.8% 6.2%, 37.2% 5.2%, 38.6% 4.2%, 40.1% 3.3%, 41.6% 2.4%, 43.2% 1.6%, 44.8% 0.9%, 46.5% 0.4%, 48.3% 0.1%);
}

[data-shape="cookie9"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.1%, 53.5% 0.6%, 55.1% 1.2%, 56.7% 2%, 58.3% 3%, 59.8% 4%, 61.2% 5%, 62.7% 5.8%, 64.1% 6.6%, 65.6% 7.2%, 67.1% 7.7%, 68.7% 8%, 70.4% 8.3%, 72.1% 8.5%, 73.9% 8.6%, 75.7% 8.9%, 77.4% 9.3%, 79.1% 9.9%, 80.7% 10.7%, 82.1% 11.7%, 83.4% 12.9%, 84.4% 14.3%, 85.3% 15.9%, 86% 17.6%, 86.6% 19.3%, 87.1% 21%, 87.6% 22.7%, 88.1% 24.3%, 88.7% 25.8%, 89.4% 27.2%, 90.3% 28.6%, 91.3% 29.9%, 92.4% 31.1%, 93.6% 32.4%, 94.9% 33.7%, 96.1% 35%, 97.2% 36.5%, 98.1% 38%, 98.8% 39.6%, 99.2% 41.3%, 99.4% 43.1%, 99.3% 44.8%, 99% 46.6%, 98.4% 48.3%, 97.8% 50%, 97% 51.6%, 96.3% 53.2%, 95.7% 54.8%, 95.2% 56.3%, 94.8% 57.9%, 94.6% 59.5%, 94.6% 61.1%, 94.6% 62.8%, 94.8% 64.5%, 94.9% 66.3%, 94.9% 68.1%, 94.8% 70%, 94.6% 71.7%, 94.1% 73.4%, 93.3% 75%, 92.3% 76.4%, 91.1% 77.7%, 89.7% 78.8%, 88.2% 79.8%, 86.6% 80.7%, 85% 81.5%, 83.4% 82.3%, 81.9% 83%, 80.5% 83.9%, 79.2% 84.9%, 78.1% 85.9%, 77% 87.2%, 76% 88.5%, 74.9% 89.9%, 73.9% 91.4%, 72.7% 92.8%, 71.5% 94.1%, 70.2% 95.3%, 68.7% 96.3%, 67.1% 97%, 65.4% 97.4%, 63.7% 97.7%, 61.9% 97.6%, 60.1% 97.4%, 58.3% 97%, 56.5% 96.6%, 54.9% 96.2%, 53.2% 95.8%, 51.6% 95.6%, 50% 95.5%, 48.4% 95.6%, 46.8% 95.8%, 45.1% 96.2%, 43.5% 96.6%, 41.7% 97%, 39.9% 97.4%, 38.1% 97.6%, 36.3% 97.7%, 34.6% 97.4%, 32.9% 97%, 31.3% 96.3%, 29.8% 95.3%, 28.5% 94.1%, 27.3% 92.8%, 26.1% 91.4%, 25.1% 89.9%, 24% 88.5%, 23% 87.2%, 21.9% 85.9%, 20.8% 84.9%, 19.5% 83.9%, 18.1% 83%, 16.6% 82.3%, 15% 81.5%, 13.4% 80.7%, 11.8% 79.8%, 10.3% 78.8%, 8.9% 77.7%, 7.7% 76.4%, 6.7% 75%, 5.9% 73.4%, 5.4% 71.7%, 5.2% 70%, 5.1% 68.1%, 5.1% 66.3%, 5.2% 64.5%, 5.4% 62.8%, 5.4% 61.1%, 5.4% 59.5%, 5.2% 57.9%, 4.8% 56.3%, 4.3% 54.8%, 3.7% 53.2%, 3% 51.6%, 2.3% 50%, 1.6% 48.3%, 1% 46.6%, 0.7% 44.8%, 0.6% 43.1%, 0.8% 41.3%, 1.2% 39.6%, 1.9% 38%, 2.8% 36.5%, 3.9% 35%, 5.1% 33.7%, 6.4% 32.4%, 7.6% 31.1%, 8.7% 29.9%, 9.7% 28.6%, 10.6% 27.2%, 11.3% 25.8%, 11.9% 24.3%, 12.4% 22.7%, 12.9% 21%, 13.4% 19.3%, 14% 17.6%, 14.7% 15.9%, 15.6% 14.3%, 16.6% 12.9%, 17.9% 11.7%, 19.3% 10.7%, 20.9% 9.9%, 22.6% 9.3%, 24.3% 8.9%, 26.1% 8.6%, 27.9% 8.5%, 29.6% 8.3%, 31.3% 8%, 32.9% 7.7%, 34.4% 7.2%, 35.9% 6.6%, 37.3% 5.8%, 38.8% 5%, 40.2% 4%, 41.7% 3%, 43.3% 2%, 44.9% 1.2%, 46.5% 0.6%, 48.3% 0.1%);
}

[data-shape="flower"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.2%, 53.4% 0.7%, 55.1% 1.5%, 56.7% 2.7%, 58.1% 4.1%, 59.4% 5.8%, 60.5% 7.8%, 61.5% 10%, 62.2% 12.4%, 62.8% 14.9%, 63% 17.8%, 64.7% 17%, 66.9% 15.4%, 69.1% 14.1%, 71.3% 13.1%, 73.5% 12.4%, 75.7% 12%, 77.8% 11.8%, 79.7% 11.9%, 81.6% 12.4%, 83.2% 13.1%, 84.7% 14.1%, 85.9% 15.3%, 86.9% 16.8%, 87.6% 18.4%, 88.1% 20.3%, 88.2% 22.2%, 88% 24.3%, 87.6% 26.5%, 86.9% 28.7%, 85.9% 30.9%, 84.6% 33.1%, 83% 35.3%, 82.2% 37%, 85.1% 37.2%, 87.6% 37.8%, 90% 38.5%, 92.2% 39.5%, 94.2% 40.6%, 95.9% 41.9%, 97.3% 43.3%, 98.5% 44.9%, 99.3% 46.6%, 99.8% 48.3%, 100% 50%, 99.8% 51.7%, 99.3% 53.4%, 98.5% 55.1%, 97.3% 56.7%, 95.9% 58.1%, 94.2% 59.4%, 92.2% 60.5%, 90% 61.5%, 87.6% 62.2%, 85.1% 62.8%, 82.2% 63%, 83% 64.7%, 84.6% 66.9%, 85.9% 69.1%, 86.9% 71.3%, 87.6% 73.5%, 88% 75.7%, 88.2% 77.8%, 88.1% 79.7%, 87.6% 81.6%, 86.9% 83.2%, 85.9% 84.7%, 84.7% 85.9%, 83.2% 86.9%, 81.6% 87.6%, 79.7% 88.1%, 77.8% 88.2%, 75.7% 88%, 73.5% 87.6%, 71.3% 86.9%, 69.1% 85.9%, 66.9% 84.6%, 64.7% 83%, 63% 82.2%, 62.8% 85.1%, 62.2% 87.6%, 61.5% 90%, 60.5% 92.2%, 59.4% 94.2%, 58.1% 95.9%, 56.7% 97.3%, 55.1% 98.5%, 53.4% 99.3%, 51.7% 99.8%, 50% 100%, 48.3% 99.8%, 46.6% 99.3%, 44.9% 98.5%, 43.3% 97.3%, 41.9% 95.9%, 40.6% 94.2%, 39.5% 92.2%, 38.5% 90%, 37.8% 87.6%, 37.2% 85.1%, 37% 82.2%, 35.3% 83%, 33.1% 84.6%, 30.9% 85.9%, 28.7% 86.9%, 26.5% 87.6%, 24.3% 88%, 22.2% 88.2%, 20.3% 88.1%, 18.4% 87.6%, 16.8% 86.9%, 15.3% 85.9%, 14.1% 84.7%, 13.1% 83.2%, 12.4% 81.6%, 11.9% 79.7%, 11.8% 77.8%, 12% 75.7%, 12.4% 73.5%, 13.1% 71.3%, 14.1% 69.1%, 15.4% 66.9%, 17% 64.7%, 17.8% 63%, 14.9% 62.8%, 12.4% 62.2%, 10% 61.5%, 7.8% 60.5%, 5.8% 59.4%, 4.1% 58.1%, 2.7% 56.7%, 1.5% 55.1%, 0.7% 53.4%, 0.2% 51.7%, 0% 50%, 0.2% 48.3%, 0.7% 46.6%, 1.5% 44.9%, 2.7% 43.3%, 4.1% 41.9%, 5.8% 40.6%, 7.8% 39.5%, 10% 38.5%, 12.4% 37.8%, 14.9% 37.2%, 17.8% 37%, 17% 35.3%, 15.4% 33.1%, 14.1% 30.9%, 13.1% 28.7%, 12.4% 26.5%, 12% 24.3%, 11.8% 22.2%, 11.9% 20.3%, 12.4% 18.4%, 13.1% 16.8%, 14.1% 15.3%, 15.3% 14.1%, 16.8% 13.1%, 18.4% 12.4%, 20.3% 11.9%, 22.2% 11.8%, 24.3% 12%, 26.5% 12.4%, 28.7% 13.1%, 30.9% 14.1%, 33.1% 15.4%, 35.3% 17%, 37% 17.8%, 37.2% 14.9%, 37.8% 12.4%, 38.5% 10%, 39.5% 7.8%, 40.6% 5.8%, 41.9% 4.1%, 43.3% 2.7%, 44.9% 1.5%, 46.6% 0.7%, 48.3% 0.2%);
}

[data-shape="gem"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.2%, 53.4% 0.8%, 55.1% 1.6%, 56.7% 2.5%, 58.2% 3.5%, 59.7% 4.3%, 61.2% 5%, 62.7% 5.6%, 64.2% 6.2%, 65.7% 6.8%, 67.2% 7.3%, 68.7% 8%, 70.2% 8.7%, 71.6% 9.4%, 73% 10.2%, 74.4% 11%, 75.7% 11.9%, 77% 12.8%, 78.3% 13.7%, 79.6% 14.7%, 80.8% 15.8%, 82.1% 16.8%, 83.4% 17.8%, 84.7% 18.7%, 86.2% 19.6%, 87.8% 20.5%, 89.4% 21.4%, 90.9% 22.4%, 92.3% 23.6%, 93.3% 25%, 94% 26.6%, 94.4% 28.4%, 94.5% 30.2%, 94.4% 32%, 94.4% 33.8%, 94.4% 35.6%, 94.6% 37.2%, 94.8% 38.8%, 95.1% 40.4%, 95.3% 42%, 95.6% 43.6%, 95.7% 45.2%, 95.9% 46.8%, 96% 48.4%, 96% 50%, 96% 51.6%, 95.9% 53.2%, 95.7% 54.8%, 95.6% 56.4%, 95.3% 58%, 95.1% 59.6%, 94.8% 61.2%, 94.6% 62.8%, 94.4% 64.4%, 94.4% 66.2%, 94.4% 68%, 94.5% 69.8%, 94.4% 71.6%, 94% 73.4%, 93.3% 75%, 92.3% 76.4%, 90.9% 77.6%, 89.4% 78.6%, 87.8% 79.5%, 86.2% 80.4%, 84.7% 81.3%, 83.4% 82.2%, 82.1% 83.2%, 80.8% 84.2%, 79.6% 85.3%, 78.3% 86.3%, 77% 87.2%, 75.7% 88.1%, 74.4% 89%, 73% 89.8%, 71.6% 90.6%, 70.2% 91.3%, 68.7% 92%, 67.2% 92.7%, 65.7% 93.2%, 64.2% 93.8%, 62.7% 94.4%, 61.2% 95%, 59.7% 95.7%, 58.2% 96.5%, 56.7% 97.5%, 55.1% 98.4%, 53.4% 99.2%, 51.7% 99.8%, 50% 100%, 48.3% 99.8%, 46.6% 99.2%, 44.9% 98.4%, 43.3% 97.5%, 41.8% 96.5%, 40.3% 95.7%, 38.8% 95%, 37.3% 94.4%, 35.8% 93.8%, 34.3% 93.2%, 32.8% 92.7%, 31.3% 92%, 29.8% 91.3%, 28.4% 90.6%, 27% 89.8%, 25.6% 89%, 24.3% 88.1%, 23% 87.2%, 21.7% 86.3%, 20.4% 85.3%, 19.2% 84.2%, 17.9% 83.2%, 16.6% 82.2%, 15.3% 81.3%, 13.8% 80.4%, 12.2% 79.5%, 10.6% 78.6%, 9.1% 77.6%, 7.7% 76.4%, 6.7% 75%, 6% 73.4%, 5.6% 71.6%, 5.5% 69.8%, 5.6% 68%, 5.6% 66.2%, 5.6% 64.4%, 5.4% 62.8%, 5.2% 61.2%, 4.9% 59.6%, 4.7% 58%, 4.4% 56.4%, 4.3% 54.8%, 4.1% 53.2%, 4% 51.6%, 4% 50%, 4% 48.4%, 4.1% 46.8%, 4.3% 45.2%, 4.4% 43.6%, 4.7% 42%, 4.9% 40.4%, 5.2% 38.8%, 5.4% 37.2%, 5.6% 35.6%, 5.6% 33.8%, 5.6% 32%, 5.5% 30.2%, 5.6% 28.4%, 6% 26.6%, 6.7% 25%, 7.7% 23.6%, 9.1% 22.4%, 10.6% 21.4%, 12.2% 20.5%, 13.8% 19.6%, 15.3% 18.7%, 16.6% 17.8%, 17.9% 16.8%, 19.2% 15.8%, 20.4% 14.7%, 21.7% 13.7%, 23% 12.8%, 24.3% 11.9%, 25.6% 11%, 27% 10.2%, 28.4% 9.4%, 29.8% 8.7%, 31.3% 8%, 32.8% 7.3%, 34.3% 6.8%, 35.8% 6.2%, 37.3% 5.6%, 38.8% 5%, 40.3% 4.3%, 41.8% 3.5%, 43.3% 2.5%, 44.9% 1.6%, 46.6% 0.8%, 48.3% 0.2%);
}

[data-shape="pentagon"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.2%, 53.5% 0.6%, 55.1% 1.4%, 56.7% 2.3%, 58.2% 3.4%, 59.7% 4.5%, 61.1% 5.5%, 62.5% 6.5%, 63.8% 7.4%, 65.2% 8.3%, 66.6% 9%, 67.9% 9.7%, 69.3% 10.4%, 70.7% 11.1%, 72% 11.9%, 73.3% 12.7%, 74.6% 13.5%, 75.9% 14.4%, 77.1% 15.3%, 78.3% 16.3%, 79.4% 17.3%, 80.6% 18.3%, 81.7% 19.4%, 82.8% 20.5%, 83.9% 21.6%, 85% 22.7%, 86.2% 23.7%, 87.5% 24.7%, 88.9% 25.7%, 90.3% 26.7%, 91.8% 27.8%, 93.3% 28.9%, 94.6% 30.1%, 95.9% 31.5%, 96.9% 32.9%, 97.6% 34.5%, 97.9% 36.3%, 98% 38%, 97.8% 39.8%, 97.4% 41.6%, 96.9% 43.4%, 96.3% 45.1%, 95.7% 46.8%, 95.2% 48.4%, 94.8% 50%, 94.4% 51.6%, 94.1% 53.1%, 93.9% 54.6%, 93.6% 56.1%, 93.3% 57.6%, 93% 59.1%, 92.7% 60.6%, 92.3% 62.1%, 91.8% 63.6%, 91.3% 65%, 90.8% 66.5%, 90.2% 67.9%, 89.6% 69.3%, 88.9% 70.7%, 88.2% 72%, 87.5% 73.4%, 86.8% 74.8%, 86.2% 76.3%, 85.6% 77.8%, 85.1% 79.4%, 84.6% 81.1%, 84% 82.9%, 83.4% 84.6%, 82.7% 86.3%, 81.8% 87.9%, 80.7% 89.3%, 79.4% 90.5%, 77.9% 91.3%, 76.2% 92%, 74.4% 92.3%, 72.6% 92.5%, 70.7% 92.5%, 68.9% 92.5%, 67.2% 92.5%, 65.5% 92.5%, 63.8% 92.6%, 62.2% 92.7%, 60.7% 92.9%, 59.2% 93.1%, 57.6% 93.4%, 56.1% 93.6%, 54.6% 93.8%, 53.1% 93.9%, 51.5% 94%, 50% 94%, 48.5% 94%, 46.9% 93.9%, 45.4% 93.8%, 43.9% 93.6%, 42.4% 93.4%, 40.8% 93.1%, 39.3% 92.9%, 37.8% 92.7%, 36.2% 92.6%, 34.5% 92.5%, 32.8% 92.5%, 31.1% 92.5%, 29.3% 92.5%, 27.4% 92.5%, 25.6% 92.3%, 23.8% 92%, 22.1% 91.3%, 20.6% 90.5%, 19.3% 89.3%, 18.2% 87.9%, 17.3% 86.3%, 16.6% 84.6%, 16% 82.9%, 15.4% 81.1%, 14.9% 79.4%, 14.4% 77.8%, 13.8% 76.3%, 13.2% 74.8%, 12.5% 73.4%, 11.8% 72%, 11.1% 70.7%, 10.4% 69.3%, 9.8% 67.9%, 9.2% 66.5%, 8.7% 65%, 8.2% 63.6%, 7.7% 62.1%, 7.3% 60.6%, 7% 59.1%, 6.7% 57.6%, 6.4% 56.1%, 6.1% 54.6%, 5.9% 53.1%, 5.6% 51.6%, 5.3% 50%, 4.8% 48.4%, 4.3% 46.8%, 3.7% 45.1%, 3.1% 43.4%, 2.6% 41.6%, 2.2% 39.8%, 2% 38%, 2.1% 36.3%, 2.4% 34.5%, 3.1% 32.9%, 4.1% 31.5%, 5.4% 30.1%, 6.7% 28.9%, 8.2% 27.8%, 9.7% 26.7%, 11.1% 25.7%, 12.5% 24.7%, 13.8% 23.7%, 15% 22.7%, 16.1% 21.6%, 17.2% 20.5%, 18.3% 19.4%, 19.4% 18.3%, 20.6% 17.3%, 21.7% 16.3%, 22.9% 15.3%, 24.1% 14.4%, 25.4% 13.5%, 26.7% 12.7%, 28% 11.9%, 29.3% 11.1%, 30.7% 10.4%, 32.1% 9.7%, 33.4% 9%, 34.8% 8.3%, 36.2% 7.4%, 37.5% 6.5%, 38.9% 5.5%, 40.3% 4.5%, 41.8% 3.4%, 43.3% 2.3%, 44.9% 1.4%, 46.5% 0.6%, 48.3% 0.2%);
}

[data-shape="puffy"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.1%, 53.5% 0.3%, 55.2% 0.7%, 56.9% 1.3%, 58.5% 1.9%, 60% 2.8%, 61.5% 3.7%, 63% 4.8%, 64.3% 6%, 65.6% 7.2%, 66.7% 8.6%, 67.8% 10%, 68.8% 11.5%, 69.7% 13%, 70.5% 14.5%, 72.2% 14.4%, 74% 14.5%, 75.7% 14.6%, 77.5% 14.8%, 79.2% 15.1%, 81% 15.6%, 82.7% 16.2%, 84.3% 16.9%, 85.9% 17.7%, 87.4% 18.6%, 88.8% 19.7%, 90.1% 20.9%, 91.3% 22.2%, 92.4% 23.5%, 93.3% 25%, 94.1% 26.5%, 94.8% 28.2%, 95.3% 29.8%, 95.6% 31.6%, 95.9% 33.3%, 95.9% 35.1%, 95.8% 36.9%, 95.6% 38.6%, 95.3% 40.4%, 94.8% 42.1%, 94.2% 43.8%, 93.5% 45.4%, 92.8% 47%, 91.9% 48.5%, 91% 50%, 91.9% 51.5%, 92.8% 53%, 93.5% 54.6%, 94.2% 56.2%, 94.8% 57.9%, 95.3% 59.6%, 95.6% 61.4%, 95.8% 63.1%, 95.9% 64.9%, 95.9% 66.7%, 95.6% 68.4%, 95.3% 70.2%, 94.8% 71.8%, 94.1% 73.5%, 93.3% 75%, 92.4% 76.5%, 91.3% 77.8%, 90.1% 79.1%, 88.8% 80.3%, 87.4% 81.4%, 85.9% 82.3%, 84.3% 83.1%, 82.7% 83.8%, 81% 84.4%, 79.2% 84.9%, 77.5% 85.2%, 75.7% 85.4%, 74% 85.5%, 72.2% 85.6%, 70.5% 85.5%, 69.7% 87%, 68.8% 88.5%, 67.8% 90%, 66.7% 91.4%, 65.6% 92.8%, 64.3% 94%, 63% 95.2%, 61.5% 96.3%, 60% 97.2%, 58.5% 98.1%, 56.9% 98.7%, 55.2% 99.3%, 53.5% 99.7%, 51.7% 99.9%, 50% 100%, 48.3% 99.9%, 46.5% 99.7%, 44.8% 99.3%, 43.1% 98.7%, 41.5% 98.1%, 40% 97.2%, 38.5% 96.3%, 37% 95.2%, 35.7% 94%, 34.4% 92.8%, 33.3% 91.4%, 32.2% 90%, 31.2% 88.5%, 30.3% 87%, 29.5% 85.5%, 27.8% 85.6%, 26% 85.5%, 24.3% 85.4%, 22.5% 85.2%, 20.8% 84.9%, 19% 84.4%, 17.3% 83.8%, 15.7% 83.1%, 14.1% 82.3%, 12.6% 81.4%, 11.2% 80.3%, 9.9% 79.1%, 8.7% 77.8%, 7.6% 76.5%, 6.7% 75%, 5.9% 73.5%, 5.2% 71.8%, 4.7% 70.2%, 4.4% 68.4%, 4.1% 66.7%, 4.1% 64.9%, 4.2% 63.1%, 4.4% 61.4%, 4.7% 59.6%, 5.2% 57.9%, 5.8% 56.2%, 6.5% 54.6%, 7.2% 53%, 8.1% 51.5%, 9% 50%, 8.1% 48.5%, 7.2% 47%, 6.5% 45.4%, 5.8% 43.8%, 5.2% 42.1%, 4.7% 40.4%, 4.4% 38.6%, 4.2% 36.9%, 4.1% 35.1%, 4.1% 33.3%, 4.4% 31.6%, 4.7% 29.8%, 5.2% 28.2%, 5.9% 26.5%, 6.7% 25%, 7.6% 23.5%, 8.7% 22.2%, 9.9% 20.9%, 11.2% 19.7%, 12.6% 18.6%, 14.1% 17.7%, 15.7% 16.9%, 17.3% 16.2%, 19% 15.6%, 20.8% 15.1%, 22.5% 14.8%, 24.3% 14.6%, 26% 14.5%, 27.8% 14.4%, 29.5% 14.5%, 30.3% 13%, 31.2% 11.5%, 32.2% 10%, 33.3% 8.6%, 34.4% 7.2%, 35.7% 6%, 37% 4.8%, 38.5% 3.7%, 40% 2.8%, 41.5% 1.9%, 43.1% 1.3%, 44.8% 0.7%, 46.5% 0.3%, 48.3% 0.1%);
}

[data-shape="softBurst"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.4%, 53.4% 1.5%, 54.9% 3.1%, 56.3% 4.8%, 57.7% 6.5%, 58.9% 7.9%, 60.2% 8.9%, 61.6% 9.6%, 63% 10.1%, 64.4% 10.5%, 65.9% 10.8%, 67.5% 10.7%, 69.3% 10.3%, 71.4% 9.7%, 73.6% 9.1%, 75.8% 8.8%, 77.8% 8.8%, 79.4% 9.5%, 80.6% 10.9%, 81.3% 12.7%, 81.6% 14.9%, 81.7% 17.2%, 81.7% 19.3%, 82% 21.2%, 82.4% 22.8%, 83.1% 24.1%, 84% 25.3%, 84.9% 26.5%, 85.9% 27.6%, 87.2% 28.5%, 89% 29.3%, 91% 30%, 93.1% 30.8%, 95.1% 31.8%, 96.6% 33%, 97.6% 34.5%, 97.7% 36.3%, 97.2% 38.2%, 96.2% 40.2%, 94.9% 42.1%, 93.7% 43.9%, 92.8% 45.5%, 92.2% 47%, 92% 48.5%, 92% 50%, 92% 51.5%, 92.2% 53%, 92.8% 54.5%, 93.7% 56.1%, 94.9% 57.9%, 96.2% 59.8%, 97.2% 61.8%, 97.7% 63.7%, 97.6% 65.5%, 96.6% 67%, 95.1% 68.2%, 93.1% 69.2%, 91% 70%, 89% 70.7%, 87.2% 71.5%, 85.9% 72.4%, 84.9% 73.5%, 84% 74.7%, 83.1% 75.9%, 82.4% 77.2%, 82% 78.8%, 81.7% 80.7%, 81.7% 82.8%, 81.6% 85.1%, 81.3% 87.3%, 80.6% 89.1%, 79.4% 90.5%, 77.8% 91.2%, 75.8% 91.2%, 73.6% 90.9%, 71.4% 90.3%, 69.3% 89.7%, 67.5% 89.3%, 65.9% 89.2%, 64.4% 89.5%, 63% 89.9%, 61.6% 90.4%, 60.2% 91.1%, 58.9% 92.1%, 57.7% 93.5%, 56.3% 95.2%, 54.9% 96.9%, 53.4% 98.5%, 51.7% 99.6%, 50% 100%, 48.3% 99.6%, 46.6% 98.5%, 45.1% 96.9%, 43.7% 95.2%, 42.3% 93.5%, 41.1% 92.1%, 39.8% 91.1%, 38.4% 90.4%, 37% 89.9%, 35.6% 89.5%, 34.1% 89.2%, 32.5% 89.3%, 30.7% 89.7%, 28.6% 90.3%, 26.4% 90.9%, 24.2% 91.2%, 22.2% 91.2%, 20.6% 90.5%, 19.4% 89.1%, 18.7% 87.3%, 18.4% 85.1%, 18.3% 82.8%, 18.3% 80.7%, 18% 78.8%, 17.6% 77.2%, 16.9% 75.9%, 16% 74.7%, 15.1% 73.5%, 14.1% 72.4%, 12.8% 71.5%, 11% 70.7%, 9% 70%, 6.9% 69.2%, 4.9% 68.2%, 3.4% 67%, 2.4% 65.5%, 2.3% 63.7%, 2.8% 61.8%, 3.8% 59.8%, 5.1% 57.9%, 6.3% 56.1%, 7.2% 54.5%, 7.8% 53%, 8% 51.5%, 8% 50%, 8% 48.5%, 7.8% 47%, 7.2% 45.5%, 6.3% 43.9%, 5.1% 42.1%, 3.8% 40.2%, 2.8% 38.2%, 2.3% 36.3%, 2.4% 34.5%, 3.4% 33%, 4.9% 31.8%, 6.9% 30.8%, 9% 30%, 11% 29.3%, 12.8% 28.5%, 14.1% 27.6%, 15.1% 26.5%, 16% 25.3%, 16.9% 24.1%, 17.6% 22.8%, 18% 21.2%, 18.3% 19.3%, 18.3% 17.2%, 18.4% 14.9%, 18.7% 12.7%, 19.4% 10.9%, 20.6% 9.5%, 22.2% 8.8%, 24.2% 8.8%, 26.4% 9.1%, 28.6% 9.7%, 30.7% 10.3%, 32.5% 10.7%, 34.1% 10.8%, 35.6% 10.5%, 37% 10.1%, 38.4% 9.6%, 39.8% 8.9%, 41.1% 7.9%, 42.3% 6.5%, 43.7% 4.8%, 45.1% 3.1%, 46.6% 1.5%, 48.3% 0.4%);
}

[data-shape="softCookie"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.1%, 53.5% 0.2%, 55.2% 0.5%, 56.9% 0.9%, 58.6% 1.4%, 60.2% 1.9%, 61.8% 2.6%, 63.4% 3.3%, 64.9% 4%, 66.4% 4.8%, 67.9% 5.6%, 69.4% 6.5%, 70.8% 7.4%, 72.2% 8.3%, 73.6% 9.2%, 74.9% 10.1%, 76.3% 11%, 77.6% 12%, 78.9% 13%, 80.2% 14%, 81.5% 15%, 82.8% 16%, 84.1% 17.1%, 85.4% 18.1%, 86.6% 19.3%, 87.9% 20.4%, 89.1% 21.6%, 90.3% 22.8%, 91.5% 24.1%, 92.6% 25.4%, 93.6% 26.8%, 94.6% 28.3%, 95.5% 29.8%, 96.3% 31.3%, 97% 32.9%, 97.6% 34.5%, 98% 36.2%, 98.4% 37.9%, 98.7% 39.7%, 98.8% 41.4%, 98.9% 43.1%, 98.9% 44.9%, 98.8% 46.6%, 98.6% 48.3%, 98.4% 50%, 98.1% 51.7%, 97.7% 53.3%, 97.3% 55%, 97% 56.6%, 96.5% 58.2%, 96.1% 59.8%, 95.7% 61.4%, 95.2% 63%, 94.7% 64.5%, 94.2% 66.1%, 93.6% 67.6%, 93.1% 69.2%, 92.5% 70.7%, 91.9% 72.3%, 91.2% 73.8%, 90.6% 75.3%, 89.9% 76.9%, 89.1% 78.4%, 88.3% 79.9%, 87.5% 81.4%, 86.5% 82.9%, 85.5% 84.3%, 84.5% 85.7%, 83.3% 87%, 82.1% 88.2%, 80.8% 89.4%, 79.4% 90.5%, 77.9% 91.4%, 76.4% 92.3%, 74.9% 93.1%, 73.3% 93.8%, 71.7% 94.4%, 70% 94.9%, 68.3% 95.3%, 66.6% 95.7%, 64.9% 96%, 63.3% 96.2%, 61.6% 96.4%, 59.9% 96.6%, 58.2% 96.7%, 56.6% 96.8%, 54.9% 96.9%, 53.3% 96.9%, 51.6% 97%, 50% 97%, 48.4% 97%, 46.7% 96.9%, 45.1% 96.9%, 43.4% 96.8%, 41.8% 96.7%, 40.1% 96.6%, 38.4% 96.4%, 36.7% 96.2%, 35.1% 96%, 33.4% 95.7%, 31.7% 95.3%, 30% 94.9%, 28.3% 94.4%, 26.7% 93.8%, 25.1% 93.1%, 23.6% 92.3%, 22.1% 91.4%, 20.6% 90.5%, 19.2% 89.4%, 17.9% 88.2%, 16.7% 87%, 15.5% 85.7%, 14.5% 84.3%, 13.5% 82.9%, 12.5% 81.4%, 11.7% 79.9%, 10.9% 78.4%, 10.1% 76.9%, 9.4% 75.3%, 8.8% 73.8%, 8.1% 72.3%, 7.5% 70.7%, 6.9% 69.2%, 6.4% 67.6%, 5.8% 66.1%, 5.3% 64.5%, 4.8% 63%, 4.3% 61.4%, 3.9% 59.8%, 3.5% 58.2%, 3% 56.6%, 2.7% 55%, 2.3% 53.3%, 1.9% 51.7%, 1.6% 50%, 1.4% 48.3%, 1.2% 46.6%, 1.1% 44.9%, 1.1% 43.1%, 1.2% 41.4%, 1.3% 39.7%, 1.6% 37.9%, 2% 36.2%, 2.4% 34.5%, 3% 32.9%, 3.7% 31.3%, 4.5% 29.8%, 5.4% 28.3%, 6.4% 26.8%, 7.4% 25.4%, 8.5% 24.1%, 9.7% 22.8%, 10.9% 21.6%, 12.1% 20.4%, 13.4% 19.3%, 14.6% 18.1%, 15.9% 17.1%, 17.2% 16%, 18.5% 15%, 19.8% 14%, 21.1% 13%, 22.4% 12%, 23.7% 11%, 25.1% 10.1%, 26.4% 9.2%, 27.8% 8.3%, 29.2% 7.4%, 30.6% 6.5%, 32.1% 5.6%, 33.6% 4.8%, 35.1% 4%, 36.6% 3.3%, 38.2% 2.6%, 39.8% 1.9%, 41.4% 1.4%, 43.1% 0.9%, 44.8% 0.5%, 46.5% 0.2%, 48.3% 0.1%);
}

[data-shape="squircle"]::before {
  clip-path: polygon(50% 0%, 51.7% 0%, 53.5% 0%, 55.3% 0%, 57% 0%, 58.8% 0%, 60.6% 0%, 62.5% 0%, 64.3% 0.1%, 66.2% 0.1%, 68.1% 0.2%, 70.1% 0.3%, 72% 0.5%, 74.1% 0.7%, 76.1% 1%, 78.1% 1.3%, 80.2% 1.7%, 82.2% 2.3%, 84.2% 3%, 86.1% 3.8%, 87.9% 4.8%, 89.7% 5.9%, 91.3% 7.2%, 92.8% 8.7%, 94.1% 10.3%, 95.2% 12.1%, 96.2% 13.9%, 97% 15.8%, 97.7% 17.8%, 98.3% 19.8%, 98.7% 21.9%, 99% 23.9%, 99.3% 25.9%, 99.5% 28%, 99.7% 29.9%, 99.8% 31.9%, 99.9% 33.8%, 99.9% 35.7%, 100% 37.5%, 100% 39.4%, 100% 41.2%, 100% 43%, 100% 44.7%, 100% 46.5%, 100% 48.3%, 100% 50%, 100% 51.7%, 100% 53.5%, 100% 55.3%, 100% 57%, 100% 58.8%, 100% 60.6%, 100% 62.5%, 99.9% 64.3%, 99.9% 66.2%, 99.8% 68.1%, 99.7% 70.1%, 99.5% 72%, 99.3% 74.1%, 99% 76.1%, 98.7% 78.1%, 98.3% 80.2%, 97.7% 82.2%, 97% 84.2%, 96.2% 86.1%, 95.2% 87.9%, 94.1% 89.7%, 92.8% 91.3%, 91.3% 92.8%, 89.7% 94.1%, 87.9% 95.2%, 86.1% 96.2%, 84.2% 97%, 82.2% 97.7%, 80.2% 98.3%, 78.1% 98.7%, 76.1% 99%, 74.1% 99.3%, 72% 99.5%, 70.1% 99.7%, 68.1% 99.8%, 66.2% 99.9%, 64.3% 99.9%, 62.5% 100%, 60.6% 100%, 58.8% 100%, 57% 100%, 55.3% 100%, 53.5% 100%, 51.7% 100%, 50% 100%, 48.3% 100%, 46.5% 100%, 44.7% 100%, 43% 100%, 41.2% 100%, 39.4% 100%, 37.5% 100%, 35.7% 99.9%, 33.8% 99.9%, 31.9% 99.8%, 29.9% 99.7%, 28% 99.5%, 25.9% 99.3%, 23.9% 99%, 21.9% 98.7%, 19.8% 98.3%, 17.8% 97.7%, 15.8% 97%, 13.9% 96.2%, 12.1% 95.2%, 10.3% 94.1%, 8.7% 92.8%, 7.2% 91.3%, 5.9% 89.7%, 4.8% 87.9%, 3.8% 86.1%, 3% 84.2%, 2.3% 82.2%, 1.7% 80.2%, 1.3% 78.1%, 1% 76.1%, 0.7% 74.1%, 0.5% 72%, 0.3% 70.1%, 0.2% 68.1%, 0.1% 66.2%, 0.1% 64.3%, 0% 62.5%, 0% 60.6%, 0% 58.8%, 0% 57%, 0% 55.3%, 0% 53.5%, 0% 51.7%, 0% 50%, 0% 48.3%, 0% 46.5%, 0% 44.7%, 0% 43%, 0% 41.2%, 0% 39.4%, 0% 37.5%, 0.1% 35.7%, 0.1% 33.8%, 0.2% 31.9%, 0.3% 29.9%, 0.5% 28%, 0.7% 25.9%, 1% 23.9%, 1.3% 21.9%, 1.7% 19.8%, 2.3% 17.8%, 3% 15.8%, 3.8% 13.9%, 4.8% 12.1%, 5.9% 10.3%, 7.2% 8.7%, 8.7% 7.2%, 10.3% 5.9%, 12.1% 4.8%, 13.9% 3.8%, 15.8% 3%, 17.8% 2.3%, 19.8% 1.7%, 21.9% 1.3%, 23.9% 1%, 25.9% 0.7%, 28% 0.5%, 29.9% 0.3%, 31.9% 0.2%, 33.8% 0.1%, 35.7% 0.1%, 37.5% 0%, 39.4% 0%, 41.2% 0%, 43% 0%, 44.7% 0%, 46.5% 0%, 48.3% 0%);
}

[data-shape="sunny"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.3%, 53.4% 1.2%, 55% 2.6%, 56.5% 4.1%, 57.8% 5.5%, 59.2% 6.8%, 60.5% 7.8%, 61.9% 8.5%, 63.3% 9.1%, 64.7% 9.6%, 66.1% 10.1%, 67.5% 10.7%, 68.9% 11.3%, 70.2% 12%, 71.7% 12.5%, 73.2% 12.8%, 75% 13%, 76.9% 13%, 79% 12.9%, 81.1% 13%, 83% 13.3%, 84.7% 14.1%, 85.9% 15.3%, 86.7% 17%, 87% 18.9%, 87.1% 21%, 87% 23.1%, 87% 25%, 87.2% 26.8%, 87.5% 28.3%, 88% 29.8%, 88.7% 31.1%, 89.3% 32.5%, 89.9% 33.9%, 90.4% 35.3%, 90.9% 36.7%, 91.5% 38.1%, 92.2% 39.5%, 93.2% 40.8%, 94.5% 42.2%, 95.9% 43.5%, 97.4% 45%, 98.8% 46.6%, 99.7% 48.3%, 100% 50%, 99.7% 51.7%, 98.8% 53.4%, 97.4% 55%, 95.9% 56.5%, 94.5% 57.8%, 93.2% 59.2%, 92.2% 60.5%, 91.5% 61.9%, 90.9% 63.3%, 90.4% 64.7%, 89.9% 66.1%, 89.3% 67.5%, 88.7% 68.9%, 88% 70.2%, 87.5% 71.7%, 87.2% 73.2%, 87% 75%, 87% 76.9%, 87.1% 79%, 87% 81.1%, 86.7% 83%, 85.9% 84.7%, 84.7% 85.9%, 83% 86.7%, 81.1% 87%, 79% 87.1%, 76.9% 87%, 75% 87%, 73.2% 87.2%, 71.7% 87.5%, 70.2% 88%, 68.9% 88.7%, 67.5% 89.3%, 66.1% 89.9%, 64.7% 90.4%, 63.3% 90.9%, 61.9% 91.5%, 60.5% 92.2%, 59.2% 93.2%, 57.8% 94.5%, 56.5% 95.9%, 55% 97.4%, 53.4% 98.8%, 51.7% 99.7%, 50% 100%, 48.3% 99.7%, 46.6% 98.8%, 45% 97.4%, 43.5% 95.9%, 42.2% 94.5%, 40.8% 93.2%, 39.5% 92.2%, 38.1% 91.5%, 36.7% 90.9%, 35.3% 90.4%, 33.9% 89.9%, 32.5% 89.3%, 31.1% 88.7%, 29.8% 88%, 28.3% 87.5%, 26.8% 87.2%, 25% 87%, 23.1% 87%, 21% 87.1%, 18.9% 87%, 17% 86.7%, 15.3% 85.9%, 14.1% 84.7%, 13.3% 83%, 13% 81.1%, 12.9% 79%, 13% 76.9%, 13% 75%, 12.8% 73.2%, 12.5% 71.7%, 12% 70.2%, 11.3% 68.9%, 10.7% 67.5%, 10.1% 66.1%, 9.6% 64.7%, 9.1% 63.3%, 8.5% 61.9%, 7.8% 60.5%, 6.8% 59.2%, 5.5% 57.8%, 4.1% 56.5%, 2.6% 55%, 1.2% 53.4%, 0.3% 51.7%, 0% 50%, 0.3% 48.3%, 1.2% 46.6%, 2.6% 45%, 4.1% 43.5%, 5.5% 42.2%, 6.8% 40.8%, 7.8% 39.5%, 8.5% 38.1%, 9.1% 36.7%, 9.6% 35.3%, 10.1% 33.9%, 10.7% 32.5%, 11.3% 31.1%, 12% 29.8%, 12.5% 28.3%, 12.8% 26.8%, 13% 25%, 13% 23.1%, 12.9% 21%, 13% 18.9%, 13.3% 17%, 14.1% 15.3%, 15.3% 14.1%, 17% 13.3%, 18.9% 13%, 21% 12.9%, 23.1% 13%, 25% 13%, 26.8% 12.8%, 28.3% 12.5%, 29.8% 12%, 31.1% 11.3%, 32.5% 10.7%, 33.9% 10.1%, 35.3% 9.6%, 36.7% 9.1%, 38.1% 8.5%, 39.5% 7.8%, 40.8% 6.8%, 42.2% 5.5%, 43.5% 4.1%, 45% 2.6%, 46.6% 1.2%, 48.3% 0.3%);
}

[data-shape="verySunny"]::before {
  clip-path: polygon(50% 0%, 51.7% 0.7%, 53.3% 2.5%, 54.7% 5.1%, 55.9% 7.9%, 57% 10.4%, 58% 12.2%, 59.1% 13.5%, 60.2% 14.3%, 61.4% 14.8%, 62.7% 15.2%, 63.9% 15.7%, 65% 16.2%, 66.2% 16.7%, 67.4% 17.3%, 68.7% 17.7%, 70.2% 17.7%, 72% 17.4%, 74.3% 16.6%, 77% 15.5%, 79.8% 14.4%, 82.5% 13.9%, 84.6% 14.2%, 85.8% 15.4%, 86.1% 17.5%, 85.6% 20.2%, 84.5% 23%, 83.4% 25.7%, 82.6% 28%, 82.3% 29.8%, 82.3% 31.3%, 82.7% 32.6%, 83.3% 33.8%, 83.8% 35%, 84.3% 36.1%, 84.8% 37.3%, 85.2% 38.6%, 85.7% 39.8%, 86.5% 40.9%, 87.8% 42%, 89.6% 43%, 92.1% 44.1%, 94.9% 45.3%, 97.5% 46.7%, 99.3% 48.3%, 100% 50%, 99.3% 51.7%, 97.5% 53.3%, 94.9% 54.7%, 92.1% 55.9%, 89.6% 57%, 87.8% 58%, 86.5% 59.1%, 85.7% 60.2%, 85.2% 61.4%, 84.8% 62.7%, 84.3% 63.9%, 83.8% 65%, 83.3% 66.2%, 82.7% 67.4%, 82.3% 68.7%, 82.3% 70.2%, 82.6% 72%, 83.4% 74.3%, 84.5% 77%, 85.6% 79.8%, 86.1% 82.5%, 85.8% 84.6%, 84.6% 85.8%, 82.5% 86.1%, 79.8% 85.6%, 77% 84.5%, 74.3% 83.4%, 72% 82.6%, 70.2% 82.3%, 68.7% 82.3%, 67.4% 82.7%, 66.2% 83.3%, 65% 83.8%, 63.9% 84.3%, 62.7% 84.8%, 61.4% 85.2%, 60.2% 85.7%, 59.1% 86.5%, 58% 87.8%, 57% 89.6%, 55.9% 92.1%, 54.7% 94.9%, 53.3% 97.5%, 51.7% 99.3%, 50% 100%, 48.3% 99.3%, 46.7% 97.5%, 45.3% 94.9%, 44.1% 92.1%, 43% 89.6%, 42% 87.8%, 40.9% 86.5%, 39.8% 85.7%, 38.6% 85.2%, 37.3% 84.8%, 36.1% 84.3%, 35% 83.8%, 33.8% 83.3%, 32.6% 82.7%, 31.3% 82.3%, 29.8% 82.3%, 28% 82.6%, 25.7% 83.4%, 23% 84.5%, 20.2% 85.6%, 17.5% 86.1%, 15.4% 85.8%, 14.2% 84.6%, 13.9% 82.5%, 14.4% 79.8%, 15.5% 77%, 16.6% 74.3%, 17.4% 72%, 17.7% 70.2%, 17.7% 68.7%, 17.3% 67.4%, 16.7% 66.2%, 16.2% 65%, 15.7% 63.9%, 15.2% 62.7%, 14.8% 61.4%, 14.3% 60.2%, 13.5% 59.1%, 12.2% 58%, 10.4% 57%, 7.9% 55.9%, 5.1% 54.7%, 2.5% 53.3%, 0.7% 51.7%, 0% 50%, 0.7% 48.3%, 2.5% 46.7%, 5.1% 45.3%, 7.9% 44.1%, 10.4% 43%, 12.2% 42%, 13.5% 40.9%, 14.3% 39.8%, 14.8% 38.6%, 15.2% 37.3%, 15.7% 36.1%, 16.2% 35%, 16.7% 33.8%, 17.3% 32.6%, 17.7% 31.3%, 17.7% 29.8%, 17.4% 28%, 16.6% 25.7%, 15.5% 23%, 14.4% 20.2%, 13.9% 17.5%, 14.2% 15.4%, 15.4% 14.2%, 17.5% 13.9%, 20.2% 14.4%, 23% 15.5%, 25.7% 16.6%, 28% 17.4%, 29.8% 17.7%, 31.3% 17.7%, 32.6% 17.3%, 33.8% 16.7%, 35% 16.2%, 36.1% 15.7%, 37.3% 15.2%, 38.6% 14.8%, 39.8% 14.3%, 40.9% 13.5%, 42% 12.2%, 43% 10.4%, 44.1% 7.9%, 45.3% 5.1%, 46.7% 2.5%, 48.3% 0.7%);
}

.shape-icon {
  --size: 48px;
  position: relative;
  display: inline-grid;
  place-items: center;
  width: var(--size);
  height: var(--size);
  flex: none;
  color: var(--md-primary-container);
}

.shape-icon::before {
  position: absolute;
  inset: 0;
  transition: transform 700ms var(--ease-slow-spatial);
}

.shape-icon > .ms {
  position: relative;
  color: var(--md-on-primary-container);
  font-size: calc(var(--size) * 0.46);
}

.shape-icon.secondary {
  color: var(--md-secondary-container);
}

.shape-icon.secondary > .ms {
  color: var(--md-on-secondary-container);
}

.shape-icon.tertiary {
  color: var(--md-tertiary-container);
}

.shape-icon.tertiary > .ms {
  color: var(--md-on-tertiary-container);
}

.ripple-host {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}

.ripple-host::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: transparent;
  transition: background-color 200ms var(--ease-effects);
  pointer-events: none;
  z-index: -1;
}

.ripple-host:hover::before {
  background-color: color-mix(in srgb, currentColor 8%, transparent);
}

.ripple-host:focus-visible::before {
  background-color: color-mix(in srgb, currentColor 10%, transparent);
}

@property --ripple-radius {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}

@property --ripple-strength {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 12%;
}

.ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(
    circle at var(--ripple-x) var(--ripple-y),
    color-mix(in srgb, currentColor var(--ripple-strength), transparent) var(--ripple-radius),
    transparent calc(var(--ripple-radius) + 1px)
  );
}

.btn {
  --h: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: var(--h);
  padding: 0 22px;
  border: 0;
  border-radius: var(--round-full);
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  will-change: transform;
  transition: transform 420ms var(--ease-fast-spatial), background-color 200ms var(--ease-effects),
    color 200ms var(--ease-effects), box-shadow 200ms var(--ease-effects);
}

.btn:active {
  transform: scale(0.94);
  transition-duration: 120ms;
  transition-timing-function: var(--ease-standard);
}

.btn .ms {
  font-size: 20px;
  margin-left: -4px;
}

.btn.lg {
  --h: 56px;
  padding: 0 30px;
  font-size: 17px;
}

.btn.lg .ms {
  font-size: 24px;
}

.btn.filled {
  background: var(--md-primary);
  color: var(--md-on-primary);
}

.btn.filled:hover {
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.18), 0 2px 8px rgb(0 0 0 / 0.1);
}

.btn.tonal {
  background: var(--md-secondary-container);
  color: var(--md-on-secondary-container);
}

.btn.outlined {
  background: transparent;
  color: var(--md-on-surface-variant);
  box-shadow: inset 0 0 0 1px var(--md-outline-variant);
}

.btn.text {
  background: transparent;
  color: var(--md-primary);
  padding: 0 14px;
}

.btn.text .ms {
  margin-left: -2px;
}

.btn.wavy {
  background: transparent;
  overflow: visible;
  isolation: isolate;
}

.btn.wavy > .wavy-edge {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: -2;
  pointer-events: none;
}

.btn.wavy > .wavy-edge path {
  fill: var(--md-primary);
}

.btn.wavy::before {
  inset: 4px;
}

.btn.wavy > .ripple-clip {
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

.icon-btn {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: var(--round-full);
  background: transparent;
  color: var(--md-on-surface-variant);
  cursor: pointer;
  text-decoration: none;
  will-change: transform;
  transition: transform 420ms var(--ease-fast-spatial);
}

.icon-btn:active {
  transform: scale(0.9);
  transition-duration: 120ms;
}

.icon-btn.tonal {
  background: var(--md-surface-container-high);
}

.top-bar {
  position: sticky;
  top: 0;
  z-index: 20;
  background: color-mix(in srgb, var(--md-surface) 82%, transparent);
  backdrop-filter: blur(18px) saturate(1.4);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  transition: background-color 300ms var(--ease-effects), box-shadow 300ms var(--ease-effects);
}

.top-bar.scrolled {
  background: color-mix(in srgb, var(--md-surface-container) 88%, transparent);
  box-shadow: 0 1px 0 var(--md-outline-variant);
}

.top-bar .wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 64px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--md-on-surface);
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  margin-right: auto;
  letter-spacing: -0.01em;
}

.brand img {
  width: 34px;
  height: 34px;
  border-radius: 9px;
}

.top-nav {
  display: flex;
  gap: 2px;
}

.top-nav a {
  color: var(--md-on-surface-variant);
  font-weight: 600;
  font-size: 14px;
  padding: 0 14px;
}

@media (max-width: 720px) {
  .top-nav {
    display: none;
  }
}

.backdrop {
  position: absolute;
  inset: 0 0 auto 0;
  height: 1100px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: var(--blob-opacity);
  animation: drift 26s var(--ease-effects) infinite alternate;
}

.blob.a {
  width: 620px;
  height: 520px;
  background: var(--md-primary-container);
  top: -120px;
  left: -120px;
}

.blob.b {
  width: 520px;
  height: 480px;
  background: var(--md-tertiary-container);
  top: 80px;
  right: -160px;
  animation-duration: 32s;
  animation-delay: -8s;
}

.blob.c {
  width: 480px;
  height: 420px;
  background: var(--md-secondary);
  top: 520px;
  left: 30%;
  opacity: calc(var(--blob-opacity) * 0.6);
  animation-duration: 38s;
}

@keyframes drift {
  to {
    transform: translate(60px, 50px) scale(1.12);
  }
}

.sticker {
  position: absolute;
  color: var(--md-primary-container);
  opacity: 0.5;
  animation: turn 60s linear infinite;
}

.sticker.t {
  color: var(--md-tertiary-container);
}

.sticker.s {
  color: var(--md-secondary-container);
  opacity: 0.9;
}

@keyframes turn {
  to {
    transform: rotate(360deg);
  }
}

.hero {
  position: relative;
  padding: clamp(40px, 8vw, 88px) 0 24px;
  text-align: center;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 14px 0 8px;
  border-radius: var(--round-very-small);
  background: var(--md-surface-container-low);
  box-shadow: inset 0 0 0 1px var(--md-outline-variant);
  color: var(--md-on-surface-variant);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.chip .ms {
  font-size: 18px;
  color: var(--md-primary);
}

.hero h1 {
  margin: 22px auto 0;
  max-width: 14ch;
  font-size: clamp(42px, 7.4vw, 84px);
  line-height: 1.02;
  font-weight: 750;
  letter-spacing: -0.035em;
}

.hero h1 em {
  font-style: normal;
  color: var(--md-primary);
}

.hero .lede {
  margin: 22px auto 0;
  max-width: 620px;
  font-size: clamp(17px, 2vw, 20px);
  color: var(--md-on-surface-variant);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 34px;
}

.hero-meta {
  margin-top: 14px;
  font-size: 14px;
  color: var(--md-on-surface-variant);
}

.hero-shot {
  position: relative;
  margin: clamp(36px, 6vw, 64px) auto 0;
  max-width: 1100px;
}

.hero-shot img {
  position: relative;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 24px 48px rgb(0 0 0 / 0.22));
}

.hero-shot .sticker {
  z-index: -1;
}

section {
  position: relative;
  padding: clamp(56px, 9vw, 104px) 0 0;
}

.section-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}

.section-header:hover .shape-icon::before {
  transform: rotate(72deg);
}

.section-header h2 {
  margin: 0;
  font-size: clamp(28px, 3.6vw, 36px);
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.02em;
  min-width: 0;
  text-wrap: balance;
}

.squiggle {
  flex: 1;
  min-width: 24px;
  height: 8px;
  color: var(--md-outline-variant);
    background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 4 Q4 0.5 8 4 T16 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")
      repeat-x 0 0 / 16px 8px,
    linear-gradient(90deg, #000 60%, transparent);
  -webkit-mask-composite: source-in;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 4 Q4 0.5 8 4 T16 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")
      repeat-x 0 0 / 16px 8px,
    linear-gradient(90deg, #000 60%, transparent);
  mask-composite: intersect;
}

.section-lede {
  margin: -12px 0 28px;
  max-width: 640px;
  color: var(--md-on-surface-variant);
  font-size: 17px;
}

.features {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
  gap: 12px;
}

.feature {
  padding: 24px;
  border-radius: var(--round-large);
  background: var(--md-surface-container-low);
  color: var(--md-on-surface);
  transition: border-radius 500ms var(--ease-default-spatial), background-color 250ms var(--ease-effects);
}

.feature:hover {
  border-radius: var(--round-very-large);
  background: var(--md-surface-container);
}

.feature:hover .shape-icon::before {
  transform: rotate(60deg) scale(1.06);
}

.feature h3 {
  margin: 18px 0 6px;
  font-size: 19px;
  line-height: 1.25;
  font-weight: 650;
}

.feature p {
  margin: 0;
  color: var(--md-on-surface-variant);
  font-size: 15px;
}

.segmented {
  position: relative;
  display: inline-flex;
  padding: 4px;
  border-radius: var(--round-full);
  background: var(--md-surface-container-high);
  margin-bottom: 24px;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}

.segmented .indicator {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 0;
  border-radius: var(--round-full);
  background: var(--md-secondary-container);
  transition: transform 520ms var(--ease-default-spatial), width 520ms var(--ease-default-spatial);
}

.segment {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: var(--round-full);
  background: none;
  color: var(--md-on-surface-variant);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: color 250ms var(--ease-effects);
}

.segment .ms {
  font-size: 18px;
}

.segment[aria-selected="true"] {
  color: var(--md-on-secondary-container);
}

.segment[aria-selected="true"] .ms {
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.viewer {
  border-radius: var(--round-very-large);
  background: var(--md-surface-container-low);
  padding: clamp(8px, 2vw, 20px);
}

.viewer-stage {
  position: relative;
  aspect-ratio: 2784 / 1784;
  cursor: zoom-in;
  border: 0;
  padding: 0;
  background: none;
  width: 100%;
  display: block;
  border-radius: var(--round-large);
}

.viewer-stage img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transform: scale(0.97);
  transition: opacity 400ms var(--ease-effects), transform 600ms var(--ease-default-spatial);
}

.viewer-stage img.on {
  opacity: 1;
  transform: none;
}

.viewer-caption {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 8px clamp(8px, 2vw, 16px) 8px;
}

.viewer-caption h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
}

.viewer-caption p {
  margin: 2px 0 0;
  color: var(--md-on-surface-variant);
  font-size: 15px;
}

dialog.lightbox {
  border: 0;
  padding: 0;
  max-width: min(96vw, 1600px);
  max-height: 94vh;
  background: transparent;
  overflow: visible;
}

dialog.lightbox::backdrop {
  background: var(--md-scrim);
  backdrop-filter: blur(6px);
}

dialog.lightbox[open] {
  animation: pop 450ms var(--ease-default-spatial);
}

dialog.lightbox img {
  max-height: 90vh;
  width: auto;
  margin: 0 auto;
}

dialog.lightbox .icon-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--md-surface-container-high);
  color: var(--md-on-surface);
}

@keyframes pop {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
}

.platforms {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr));
  gap: 12px;
}

.platform {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
  border-radius: var(--round-large);
  background: var(--md-surface-container-low);
  transition: border-radius 500ms var(--ease-default-spatial), background-color 250ms var(--ease-effects);
}

.platform.recommended {
  background: var(--md-surface-container-high);
  box-shadow: inset 0 0 0 2px var(--md-primary-container);
}

.platform-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

.platform h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.platform .spec {
  margin: 2px 0 0;
  font-size: 14px;
  color: var(--md-on-surface-variant);
}

.badge {
  position: absolute;
  top: 18px;
  right: 18px;
  display: none;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 10px;
  border-radius: var(--round-full);
  background: var(--md-primary);
  color: var(--md-on-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.badge .ms {
  font-size: 15px;
}

.platform.recommended .badge {
  display: inline-flex;
}

.platform .btn {
  align-self: flex-start;
}

.platform ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
  font-size: 14px;
  color: var(--md-on-surface-variant);
}

.platform li {
  display: flex;
  gap: 10px;
}

.platform li .ms {
  font-size: 18px;
  margin-top: 2px;
  color: var(--md-primary);
}

.release-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin-top: 16px;
  padding: 10px 10px 10px 20px;
  border-radius: var(--round-full);
  background: var(--md-surface-container);
  font-size: 14px;
  color: var(--md-on-surface-variant);
}

.release-bar .grow {
  margin-right: auto;
}

@media (max-width: 640px) {
  .release-bar {
    border-radius: var(--round-large);
    padding: 14px 10px 10px 16px;
  }
}

.needs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 12px;
}

.need {
  display: flex;
  gap: 18px;
  padding: 24px;
  border-radius: var(--round-large);
  background: var(--md-surface-container-low);
}

.need h3 {
  margin: 4px 0 6px;
  font-size: 18px;
  font-weight: 650;
}

.need p {
  margin: 0;
  color: var(--md-on-surface-variant);
  font-size: 15px;
}

footer {
  margin-top: clamp(64px, 10vw, 120px);
  padding: 32px 0 40px;
  background: var(--md-surface-container-low);
  border-radius: var(--round-very-large) var(--round-very-large) 0 0;
  font-size: 14px;
  color: var(--md-on-surface-variant);
}

footer .wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}

footer .brand {
  font-size: 17px;
  margin-right: 0;
}

footer .brand img {
  width: 28px;
  height: 28px;
  border-radius: 7px;
}

footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  margin-right: auto;
}

footer nav a {
  color: var(--md-on-surface-variant);
  font-weight: 600;
  text-decoration: none;
}

footer nav a:hover {
  color: var(--md-primary);
}

footer .fine {
  flex-basis: 100%;
  margin: 8px 0 0;
}

.js .reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 600ms var(--ease-effects), transform 800ms var(--ease-emphasized-decel);
  transition-delay: calc(var(--i, 0) * 60ms);
}

.js .reveal.in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 1ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }

  .js .reveal {
    opacity: 1;
    transform: none;
  }
}

.faq {
  display: flex;
  flex-direction: column;
  gap: 3px;
  interpolate-size: allow-keywords;
}

@property --corner-top {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}

@property --corner-bottom {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}

.faq-item {
  --corner-top: var(--round-very-small);
  --corner-bottom: var(--round-very-small);
  border-radius: var(--corner-top) var(--corner-top) var(--corner-bottom) var(--corner-bottom);
  background: var(--md-surface-container-low);
  transition: --corner-top 500ms var(--ease-default-spatial), --corner-bottom 500ms var(--ease-default-spatial),
    background-color 250ms var(--ease-effects), margin 500ms var(--ease-default-spatial);
}

.faq-item:first-child {
  --corner-top: var(--round-large);
}

.faq-item:last-child {
  --corner-bottom: var(--round-large);
}

.faq-item[open] {
  --corner-top: var(--round-large);
  --corner-bottom: var(--round-large);
  background: var(--md-surface-container);
  margin: 8px 0;
}

.faq-item[open]:first-child {
  margin-top: 0;
}

.faq-item[open]:last-child {
  margin-bottom: 0;
}

.faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 14px 18px 14px 24px;
  border-radius: var(--corner-top) var(--corner-top) var(--corner-bottom) var(--corner-bottom);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--md-on-surface);
  cursor: pointer;
  list-style: none;
}

.faq-item[open] summary {
  border-radius: var(--corner-top) var(--corner-top) 0 0;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item summary > .ms {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--round-full);
  background: var(--md-surface-container-highest);
  color: var(--md-on-surface-variant);
  transition: transform 500ms var(--ease-fast-spatial), background-color 250ms var(--ease-effects),
    color 250ms var(--ease-effects);
}

.faq-item[open] summary > .ms {
  transform: rotate(180deg);
  background: var(--md-primary);
  color: var(--md-on-primary);
}

.faq-item::details-content {
  block-size: 0;
  overflow: hidden;
  opacity: 0;
  transition: block-size 450ms var(--ease-emphasized-decel), opacity 300ms var(--ease-effects),
    content-visibility 450ms allow-discrete;
}

.faq-item[open]::details-content {
  block-size: auto;
  opacity: 1;
}

.faq-item .answer {
  padding: 0 24px 22px;
  color: var(--md-on-surface-variant);
  font-size: 15px;
}

.faq-item .answer p {
  margin: 0;
  max-width: 760px;
}

.faq-item .source {
  display: inline-flex;
  align-items: center;
  height: 28px;
  margin-top: 12px;
  padding: 0 12px;
  border-radius: var(--round-very-small);
  box-shadow: inset 0 0 0 1px var(--md-outline-variant);
  color: var(--md-on-surface-variant);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.faq-item .source:hover {
  color: var(--md-primary);
  box-shadow: inset 0 0 0 1px var(--md-primary);
}