@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(/assets/OpenSans-VariableFont.ttf) format("truetype"), url(/assets/OpenSans-Italic-VariableFont.ttf) format("truetype")
}

@font-face {
  font-family: Big Shoulders;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/BigShoulders-VariableFont.ttf) format("truetype")
}

@layer presets {
  :root {
    display: grid;
    min-height: 100%;
    font-family: Arial, Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    /* white-space: pre-wrap;
    white-space-collapse: preserve */
  }

  a.w-element {
    box-sizing: border-box
  }

  body.w-element {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0
  }

  div.w-element,
  h1.w-element,
  h2.w-element,
  h3.w-element,
  h4.w-element,
  p.w-element,
  span.w-element {
    box-sizing: border-box
  }

  body.w-body {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0
  }

  div.w-box {
    box-sizing: border-box
  }

  header.w-box {
    box-sizing: border-box
  }

  main.w-box {
    box-sizing: border-box
  }

  nav.w-box {
    box-sizing: border-box
  }

  section.w-box {
    box-sizing: border-box
  }

  h1.w-heading,
  h2.w-heading,
  h3.w-heading,
  p.w-paragraph {
    box-sizing: border-box
  }

  a.w-link {
    box-sizing: border-box;
    display: inline-block
  }

  b.w-bold-text {
    font-weight: 700;
    box-sizing: border-box
  }

  a.w-rich-text-link {
    box-sizing: border-box;
    display: inline-block
  }

  div.w-text {
    box-sizing: border-box;
    min-height: 1em
  }

  div.w-html-embed {
    display: contents;
    white-space: normal;
    white-space-collapse: collapse
  }

  code.w-code-text {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 1em;
    box-sizing: border-box;
    display: block;
    padding-left: .2em;
    padding-right: .2em;
    background-color: #eee;
    white-space: pre-wrap;
    white-space-collapse: preserve
  }

  ol.w-list {
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
  }

  li.w-list-item,
  span.w-text-1 {
    box-sizing: border-box
  }

  blockquote.w-blockquote {
    margin: 0 0 10px;
    padding: 10px 20px;
    border-left: 5px solid rgb(226 226 226 / 1)
  }

  hr.w-separator {
    height: 1px;
    color: inherit;
    box-sizing: border-box;
    background-color: gray;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none
  }

  img.w-image {
    box-sizing: border-box;
    max-width: 100%;
    display: block;
    height: auto
  }
}

@media all {
  :root {
    --font-lineheight-00: .95;
    --font-lineheight-0: 1.1;
    --font-lineheight-1: 1.25;
    --font-lineheight-2: 1.375;
    --font-lineheight-3: 1.5;
    --font-lineheight-4: 1.75;
    --font-lineheight-5: 2;
    --font-letterspacing-0: -.05em;
    --font-letterspacing-1: .025em;
    --font-letterspacing-2: .05em;
    --font-letterspacing-3: .075em;
    --font-letterspacing-4: .15em;
    --font-letterspacing-5: .5em;
    --font-letterspacing-6: .75em;
    --font-letterspacing-7: 1em;
    --font-size-00: .5rem;
    --font-size-0: .75rem;
    --font-size-1: 1rem;
    --font-size-2: 1.1rem;
    --font-size-3: 1.25rem;
    --font-size-4: 1.5rem;
    --font-size-5: 2rem;
    --font-size-6: 2.5rem;
    --font-size-7: 3rem;
    --font-size-8: 3.5rem;
    --font-size-fluid-0: clamp(.75rem, 2vw, 1rem);
    --font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);
    --font-size-fluid-2: clamp(1.5rem, 6vw, 2.5rem);
    --font-size-fluid-3: clamp(2rem, 9vw, 3.5rem);
    --size-000: -.5rem;
    --size-00: -.25rem;
    --size-1: .25rem;
    --size-2: .5rem;
    --size-3: 1rem;
    --size-4: 1.25rem;
    --size-5: 1.5rem;
    --size-6: 1.75rem;
    --size-7: 2rem;
    --size-8: 3rem;
    --size-9: 4rem;
    --size-10: 5rem;
    --size-11: 7.5rem;
    --size-12: 10rem;
    --size-13: 15rem;
    --size-14: 20rem;
    --size-15: 30rem;
    --size-px-000: -8px;
    --size-px-00: -4px;
    --size-px-1: 4px;
    --size-px-2: 8px;
    --size-px-3: 16px;
    --size-px-4: 20px;
    --size-px-5: 24px;
    --size-px-6: 28px;
    --size-px-7: 32px;
    --size-px-8: 48px;
    --size-px-9: 64px;
    --size-px-10: 80px;
    --size-px-11: 120px;
    --size-px-12: 160px;
    --size-px-13: 240px;
    --size-px-14: 320px;
    --size-px-15: 480px;
    --size-fluid-1: clamp(.5rem, 1vw, 1rem);
    --size-fluid-2: clamp(1rem, 2vw, 1.5rem);
    --size-fluid-3: clamp(1.5rem, 3vw, 2rem);
    --size-fluid-4: clamp(2rem, 4vw, 3rem);
    --size-fluid-5: clamp(4rem, 5vw, 5rem);
    --size-fluid-6: clamp(5rem, 7vw, 7.5rem);
    --size-fluid-7: clamp(7.5rem, 10vw, 10rem);
    --size-fluid-8: clamp(10rem, 20vw, 15rem);
    --size-fluid-9: clamp(15rem, 30vw, 20rem);
    --size-fluid-10: clamp(20rem, 40vw, 30rem);
    --size-content-1: 20ch;
    --size-content-2: 45ch;
    --size-content-3: 60ch;
    --size-header-1: 20ch;
    --size-header-2: 25ch;
    --size-header-3: 35ch;
    --size-xxs: 240px;
    --size-xs: 360px;
    --size-sm: 480px;
    --size-md: 768px;
    --size-lg: 1024px;
    --size-xl: 1440px;
    --size-xxl: 1920px;
    --size-relative-000: -.5ch;
    --size-relative-00: -.25ch;
    --size-relative-1: .25ch;
    --size-relative-2: .5ch;
    --size-relative-3: 1ch;
    --size-relative-4: 1.25ch;
    --size-relative-5: 1.5ch;
    --size-relative-6: 1.75ch;
    --size-relative-7: 2ch;
    --size-relative-8: 3ch;
    --size-relative-9: 4ch;
    --size-relative-10: 5ch;
    --size-relative-11: 7.5ch;
    --size-relative-12: 10ch;
    --size-relative-13: 15ch;
    --size-relative-14: 20ch;
    --size-relative-15: 30ch;
    --ease-1: cubic-bezier(.25, 0, .5, 1);
    --ease-2: cubic-bezier(.25, 0, .4, 1);
    --ease-3: cubic-bezier(.25, 0, .3, 1);
    --ease-4: cubic-bezier(.25, 0, .2, 1);
    --ease-5: cubic-bezier(.25, 0, .1, 1);
    --ease-in-1: cubic-bezier(.25, 0, 1, 1);
    --ease-in-2: cubic-bezier(.5, 0, 1, 1);
    --ease-in-3: cubic-bezier(.7, 0, 1, 1);
    --ease-in-4: cubic-bezier(.9, 0, 1, 1);
    --ease-in-5: cubic-bezier(1, 0, 1, 1);
    --ease-out-1: cubic-bezier(0, 0, .75, 1);
    --ease-out-2: cubic-bezier(0, 0, .5, 1);
    --ease-out-3: cubic-bezier(0, 0, .3, 1);
    --ease-out-4: cubic-bezier(0, 0, .1, 1);
    --ease-out-5: cubic-bezier(0, 0, 0, 1);
    --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);
    --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);
    --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);
    --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);
    --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);
    --ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);
    --ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);
    --ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);
    --ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);
    --ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);
    --ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);
    --ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);
    --ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);
    --ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);
    --ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);
    --ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);
    --ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);
    --ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);
    --ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);
    --ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);
    --ease-step-1: steps(2);
    --ease-step-2: steps(3);
    --ease-step-3: steps(4);
    --ease-step-4: steps(7);
    --ease-step-5: steps(10);
    --ease-elastic-1: var(--ease-elastic-out-1);
    --ease-elastic-2: var(--ease-elastic-out-2);
    --ease-elastic-3: var(--ease-elastic-out-3);
    --ease-elastic-4: var(--ease-elastic-out-4);
    --ease-elastic-5: var(--ease-elastic-out-5);
    --ease-squish-1: var(--ease-elastic-in-out-1);
    --ease-squish-2: var(--ease-elastic-in-out-2);
    --ease-squish-3: var(--ease-elastic-in-out-3);
    --ease-squish-4: var(--ease-elastic-in-out-4);
    --ease-squish-5: var(--ease-elastic-in-out-5);
    --ease-spring-1: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);
    --ease-spring-2: linear(0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1);
    --ease-spring-3: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);
    --ease-spring-4: linear(0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1);
    --ease-spring-5: linear(0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1);
    --ease-bounce-1: linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1);
    --ease-bounce-2: linear(0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1);
    --ease-bounce-3: linear(0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1);
    --ease-bounce-4: linear(0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1);
    --ease-bounce-5: linear(0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1);
    --layer-1: 1;
    --layer-2: 2;
    --layer-3: 3;
    --layer-4: 4;
    --layer-5: 5;
    --layer-important: 2147483647;
    --shadow-color: 220 3% 15%;
    --shadow-strength: 1%;
    --inner-shadow-highlight: inset 0-.5px 0 0#fff, inset 0 .5px 0 0 rgba(0, 0, 0, .067);
    --shadow-1: 0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));
    --shadow-2: 0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));
    --shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));
    --shadow-4: 0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));
    --shadow-5: 0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));
    --shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));
    --inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));
    --inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);
    --inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);
    --inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);
    --inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);
    --ratio-square: 1;
    --ratio-landscape: 4/3;
    --ratio-portrait: 3/4;
    --ratio-widescreen: 16/9;
    --ratio-ultrawide: 18/5;
    --ratio-golden: 1.618/1;
    --gray-0: rgb(248 249 250 / 1);
    --gray-1: rgb(241 243 245 / 1);
    --gray-2: rgb(233 236 239 / 1);
    --gray-3: rgb(222 226 230 / 1);
    --gray-4: rgb(206 212 218 / 1);
    --gray-5: rgb(173 181 189 / 1);
    --gray-6: rgb(134 142 150 / 1);
    --gray-7: rgb(73 80 87 / 1);
    --gray-8: rgb(52 58 64 / 1);
    --gray-9: rgb(33 37 41 / 1);
    --gray-10: rgb(22 25 29 / 1);
    --gray-11: rgb(13 15 18 / 1);
    --gray-12: rgb(3 5 7 / 1);
    --stone-0: rgb(248 250 251 / 1);
    --stone-1: rgb(242 244 246 / 1);
    --stone-2: rgb(235 237 239 / 1);
    --stone-3: rgb(224 228 229 / 1);
    --stone-4: rgb(209 214 216 / 1);
    --stone-5: rgb(177 182 185 / 1);
    --stone-6: rgb(151 155 157 / 1);
    --stone-7: rgb(126 130 130 / 1);
    --stone-8: rgb(102 105 104 / 1);
    --stone-9: rgb(80 81 79 / 1);
    --stone-10: rgb(58 58 55 / 1);
    --stone-11: rgb(37 37 33 / 1);
    --stone-12: rgb(18 18 16 / 1);
    --red-0: rgb(255 245 245 / 1);
    --red-1: rgb(255 227 227 / 1);
    --red-2: rgb(255 201 201 / 1);
    --red-3: rgb(255 168 168 / 1);
    --red-4: rgb(255 135 135 / 1);
    --red-5: rgb(255 107 107 / 1);
    --red-6: rgb(250 82 82 / 1);
    --red-7: rgb(240 62 62 / 1);
    --red-8: rgb(224 49 49 / 1);
    --red-9: rgb(201 42 42 / 1);
    --red-10: rgb(176 37 37 / 1);
    --red-11: rgb(150 32 32 / 1);
    --red-12: rgb(125 26 26 / 1);
    --pink-0: rgb(255 240 246 / 1);
    --pink-1: rgb(255 222 235 / 1);
    --pink-2: rgb(252 194 215 / 1);
    --pink-3: rgb(250 162 193 / 1);
    --pink-4: rgb(247 131 172 / 1);
    --pink-5: rgb(240 101 149 / 1);
    --pink-6: rgb(230 73 128 / 1);
    --pink-7: rgb(214 51 108 / 1);
    --pink-8: rgb(194 37 92 / 1);
    --pink-9: rgb(166 30 77 / 1);
    --pink-10: rgb(140 25 65 / 1);
    --pink-11: rgb(115 21 54 / 1);
    --pink-12: rgb(89 16 42 / 1);
    --purple-0: rgb(248 240 252 / 1);
    --purple-1: rgb(243 217 250 / 1);
    --purple-2: rgb(238 190 250 / 1);
    --purple-3: rgb(229 153 247 / 1);
    --purple-4: rgb(218 119 242 / 1);
    --purple-5: rgb(204 93 232 / 1);
    --purple-6: rgb(190 75 219 / 1);
    --purple-7: rgb(174 62 201 / 1);
    --purple-8: rgb(156 54 181 / 1);
    --purple-9: rgb(134 46 156 / 1);
    --purple-10: rgb(112 38 130 / 1);
    --purple-11: rgb(90 30 105 / 1);
    --purple-12: rgb(68 23 79 / 1);
    --violet-0: rgb(243 240 255 / 1);
    --violet-1: rgb(229 219 255 / 1);
    --violet-2: rgb(208 191 255 / 1);
    --violet-3: rgb(177 151 252 / 1);
    --violet-4: rgb(151 117 250 / 1);
    --violet-5: rgb(132 94 247 / 1);
    --violet-6: rgb(121 80 242 / 1);
    --violet-7: rgb(112 72 232 / 1);
    --violet-8: rgb(103 65 217 / 1);
    --violet-9: rgb(95 61 196 / 1);
    --violet-10: rgb(82 53 171 / 1);
    --violet-11: rgb(70 45 145 / 1);
    --violet-12: rgb(58 37 120 / 1);
    --indigo-0: rgb(237 242 255 / 1);
    --indigo-1: rgb(219 228 255 / 1);
    --indigo-2: rgb(186 200 255 / 1);
    --indigo-3: rgb(145 167 255 / 1);
    --indigo-4: rgb(116 143 252 / 1);
    --indigo-5: rgb(92 124 250 / 1);
    --indigo-6: rgb(76 110 245 / 1);
    --indigo-7: rgb(66 99 235 / 1);
    --indigo-8: rgb(59 91 219 / 1);
    --indigo-9: rgb(54 79 199 / 1);
    --indigo-10: rgb(47 68 173 / 1);
    --indigo-11: rgb(40 58 148 / 1);
    --indigo-12: rgb(33 48 122 / 1);
    --blue-0: rgb(231 245 255 / 1);
    --blue-1: rgb(208 235 255 / 1);
    --blue-2: rgb(165 216 255 / 1);
    --blue-3: rgb(116 192 252 / 1);
    --blue-4: rgb(77 171 247 / 1);
    --blue-5: rgb(51 154 240 / 1);
    --blue-6: rgb(34 139 230 / 1);
    --blue-7: rgb(28 126 214 / 1);
    --blue-8: rgb(25 113 194 / 1);
    --blue-9: rgb(24 100 171 / 1);
    --blue-10: rgb(20 85 145 / 1);
    --blue-11: rgb(17 70 120 / 1);
    --blue-12: rgb(13 55 94 / 1);
    --cyan-0: rgb(227 250 252 / 1);
    --cyan-1: rgb(197 246 250 / 1);
    --cyan-2: rgb(153 233 242 / 1);
    --cyan-3: rgb(102 217 232 / 1);
    --cyan-4: rgb(59 201 219 / 1);
    --cyan-5: rgb(34 184 207 / 1);
    --cyan-6: rgb(21 170 191 / 1);
    --cyan-7: rgb(16 152 173 / 1);
    --cyan-8: rgb(12 133 153 / 1);
    --cyan-9: rgb(11 114 133 / 1);
    --cyan-10: rgb(9 92 107 / 1);
    --cyan-11: rgb(7 70 82 / 1);
    --cyan-12: rgb(5 48 56 / 1);
    --teal-0: rgb(230 252 245 / 1);
    --teal-1: rgb(195 250 232 / 1);
    --teal-2: rgb(150 242 215 / 1);
    --teal-3: rgb(99 230 190 / 1);
    --teal-4: rgb(56 217 169 / 1);
    --teal-5: rgb(32 201 151 / 1);
    --teal-6: rgb(18 184 134 / 1);
    --teal-7: rgb(12 166 120 / 1);
    --teal-8: rgb(9 146 104 / 1);
    --teal-9: rgb(8 127 91 / 1);
    --teal-10: rgb(6 102 73 / 1);
    --teal-11: rgb(5 77 55 / 1);
    --teal-12: rgb(3 51 37 / 1);
    --green-0: rgb(235 251 238 / 1);
    --green-1: rgb(211 249 216 / 1);
    --green-2: rgb(178 242 187 / 1);
    --green-3: rgb(140 233 154 / 1);
    --green-4: rgb(105 219 124 / 1);
    --green-5: rgb(81 207 102 / 1);
    --green-6: rgb(64 192 87 / 1);
    --green-7: rgb(55 178 77 / 1);
    --green-8: rgb(47 158 68 / 1);
    --green-9: rgb(43 138 62 / 1);
    --green-10: rgb(35 112 50 / 1);
    --green-11: rgb(27 87 39 / 1);
    --green-12: rgb(19 61 27 / 1);
    --lime-0: rgb(244 252 227 / 1);
    --lime-1: rgb(233 250 200 / 1);
    --lime-2: rgb(216 245 162 / 1);
    --lime-3: rgb(192 235 117 / 1);
    --lime-4: rgb(169 227 75 / 1);
    --lime-5: rgb(148 216 45 / 1);
    --lime-6: rgb(130 201 30 / 1);
    --lime-7: rgb(116 184 22 / 1);
    --lime-8: rgb(102 168 15 / 1);
    --lime-9: rgb(92 148 13 / 1);
    --lime-10: rgb(76 122 11 / 1);
    --lime-11: rgb(60 97 9 / 1);
    --lime-12: rgb(44 71 6 / 1);
    --yellow-0: rgb(255 249 219 / 1);
    --yellow-1: rgb(255 243 191 / 1);
    --yellow-2: rgb(255 236 153 / 1);
    --yellow-3: rgb(255 224 102 / 1);
    --yellow-4: rgb(255 212 59 / 1);
    --yellow-5: rgb(252 196 25 / 1);
    --yellow-6: rgb(250 176 5 / 1);
    --yellow-7: rgb(245 159 0 / 1);
    --yellow-8: rgb(240 140 0 / 1);
    --yellow-9: rgb(230 119 0 / 1);
    --yellow-10: rgb(179 92 0 / 1);
    --yellow-11: rgb(128 66 0 / 1);
    --yellow-12: rgb(102 53 0 / 1);
    --orange-0: rgb(255 244 230 / 1);
    --orange-1: rgb(255 232 204 / 1);
    --orange-2: rgb(255 216 168 / 1);
    --orange-3: rgb(255 192 120 / 1);
    --orange-4: rgb(255 169 77 / 1);
    --orange-5: rgb(255 146 43 / 1);
    --orange-6: rgb(253 126 20 / 1);
    --orange-7: rgb(247 103 7 / 1);
    --orange-8: rgb(232 89 12 / 1);
    --orange-9: rgb(217 72 15 / 1);
    --orange-10: rgb(191 64 13 / 1);
    --orange-11: rgb(153 51 11 / 1);
    --orange-12: rgb(128 43 9 / 1);
    --choco-0: rgb(255 248 220 / 1);
    --choco-1: rgb(252 225 188 / 1);
    --choco-2: rgb(247 202 158 / 1);
    --choco-3: rgb(241 178 128 / 1);
    --choco-4: rgb(233 155 98 / 1);
    --choco-5: rgb(223 133 69 / 1);
    --choco-6: rgb(212 110 37 / 1);
    --choco-7: rgb(189 95 27 / 1);
    --choco-8: rgb(164 81 23 / 1);
    --choco-9: rgb(138 69 19 / 1);
    --choco-10: rgb(112 58 19 / 1);
    --choco-11: rgb(87 47 18 / 1);
    --choco-12: rgb(61 33 13 / 1);
    --brown-0: rgb(250 244 235 / 1);
    --brown-1: rgb(237 224 209 / 1);
    --brown-2: rgb(224 202 183 / 1);
    --brown-3: rgb(211 183 158 / 1);
    --brown-4: rgb(197 162 133 / 1);
    --brown-5: rgb(183 143 109 / 1);
    --brown-6: rgb(168 124 86 / 1);
    --brown-7: rgb(149 107 71 / 1);
    --brown-8: rgb(130 91 58 / 1);
    --brown-9: rgb(111 75 45 / 1);
    --brown-10: rgb(94 58 33 / 1);
    --brown-11: rgb(78 43 21 / 1);
    --brown-12: rgb(66 36 18 / 1);
    --sand-0: rgb(248 250 251 / 1);
    --sand-1: rgb(230 228 220 / 1);
    --sand-2: rgb(213 207 189 / 1);
    --sand-3: rgb(194 185 160 / 1);
    --sand-4: rgb(174 165 140 / 1);
    --sand-5: rgb(154 145 120 / 1);
    --sand-6: rgb(134 124 101 / 1);
    --sand-7: rgb(115 106 83 / 1);
    --sand-8: rgb(95 87 70 / 1);
    --sand-9: rgb(75 70 57 / 1);
    --sand-10: rgb(56 53 45 / 1);
    --sand-11: rgb(37 37 33 / 1);
    --sand-12: rgb(18 18 16 / 1);
    --camo-0: rgb(249 251 231 / 1);
    --camo-1: rgb(232 237 156 / 1);
    --camo-2: rgb(210 223 78 / 1);
    --camo-3: rgb(194 206 52 / 1);
    --camo-4: rgb(181 187 46 / 1);
    --camo-5: rgb(167 168 39 / 1);
    --camo-6: rgb(153 150 33 / 1);
    --camo-7: rgb(140 133 28 / 1);
    --camo-8: rgb(126 116 22 / 1);
    --camo-9: rgb(109 100 20 / 1);
    --camo-10: rgb(93 84 17 / 1);
    --camo-11: rgb(77 70 14 / 1);
    --camo-12: rgb(54 48 10 / 1);
    --jungle-0: rgb(236 254 176 / 1);
    --jungle-1: rgb(222 243 154 / 1);
    --jungle-2: rgb(208 232 132 / 1);
    --jungle-3: rgb(194 221 110 / 1);
    --jungle-4: rgb(181 209 91 / 1);
    --jungle-5: rgb(168 198 72 / 1);
    --jungle-6: rgb(155 187 54 / 1);
    --jungle-7: rgb(143 176 36 / 1);
    --jungle-8: rgb(132 165 19 / 1);
    --jungle-9: rgb(122 153 8 / 1);
    --jungle-10: rgb(101 128 6 / 1);
    --jungle-11: rgb(81 102 5 / 1);
    --jungle-12: rgb(61 77 4 / 1);
    --gradient-1: linear-gradient(to bottom right, #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);
    --gradient-2: linear-gradient(to bottom right, #48005c, #8300e2, #a269ff);
    --gradient-3: radial-gradient(circle at top right, #0ff, rgba(0, 255, 255, 0)), radial-gradient(circle at bottom left, #ff1492, rgba(255, 20, 146, 0));
    --gradient-4: linear-gradient(to bottom right, #00f5a0, #00d9f5);
    --gradient-5: conic-gradient(from -270deg at 75% 110%, #f0f, #fffaf0);
    --gradient-6: conic-gradient(from -90deg at top left, #000, #fff);
    --gradient-7: linear-gradient(to bottom right, #72c6ef, #004e8f);
    --gradient-8: conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);
    --gradient-9: conic-gradient(from .5turn at bottom center, #add8e6, #fff);
    --gradient-10: conic-gradient(from 90deg at 40% -25%, gold, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, gold, gold, gold);
    --gradient-11: conic-gradient(at bottom left, #ff1493, cyan);
    --gradient-12: conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);
    --gradient-13: radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);
    --gradient-14: conic-gradient(at top right, lime, cyan);
    --gradient-15: linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);
    --gradient-16: radial-gradient(circle at 50% -250%, #374151, #111827, #000);
    --gradient-17: conic-gradient(from -90deg at 50% -25%, blue, #8a2be2);
    --gradient-18: linear-gradient(0deg, rgba(255, 0, 0, .8), rgba(255, 0, 0, 0) 75%), linear-gradient(60deg, rgba(255, 255, 0, .8), rgba(255, 255, 0, 0) 75%), linear-gradient(120deg, rgba(0, 255, 0, .8), rgba(0, 255, 0, 0) 75%), linear-gradient(180deg, rgba(0, 255, 255, .8), rgba(0, 255, 255, 0) 75%), linear-gradient(240deg, rgba(0, 0, 255, .8), rgba(0, 0, 255, 0) 75%), linear-gradient(300deg, rgba(255, 0, 255, .8), rgba(255, 0, 255, 0) 75%);
    --gradient-19: linear-gradient(to bottom right, #ffe259, #ffa751);
    --gradient-20: conic-gradient(from -135deg at -10%center, orange, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);
    --gradient-21: conic-gradient(from -90deg at 25% 115%, red, #f06, #f0c, #c0f, #60f, #00f, #00f, #00f, #00f);
    --gradient-22: linear-gradient(to bottom right, #acb6e5, #86fde8);
    --gradient-23: linear-gradient(to bottom right, #536976, #292e49);
    --gradient-24: conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);
    --gradient-25: conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);
    --gradient-26: linear-gradient(to bottom right, #9796f0, #fbc7d4);
    --gradient-27: conic-gradient(from .5turn at bottom left, #ff1493, #639);
    --gradient-28: conic-gradient(from -90deg at 50% 105%, #fff, orchid);
    --gradient-29: radial-gradient(circle at top right, #bfb3ff, rgba(191, 179, 255, 0)), radial-gradient(circle at bottom left, #86acf9, rgba(134, 172, 249, 0));
    --gradient-30: radial-gradient(circle at top right, #00ff80, rgba(0, 255, 128, 0)), radial-gradient(circle at bottom left, #adffd6, rgba(173, 255, 214, 0));
    --noise-1: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
    --noise-2: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
    --noise-3: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
    --noise-4: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
    --noise-5: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
    --noise-filter-1: contrast(300%) brightness(100%);
    --noise-filter-2: contrast(200%) brightness(150%);
    --noise-filter-3: contrast(200%) brightness(250%);
    --noise-filter-4: contrast(200%) brightness(500%);
    --noise-filter-5: contrast(200%) brightness(1000%);
    --border-size-1: 1px;
    --border-size-2: 2px;
    --border-size-3: 5px;
    --border-size-4: 10px;
    --border-size-5: 25px;
    --radius-1: 2px;
    --radius-2: 5px;
    --radius-3: 1rem;
    --radius-4: 2rem;
    --radius-5: 4rem;
    --radius-6: 8rem;
    --radius-round: 100000px;
    --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));
    --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));
    --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));
    --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));
    --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));
    --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6));
    background-color: var(--background-primary, rgb(13 15 18 / 1));
    color: var(--foreground-primary, rgb(241 243 245 / 1));
    --focus-color: var(--foreground-accent, rgb(34 139 230 / 1));
    --focus-width: 1px;
    --focus-offset: 0;
    --duration-default: .2s;
    --easing-default: var(--ease-out-3);
    --gap-xs: var(--size-2);
    --gap-s: var(--size-fluid-2);
    --gap-m: var(--size-fluid-5);
    --gap-l: var(--size-fluid-7);
    --foreground-primary: rgb(25 45 100 / 1);
    --foreground-secondary: var(--background-primary, rgb(22 25 29 / 1));
    --foreground-accent: var(--blue-5);
    --foreground-muted: var(--gray-5, rgb(173 181 189 / 1));
    --foreground-border: var(--gray-7);
    --background-primary: rgb(255 255 255 / 1);
    --background-secondary: var(--gray-8, rgb(52 58 64 / 1));
    --background-accent: var(--gray-3);
    --background-card: var(--background-secondary, rgb(52 58 64 / 1));
    font-family: system-ui, sans-serif;
    --spacing-default: var(--size-fluid-3)
  }

  .w-open-props-demo {
    padding-top: var(--size-2);
    padding-bottom: var(--size-2);
    padding-left: var(--size-4);
    padding-right: var(--size-4);
    text-align: center;
    background-color: var(--green-3);
    margin-top: var(--size-2);
    margin-bottom: var(--size-2);
    border-top-left-radius: var(--radius-2);
    border-top-right-radius: var(--radius-2);
    border-bottom-left-radius: var(--radius-2);
    border-bottom-right-radius: var(--radius-2);
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: var(--gap-xs, .5rem);
    row-gap: var(--gap-xs, .5rem);
    margin-right: auto;
    margin-left: auto;
    --demo-icon-opacity: 0;
    --demo-icon-translate: 5px;
    cursor: default;
    max-width: max-content;
    color: var(--green-12);
    border: var(--border-size-1) solid var(--green-7)
  }

  .w-open-props-demo:hover {
    --demo-icon-translate: 0px;
    --demo-icon-opacity: 1
  }

  .w-icon {
    display: inline-flex;
    opacity: var(--demo-icon-opacity);
    translate: 0 var(--demo-icon-translate);
    transition-property: translate, opacity;
    transition-duration: .2s, .2s;
    transition-timing-function: cubic-bezier(.45, 0, .55, 1), ease;
    transition-delay: 0ms, 0ms;
    transition-behavior: normal, normal
  }

  .w-icon-1 {
    display: inline-flex;
    opacity: var(--demo-icon-opacity);
    translate: 0 var(--demo-icon-translate);
    transition-property: translate, opacity;
    transition-duration: var(--duration-default, .2s), var(--duration-default, .2s);
    transition-timing-function: var(--easing-default, cubic-bezier(0, 0, .3, 1)), var(--easing-default, cubic-bezier(0, 0, .3, 1));
    transition-delay: 0ms, 0ms;
    transition-behavior: normal, normal
  }

  .w-section {
    padding-top: var(--size-fluid-6);
    padding-bottom: var(--size-fluid-6);
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--spacing-default);
    padding-right: var(--spacing-default);
    width: 100%;
    max-width: var(--size-lg, 1024px);
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-m);
    row-gap: var(--gap-m)
  }

  .w-heading-1 {
    font-size: var(--font-size-fluid-3);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-section-1 {
    padding-top: var(--size-fluid-6);
    padding-bottom: var(--size-fluid-6)
  }

  .w-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--spacing-default);
    padding-right: var(--spacing-default);
    width: 100%;
    max-width: var(--size-lg, 1024px);
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-m);
    row-gap: var(--gap-m)
  }

  .w-template-for-new-pages {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--spacing-default);
    padding-right: var(--spacing-default);
    width: 100%;
    max-width: var(--size-lg, 1024px);
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-xs, .5rem);
    row-gap: var(--gap-xs, .5rem);
    padding-top: var(--size-fluid-6);
    padding-bottom: var(--size-fluid-6);
    align-items: center;
    justify-content: center
  }

  .w-style-guide {
    padding-top: var(--size-fluid-6);
    padding-bottom: var(--size-fluid-6)
  }

  .w-container-1 {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--spacing-default);
    padding-right: var(--spacing-default);
    width: 100%;
    max-width: var(--size-lg, 1024px);
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-6);
    row-gap: var(--size-fluid-6)
  }

  .w-header {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-heading-2 {
    font-size: var(--font-size-fluid-3);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-paragraph-1 {
    max-width: var(--size-content-3);
    font-size: var(--font-size-3)
  }

  .w-rich-text-link-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-rich-text-link-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-rich-text-link-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-rich-text-link-2 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-rich-text-link-2:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-rich-text-link-2:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-layout {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-1 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-links-and-buttons {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-2 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-elements {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-3 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-token {
    background-color: #834df4;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: var(--gray-0);
    text-align: center;
    border-radius: 3px;
    width: fit-content
  }

  .w-heading-1-1 {
    font-size: var(--font-size-fluid-3);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-heading-2-1 {
    font-size: var(--font-size-fluid-2);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-heading-3 {
    font-size: var(--font-size-fluid-1);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-heading-4 {
    font-size: var(--font-size-fluid-0);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-heading-5,
  .w-heading-6 {
    font-size: var(--font-size-0);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-forms {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-4 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-radix {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-5 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-utility {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-6 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-custom {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-7 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-notes {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-8 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--size-fluid-2);
    row-gap: var(--size-fluid-2)
  }

  .w-code-text-1 {
    border-top-left-radius: var(--border-size-2, 2px);
    border-top-right-radius: var(--border-size-2, 2px);
    border-bottom-left-radius: var(--border-size-2, 2px);
    border-bottom-right-radius: var(--border-size-2, 2px);
    padding-left: var(--size-relative-2, .5ch);
    padding-right: var(--size-relative-2, .5ch);
    background-color: var(--background-primary, rgb(13 15 18 / 1));
    border: var(--border-size-1, 1px) solid var(--foreground-border, rgb(33 37 41 / 1))
  }

  .w-list-1 {
    margin-bottom: 0
  }

  .w-text-2 {
    background-color: #834df4;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: var(--gray-0);
    text-align: center;
    border-radius: 3px;
    width: fit-content
  }

  .w-blockquote-1 {
    margin-bottom: 0;
    border-top: 0px solid var(--foreground-accent, rgb(34 139 230 / 1));
    border-right: 0px solid var(--foreground-accent, rgb(34 139 230 / 1));
    border-bottom: 0px solid var(--foreground-accent, rgb(34 139 230 / 1));
    border-left: var(--border-size-2, 2px) solid var(--foreground-accent, rgb(34 139 230 / 1))
  }

  .w-text-3,
  .w-token-1,
  .w-token-2,
  .w-token-3 {
    background-color: #834df4;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: var(--gray-0);
    text-align: center;
    border-radius: 3px;
    width: fit-content
  }

  .w-separator-1 {
    background-color: var(--background-secondary, rgb(52 58 64 / 1));
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-rich-text-link-3 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-rich-text-link-3:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-rich-text-link-3:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-item {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: var(--size-fluid-4);
    padding-bottom: var(--size-fluid-4);
    padding-right: var(--spacing-default);
    padding-left: var(--spacing-default);
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--gap-m);
    row-gap: var(--gap-m);
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: var(--size-lg, 1024px);
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1))
  }

  .w-token-4 {
    background-color: #834df4;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: var(--gray-0);
    text-align: center;
    border-radius: 3px;
    width: fit-content
  }

  .w-links {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: start;
    justify-content: start;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-3);
    row-gap: var(--size-3);
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-token-5 {
    background-color: #834df4;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: var(--gray-0);
    text-align: center;
    border-radius: 3px;
    width: fit-content
  }

  .w-link-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-link-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-link-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-buttons {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: start;
    justify-content: start;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-3);
    row-gap: var(--size-3);
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-token-6 {
    background-color: #834df4;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: var(--gray-0);
    text-align: center;
    border-radius: 3px;
    width: fit-content
  }

  .w-button-group {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: var(--gap-xs, .5rem);
    row-gap: var(--gap-xs, .5rem);
    flex-wrap: wrap
  }

  .w-button {
    color: var(--foreground-secondary, rgb(13 15 18 / 1));
    background-color: var(--background-accent, rgb(241 243 245 / 1));
    padding-top: var(--size-2);
    padding-bottom: var(--size-2);
    padding-left: var(--size-3);
    padding-right: var(--size-3);
    border-top-left-radius: var(--radius-4);
    border-top-right-radius: var(--radius-4);
    border-bottom-left-radius: var(--radius-4);
    border-bottom-right-radius: var(--radius-4);
    text-decoration-line: none;
    border: var(--border-size-1) solid var(--foreground-border, rgb(33 37 41 / 1))
  }

  .w-button:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-button-secondary {
    color: var(--foreground-primary, rgb(241 243 245 / 1));
    background-color: transparent;
    padding-top: var(--size-2);
    padding-bottom: var(--size-2);
    padding-left: var(--size-3);
    padding-right: var(--size-3);
    border-top-left-radius: var(--radius-4);
    border-top-right-radius: var(--radius-4);
    border-bottom-left-radius: var(--radius-4);
    border-bottom-right-radius: var(--radius-4);
    text-decoration-line: none;
    border: var(--border-size-1) solid currentColor
  }

  .w-button-secondary:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-items-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--size-fluid-2);
    row-gap: var(--size-fluid-2)
  }

  .w-items-2 {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: var(--size-fluid-2);
    row-gap: var(--size-fluid-2)
  }

  .w-heading-7,
  .w-heading-8,
  .w-heading-9,
  .w-heading-10,
  .w-heading-11,
  .w-heading-12,
  .w-heading-13,
  .w-heading-14 {
    font-size: var(--font-size-fluid-2);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-items-3,
  .w-items-4,
  .w-items-5,
  .w-items-6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--size-fluid-2);
    row-gap: var(--size-fluid-2)
  }

  .w-colors {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-9 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-heading-15 {
    font-size: var(--font-size-fluid-2);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-item-1 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: var(--size-fluid-6);
    padding-bottom: var(--size-fluid-6);
    padding-right: var(--size-fluid-4);
    padding-left: var(--size-fluid-4);
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1))
  }

  .w-token-7 {
    background-color: #834df4;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: var(--gray-0);
    text-align: center;
    border-radius: 3px;
    width: fit-content
  }

  .w-item-2,
  .w-item-3,
  .w-item-4,
  .w-item-5 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-token-8,
  .w-token-9,
  .w-token-10,
  .w-token-11 {
    background-color: #834df4;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: var(--gray-0);
    text-align: center;
    border-radius: 3px;
    width: fit-content
  }

  .w-paragraph-2 {
    color: var(--foreground-muted, rgb(173 181 189 / 1));
    max-width: var(--size-content-3, 60ch)
  }

  .w-item-6 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: row;
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
    grid-template-columns: 1fr 1fr;
    flex-wrap: wrap;
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-box-1 {
    grid-column-start: 1;
    grid-column-end: 3
  }

  .w-badge {
    background-color: #834df4;
    padding-top: var(--size-00);
    padding-bottom: var(--size-00);
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #fff;
    display: inline-block;
    text-align: center;
    border-top-left-radius: var(--radius-2);
    border-top-right-radius: var(--radius-2);
    border-bottom-left-radius: var(--radius-2);
    border-bottom-right-radius: var(--radius-2);
    flex-grow: 0;
    flex-shrink: 0
  }

  .w-description {
    color: var(--foreground-muted, rgb(173 181 189 / 1));
    max-width: var(--size-content-3, 60ch)
  }

  .w-container-2 {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--spacing-default);
    padding-right: var(--spacing-default);
    width: 100%;
    max-width: var(--size-lg, 1024px);
    display: flex;
    flex-direction: row;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    justify-content: space-between;
    min-width: max-content
  }

  .w-layout-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-layout-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-layout-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-links-buttons {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-links-buttons:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-links-buttons:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-notes-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-notes-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-notes-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-colors-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-colors-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-colors-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-typography {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-typography:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-typography:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-forms-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-forms-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-forms-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-radix-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-radix-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-radix-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-utility-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-utility-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-utility-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-custom-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-custom-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-custom-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-nav {
    padding-top: var(--size-2, .5rem);
    padding-bottom: var(--size-2, .5rem);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--layer-2, 2);
    background-color: var(--background-primary, rgb(13 15 18 / 1));
    overflow-x: auto;
    overflow-y: auto
  }

  .w-items-7 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem))
  }

  .w-text-4,
  .w-text-5 {
    border-top-left-radius: var(--border-size-2, 2px);
    border-top-right-radius: var(--border-size-2, 2px);
    border-bottom-left-radius: var(--border-size-2, 2px);
    border-bottom-right-radius: var(--border-size-2, 2px);
    padding-left: var(--size-relative-2, .5ch);
    padding-right: var(--size-relative-2, .5ch);
    background-color: var(--background-primary, rgb(13 15 18 / 1));
    border: var(--border-size-1, 1px) solid var(--foreground-border, rgb(33 37 41 / 1))
  }

  .w-items-8 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--size-fluid-2);
    row-gap: var(--size-fluid-2)
  }

  .w-item-7 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--foreground-primary);
    border: var(--border-size-1) dashed currentColor
  }

  .w-item-8 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable-1 {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette-1 {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--foreground-secondary);
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1))
  }

  .w-item-9 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable-2 {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette-2 {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--foreground-accent);
    border: var(--border-size-1) dashed currentColor
  }

  .w-item-10 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable-3 {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette-3 {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--foreground-muted);
    border: var(--border-size-1) dashed currentColor
  }

  .w-item-11 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable-4 {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette-4 {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--foreground-border);
    border: var(--border-size-1) dashed currentColor
  }

  .w-items-9 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--size-fluid-2);
    row-gap: var(--size-fluid-2)
  }

  .w-item-12 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable-5 {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette-5 {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--background-primary);
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1))
  }

  .w-item-13 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable-6 {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette-6 {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--background-secondary);
    border: var(--border-size-1) dashed currentColor
  }

  .w-item-14 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable-7 {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette-7 {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--background-accent);
    border: var(--border-size-1) dashed currentColor
  }

  .w-item-15 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable-8 {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette-8 {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--background-card);
    border: var(--border-size-1) dashed currentColor
  }

  .w-items-10 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--size-fluid-2);
    row-gap: var(--size-fluid-2)
  }

  .w-item-16 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-css-variable-9 {
    background-color: #e1f0ff;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: #016ccc;
    text-align: center;
    border-radius: 3px;
    width: fit-content;
    font-family: monospace, sans-serif
  }

  .w-color-palette-9 {
    aspect-ratio: var(--ratio-square, 1);
    background-color: currentColor;
    border-top-left-radius: var(--radius-round, 100000px);
    border-top-right-radius: var(--radius-round, 100000px);
    border-bottom-left-radius: var(--radius-round, 100000px);
    border-bottom-right-radius: var(--radius-round, 100000px);
    width: var(--size-12, 10rem);
    color: var(--focus-color, );
    border: var(--border-size-1) dashed currentColor
  }

  .w-heading-16,
  .w-heading-17,
  .w-heading-18 {
    font-size: var(--font-size-fluid-1);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-slots {
    display: flex;
    flex-direction: column;
    column-gap: var(--size-fluid-3);
    row-gap: var(--size-fluid-3);
    align-items: stretch
  }

  .w-header-10 {
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--gap-s, clamp(1rem, 2vw, 1.5rem));
    padding-top: var(--size-9)
  }

  .w-heading-19 {
    font-size: var(--font-size-fluid-2);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-items-11 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--size-fluid-2);
    row-gap: var(--size-fluid-2)
  }

  .w-item-17 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-token-12 {
    background-color: #834df4;
    padding-left: var(--size-1);
    padding-right: var(--size-1);
    color: var(--gray-0);
    text-align: center;
    border-radius: 3px;
    width: fit-content
  }

  .w-slots-1 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-slots-1:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-slots-1:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-item-18 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-code-text-2 {
    border-top-left-radius: var(--border-size-2, 2px);
    border-top-right-radius: var(--border-size-2, 2px);
    border-bottom-left-radius: var(--border-size-2, 2px);
    border-bottom-right-radius: var(--border-size-2, 2px);
    background-color: var(--background-primary, rgb(13 15 18 / 1));
    width: 100%;
    border: var(--border-size-1, 1px) solid var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-relative-2, .5ch)
  }

  .w-heading-20 {
    font-size: var(--font-size-fluid-2);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-paragraph-3 {
    max-width: var(--size-content-3, 60ch);
    text-align: center;
    color: var(--foreground-muted)
  }

  .w-body-3 {
    font-size: var(--font-size-fluid-1);
    max-width: var(--size-content-2, 45ch)
  }

  .w-link-2 {
    color: var(--foreground-secondary, rgb(13 15 18 / 1));
    background-color: var(--background-accent, rgb(241 243 245 / 1));
    padding-top: var(--size-2);
    padding-bottom: var(--size-2);
    padding-left: var(--size-3);
    padding-right: var(--size-3);
    border-top-left-radius: var(--radius-4);
    border-top-right-radius: var(--radius-4);
    border-bottom-left-radius: var(--radius-4);
    border-bottom-right-radius: var(--radius-4);
    text-decoration-line: none;
    border: var(--border-size-1) solid var(--foreground-border, rgb(33 37 41 / 1))
  }

  .w-link-2:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-item-19 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
    display: flex;
    align-items: start;
    justify-content: start;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    column-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    row-gap: var(--size-fluid-2, clamp(1rem, 2vw, 1.5rem));
    border: var(--border-size-1) dashed var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-fluid-4)
  }

  .w-text-6 {
    border-top-left-radius: var(--border-size-2, 2px);
    border-top-right-radius: var(--border-size-2, 2px);
    border-bottom-left-radius: var(--border-size-2, 2px);
    border-bottom-right-radius: var(--border-size-2, 2px);
    padding-left: var(--size-relative-2, .5ch);
    padding-right: var(--size-relative-2, .5ch);
    background-color: var(--background-primary, rgb(13 15 18 / 1));
    border: var(--border-size-1, 1px) solid var(--foreground-border, rgb(33 37 41 / 1))
  }

  .w-rich-text-link-4 {
    color: var(--foreground-accent, rgb(34 139 230 / 1));
    display: inline
  }

  .w-rich-text-link-4:focus-visible {
    outline-offset: var(--focus-offset, 0);
    outline: var(--focus-width, 1px) solid var(--focus-color, rgb(51 154 240 / 1))
  }

  .w-rich-text-link-4:hover {
    border-top: 0px solid rgb(0 170 255 / 1);
    border-right: 0px solid rgb(0 170 255 / 1);
    border-bottom: 10px solid rgb(0 170 255 / 1);
    border-left: 0px solid rgb(0 170 255 / 1)
  }

  .w-code-text-3 {
    border-top-left-radius: var(--border-size-2, 2px);
    border-top-right-radius: var(--border-size-2, 2px);
    border-bottom-left-radius: var(--border-size-2, 2px);
    border-bottom-right-radius: var(--border-size-2, 2px);
    background-color: var(--background-primary, rgb(13 15 18 / 1));
    width: 100%;
    border: var(--border-size-1, 1px) solid var(--foreground-border, rgb(33 37 41 / 1));
    padding: var(--size-relative-2, .5ch)
  }

  .w-built-with-webstudio {
    display: inline-flex;
    row-gap: 6px;
    column-gap: 6px;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 1000;
    padding: 6px 10px;
    right: 16px;
    bottom: 16px;
    color: #fbfcfd;
    font-family: system-ui, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    border-radius: 9px;
    text-decoration-line: none;
    -webkit-background-clip: padding-box, border-box;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(135deg, #4a4efa, #bd2fdb 66%, #ec59ce), linear-gradient(135deg, #92fddc, #7d7ffb 31.94%, #ed72fe 64.24%, #fdd791);
    border: 1px solid transparent;
    white-space: nowrap
  }

  .w-logo {
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0
  }

  .w-header-11 img.w-image-1{
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
  .w-header-11 {
    padding-top: 0;
    padding-bottom: 0;
    max-width: none;
    background-color: transparent;
    height: auto;
    max-height: 450px;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 10px;
    position: relative;
    overflow: hidden;
  }

  .w-corsi {
    padding-top: var(--size-fluid-3);
    padding-bottom: var(--size-fluid-3);
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 10px;
    margin-top: 0
  }

  .w-container-3 {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--spacing-default);
    padding-right: var(--spacing-default);
    width: 100%;
    max-width: var(--size-lg, 1024px);
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-m);
    row-gap: var(--gap-m)
  }

  .w-image-1 {
    width: 100%
  }

  .w-headertitle img{
    position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  }
  .w-headertitle {
    display: block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50% 0px;
    font-size: 12em;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    font-family: Big Shoulders, sans-serif
  }

  .w-element-1 {
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    letter-spacing: 15px;
    font-size: 1em;
    border-bottom-style: solid;
    width: 100%;
    border-bottom-color: var(--gray-4);
    border-top: 0px solid var(--gray-4);
    border-right: 0px solid var(--gray-4);
    border-left: 0px solid var(--gray-4);
    padding: 20px
  }

  .w-wrapper-cards {
    display: flex;
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
    grid-template-columns: auto;
    flex-direction: row;
    flex-wrap: wrap
  }

  .w-corsi-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 31%;
    padding-top: 0;
    padding-bottom: 4REM;
    text-transform: uppercase;
  }

  .w-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 31%;
    padding-top: 0;
    padding-bottom: 4REM
  }

  .w-element-2 {
    font-size: 5em;
    font-family: Big Shoulders, sans-serif;
    margin-top: 0;
    margin-bottom: 0
  }

  .w-nome {
    font-family: Big Shoulders, sans-serif;
    font-size: 56px;
    margin-top: 0;
    line-height: 56px;
    margin-bottom: 0;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal
  }

  .w-nome:hover {
    color: #0af
  }

  .w-nome-1 {
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    margin-top: 0;
    line-height: 26px;
    letter-spacing: 5PX;
    margin-bottom: 0
  }

  .w-element-3,
  .w-element-4,
  .w-nome-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Big Shoulders, sans-serif;
    font-size: 26px;
    font-weight: 700
  }

  .w-istruttori-corso {
    margin-top: .75rem
  }

  .w-telefono {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal;
    text-decoration-line: none;
    color: var(--foreground-primary, rgb(241 243 245 / 1));
    margin-top: 6px;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 8px 12px 8px 40px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-radius: 15px
  }

  .w-telefono:hover {
    color: #fff;
    background-color: var(--foreground-primary, rgb(241 243 245 / 1))
  }

  .w-corsi-card-1 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 31%;
    padding-top: 0;
    padding-bottom: 4REM
  }

  .w-nome-3 {
    font-family: Big Shoulders, sans-serif;
    font-size: 56px;
    margin-top: 0;
    line-height: 56px;
    margin-bottom: 0;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal
  }

  .w-nome-3:hover {
    color: #0af
  }

  .w-nome-4 {
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    margin-top: 0;
    line-height: 26px;
    letter-spacing: 5PX;
    margin-bottom: 0
  }

  .w-element-5,
  .w-element-6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Big Shoulders, sans-serif;
    font-size: 26px;
    font-weight: 700
  }

  .w-istruttori-corso-1 {
    margin-top: .75rem
  }

  .w-nome-5 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Big Shoulders, sans-serif;
    font-size: 26px;
    font-weight: 700
  }

  .w-telefono-1 {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal;
    text-decoration-line: none;
    color: var(--foreground-primary, rgb(241 243 245 / 1));
    margin-top: 6px;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 8px 12px 8px 40px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-radius: 15px
  }

  .w-telefono-1:hover {
    color: #fff;
    background-color: var(--foreground-primary, rgb(241 243 245 / 1))
  }

  .w-corsi-card-2 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 31%;
    padding-top: 0;
    padding-bottom: 4REM
  }

  .w-nome-6 {
    font-family: Big Shoulders, sans-serif;
    font-size: 56px;
    margin-top: 0;
    line-height: 56px;
    margin-bottom: 0;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal
  }

  .w-nome-6:hover {
    color: #0af
  }

  .w-nome-7 {
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    margin-top: 0;
    line-height: 26px;
    letter-spacing: 5PX;
    margin-bottom: 0
  }

  .w-element-7,
  .w-element-8 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Big Shoulders, sans-serif;
    font-size: 26px;
    font-weight: 700
  }

  .w-istruttori-corso-2 {
    margin-top: .75rem
  }

  .w-nome-8 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Big Shoulders, sans-serif;
    font-size: 26px;
    font-weight: 700
  }

  .w-telefono-2 {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal;
    text-decoration-line: none;
    color: var(--foreground-primary, rgb(241 243 245 / 1));
    margin-top: 6px;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 8px 12px 8px 40px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-radius: 15px
  }

  .w-telefono-2:hover {
    color: #fff;
    background-color: var(--foreground-primary, rgb(241 243 245 / 1))
  }

  .w-corsi-card-3 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 31%;
    padding-top: 0;
    padding-bottom: 4REM
  }

  .w-nome-9 {
    font-family: Big Shoulders, sans-serif;
    font-size: 56px;
    margin-top: 0;
    line-height: 56px;
    margin-bottom: 0;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal
  }

  .w-nome-9:hover {
    color: #0af
  }

  .w-nome-10 {
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    margin-top: 0;
    line-height: 26px;
    letter-spacing: 5PX;
    margin-bottom: 0
  }

  .w-element-9,
  .w-element-10 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Big Shoulders, sans-serif;
    font-size: 26px;
    font-weight: 700
  }

  .w-istruttori-corso-3 {
    margin-top: .75rem
  }

  .w-nome-11 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Big Shoulders, sans-serif;
    font-size: 26px;
    font-weight: 700
  }

  .w-telefono-3 {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal;
    text-decoration-line: none;
    color: var(--foreground-primary, rgb(241 243 245 / 1));
    margin-top: 6px;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 8px 12px 8px 40px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-radius: 15px
  }

  .w-telefono-3:hover {
    color: #fff;
    background-color: var(--foreground-primary, rgb(241 243 245 / 1))
  }

  .w-corsi-card-4 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 31%;
    padding-top: 0;
    padding-bottom: 4REM
  }

  .w-nome-12 {
    font-family: Big Shoulders, sans-serif;
    font-size: 56px;
    margin-top: 0;
    line-height: 56px;
    margin-bottom: 0;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal
  }

  .w-nome-12:hover {
    color: #0af
  }

  .w-nome-13 {
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    margin-top: 0;
    line-height: 26px;
    letter-spacing: 5PX;
    margin-bottom: 0
  }

  .w-element-11,
  .w-element-12 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Big Shoulders, sans-serif;
    font-size: 26px;
    font-weight: 700
  }

  .w-istruttori-corso-4 {
    margin-top: .75rem
  }

  .w-nome-14 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Big Shoulders, sans-serif;
    font-size: 26px;
    font-weight: 700
  }

  .w-telefono-4 {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal;
    text-decoration-line: none;
    color: var(--foreground-primary, rgb(241 243 245 / 1));
    margin-top: 6px;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 8px 12px 8px 40px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-radius: 15px
  }

  .w-telefono-4:hover {
    color: #fff;
    background-color: var(--foreground-primary, rgb(241 243 245 / 1))
  }

  .w-eventi {
    padding-top: var(--size-fluid-3);
    padding-bottom: var(--size-fluid-3);
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 10px;
    margin-top: 0
  }

  .w-container-4 {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--spacing-default);
    padding-right: var(--spacing-default);
    width: 100%;
    max-width: var(--size-lg, 1024px);
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-m);
    row-gap: var(--gap-m)
  }

  .w-wrapper-cards-1 {
    display: flex;
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
    grid-template-columns: auto;
    flex-direction: row;
    flex-wrap: wrap
  }

  .w-eventi-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 31%;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    border-radius: 20px;
    overflow-x: hidden;
    overflow-y: hidden
  }

  .w-nome-15 {
    font-family: Big Shoulders, sans-serif;
    font-size: 90px;
    margin-top: 0;
    line-height: 100px;
    margin-bottom: 0;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal;
    position: static;
    left: 0;
    top: 0;
    height: auto;
    color: #fff
  }

  .w-nome-15:hover {
    color: #ff1973
  }

  .w-element-13 {
    font-size: 5em;
    font-family: Big Shoulders, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
  }

  .w-image-2 {
    margin-left: auto;
    margin-right: auto
  }

  .w-nome-evento {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 0;
    color: #fff;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-behavior: normal;
    padding: 20px
  }

  .w-eventi-card:hover .w-nome-evento * {
    color: #ff1973
  }

  .w-data {
    font-family: Big Shoulders, sans-serif;
    margin-top: 0;
    font-size: 46px
  }

  .w-sponsor {
    padding-top: var(--size-fluid-3);
    padding-bottom: var(--size-fluid-3);
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 10px;
    margin-top: 0
  }

  .w-container-5 {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--spacing-default);
    padding-right: var(--spacing-default);
    width: 100%;
    max-width: var(--size-lg, 1024px);
    display: flex;
    flex-direction: column;
    column-gap: var(--gap-m);
    row-gap: var(--gap-m)
  }

  .w-image-3 {
    margin-left: auto;
    margin-right: auto
  }

  .w-wrapper-cards-2 {
    display: flex;
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
    grid-template-columns: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
  }

  .w-loghi-card,
  .w-loghi-card-1,
  .w-loghi-card-2,
  .w-loghi-card-3,
  .w-loghi-card-4,
  .w-loghi-card-5,
  .w-loghi-card-6,
  .w-loghi-card-7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 10%;
    padding-top: 0;
    padding-bottom: 0
  }

  .w-element-14 {
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    letter-spacing: 15px;
    font-size: 1em;
    border-bottom-style: solid;
    width: 100%;
    border-bottom-color: var(--gray-4);
    border-top: 0px solid var(--gray-4);
    border-right: 0px solid var(--gray-4);
    border-left: 0px solid var(--gray-4);
    padding: 20px
  }
}

@media all and (max-width: 991px) {
  .w-headertitle {
    font-size: 8em
  }

  .w-nome-15 {
    font-size: 70px;
    line-height: 70px
  }

  .w-data {
    font-size: 36px
  }
}

@media all and (max-width: 767px) {

  .w-items,
  .w-items-1,
  .w-items-2,
  .w-items-3,
  .w-items-4,
  .w-items-5,
  .w-items-6 {
    grid-template-columns: 1fr
  }

  .w-item-6 {
    display: flex;
    flex-direction: column
  }

  .w-items-8,
  .w-items-9,
  .w-items-10,
  .w-items-11 {
    grid-template-columns: 1fr
  }

  .w-headertitle {
    font-size: 5em
  }

  .w-element-1 {
    letter-spacing: 5px
  }

  .w-wrapper-cards {
    display: flex;
    flex-direction: column
  }

  .w-wrapper-cards-1 {
    display: block;
    flex-direction: column
  }

  .w-eventi-card {
    flex-basis: 0%;
    display: block
  }

  .w-nome-15 {
    font-size: 170px;
    line-height: 160px
  }

  .w-nome-evento {
    width: auto;
    height: auto
  }

  .w-wrapper-cards-2 {
    display: flex;
    flex-direction: column
  }

  .w-image-4 {
    min-width: 100%
  }
}

@media all and (max-width: 479px) {
  .w-headertitle {
    font-size: 3em
  }

  .w-corsi-card,
  .w-corsi-card-1,
  .w-corsi-card-2,
  .w-corsi-card-3,
  .w-corsi-card-4 {
    text-align: center
  }

  .w-nome-15 {
    font-size: 90px;
    line-height: 90px
  }
}