/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
@layer theme{
    :root,:host{
      --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
      --font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
      --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
      --scroll-speed:100s;
      --color-red-500:oklch(.637 .237 25.331);
      --color-orange-500:oklch(.705 .213 47.604);
      --color-amber-500:oklch(.769 .188 70.08);
      --color-yellow-500:oklch(.795 .184 86.047);
      --color-green-500:oklch(.723 .219 149.579);
      --color-emerald-50:oklch(.979 .021 166.113);
      --color-emerald-500:oklch(.696 .17 162.48);
      --color-sky-500:oklch(.685 .169 237.323);
      --color-blue-950:oklch(.282 .091 267.935);
      --color-purple-500:oklch(.627 .265 303.9);
      --color-pink-500:oklch(.656 .241 354.308);
      --color-gray-50:oklch(.985 .002 247.839);
      --color-gray-100:oklch(.967 .003 264.542);
      --color-gray-200:oklch(.928 .006 264.531);
      --color-gray-300:oklch(.872 .01 258.338);
      --color-gray-400:oklch(.707 .022 261.325);
      --color-gray-500:oklch(.551 .027 264.364);
      --color-gray-600:oklch(.446 .03 256.802);
      --color-gray-700:oklch(.373 .034 259.733);
      --color-gray-800:oklch(.278 .033 256.848);
      --color-gray-900:oklch(.21 .034 264.665);
      --color-gray-950:oklch(.13 .028 261.692);
      --color-black:#000;
      --color-white:#fff;
      --spacing:.25rem;
      --container-xs:20rem;
      --container-sm:24rem;
      --container-md:28rem;
      --container-lg:32rem;
      --container-2xl:42rem;
      --container-3xl:48rem;
      --container-4xl:56rem;
      --container-5xl:64rem;
      --container-6xl:72rem;
      --text-xs:.8125rem;
      --text-xs--line-height:1.125rem;
      --text-sm:.875rem;
      --text-sm--line-height:calc(1.25/.875);
      --text-base:1rem;
      --text-base--line-height:calc(1.5/1);
      --text-lg:1.125rem;
      --text-lg--line-height:calc(1.75/1.125);
      --text-xl:1.25rem;
      --text-xl--line-height:calc(1.75/1.25);
      --text-2xl:1.5rem;
      --text-2xl--line-height:calc(2/1.5);
      --text-3xl:1.875rem;
      --text-4xl:2.25rem;
      --text-4xl--line-height:calc(2.5/2.25);
      --text-5xl:3rem;
      --text-5xl--line-height:1;
      --text-6xl:3.75rem;
      --text-6xl--line-height:1;
      --text-7xl:4.5rem;
      --text-7xl--line-height:1;
      --font-weight-normal:400;
      --font-weight-medium:500;
      --font-weight-semibold:600;
      --font-weight-bold:700;
      --font-weight-extrabold:800;
      --tracking-tighter:-.05em;
      --tracking-tight:-.025em;
      --tracking-normal:0em;
      --tracking-wide:.025em;
      --tracking-wider:.05em;
      --leading-tight:1.25;
      --leading-snug:1.375;
      --leading-normal:1.5;
      --radius-sm:.25rem;
      --radius-md:.375rem;
      --radius-lg:.5rem;
      --radius-xl:.75rem;
      --radius-2xl:1rem;
      --radius-3xl:1.5rem;
      --radius-4xl:2rem;
      --ease-out:cubic-bezier(0,0,.2,1);
      --blur-xs:4px;
      --blur-sm:8px;
      --blur-md:12px;
      --blur-xl:24px;
      --blur-2xl:40px;
      --default-transition-duration:.15s;
      --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
      --default-font-family:var(--font-sans);
      --default-mono-font-family:var(--font-mono);
      --breakpoint-4xl:96rem;
      --text-2xs:.75rem;
      --text-2xs--line-height:1rem;
      --text-3xs:.6875rem;
      --text-3xs--line-height:1rem;
      --tracking-xs:.012em;
      --leading-tighter:1.1;
      --drop-shadow-primary:0 8px 8px hsl(var(--c-primary-hsl)/.8);
      --drop-shadow-primary-sm:0 6px 12px hsl(var(--c-primary-hsl)/.2);
      --spacing-outer:1.25rem;
      --spacing-outer-xl:2.5rem;
      --color-background:var(--color-gray-50);
      --color-background-dark:var(--color-gray-950);
      --color-accent-contrast:var(--color-contrast,#fff);
      --color-primary:hsl(var(--c-primary-hsl));
      --shadow-pretty:0 0 0 1px #0e3e7c14,0 1px 1px -.5px #2b34460a,0 3px 3px -1.5px #2a33460a,0 6px 6px -3px #2a33460a,0 12px 12px -6px #0e3e7c0a,0 24px 24px -12px #0e3e7c0a;
      --shadow-pretty-sm:0 0 0 1px #0e3e7c14,0 1px 1px -.5px #2b34460a,0 3px 3px -1.5px #2a33460a,0 6px 6px -3px #2a33460a;
      --shadow-pretty-xs:0 0 0 1px #0e3e7c14,0 1px 1px -.5px #2b34460a;
      --shadow-primary:0 4px 4px -2px hsl(var(--c-primary-hsl)/.1),0 8px 8px -4px hsl(var(--c-primary-hsl)/.1),0 16px 16px -8px hsl(var(--c-primary-hsl)/.15),0 32px 32px -16px hsl(var(--c-primary-hsl)/.2)
    }
  }
  @layer base{
    *,:after,:before,::backdrop{
      box-sizing:border-box;
      border:0 solid;
      margin:0;
      padding:0
    }
    ::file-selector-button{
      box-sizing:border-box;
      border:0 solid;
      margin:0;
      padding:0
    }
    html,:host{
      -webkit-text-size-adjust:100%;
      tab-size:4;
      line-height:1.5;
      font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
      font-feature-settings:var(--default-font-feature-settings,normal);
      font-variation-settings:var(--default-font-variation-settings,normal);
      -webkit-tap-highlight-color:transparent
    }
    hr{
      height:0;
      color:inherit;
      border-top-width:1px
    }
    abbr:where([title]){
      -webkit-text-decoration:underline dotted;
      text-decoration:underline dotted
    }
    h1,h2,h3,h4,h5,h6{
      font-size:inherit;
      font-weight:inherit
    }
    a{
      color:inherit;
      -webkit-text-decoration:inherit;
      -webkit-text-decoration:inherit;
      -webkit-text-decoration:inherit;
      text-decoration:inherit
    }
    b,strong{
      font-weight:bolder
    }
    code,kbd,samp,pre{
      font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
      font-feature-settings:var(--default-mono-font-feature-settings,normal);
      font-variation-settings:var(--default-mono-font-variation-settings,normal);
      font-size:1em
    }
    small{
      font-size:80%
    }
    sub,sup{
      vertical-align:baseline;
      font-size:75%;
      line-height:0;
      position:relative
    }
    sub{
      bottom:-.25em
    }
    sup{
      top:-.5em
    }
    table{
      text-indent:0;
      border-color:inherit;
      border-collapse:collapse
    }
    :-moz-focusring{
      outline:auto
    }
    progress{
      vertical-align:baseline
    }
    summary{
      display:list-item
    }
    ol,ul,menu{
      list-style:none
    }
    img,svg,video,canvas,audio,iframe,embed,object{
      vertical-align:middle;
      display:block
    }
    img,video{
      max-width:100%;
      height:auto
    }
    button,input,select,optgroup,textarea{
      font:inherit;
      font-feature-settings:inherit;
      font-variation-settings:inherit;
      letter-spacing:inherit;
      color:inherit;
      opacity:1;
      background-color:#0000;
      border-radius:0
    }
    ::file-selector-button{
      font:inherit;
      font-feature-settings:inherit;
      font-variation-settings:inherit;
      letter-spacing:inherit;
      color:inherit;
      opacity:1;
      background-color:#0000;
      border-radius:0
    }
    :where(select:is([multiple],[size])) optgroup{
      font-weight:bolder
    }
    :where(select:is([multiple],[size])) optgroup option{
      padding-inline-start:20px
    }
    ::file-selector-button{
      margin-inline-end:4px
    }
    ::placeholder{
      opacity:1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
      ::placeholder{
        color:color-mix(in oklab,currentColor 50%,transparent)
      }
    }
    textarea{
      resize:vertical
    }
    ::-webkit-search-decoration{
      -webkit-appearance:none
    }
    ::-webkit-date-and-time-value{
      min-height:1lh;
      text-align:inherit
    }
    ::-webkit-datetime-edit{
      display:inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper{
      padding:0
    }
    ::-webkit-datetime-edit{
      padding-block:0
    }
    ::-webkit-datetime-edit-year-field{
      padding-block:0
    }
    ::-webkit-datetime-edit-month-field{
      padding-block:0
    }
    ::-webkit-datetime-edit-day-field{
      padding-block:0
    }
    ::-webkit-datetime-edit-hour-field{
      padding-block:0
    }
    ::-webkit-datetime-edit-minute-field{
      padding-block:0
    }
    ::-webkit-datetime-edit-second-field{
      padding-block:0
    }
    ::-webkit-datetime-edit-millisecond-field{
      padding-block:0
    }
    ::-webkit-datetime-edit-meridiem-field{
      padding-block:0
    }
    :-moz-ui-invalid{
      box-shadow:none
    }
    button,input:where([type=button],[type=reset],[type=submit]){
      appearance:button
    }
    ::file-selector-button{
      appearance:button
    }
    ::-webkit-inner-spin-button{
      height:auto
    }
    ::-webkit-outer-spin-button{
      height:auto
    }
    [hidden]:where(:not([hidden=until-found])){
      display:none!important
    }
    *,:after,:before,::backdrop{
      border-color:var(--color-gray-200)
    }
    ::file-selector-button{
      border-color:var(--color-gray-200)
    }
    button{
      cursor:pointer
    }
    :root{
      --tw-mask-from-position: ;
      --tw-mask-to-position: ;
      --tw-mask-to-opacity:0;
      --tw-mask-from:#000 var(--tw-mask-from-position);
      --tw-mask-to:rgba(0,0,0,var(--tw-mask-to-opacity,0))var(--tw-mask-to-position);
      --tw-mask-stops:var(--tw-mask-from),var(--tw-mask-to)
    }
    html{
      font-family:var(--gh-font-body,var(--font-body,ui-sans-serif)),var(--font-sans)
    }
    html.has-serif-body{
      font-family:var(--gh-font-body,var(--font-body,ui-serif)),var(--font-serif)
    }
    h1,h2,h3,h4,h5,h6,.has-headings-font{
      font-family:var(--gh-font-heading,var(--font-headings,ui-sans-serif)),var(--font-sans)
    }
    html.has-serif-headings h1,html.has-serif-headings h2,html.has-serif-headings h3,html.has-serif-headings h4,html.has-serif-headings h5,html.has-serif-headings h6,html.has-serif-headings .has-headings-font{
      font-family:var(--gh-font-heading,var(--font-headings,ui-serif)),var(--font-serif)
    }
    html{
      color-scheme:light
    }
    html iframe{
      color-scheme:normal
    }
    .dark{
      color-scheme:dark
    }
    .dark iframe{
      color-scheme:normal
    }
  }
  @layer components;
  @layer utilities{
    .pointer-events-none{
      pointer-events:none
    }
    .invisible{
      visibility:hidden
    }
    .visible{
      visibility:visible
    }
    .sr-only{
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border-width:0;
      width:1px;
      height:1px;
      margin:-1px;
      padding:0;
      position:absolute;
      overflow:hidden
    }
    .absolute{
      position:absolute
    }
    .fixed{
      position:fixed
    }
    .relative{
      position:relative
    }
    .static{
      position:static
    }
    .sticky{
      position:sticky
    }
    .-inset-0\.5{
      inset:calc(var(--spacing)*-.5)
    }
    .-inset-px{
      inset:-1px
    }
    .inset-0{
      inset:calc(var(--spacing)*0)
    }
    .inset-px{
      inset:1px
    }
    .-start-1{
      inset-inline-start:calc(var(--spacing)*-1)
    }
    .-start-6{
      inset-inline-start:calc(var(--spacing)*-6)
    }
    .start-0{
      inset-inline-start:calc(var(--spacing)*0)
    }
    .start-1\/2{
      inset-inline-start:50%
    }
    .start-3{
      inset-inline-start:calc(var(--spacing)*3)
    }
    .start-4{
      inset-inline-start:calc(var(--spacing)*4)
    }
    .start-5{
      inset-inline-start:calc(var(--spacing)*5)
    }
    .start-8{
      inset-inline-start:calc(var(--spacing)*8)
    }
    .-end-1{
      inset-inline-end:calc(var(--spacing)*-1)
    }
    .-end-1\.5{
      inset-inline-end:calc(var(--spacing)*-1.5)
    }
    .-end-4{
      inset-inline-end:calc(var(--spacing)*-4)
    }
    .-end-8{
      inset-inline-end:calc(var(--spacing)*-8)
    }
    .-end-px{
      inset-inline-end:-1px
    }
    .end-0{
      inset-inline-end:calc(var(--spacing)*0)
    }
    .end-1{
      inset-inline-end:calc(var(--spacing)*1)
    }
    .end-3{
      inset-inline-end:calc(var(--spacing)*3)
    }
    .end-4{
      inset-inline-end:calc(var(--spacing)*4)
    }
    .end-5{
      inset-inline-end:calc(var(--spacing)*5)
    }
    .end-8{
      inset-inline-end:calc(var(--spacing)*8)
    }
    .end-px{
      inset-inline-end:1px
    }
    .-top-0\.5{
      top:calc(var(--spacing)*-.5)
    }
    .-top-1\.5{
      top:calc(var(--spacing)*-1.5)
    }
    .-top-1\/2{
      top:-50%
    }
    .-top-3{
      top:calc(var(--spacing)*-3)
    }
    .-top-4{
      top:calc(var(--spacing)*-4)
    }
    .-top-6{
      top:calc(var(--spacing)*-6)
    }
    .-top-8{
      top:calc(var(--spacing)*-8)
    }
    .-top-px{
      top:-1px
    }
    .top-0{
      top:calc(var(--spacing)*0)
    }
    .top-0\.5{
      top:calc(var(--spacing)*.5)
    }
    .top-1{
      top:calc(var(--spacing)*1)
    }
    .top-1\.5{
      top:calc(var(--spacing)*1.5)
    }
    .top-1\/2{
      top:50%
    }
    .top-1\/4{
      top:25%
    }
    .top-4{
      top:calc(var(--spacing)*4)
    }
    .top-5{
      top:calc(var(--spacing)*5)
    }
    .top-10{
      top:calc(var(--spacing)*10)
    }
    .top-14{
      top:calc(var(--spacing)*14)
    }
    .top-16{
      top:calc(var(--spacing)*16)
    }
    .top-26{
      top:calc(var(--spacing)*26)
    }
    .top-32,.top-\[--spacing\(32\)\]{
      top:calc(var(--spacing)*32)
    }
    .top-px{
      top:1px
    }
    .right-0{
      right:calc(var(--spacing)*0)
    }
    .-bottom-px{
      bottom:-1px
    }
    .bottom-0{
      bottom:calc(var(--spacing)*0)
    }
    .bottom-1\.5{
      bottom:calc(var(--spacing)*1.5)
    }
    .bottom-10{
      bottom:calc(var(--spacing)*10)
    }
    .left-0{
      left:calc(var(--spacing)*0)
    }
    .left-1\/2{
      left:50%
    }
    .left-5{
      left:calc(var(--spacing)*5)
    }
    .left-16{
      left:calc(var(--spacing)*16)
    }
    .left-96{
      left:calc(var(--spacing)*96)
    }
    .-z-10{
      z-index:calc(10*-1)
    }
    .-z-50{
      z-index:calc(50*-1)
    }
    .z-0{
      z-index:0
    }
    .z-10{
      z-index:10
    }
    .z-20{
      z-index:20
    }
    .z-50{
      z-index:50
    }
    .z-3999999{
      z-index:3999999
    }
    .z-4999999{
      z-index:4999999
    }
    .col-span-3{
      grid-column:span 3/span 3
    }
    .container{
      width:100%
    }
    @media (width>=26.25rem){
      .container{
        max-width:26.25rem
      }
    }
    @media (width>=40rem){
      .container{
        max-width:40rem
      }
    }
    @media (width>=48rem){
      .container{
        max-width:48rem
      }
    }
    @media (width>=64rem){
      .container{
        max-width:64rem
      }
    }
    @media (width>=80rem){
      .container{
        max-width:80rem
      }
    }
    @media (width>=85.375rem){
      .container{
        max-width:85.375rem
      }
    }
    @media (width>=90rem){
      .container{
        max-width:90rem
      }
    }
    @media (width>=96rem){
      .container{
        max-width:96rem
      }
    }
    @media (width>=120rem){
      .container{
        max-width:120rem
      }
    }
    .m-0{
      margin:calc(var(--spacing)*0)
    }
    .m-1\.5{
      margin:calc(var(--spacing)*1.5)
    }
    .m-auto{
      margin:auto
    }
    @layer components{
      .inner{
        width:100%;
        max-width:var(--breakpoint-4xl);
        margin-inline:auto
      }
      .outer{
        padding-inline:var(--spacing-outer)
      }
    }
    .-mx-1\.5{
      margin-inline:calc(var(--spacing)*-1.5)
    }
    .-mx-2{
      margin-inline:calc(var(--spacing)*-2)
    }
    .-mx-3\.5{
      margin-inline:calc(var(--spacing)*-3.5)
    }
    .-mx-outer{
      margin-inline:calc(var(--spacing-outer)*-1)
    }
    .mx-0\!{
      margin-inline:calc(var(--spacing)*0)!important
    }
    .mx-1{
      margin-inline:calc(var(--spacing)*1)
    }
    .mx-1\.5{
      margin-inline:calc(var(--spacing)*1.5)
    }
    .mx-2{
      margin-inline:calc(var(--spacing)*2)
    }
    .mx-auto{
      margin-inline:auto
    }
    .mx-px{
      margin-inline:1px
    }
    .-my-1{
      margin-block:calc(var(--spacing)*-1)
    }
    .-my-1\.5{
      margin-block:calc(var(--spacing)*-1.5)
    }
    .-my-3{
      margin-block:calc(var(--spacing)*-3)
    }
    .-my-4\.5{
      margin-block:calc(var(--spacing)*-4.5)
    }
    .my-20{
      margin-block:calc(var(--spacing)*20)
    }
    .-ms-0\.5{
      margin-inline-start:calc(var(--spacing)*-.5)
    }
    .-ms-0\.75{
      margin-inline-start:calc(var(--spacing)*-.75)
    }
    .-ms-1{
      margin-inline-start:calc(var(--spacing)*-1)
    }
    .-ms-2{
      margin-inline-start:calc(var(--spacing)*-2)
    }
    .-ms-3{
      margin-inline-start:calc(var(--spacing)*-3)
    }
    .-ms-4{
      margin-inline-start:calc(var(--spacing)*-4)
    }
    .-ms-px{
      margin-inline-start:-1px
    }
    .ms-0\.5{
      margin-inline-start:calc(var(--spacing)*.5)
    }
    .ms-1{
      margin-inline-start:calc(var(--spacing)*1)
    }
    .ms-1\.5{
      margin-inline-start:calc(var(--spacing)*1.5)
    }
    .ms-2{
      margin-inline-start:calc(var(--spacing)*2)
    }
    .ms-3{
      margin-inline-start:calc(var(--spacing)*3)
    }
    .ms-auto{
      margin-inline-start:auto
    }
    .ms-px{
      margin-inline-start:1px
    }
    .-me-0\.5{
      margin-inline-end:calc(var(--spacing)*-.5)
    }
    .-me-1{
      margin-inline-end:calc(var(--spacing)*-1)
    }
    .-me-2\.5{
      margin-inline-end:calc(var(--spacing)*-2.5)
    }
    .-me-6{
      margin-inline-end:calc(var(--spacing)*-6)
    }
    .-me-\[30px\]{
      margin-inline-end:-30px
    }
    .me-0\.5{
      margin-inline-end:calc(var(--spacing)*.5)
    }
    .me-1{
      margin-inline-end:calc(var(--spacing)*1)
    }
    .me-1\.5{
      margin-inline-end:calc(var(--spacing)*1.5)
    }
    .me-2{
      margin-inline-end:calc(var(--spacing)*2)
    }
    .me-3{
      margin-inline-end:calc(var(--spacing)*3)
    }
    .me-3\.5{
      margin-inline-end:calc(var(--spacing)*3.5)
    }
    .me-4{
      margin-inline-end:calc(var(--spacing)*4)
    }
    .me-auto{
      margin-inline-end:auto
    }
    .\!mt-0{
      margin-top:calc(var(--spacing)*0)!important
    }
    .-mt-0\.5{
      margin-top:calc(var(--spacing)*-.5)
    }
    .-mt-3{
      margin-top:calc(var(--spacing)*-3)
    }
    .-mt-px{
      margin-top:-1px
    }
    .mt-0{
      margin-top:calc(var(--spacing)*0)
    }
    .mt-0\.5{
      margin-top:calc(var(--spacing)*.5)
    }
    .mt-1{
      margin-top:calc(var(--spacing)*1)
    }
    .mt-1\.5{
      margin-top:calc(var(--spacing)*1.5)
    }
    .mt-2{
      margin-top:calc(var(--spacing)*2)
    }
    .mt-2\.5{
      margin-top:calc(var(--spacing)*2.5)
    }
    .mt-3{
      margin-top:calc(var(--spacing)*3)
    }
    .mt-3\.5{
      margin-top:calc(var(--spacing)*3.5)
    }
    .mt-4{
      margin-top:calc(var(--spacing)*4)
    }
    .mt-5{
      margin-top:calc(var(--spacing)*5)
    }
    .mt-6{
      margin-top:calc(var(--spacing)*6)
    }
    .mt-7{
      margin-top:calc(var(--spacing)*7)
    }
    .mt-8{
      margin-top:calc(var(--spacing)*8)
    }
    .mt-10{
      margin-top:calc(var(--spacing)*10)
    }
    .mt-12{
      margin-top:calc(var(--spacing)*12)
    }
    .mt-16{
      margin-top:calc(var(--spacing)*16)
    }
    .mt-20{
      margin-top:calc(var(--spacing)*20)
    }
    .mt-auto{
      margin-top:auto
    }
    .mt-px{
      margin-top:1px
    }
    .-mb-0\.5{
      margin-bottom:calc(var(--spacing)*-.5)
    }
    .-mb-16{
      margin-bottom:calc(var(--spacing)*-16)
    }
    .-mb-px{
      margin-bottom:-1px
    }
    .mb-0{
      margin-bottom:calc(var(--spacing)*0)
    }
    .mb-1{
      margin-bottom:calc(var(--spacing)*1)
    }
    .mb-2{
      margin-bottom:calc(var(--spacing)*2)
    }
    .mb-3{
      margin-bottom:calc(var(--spacing)*3)
    }
    .mb-4{
      margin-bottom:calc(var(--spacing)*4)
    }
    .mb-5{
      margin-bottom:calc(var(--spacing)*5)
    }
    .mb-6{
      margin-bottom:calc(var(--spacing)*6)
    }
    .mb-7{
      margin-bottom:calc(var(--spacing)*7)
    }
    .mb-8{
      margin-bottom:calc(var(--spacing)*8)
    }
    .mb-10{
      margin-bottom:calc(var(--spacing)*10)
    }
    .mb-12{
      margin-bottom:calc(var(--spacing)*12)
    }
    .mb-16{
      margin-bottom:calc(var(--spacing)*16)
    }
    .mb-20{
      margin-bottom:calc(var(--spacing)*20)
    }
    .ml-2{
      margin-left:calc(var(--spacing)*2)
    }
    .ml-auto{
      margin-left:auto
    }
    .line-clamp-1{
      -webkit-line-clamp:1;
      -webkit-box-orient:vertical;
      display:-webkit-box;
      overflow:hidden
    }
    .line-clamp-2{
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      display:-webkit-box;
      overflow:hidden
    }
    .\!block{
      display:block!important
    }
    .block{
      display:block
    }
    .contents{
      display:contents
    }
    .flex{
      display:flex
    }
    .grid{
      display:grid
    }
    .hidden{
      display:none
    }
    .inline{
      display:inline
    }
    .inline-block{
      display:inline-block
    }
    .inline-flex{
      display:inline-flex
    }
    .table{
      display:table
    }
    .aspect-1\/1{
      aspect-ratio:1
    }
    .aspect-3\/4{
      aspect-ratio:3/4
    }
    .aspect-4\/3{
      aspect-ratio:4/3
    }
    .aspect-4\/5{
      aspect-ratio:4/5
    }
    .aspect-5\/4{
      aspect-ratio:5/4
    }
    .aspect-9\/16{
      aspect-ratio:9/16
    }
    .aspect-16\/9{
      aspect-ratio:16/9
    }
    .aspect-square{
      aspect-ratio:1
    }
    .h-0{
      height:calc(var(--spacing)*0)
    }
    .h-0\.5{
      height:calc(var(--spacing)*.5)
    }
    .h-1\.5{
      height:calc(var(--spacing)*1.5)
    }
    .h-2{
      height:calc(var(--spacing)*2)
    }
    .h-3{
      height:calc(var(--spacing)*3)
    }
    .h-3\.5{
      height:calc(var(--spacing)*3.5)
    }
    .h-4{
      height:calc(var(--spacing)*4)
    }
    .h-4\.5{
      height:calc(var(--spacing)*4.5)
    }
    .h-5{
      height:calc(var(--spacing)*5)
    }
    .h-6{
      height:calc(var(--spacing)*6)
    }
    .h-7{
      height:calc(var(--spacing)*7)
    }
    .h-8{
      height:calc(var(--spacing)*8)
    }
    .h-10{
      height:calc(var(--spacing)*10)
    }
    .h-12{
      height:calc(var(--spacing)*12)
    }
    .h-14{
      height:calc(var(--spacing)*14)
    }
    .h-16{
      height:calc(var(--spacing)*16)
    }
    .h-20{
      height:calc(var(--spacing)*20)
    }
    .h-32{
      height:calc(var(--spacing)*32)
    }
    .h-40{
      height:calc(var(--spacing)*40)
    }
    .h-60{
      height:calc(var(--spacing)*60)
    }
    .h-70{
      height:calc(var(--spacing)*70)
    }
    .h-\[5px\]{
      height:5px
    }
    .h-\[1000px\]{
      height:1000px
    }
    .h-\[calc\(100vh-\(--spacing\(16\)\)\)\]{
      height:calc(100vh - (calc(var(--spacing)*16)))
    }
    .h-auto{
      height:auto
    }
    .h-full{
      height:100%
    }
    .h-px{
      height:1px
    }
    .h-screen{
      height:100vh
    }
    .max-h-9{
      max-height:calc(var(--spacing)*9)
    }
    .max-h-80{
      max-height:calc(var(--spacing)*80)
    }
    .max-h-\[calc\(100vh-\(--spacing\(24\)\)\)\]{
      max-height:calc(100vh - (calc(var(--spacing)*24)))
    }
    .max-h-\[calc\(100vh-172px\)\]{
      max-height:calc(100vh - 172px)
    }
    .min-h-10{
      min-height:calc(var(--spacing)*10)
    }
    .min-h-16{
      min-height:calc(var(--spacing)*16)
    }
    .min-h-\[calc\(100dvh-\(--spacing\(16\)\)\)\]{
      min-height:calc(100dvh - (calc(var(--spacing)*16)))
    }
    .min-h-dvh{
      min-height:100dvh
    }
    .min-h-full{
      min-height:100%
    }
    .w-0{
      width:calc(var(--spacing)*0)
    }
    .w-0\.5{
      width:calc(var(--spacing)*.5)
    }
    .w-1\.5{
      width:calc(var(--spacing)*1.5)
    }
    .w-1\/2{
      width:50%
    }
    .w-1\/3{
      width:33.3333%
    }
    .w-2{
      width:calc(var(--spacing)*2)
    }
    .w-3{
      width:calc(var(--spacing)*3)
    }
    .w-3\.5{
      width:calc(var(--spacing)*3.5)
    }
    .w-4{
      width:calc(var(--spacing)*4)
    }
    .w-4\.5{
      width:calc(var(--spacing)*4.5)
    }
    .w-5{
      width:calc(var(--spacing)*5)
    }
    .w-5xl{
      width:var(--container-5xl)
    }
    .w-6{
      width:calc(var(--spacing)*6)
    }
    .w-7{
      width:calc(var(--spacing)*7)
    }
    .w-8{
      width:calc(var(--spacing)*8)
    }
    .w-10{
      width:calc(var(--spacing)*10)
    }
    .w-12{
      width:calc(var(--spacing)*12)
    }
    .w-14{
      width:calc(var(--spacing)*14)
    }
    .w-16{
      width:calc(var(--spacing)*16)
    }
    .w-20{
      width:calc(var(--spacing)*20)
    }
    .w-32{
      width:calc(var(--spacing)*32)
    }
    .w-56{
      width:calc(var(--spacing)*56)
    }
    .w-60{
      width:calc(var(--spacing)*60)
    }
    .w-80{
      width:calc(var(--spacing)*80)
    }
    .w-\[200vw\]{
      width:200vw
    }
    .w-auto{
      width:auto
    }
    .w-full{
      width:100%
    }
    .w-px{
      width:1px
    }
    .w-screen{
      width:100vw
    }
    .max-w-1\/2{
      max-width:50%
    }
    .max-w-2xl{
      max-width:var(--container-2xl)
    }
    .max-w-3xl{
      max-width:var(--container-3xl)
    }
    .max-w-4xl{
      max-width:var(--container-4xl)
    }
    .max-w-5xl{
      max-width:var(--container-5xl)
    }
    .max-w-6xl{
      max-width:var(--container-6xl)
    }
    .max-w-fit{
      max-width:fit-content
    }
    .max-w-full{
      max-width:100%
    }
    .max-w-lg{
      max-width:var(--container-lg)
    }
    .max-w-md{
      max-width:var(--container-md)
    }
    .max-w-none{
      max-width:none
    }
    .max-w-prose{
      max-width:65ch
    }
    .max-w-xs{
      max-width:var(--container-xs)
    }
    .min-w-0{
      min-width:calc(var(--spacing)*0)
    }
    .min-w-4{
      min-width:calc(var(--spacing)*4)
    }
    .min-w-28{
      min-width:calc(var(--spacing)*28)
    }
    .min-w-60{
      min-width:calc(var(--spacing)*60)
    }
    .min-w-full{
      min-width:100%
    }
    .flex-auto{
      flex:auto
    }
    .flex-none{
      flex:none
    }
    .flex-shrink,.shrink{
      flex-shrink:1
    }
    .shrink-0{
      flex-shrink:0
    }
    .grow{
      flex-grow:1
    }
    .basis-1\/2{
      flex-basis:50%
    }
    .origin-top{
      transform-origin:top
    }
    .-translate-x-1\/2{
      --tw-translate-x:calc(calc(1/2*100%)*-1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-x-1\/4{
      --tw-translate-x:calc(calc(1/4*100%)*-1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-x-1\/8{
      --tw-translate-x:calc(calc(1/8*100%)*-1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-x-full{
      --tw-translate-x:-100%;
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-x-full{
      --tw-translate-x:100%;
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-1\/2{
      --tw-translate-y:calc(calc(1/2*100%)*-1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-2\/3{
      --tw-translate-y:calc(calc(2/3*100%)*-1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-5\.75{
      --tw-translate-y:calc(var(--spacing)*-5.75);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-12{
      --tw-translate-y:calc(var(--spacing)*-12);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-full{
      --tw-translate-y:-100%;
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-0{
      --tw-translate-y:calc(var(--spacing)*0);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-z-0{
      --tw-translate-z:calc(var(--spacing)*0);
      translate:var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)
    }
    .-scale-100{
      --tw-scale-x:calc(100%*-1);
      --tw-scale-y:calc(100%*-1);
      --tw-scale-z:calc(100%*-1);
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .-scale-x-100{
      --tw-scale-x:calc(100%*-1);
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-x-95{
      --tw-scale-x:95%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .-rotate-45{
      rotate:-45deg
    }
    .-rotate-180{
      rotate:-180deg
    }
    .transform{
      transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
    }
    .animate-\[appear_1s\]{
      animation:1s appear
    }
    .animate-fade{
      animation:fade var(--animation-duration,0s)ease-out
    }
    .animate-rotate-angle{
      animation:2s linear infinite rotate-angle
    }
    .animate-slide-down{
      animation:slide-down var(--animation-duration,0s)ease-out
    }
    .animate-slide-up{
      animation:slide-up var(--animation-duration,0s)ease-out
    }
    .cursor-pointer{
      cursor:pointer
    }
    .resize{
      resize:both
    }
    .scroll-m-8{
      scroll-margin:calc(var(--spacing)*8)
    }
    .scroll-m-10{
      scroll-margin:calc(var(--spacing)*10)
    }
    .scroll-m-12{
      scroll-margin:calc(var(--spacing)*12)
    }
    .scroll-m-16{
      scroll-margin:calc(var(--spacing)*16)
    }
    .scroll-m-16\!{
      scroll-margin:calc(var(--spacing)*16)!important
    }
    .grid-cols-1{
      grid-template-columns:repeat(1,minmax(0,1fr))
    }
    .grid-cols-\[1fr_auto_auto\]{
      grid-template-columns:1fr auto auto
    }
    .grid-cols-\[repeat\(auto-fill\,minmax\(140px\,1fr\)\)\]{
      grid-template-columns:repeat(auto-fill,minmax(140px,1fr))
    }
    .flex-col{
      flex-direction:column
    }
    .flex-row-reverse{
      flex-direction:row-reverse
    }
    .flex-wrap{
      flex-wrap:wrap
    }
    .content-center{
      align-content:center
    }
    .items-baseline{
      align-items:baseline
    }
    .items-center{
      align-items:center
    }
    .justify-between{
      justify-content:space-between
    }
    .justify-center{
      justify-content:center
    }
    .justify-end{
      justify-content:flex-end
    }
    .gap-0{
      gap:calc(var(--spacing)*0)
    }
    .gap-0\.5{
      gap:calc(var(--spacing)*.5)
    }
    .gap-1{
      gap:calc(var(--spacing)*1)
    }
    .gap-2{
      gap:calc(var(--spacing)*2)
    }
    .gap-3{
      gap:calc(var(--spacing)*3)
    }
    .gap-3\.5{
      gap:calc(var(--spacing)*3.5)
    }
    .gap-4{
      gap:calc(var(--spacing)*4)
    }
    .gap-7{
      gap:calc(var(--spacing)*7)
    }
    .gap-10{
      gap:calc(var(--spacing)*10)
    }
    .gap-20{
      gap:calc(var(--spacing)*20)
    }
    :where(.space-y-1>:not(:last-child)){
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-2>:not(:last-child)){
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-8>:not(:last-child)){
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
    }
    .gap-x-4{
      column-gap:calc(var(--spacing)*4)
    }
    .gap-x-10{
      column-gap:calc(var(--spacing)*10)
    }
    :where(.space-x-0\.5>:not(:last-child)){
      --tw-space-x-reverse:0;
      margin-inline-start:calc(calc(var(--spacing)*.5)*var(--tw-space-x-reverse));
      margin-inline-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-x-reverse)))
    }
    :where(.space-x-2>:not(:last-child)){
      --tw-space-x-reverse:0;
      margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
      margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }
    .gap-y-1\.5{
      row-gap:calc(var(--spacing)*1.5)
    }
    .gap-y-2{
      row-gap:calc(var(--spacing)*2)
    }
    .gap-y-5{
      row-gap:calc(var(--spacing)*5)
    }
    .gap-y-16{
      row-gap:calc(var(--spacing)*16)
    }
    .truncate{
      text-overflow:ellipsis;
      white-space:nowrap;
      overflow:hidden
    }
    .overflow-hidden{
      overflow:hidden
    }
    .overflow-x-hidden{
      overflow-x:hidden
    }
    .overflow-y-auto{
      overflow-y:auto
    }
    .overflow-y-hidden{
      overflow-y:hidden
    }
    .overflow-y-scroll{
      overflow-y:scroll
    }
    .\!rounded-full{
      border-radius:3.40282e38px!important
    }
    .rounded-2xl{
      border-radius:var(--radius-2xl)
    }
    .rounded-3xl{
      border-radius:var(--radius-3xl)
    }
    .rounded-full{
      border-radius:3.40282e38px
    }
    .rounded-inherit{
      border-radius:inherit
    }
    .rounded-lg{
      border-radius:var(--radius-lg)
    }
    .rounded-md{
      border-radius:var(--radius-md)
    }
    .rounded-sm{
      border-radius:var(--radius-sm)
    }
    .rounded-xl{
      border-radius:var(--radius-xl)
    }
    .rounded-r-none\!{
      border-top-right-radius:0!important;
      border-bottom-right-radius:0!important
    }
    .rounded-b-none{
      border-bottom-right-radius:0;
      border-bottom-left-radius:0
    }
    .border{
      border-style:var(--tw-border-style);
      border-width:1px
    }
    .border-y{
      border-block-style:var(--tw-border-style);
      border-block-width:1px
    }
    .border-s{
      border-inline-start-style:var(--tw-border-style);
      border-inline-start-width:1px
    }
    .border-e{
      border-inline-end-style:var(--tw-border-style);
      border-inline-end-width:1px
    }
    .border-t{
      border-top-style:var(--tw-border-style);
      border-top-width:1px
    }
    .border-b{
      border-bottom-style:var(--tw-border-style);
      border-bottom-width:1px
    }
    .border-b-0{
      border-bottom-style:var(--tw-border-style);
      border-bottom-width:0
    }
    .border-blue-950\/10{
      border-color:color-mix(in oklab,var(--color-blue-950)10%,transparent)
    }
    .border-gray-50\/5{
      border-color:color-mix(in oklab,var(--color-gray-50)5%,transparent)
    }
    .border-gray-50\/10{
      border-color:color-mix(in oklab,var(--color-gray-50)10%,transparent)
    }
    .border-gray-50\/15{
      border-color:color-mix(in oklab,var(--color-gray-50)15%,transparent)
    }
    .border-gray-900\/5{
      border-color:color-mix(in oklab,var(--color-gray-900)5%,transparent)
    }
    .border-gray-950\/1{
      border-color:color-mix(in oklab,var(--color-gray-950)1%,transparent)
    }
    .border-gray-950\/5{
      border-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)
    }
    .border-gray-950\/10{
      border-color:color-mix(in oklab,var(--color-gray-950)10%,transparent)
    }
    .border-transparent{
      border-color:#0000
    }
    .bg-accent{
      background-color:rgb(var(--ghost-accent-color-rgb))
    }
    .bg-amber-500{
      background-color:var(--color-amber-500)
    }
    .bg-background{
      background-color:var(--color-background)
    }
    .bg-background-dark{
      background-color:var(--color-background-dark)
    }
    .bg-background-dark\/80{
      background-color:color-mix(in oklab,var(--color-background-dark)80%,transparent)
    }
    .bg-black\/20{
      background-color:color-mix(in oklab,var(--color-black)20%,transparent)
    }
    .bg-gray-50{
      background-color:var(--color-gray-50)
    }
    .bg-gray-100{
      background-color:var(--color-gray-100)
    }
    .bg-gray-100\/80{
      background-color:color-mix(in oklab,var(--color-gray-100)80%,transparent)
    }
    .bg-gray-200{
      background-color:var(--color-gray-200)
    }
    .bg-gray-300{
      background-color:var(--color-gray-300)
    }
    .bg-gray-400{
      background-color:var(--color-gray-400)
    }
    .bg-gray-500{
      background-color:var(--color-gray-500)
    }
    .bg-gray-800{
      background-color:var(--color-gray-800)
    }
    .bg-gray-950\/2{
      background-color:color-mix(in oklab,var(--color-gray-950)2%,transparent)
    }
    .bg-gray-950\/5{
      background-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)
    }
    .bg-gray-950\/10{
      background-color:color-mix(in oklab,var(--color-gray-950)10%,transparent)
    }
    .bg-green-500{
      background-color:var(--color-green-500)
    }
    .bg-primary{
      background-color:hsl(var(--c-primary-hsl))
    }
    .bg-red-500{
      background-color:var(--color-red-500)
    }
    .bg-transparent{
      background-color:#0000
    }
    .bg-white{
      background-color:var(--color-white)
    }
    .bg-white\/1{
      background-color:color-mix(in oklab,var(--color-white)1%,transparent)
    }
    .bg-white\/5{
      background-color:color-mix(in oklab,var(--color-white)5%,transparent)
    }
    .bg-white\/90{
      background-color:color-mix(in oklab,var(--color-white)90%,transparent)
    }
    .bg-linear-to-b{
      --tw-gradient-position:to bottom in oklab;
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-linear-to-br{
      --tw-gradient-position:to bottom right in oklab;
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-linear-to-r{
      --tw-gradient-position:to right in oklab;
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-linear-to-t{
      --tw-gradient-position:to top in oklab;
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-radial-\[50\%_100\%_at_50\%_0\%\]{
      --tw-gradient-position:50% 100% at 50% 0%;
      background-image:radial-gradient(var(--tw-gradient-stops,50% 100% at 50% 0%))
    }
    .bg-radial-\[50\%_100\%_at_50\%_100\%\]{
      --tw-gradient-position:50% 100% at 50% 100%;
      background-image:radial-gradient(var(--tw-gradient-stops,50% 100% at 50% 100%))
    }
    .bg-radial-\[60\%_60\%_at_50\%_100\%\]{
      --tw-gradient-position:60% 60% at 50% 100%;
      background-image:radial-gradient(var(--tw-gradient-stops,60% 60% at 50% 100%))
    }
    .bg-radial-\[90\%_90\%_at_0\%_0\%\]{
      --tw-gradient-position:90% 90% at 0% 0%;
      background-image:radial-gradient(var(--tw-gradient-stops,90% 90% at 0% 0%))
    }
    .from-black\/0{
      --tw-gradient-from:color-mix(in oklab,var(--color-black)0%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-gray-50{
      --tw-gradient-from:var(--color-gray-50);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-gray-100{
      --tw-gradient-from:var(--color-gray-100);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-gray-100\/80{
      --tw-gradient-from:color-mix(in oklab,var(--color-gray-100)80%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-gray-400\/10{
      --tw-gradient-from:color-mix(in oklab,var(--color-gray-400)10%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-gray-700\/10{
      --tw-gradient-from:color-mix(in oklab,var(--color-gray-700)10%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-gray-900\/15{
      --tw-gradient-from:color-mix(in oklab,var(--color-gray-900)15%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-transparent{
      --tw-gradient-from:transparent;
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-white{
      --tw-gradient-from:var(--color-white);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-white\/0{
      --tw-gradient-from:color-mix(in oklab,var(--color-white)0%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-white\/10{
      --tw-gradient-from:color-mix(in oklab,var(--color-white)10%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-white\/12{
      --tw-gradient-from:color-mix(in oklab,var(--color-white)12%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-white\/20{
      --tw-gradient-from:color-mix(in oklab,var(--color-white)20%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-white\/30{
      --tw-gradient-from:color-mix(in oklab,var(--color-white)30%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-0\%{
      --tw-gradient-from-position:0%
    }
    .from-40\%{
      --tw-gradient-from-position:40%
    }
    .from-50\%{
      --tw-gradient-from-position:50%
    }
    .via-gray-300{
      --tw-gradient-via:var(--color-gray-300);
      --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-gray-400\/50{
      --tw-gradient-via:color-mix(in oklab,var(--color-gray-400)50%,transparent);
      --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-gray-900\/15{
      --tw-gradient-via:color-mix(in oklab,var(--color-gray-900)15%,transparent);
      --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-primary{
      --tw-gradient-via:hsl(var(--c-primary-hsl));
      --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-white\/20{
      --tw-gradient-via:color-mix(in oklab,var(--color-white)20%,transparent);
      --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-white\/30{
      --tw-gradient-via:color-mix(in oklab,var(--color-white)30%,transparent);
      --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .to-background{
      --tw-gradient-to:var(--color-background);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .to-background-dark{
      --tw-gradient-to:var(--color-background-dark);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .to-black\/0{
      --tw-gradient-to:color-mix(in oklab,var(--color-black)0%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .to-white\/0{
      --tw-gradient-to:color-mix(in oklab,var(--color-white)0%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .to-30\%{
      --tw-gradient-to-position:30%
    }
    .to-50\%{
      --tw-gradient-to-position:50%
    }
    .to-60\%{
      --tw-gradient-to-position:60%
    }
    .to-70\%{
      --tw-gradient-to-position:70%
    }
    .bg-grid-gray-50\/10{
      --bg-grid-alpha:calc(10*1%);
      --bg-grid-size:60px;
      background:linear-gradient(to right,color-mix(in oklab,var(--color-gray-50)var(--bg-grid-alpha),transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--color-gray-50)var(--bg-grid-alpha),transparent)1px,transparent 1px);
      background-size:var(--bg-grid-size)var(--bg-grid-size)
    }
    .bg-grid-gray-950\/10{
      --bg-grid-alpha:calc(10*1%);
      --bg-grid-size:60px;
      background:linear-gradient(to right,color-mix(in oklab,var(--color-gray-950)var(--bg-grid-alpha),transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--color-gray-950)var(--bg-grid-alpha),transparent)1px,transparent 1px);
      background-size:var(--bg-grid-size)var(--bg-grid-size)
    }
    .bg-grid-gray-950{
      --bg-grid-size:60px;
      background:linear-gradient(to right,color-mix(in oklab,var(--color-gray-950)var(--bg-grid-alpha),transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--color-gray-950)var(--bg-grid-alpha),transparent)1px,transparent 1px);
      background-size:var(--bg-grid-size)var(--bg-grid-size)
    }
    .bg-clip-text{
      -webkit-background-clip:text;
      background-clip:text
    }
    .bg-no-repeat{
      background-repeat:no-repeat
    }
    .stroke-black{
      stroke:var(--color-black)
    }
    .object-cover{
      object-fit:cover
    }
    .p-0\.5{
      padding:calc(var(--spacing)*.5)
    }
    .p-1{
      padding:calc(var(--spacing)*1)
    }
    .p-1\.5{
      padding:calc(var(--spacing)*1.5)
    }
    .p-2{
      padding:calc(var(--spacing)*2)
    }
    .p-2\.5{
      padding:calc(var(--spacing)*2.5)
    }
    .p-4{
      padding:calc(var(--spacing)*4)
    }
    .p-6{
      padding:calc(var(--spacing)*6)
    }
    .p-\[3px\]{
      padding:3px
    }
    .px-0{
      padding-inline:calc(var(--spacing)*0)
    }
    .px-1{
      padding-inline:calc(var(--spacing)*1)
    }
    .px-2{
      padding-inline:calc(var(--spacing)*2)
    }
    .px-3{
      padding-inline:calc(var(--spacing)*3)
    }
    .px-4{
      padding-inline:calc(var(--spacing)*4)
    }
    .px-5{
      padding-inline:calc(var(--spacing)*5)
    }
    .px-6{
      padding-inline:calc(var(--spacing)*6)
    }
    .px-7{
      padding-inline:calc(var(--spacing)*7)
    }
    .px-10{
      padding-inline:calc(var(--spacing)*10)
    }
    .px-outer{
      padding-inline:var(--spacing-outer)
    }
    .px-px{
      padding-inline:1px
    }
    .py-0\.5{
      padding-block:calc(var(--spacing)*.5)
    }
    .py-1{
      padding-block:calc(var(--spacing)*1)
    }
    .py-1\.5{
      padding-block:calc(var(--spacing)*1.5)
    }
    .py-2{
      padding-block:calc(var(--spacing)*2)
    }
    .py-2\.5{
      padding-block:calc(var(--spacing)*2.5)
    }
    .py-3{
      padding-block:calc(var(--spacing)*3)
    }
    .py-4{
      padding-block:calc(var(--spacing)*4)
    }
    .py-4\.5{
      padding-block:calc(var(--spacing)*4.5)
    }
    .py-5{
      padding-block:calc(var(--spacing)*5)
    }
    .py-8{
      padding-block:calc(var(--spacing)*8)
    }
    .py-10{
      padding-block:calc(var(--spacing)*10)
    }
    .py-16{
      padding-block:calc(var(--spacing)*16)
    }
    .py-20{
      padding-block:calc(var(--spacing)*20)
    }
    .py-px{
      padding-block:1px
    }
    .ps-1{
      padding-inline-start:calc(var(--spacing)*1)
    }
    .ps-2{
      padding-inline-start:calc(var(--spacing)*2)
    }
    .ps-3{
      padding-inline-start:calc(var(--spacing)*3)
    }
    .ps-4{
      padding-inline-start:calc(var(--spacing)*4)
    }
    .ps-5{
      padding-inline-start:calc(var(--spacing)*5)
    }
    .ps-9{
      padding-inline-start:calc(var(--spacing)*9)
    }
    .ps-\[28px\]{
      padding-inline-start:28px
    }
    .pe-1{
      padding-inline-end:calc(var(--spacing)*1)
    }
    .pe-1\.5{
      padding-inline-end:calc(var(--spacing)*1.5)
    }
    .pe-2{
      padding-inline-end:calc(var(--spacing)*2)
    }
    .pe-3{
      padding-inline-end:calc(var(--spacing)*3)
    }
    .pe-4{
      padding-inline-end:calc(var(--spacing)*4)
    }
    .pe-5{
      padding-inline-end:calc(var(--spacing)*5)
    }
    .pe-16{
      padding-inline-end:calc(var(--spacing)*16)
    }
    .pt-0\!{
      padding-top:calc(var(--spacing)*0)!important
    }
    .pt-1\.5{
      padding-top:calc(var(--spacing)*1.5)
    }
    .pt-2{
      padding-top:calc(var(--spacing)*2)
    }
    .pt-6{
      padding-top:calc(var(--spacing)*6)
    }
    .pt-10{
      padding-top:calc(var(--spacing)*10)
    }
    .pt-14{
      padding-top:calc(var(--spacing)*14)
    }
    .pt-16{
      padding-top:calc(var(--spacing)*16)
    }
    .pt-20{
      padding-top:calc(var(--spacing)*20)
    }
    .pr-2{
      padding-right:calc(var(--spacing)*2)
    }
    .pb-0\!{
      padding-bottom:calc(var(--spacing)*0)!important
    }
    .pb-4\.5{
      padding-bottom:calc(var(--spacing)*4.5)
    }
    .pb-5{
      padding-bottom:calc(var(--spacing)*5)
    }
    .pb-6{
      padding-bottom:calc(var(--spacing)*6)
    }
    .pb-16{
      padding-bottom:calc(var(--spacing)*16)
    }
    .pb-20{
      padding-bottom:calc(var(--spacing)*20)
    }
    .pb-28{
      padding-bottom:calc(var(--spacing)*28)
    }
    .text-center{
      text-align:center
    }
    .text-end{
      text-align:end
    }
    .text-start{
      text-align:start
    }
    .align-top{
      vertical-align:top
    }
    .font-mono{
      font-family:var(--font-mono)
    }
    .text-2xl{
      font-size:var(--text-2xl);
      line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .text-2xs{
      font-size:var(--text-2xs);
      line-height:var(--tw-leading,var(--text-2xs--line-height))
    }
    .text-3xs{
      font-size:var(--text-3xs);
      line-height:var(--tw-leading,var(--text-3xs--line-height))
    }
    .text-4xl{
      font-size:var(--text-4xl);
      line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
    .text-base{
      font-size:var(--text-base);
      line-height:var(--tw-leading,var(--text-base--line-height))
    }
    .text-lg{
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .text-lg\!{
      font-size:var(--text-lg)!important;
      line-height:var(--tw-leading,var(--text-lg--line-height))!important
    }
    .text-sm{
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .text-xl{
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .text-xs{
      font-size:var(--text-xs);
      line-height:var(--tw-leading,var(--text-xs--line-height))
    }
    .leading-3{
      --tw-leading:calc(var(--spacing)*3);
      line-height:calc(var(--spacing)*3)
    }
    .leading-4{
      --tw-leading:calc(var(--spacing)*4);
      line-height:calc(var(--spacing)*4)
    }
    .leading-5{
      --tw-leading:calc(var(--spacing)*5);
      line-height:calc(var(--spacing)*5)
    }
    .leading-6{
      --tw-leading:calc(var(--spacing)*6);
      line-height:calc(var(--spacing)*6)
    }
    .leading-7{
      --tw-leading:calc(var(--spacing)*7);
      line-height:calc(var(--spacing)*7)
    }
    .leading-8{
      --tw-leading:calc(var(--spacing)*8);
      line-height:calc(var(--spacing)*8)
    }
    .leading-none{
      --tw-leading:1;
      line-height:1
    }
    .leading-normal{
      --tw-leading:var(--leading-normal);
      line-height:var(--leading-normal)
    }
    .leading-snug{
      --tw-leading:var(--leading-snug);
      line-height:var(--leading-snug)
    }
    .leading-tight{
      --tw-leading:var(--leading-tight);
      line-height:var(--leading-tight)
    }
    .leading-tighter{
      --tw-leading:var(--leading-tighter);
      line-height:var(--leading-tighter)
    }
    .font-bold{
      --tw-font-weight:var(--font-weight-bold);
      font-weight:var(--font-weight-bold)
    }
    .font-extrabold{
      --tw-font-weight:var(--font-weight-extrabold);
      font-weight:var(--font-weight-extrabold)
    }
    .font-medium{
      --tw-font-weight:var(--font-weight-medium);
      font-weight:var(--font-weight-medium)
    }
    .font-normal{
      --tw-font-weight:var(--font-weight-normal);
      font-weight:var(--font-weight-normal)
    }
    .font-semibold{
      --tw-font-weight:var(--font-weight-semibold);
      font-weight:var(--font-weight-semibold)
    }
    .-tracking-xs{
      --tw-tracking:calc(var(--tracking-xs)*-1);
      letter-spacing:calc(var(--tracking-xs)*-1)
    }
    .tracking-normal{
      --tw-tracking:var(--tracking-normal);
      letter-spacing:var(--tracking-normal)
    }
    .tracking-tight{
      --tw-tracking:var(--tracking-tight);
      letter-spacing:var(--tracking-tight)
    }
    .tracking-tighter{
      --tw-tracking:var(--tracking-tighter);
      letter-spacing:var(--tracking-tighter)
    }
    .tracking-wide{
      --tw-tracking:var(--tracking-wide);
      letter-spacing:var(--tracking-wide)
    }
    .tracking-wider{
      --tw-tracking:var(--tracking-wider);
      letter-spacing:var(--tracking-wider)
    }
    .text-balance{
      text-wrap:balance
    }
    .text-pretty{
      text-wrap:pretty
    }
    .whitespace-nowrap{
      white-space:nowrap
    }
    .text-accent-contrast{
      color:var(--color-contrast,#fff)
    }
    .text-gray-50{
      color:var(--color-gray-50)
    }
    .text-gray-400{
      color:var(--color-gray-400)
    }
    .text-gray-500{
      color:var(--color-gray-500)
    }
    .text-gray-600{
      color:var(--color-gray-600)
    }
    .text-gray-700{
      color:var(--color-gray-700)
    }
    .text-gray-800{
      color:var(--color-gray-800)
    }
    .text-gray-900{
      color:var(--color-gray-900)
    }
    .text-gray-950{
      color:var(--color-gray-950)
    }
    .text-gray-950\/50{
      color:color-mix(in oklab,var(--color-gray-950)50%,transparent)
    }
    .text-inherit{
      color:inherit
    }
    .text-primary{
      color:hsl(var(--c-primary-hsl))
    }
    .text-primary-contrast{
      color:var(--color-contrast,#fff)
    }
    .text-transparent{
      color:#0000
    }
    .text-white{
      color:var(--color-white)
    }
    .capitalize{
      text-transform:capitalize
    }
    .uppercase{
      text-transform:uppercase
    }
    .italic{
      font-style:italic
    }
    .no-underline{
      text-decoration-line:none
    }
    .underline{
      text-decoration-line:underline
    }
    .decoration-primary{
      -webkit-text-decoration-color:hsl(var(--c-primary-hsl));
      -webkit-text-decoration-color:hsl(var(--c-primary-hsl));
      text-decoration-color:hsl(var(--c-primary-hsl))
    }
    .decoration-2{
      text-decoration-thickness:2px
    }
    .underline-offset-2{
      text-underline-offset:2px
    }
    .antialiased{
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale
    }
    .opacity-0{
      opacity:0
    }
    .opacity-3{
      opacity:.03
    }
    .opacity-5{
      opacity:.05
    }
    .opacity-15{
      opacity:.15
    }
    .opacity-20{
      opacity:.2
    }
    .opacity-25{
      opacity:.25
    }
    .opacity-30{
      opacity:.3
    }
    .opacity-40{
      opacity:.4
    }
    .opacity-50{
      opacity:.5
    }
    .opacity-60{
      opacity:.6
    }
    .opacity-70{
      opacity:.7
    }
    .opacity-80{
      opacity:.8
    }
    .opacity-85{
      opacity:.85
    }
    .opacity-90{
      opacity:.9
    }
    .opacity-100{
      opacity:1
    }
    .shadow-lg{
      --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-pretty{
      --tw-shadow:0 0 0 1px var(--tw-shadow-color,#0e3e7c14),0 1px 1px -.5px var(--tw-shadow-color,#2b34460a),0 3px 3px -1.5px var(--tw-shadow-color,#2a33460a),0 6px 6px -3px var(--tw-shadow-color,#2a33460a),0 12px 12px -6px var(--tw-shadow-color,#0e3e7c0a),0 24px 24px -12px var(--tw-shadow-color,#0e3e7c0a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-pretty-sm{
      --tw-shadow:0 0 0 1px var(--tw-shadow-color,#0e3e7c14),0 1px 1px -.5px var(--tw-shadow-color,#2b34460a),0 3px 3px -1.5px var(--tw-shadow-color,#2a33460a),0 6px 6px -3px var(--tw-shadow-color,#2a33460a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-primary{
      --tw-shadow:0 4px 4px -2px var(--tw-shadow-color,hsl(var(--c-primary-hsl)/.1)),0 8px 8px -4px var(--tw-shadow-color,hsl(var(--c-primary-hsl)/.1)),0 16px 16px -8px var(--tw-shadow-color,hsl(var(--c-primary-hsl)/.15)),0 32px 32px -16px var(--tw-shadow-color,hsl(var(--c-primary-hsl)/.2));
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-sm{
      --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-xs{
      --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .ring-1{
      --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .ring-3{
      --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .inset-shadow-md{
      --tw-inset-shadow:inset 0 4px 12px 0 var(--tw-inset-shadow-color,#0000000d);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .ring-accent{
      --tw-ring-color:rgb(var(--ghost-accent-color-rgb))
    }
    .ring-gray-50\/10{
      --tw-ring-color:color-mix(in oklab,var(--color-gray-50)10%,transparent)
    }
    .ring-gray-900\/5{
      --tw-ring-color:color-mix(in oklab,var(--color-gray-900)5%,transparent)
    }
    .ring-gray-950\/5{
      --tw-ring-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)
    }
    .ring-gray-950\/10{
      --tw-ring-color:color-mix(in oklab,var(--color-gray-950)10%,transparent)
    }
    .ring-transparent{
      --tw-ring-color:transparent
    }
    .inset-shadow-white\/2{
      --tw-inset-shadow-color:color-mix(in oklab,var(--color-white)2%,transparent)
    }
    .inset-shadow-white\/5{
      --tw-inset-shadow-color:color-mix(in oklab,var(--color-white)5%,transparent)
    }
    .inset-shadow-white\/10{
      --tw-inset-shadow-color:color-mix(in oklab,var(--color-white)10%,transparent)
    }
    .outline-hidden{
      --tw-outline-style:none;
      outline-style:none
    }
    @media (forced-colors:active){
      .outline-hidden{
        outline-offset:2px;
        outline:2px solid #0000
      }
    }
    .outline{
      outline-style:var(--tw-outline-style);
      outline-width:1px
    }
    .blur{
      --tw-blur:blur(8px);
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .blur-2xl{
      --tw-blur:blur(var(--blur-2xl));
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .blur-sm{
      --tw-blur:blur(var(--blur-sm));
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .blur-xl{
      --tw-blur:blur(var(--blur-xl));
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .blur-xs{
      --tw-blur:blur(var(--blur-xs));
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .drop-shadow-primary{
      --tw-drop-shadow:drop-shadow(var(--drop-shadow-primary));
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .drop-shadow-primary-sm{
      --tw-drop-shadow:drop-shadow(var(--drop-shadow-primary-sm));
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .grayscale{
      --tw-grayscale:grayscale(100%);
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .drop-shadow-white-sm{
      filter:drop-shadow(0 0 8px #fff3)
    }
    .filter{
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .backdrop-blur-\[2px\]{
      --tw-backdrop-blur:blur(2px);
      -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
      backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
    }
    .backdrop-blur-md{
      --tw-backdrop-blur:blur(var(--blur-md));
      -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
      backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
    }
    .backdrop-blur-sm{
      --tw-backdrop-blur:blur(var(--blur-sm));
      -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
      backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
    }
    .backdrop-blur-xs{
      --tw-backdrop-blur:blur(var(--blur-xs));
      -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
      backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
    }
    .transition{
      transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-colors{
      transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-opacity{
      transition-property:opacity;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-shadow{
      transition-property:box-shadow;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-transform{
      transition-property:transform,translate,scale,rotate;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .duration-150{
      --tw-duration:.15s;
      transition-duration:.15s
    }
    .duration-200{
      --tw-duration:.2s;
      transition-duration:.2s
    }
    .duration-300{
      --tw-duration:.3s;
      transition-duration:.3s
    }
    .duration-500{
      --tw-duration:.5s;
      transition-duration:.5s
    }
    .duration-1000{
      --tw-duration:1s;
      transition-duration:1s
    }
    .ease-out{
      --tw-ease:var(--ease-out);
      transition-timing-function:var(--ease-out)
    }
    .mask-radial{
      --tw-mask-radial-x-size: ;
      --tw-mask-radial-y-size: ;
      --tw-mask-radial-size: ;
      --tw-mask-radial-shape:ellipse;
      -webkit-mask-image:radial-gradient(var(--tw-mask-radial-shape)var(--tw-mask-radial-size)var(--tw-mask-radial-x-size)var(--tw-mask-radial-y-size),#fff,rgb(0 0 0/var(--tw-mask-to-opacity,0))var(--tw-mask-to-position));
      -webkit-mask-image:radial-gradient(var(--tw-mask-radial-shape)var(--tw-mask-radial-size)var(--tw-mask-radial-x-size)var(--tw-mask-radial-y-size),#fff,rgb(0 0 0/var(--tw-mask-to-opacity,0))var(--tw-mask-to-position));
      mask-image:radial-gradient(var(--tw-mask-radial-shape)var(--tw-mask-radial-size)var(--tw-mask-radial-x-size)var(--tw-mask-radial-y-size),#fff,rgb(0 0 0/var(--tw-mask-to-opacity,0))var(--tw-mask-to-position))
    }
    .mask-to-b{
      --tw-mask-from:#000 var(--tw-mask-from-position);
      --tw-mask-to:rgba(0,0,0,var(--tw-mask-to-opacity,0))var(--tw-mask-to-position);
      --tw-mask-stops:var(--tw-mask-from),var(--tw-mask-to);
      -webkit-mask-image:linear-gradient(to bottom,var(--tw-mask-stops));
      -webkit-mask-image:linear-gradient(to bottom,var(--tw-mask-stops));
      mask-image:linear-gradient(to bottom,var(--tw-mask-stops))
    }
    .mask-content{
      -webkit-mask-composite:xor;
      -webkit-mask-source-type:auto,auto;
      -webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
      mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
      -webkit-mask-position:0 0,0 0;
      mask-position:0 0,0 0;
      -webkit-mask-size:auto,auto;
      mask-size:auto,auto;
      -webkit-mask-repeat:repeat,repeat;
      mask-repeat:repeat,repeat;
      -webkit-mask-clip:content-box,border-box;
      mask-clip:content-box,border-box;
      -webkit-mask-origin:content-box,border-box;
      mask-origin:content-box,border-box;
      -webkit-mask-composite:xor;
      mask-composite:exclude;
      -webkit-mask-source-type:auto,auto;
      mask-mode:match-source,match-source
    }
    .outline-none{
      --tw-outline-style:none;
      outline-style:none
    }
    .animation-state-inherit{
      animation-play-state:inherit
    }
    .animation-state-paused{
      animation-play-state:paused
    }
    .bg-conic-white-sm{
      background:conic-gradient(from calc(280deg + var(--angle))at 50% 50%,transparent 0deg,#fff6 20%,transparent 22%)
    }
    .bg-grid-size-2\.5{
      --bg-grid-size:calc(2.5*var(--spacing))
    }
    .bg-grid-size-7\.5{
      --bg-grid-size:calc(7.5*var(--spacing))
    }
    .bg-grid-size-10{
      --bg-grid-size:calc(10*var(--spacing))
    }
    .mask-opacity-to-8\%{
      --tw-mask-to-opacity:8%
    }
    .mask-opacity-to-20\%{
      --tw-mask-to-opacity:20%
    }
    .mask-opacity-to-50\%{
      --tw-mask-to-opacity:50%
    }
    .mask-position-from-50\%{
      --tw-mask-from-position:50%
    }
    .mask-position-to-70\%{
      --tw-mask-to-position:70%
    }
    .mask-position-to-80\%{
      --tw-mask-to-position:80%
    }
    .mask-radial-to-b{
      -webkit-mask-image:radial-gradient(100% 90% at 50% 0,#fff,#0000);
      mask-image:radial-gradient(100% 90% at 50% 0,#fff,#0000)
    }
    .mask-radial-to-t{
      -webkit-mask-image:radial-gradient(40% 90% at 50% 100%,#fff,#0000);
      mask-image:radial-gradient(40% 90% at 50% 100%,#fff,#0000)
    }
    .mask-radial-x-size-40\%{
      --tw-mask-radial-x-size:40%
    }
    .mask-radial-y-size-50\%{
      --tw-mask-radial-y-size:50%
    }
    .mask-size-4{
      -webkit-mask-size:calc(4*var(--spacing));
      -webkit-mask-size:calc(4*var(--spacing));
      mask-size:calc(4*var(--spacing))
    }
    .mask-size-4\.5{
      -webkit-mask-size:calc(4.5*var(--spacing));
      -webkit-mask-size:calc(4.5*var(--spacing));
      mask-size:calc(4.5*var(--spacing))
    }
    .mask-size-5{
      -webkit-mask-size:calc(5*var(--spacing));
      -webkit-mask-size:calc(5*var(--spacing));
      mask-size:calc(5*var(--spacing))
    }
    .mask-size-10{
      -webkit-mask-size:calc(10*var(--spacing));
      -webkit-mask-size:calc(10*var(--spacing));
      mask-size:calc(10*var(--spacing))
    }
    .ring-inset{
      --tw-ring-inset:inset
    }
    .scrollbar-width-none{
      scrollbar-width:none
    }
    .scrollbar-width-thin{
      scrollbar-width:thin
    }
    .not-has-\[\*\]\:hidden:not(:has(:is(*))),.not-has-\[a\]\:hidden:not(:has(:is(a))),.not-has-\[li\]\:hidden:not(:has(:is(li))){
      display:none
    }
    @supports not (color:hsl(from white h s l)){
      .not-supports-relative-colors\:hidden\!{
        display:none!important
      }
    }
    .not-\[\&\.open\]\:pointer-events-none:not(.open){
      pointer-events:none
    }
    .group-\[\.no-groups\]\:mt-0:is(:where(.group).no-groups *){
      margin-top:calc(var(--spacing)*0)
    }
    .group-\[\.no-groups\]\:hidden:is(:where(.group).no-groups *){
      display:none
    }
    :where(.group-\[\.no-groups\]\:space-y-0:is(:where(.group).no-groups *)>:not(:last-child)){
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
    }
    .peer-\[\.hidden\]\:hidden:is(:where(.peer).hidden~*){
      display:none
    }
    .peer-\[\.open\]\:block:is(:where(.peer).open~*){
      display:block
    }
    .peer-\[\.open\]\:grid:is(:where(.peer).open~*){
      display:grid
    }
    .first-letter\:capitalize:first-letter{
      text-transform:capitalize
    }
    .placeholder\:text-gray-400::placeholder{
      color:var(--color-gray-400)
    }
    .before\:mt-10:before{
      content:var(--tw-content);
      margin-top:calc(var(--spacing)*10)
    }
    .before\:block:before{
      content:var(--tw-content);
      display:block
    }
    .before\:w-full:before{
      content:var(--tw-content);
      width:100%
    }
    .before\:border-t:before{
      content:var(--tw-content);
      border-top-style:var(--tw-border-style);
      border-top-width:1px
    }
    .before\:pb-20:before{
      content:var(--tw-content);
      padding-bottom:calc(var(--spacing)*20)
    }
    .after\:mb-10:after{
      content:var(--tw-content);
      margin-bottom:calc(var(--spacing)*10)
    }
    .after\:block:after{
      content:var(--tw-content);
      display:block
    }
    .after\:w-full:after{
      content:var(--tw-content);
      width:100%
    }
    .after\:border-b:after{
      content:var(--tw-content);
      border-bottom-style:var(--tw-border-style);
      border-bottom-width:1px
    }
    .after\:pt-20:after{
      content:var(--tw-content);
      padding-top:calc(var(--spacing)*20)
    }
    .first\:block:first-child{
      display:block
    }
    .first\:flex:first-child{
      display:flex
    }
    .first\:hidden:first-child{
      display:none
    }
    .first\:inline:first-child{
      display:inline
    }
    .first\:inline-flex:first-child{
      display:inline-flex
    }
    .first\:scroll-m-20:first-child{
      scroll-margin:calc(var(--spacing)*20)
    }
    .first\:border-0:first-child{
      border-style:var(--tw-border-style);
      border-width:0
    }
    .first\:border-none:first-child{
      --tw-border-style:none;
      border-style:none
    }
    .last\:mb-0:last-child{
      margin-bottom:calc(var(--spacing)*0)
    }
    .last\:hidden:last-child{
      display:none
    }
    .last\:inline-flex:last-child{
      display:inline-flex
    }
    .last\:pb-16:last-child{
      padding-bottom:calc(var(--spacing)*16)
    }
    .focus-within\:not-sr-only:focus-within{
      clip:auto;
      white-space:normal;
      width:auto;
      height:auto;
      margin:0;
      padding:0;
      position:static;
      overflow:visible
    }
    @media (hover:hover){
      .hover\:bg-gray-50:hover{
        background-color:var(--color-gray-50)
      }
      .hover\:bg-gray-900\/5:hover{
        background-color:color-mix(in oklab,var(--color-gray-900)5%,transparent)
      }
      .hover\:bg-gray-900\/8:hover{
        background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)
      }
      .hover\:bg-gray-950:hover{
        background-color:var(--color-gray-950)
      }
      .hover\:bg-gray-950\/5:hover{
        background-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)
      }
      .hover\:bg-white\/90:hover{
        background-color:color-mix(in oklab,var(--color-white)90%,transparent)
      }
      .hover\:text-gray-500:hover{
        color:var(--color-gray-500)
      }
      .hover\:text-gray-600:hover{
        color:var(--color-gray-600)
      }
      .hover\:text-gray-700:hover{
        color:var(--color-gray-700)
      }
      .hover\:text-gray-800:hover{
        color:var(--color-gray-800)
      }
      .hover\:text-gray-900:hover{
        color:var(--color-gray-900)
      }
      .hover\:text-gray-950:hover{
        color:var(--color-gray-950)
      }
      .hover\:text-primary:hover{
        color:hsl(var(--c-primary-hsl))
      }
      .hover\:opacity-80:hover{
        opacity:.8
      }
      .hover\:opacity-90:hover{
        opacity:.9
      }
      .hover\:opacity-100:hover{
        opacity:1
      }
    }
    .focus\:not-sr-only:focus{
      clip:auto;
      white-space:normal;
      width:auto;
      height:auto;
      margin:0;
      padding:0;
      position:static;
      overflow:visible
    }
    .focus\:bg-gray-100:focus{
      background-color:var(--color-gray-100)
    }
    .focus\:ring-2:focus{
      --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .focus\:ring-gray-950\/15:focus{
      --tw-ring-color:color-mix(in oklab,var(--color-gray-950)15%,transparent)
    }
    .focus\:outline-none:focus,.focus-visible\:outline-none:focus-visible{
      --tw-outline-style:none;
      outline-style:none
    }
    .has-data-sx-slug\:-my-1\.5:has([data-sx-slug]){
      margin-block:calc(var(--spacing)*-1.5)
    }
    .nth-\[n\+4\]\:hidden:nth-child(n+4){
      display:none
    }
    .nth-\[n\+8\]\:block:nth-child(n+8){
      display:block
    }
    .nth-\[n\+8\]\:hidden:nth-child(n+8){
      display:none
    }
    @media (width<80rem){
      .max-xl\:nth-\[-n\+6\]\:hidden:nth-child(-n+6){
        display:none
      }
      .max-xl\:nth-\[n\+6\]\:block:nth-child(n+6){
        display:block
      }
      .max-xl\:nth-\[n\+6\]\:hidden:nth-child(n+6){
        display:none
      }
    }
    @media (width<64rem){
      .max-lg\:inset-0{
        inset:calc(var(--spacing)*0)
      }
      .max-lg\:-translate-x-full{
        --tw-translate-x:-100%;
        translate:var(--tw-translate-x)var(--tw-translate-y)
      }
      .max-lg\:ps-6{
        padding-inline-start:calc(var(--spacing)*6)
      }
      .max-lg\:pt-0{
        padding-top:calc(var(--spacing)*0)
      }
      :is(.max-lg\:\*\:first\:hidden>*):first-child{
        display:none
      }
    }
    @media (width<40rem){
      .max-sm\:order-first{
        order:-9999
      }
      .max-sm\:order-last{
        order:9999
      }
      .max-sm\:mt-6{
        margin-top:calc(var(--spacing)*6)
      }
      .max-sm\:hidden{
        display:none
      }
    }
    @media (width>=26.25rem){
      .xs\:me-8{
        margin-inline-end:calc(var(--spacing)*8)
      }
      .xs\:block{
        display:block
      }
      .xs\:hidden{
        display:none
      }
      .xs\:w-1\/3{
        width:33.3333%
      }
      .xs\:flex-row{
        flex-direction:row
      }
      .xs\:border-e{
        border-inline-end-style:var(--tw-border-style);
        border-inline-end-width:1px
      }
      .xs\:pe-3\.5{
        padding-inline-end:calc(var(--spacing)*3.5)
      }
      .xs\:text-xs{
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
      }
    }
    @media (width>=40rem){
      .sm\:start-0\.5{
        inset-inline-start:calc(var(--spacing)*.5)
      }
      .sm\:col-span-1{
        grid-column:span 1/span 1
      }
      .sm\:-mx-3\.5{
        margin-inline:calc(var(--spacing)*-3.5)
      }
      .sm\:mx-0{
        margin-inline:calc(var(--spacing)*0)
      }
      .sm\:mx-auto{
        margin-inline:auto
      }
      .sm\:ms-auto{
        margin-inline-start:auto
      }
      .sm\:me-0{
        margin-inline-end:calc(var(--spacing)*0)
      }
      .sm\:mt-0{
        margin-top:calc(var(--spacing)*0)
      }
      .sm\:-mb-20{
        margin-bottom:calc(var(--spacing)*-20)
      }
      .sm\:mb-0{
        margin-bottom:calc(var(--spacing)*0)
      }
      .sm\:mb-1{
        margin-bottom:calc(var(--spacing)*1)
      }
      .sm\:mb-10{
        margin-bottom:calc(var(--spacing)*10)
      }
      .sm\:mb-20{
        margin-bottom:calc(var(--spacing)*20)
      }
      .sm\:line-clamp-1{
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        display:-webkit-box;
        overflow:hidden
      }
      .sm\:block{
        display:block
      }
      .sm\:grid{
        display:grid
      }
      .sm\:hidden{
        display:none
      }
      .sm\:inline{
        display:inline
      }
      .sm\:h-auto{
        height:auto
      }
      .sm\:max-h-\[70vh\]{
        max-height:70vh
      }
      .sm\:max-h-\[700px\]{
        max-height:700px
      }
      .sm\:w-1\/2{
        width:50%
      }
      .sm\:w-2\/3{
        width:66.6667%
      }
      .sm\:w-auto{
        width:auto
      }
      .sm\:w-full{
        width:100%
      }
      .sm\:scale-x-125{
        --tw-scale-x:125%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
      }
      .sm\:scroll-m-2{
        scroll-margin:calc(var(--spacing)*2)
      }
      .sm\:scroll-m-10{
        scroll-margin:calc(var(--spacing)*10)
      }
      .sm\:grid-cols-\[1fr_auto\]{
        grid-template-columns:1fr auto
      }
      .sm\:flex-row{
        flex-direction:row
      }
      .sm\:flex-nowrap{
        flex-wrap:nowrap
      }
      .sm\:items-center{
        align-items:center
      }
      :where(.sm\:space-x-8>:not(:last-child)){
        --tw-space-x-reverse:0;
        margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));
        margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))
      }
      .sm\:rounded-2xl{
        border-radius:var(--radius-2xl)
      }
      .sm\:p-8{
        padding:calc(var(--spacing)*8)
      }
      .sm\:px-3\.5{
        padding-inline:calc(var(--spacing)*3.5)
      }
      .sm\:px-6{
        padding-inline:calc(var(--spacing)*6)
      }
      .sm\:px-7{
        padding-inline:calc(var(--spacing)*7)
      }
      .sm\:py-3{
        padding-block:calc(var(--spacing)*3)
      }
      .sm\:py-6{
        padding-block:calc(var(--spacing)*6)
      }
      .sm\:py-10{
        padding-block:calc(var(--spacing)*10)
      }
      .sm\:py-14{
        padding-block:calc(var(--spacing)*14)
      }
      .sm\:py-20{
        padding-block:calc(var(--spacing)*20)
      }
      .sm\:pe-8{
        padding-inline-end:calc(var(--spacing)*8)
      }
      .sm\:pt-20{
        padding-top:calc(var(--spacing)*20)
      }
      .sm\:text-center{
        text-align:center
      }
      .sm\:text-2xl{
        font-size:var(--text-2xl);
        line-height:var(--tw-leading,var(--text-2xl--line-height))
      }
      .sm\:text-7xl{
        font-size:var(--text-7xl);
        line-height:var(--tw-leading,var(--text-7xl--line-height))
      }
      .sm\:text-base{
        font-size:var(--text-base);
        line-height:var(--tw-leading,var(--text-base--line-height))
      }
      .sm\:text-sm{
        font-size:var(--text-sm);
        line-height:var(--tw-leading,var(--text-sm--line-height))
      }
      .sm\:leading-6{
        --tw-leading:calc(var(--spacing)*6);
        line-height:calc(var(--spacing)*6)
      }
      .sm\:last\:pb-20:last-child{
        padding-bottom:calc(var(--spacing)*20)
      }
      @media (width<64rem){
        .sm\:max-lg\:col-span-2{
          grid-column:span 2/span 2
        }
        .sm\:max-lg\:col-start-1{
          grid-column-start:1
        }
        .sm\:max-lg\:col-start-2{
          grid-column-start:2
        }
        .sm\:max-lg\:row-start-1{
          grid-row-start:1
        }
      }
    }
    @media (width>=48rem){
      .md\:my-0{
        margin-block:calc(var(--spacing)*0)
      }
      .md\:ms-0{
        margin-inline-start:calc(var(--spacing)*0)
      }
      .md\:block{
        display:block
      }
      .md\:aspect-auto{
        aspect-ratio:auto
      }
      .md\:w-1\/4{
        width:25%
      }
      .md\:max-w-\[600px\]{
        max-width:600px
      }
      .md\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
      }
      .md\:gap-4{
        gap:calc(var(--spacing)*4)
      }
      .md\:p-0{
        padding:calc(var(--spacing)*0)
      }
      .md\:py-1{
        padding-block:calc(var(--spacing)*1)
      }
      .md\:py-28{
        padding-block:calc(var(--spacing)*28)
      }
      .md\:pe-4{
        padding-inline-end:calc(var(--spacing)*4)
      }
      .md\:text-5xl{
        font-size:var(--text-5xl);
        line-height:var(--tw-leading,var(--text-5xl--line-height))
      }
    }
    @media (width>=64rem){
      .lg\:visible{
        visibility:visible
      }
      .lg\:sticky{
        position:sticky
      }
      .lg\:start-0{
        inset-inline-start:calc(var(--spacing)*0)
      }
      .lg\:top-16{
        top:calc(var(--spacing)*16)
      }
      .lg\:order-first{
        order:-9999
      }
      .lg\:-ms-0\.5{
        margin-inline-start:calc(var(--spacing)*-.5)
      }
      .lg\:-ms-4{
        margin-inline-start:calc(var(--spacing)*-4)
      }
      .lg\:ms-4{
        margin-inline-start:calc(var(--spacing)*4)
      }
      .lg\:ms-auto{
        margin-inline-start:auto
      }
      .lg\:me-0{
        margin-inline-end:calc(var(--spacing)*0)
      }
      .lg\:me-8{
        margin-inline-end:calc(var(--spacing)*8)
      }
      .lg\:mt-6{
        margin-top:calc(var(--spacing)*6)
      }
      .lg\:mt-10{
        margin-top:calc(var(--spacing)*10)
      }
      .lg\:mb-5{
        margin-bottom:calc(var(--spacing)*5)
      }
      .lg\:mb-8{
        margin-bottom:calc(var(--spacing)*8)
      }
      .lg\:block{
        display:block
      }
      .lg\:flex{
        display:flex
      }
      .lg\:hidden{
        display:none
      }
      .lg\:h-4{
        height:calc(var(--spacing)*4)
      }
      .lg\:h-6{
        height:calc(var(--spacing)*6)
      }
      .lg\:h-16{
        height:calc(var(--spacing)*16)
      }
      .lg\:h-\[calc\(100vh-\(--spacing\(16\)\)\)\]{
        height:calc(100vh - (calc(var(--spacing)*16)))
      }
      .lg\:w-1\/8{
        width:12.5%
      }
      .lg\:w-80{
        width:calc(var(--spacing)*80)
      }
      .lg\:w-full{
        width:100%
      }
      .lg\:max-w-sm{
        max-width:var(--container-sm)
      }
      .lg\:min-w-80{
        min-width:calc(var(--spacing)*80)
      }
      .lg\:shrink-0{
        flex-shrink:0
      }
      .lg\:scroll-m-16{
        scroll-margin:calc(var(--spacing)*16)
      }
      .lg\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
      }
      .lg\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
      }
      .lg\:grid-cols-\[1fr_auto\]{
        grid-template-columns:1fr auto
      }
      .lg\:flex-col{
        flex-direction:column
      }
      .lg\:flex-row{
        flex-direction:row
      }
      .lg\:justify-end{
        justify-content:flex-end
      }
      .lg\:gap-4{
        gap:calc(var(--spacing)*4)
      }
      .lg\:gap-5{
        gap:calc(var(--spacing)*5)
      }
      .lg\:rounded-2xl{
        border-radius:var(--radius-2xl)
      }
      .lg\:rounded-xl{
        border-radius:var(--radius-xl)
      }
      .lg\:border-0{
        border-style:var(--tw-border-style);
        border-width:0
      }
      .lg\:border-s{
        border-inline-start-style:var(--tw-border-style);
        border-inline-start-width:1px
      }
      .lg\:border-e{
        border-inline-end-style:var(--tw-border-style);
        border-inline-end-width:1px
      }
      .lg\:border-e-0{
        border-inline-end-style:var(--tw-border-style);
        border-inline-end-width:0
      }
      .lg\:border-none{
        --tw-border-style:none;
        border-style:none
      }
      .lg\:border-gray-950\/5{
        border-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)
      }
      .lg\:bg-gray-100\/80{
        background-color:color-mix(in oklab,var(--color-gray-100)80%,transparent)
      }
      .lg\:px-6{
        padding-inline:calc(var(--spacing)*6)
      }
      .lg\:px-10{
        padding-inline:calc(var(--spacing)*10)
      }
      .lg\:py-20{
        padding-block:calc(var(--spacing)*20)
      }
      .lg\:py-px{
        padding-block:1px
      }
      .lg\:ps-0{
        padding-inline-start:calc(var(--spacing)*0)
      }
      .lg\:ps-4{
        padding-inline-start:calc(var(--spacing)*4)
      }
      .lg\:ps-outer{
        padding-inline-start:var(--spacing-outer)
      }
      .lg\:pe-0{
        padding-inline-end:calc(var(--spacing)*0)
      }
      .lg\:pe-8{
        padding-inline-end:calc(var(--spacing)*8)
      }
      .lg\:pt-0{
        padding-top:calc(var(--spacing)*0)
      }
      .lg\:pt-4{
        padding-top:calc(var(--spacing)*4)
      }
      .lg\:pb-5{
        padding-bottom:calc(var(--spacing)*5)
      }
      .lg\:pb-8{
        padding-bottom:calc(var(--spacing)*8)
      }
      .lg\:pb-20{
        padding-bottom:calc(var(--spacing)*20)
      }
      .lg\:text-end{
        text-align:end
      }
      .lg\:text-6xl{
        font-size:var(--text-6xl);
        line-height:var(--tw-leading,var(--text-6xl--line-height))
      }
      .lg\:bg-grid-size-15{
        --bg-grid-size:calc(15*var(--spacing))
      }
      .lg\:first\:scroll-m-36:first-child{
        scroll-margin:calc(var(--spacing)*36)
      }
      .lg\:has-data-sx-slug\:pt-10:has([data-sx-slug]){
        padding-top:calc(var(--spacing)*10)
      }
      .lg\:nth-\[n\+4\]\:hidden:nth-child(n+4){
        display:none
      }
    }
    @media (width>=80rem){
      .xl\:start-0{
        inset-inline-start:calc(var(--spacing)*0)
      }
      .xl\:end-5{
        inset-inline-end:calc(var(--spacing)*5)
      }
      .xl\:-mx-outer-xl{
        margin-inline:calc(var(--spacing-outer-xl)*-1)
      }
      .xl\:mx-0{
        margin-inline:calc(var(--spacing)*0)
      }
      .xl\:ms-0{
        margin-inline-start:calc(var(--spacing)*0)
      }
      .xl\:-me-5{
        margin-inline-end:calc(var(--spacing)*-5)
      }
      .xl\:block{
        display:block
      }
      .xl\:hidden{
        display:none
      }
      .xl\:w-2\/3{
        width:66.6667%
      }
      .xl\:w-2\/5{
        width:40%
      }
      .xl\:grid-cols-\[auto_--spacing\(56\)\]{
        grid-template-columns:auto calc(var(--spacing)*56)
      }
      .xl\:gap-16{
        gap:calc(var(--spacing)*16)
      }
      .xl\:gap-20{
        gap:calc(var(--spacing)*20)
      }
      @layer components{
        .xl\:outer-xl{
          padding-inline:var(--spacing-outer-xl)
        }
      }
      .xl\:px-4{
        padding-inline:calc(var(--spacing)*4)
      }
      .xl\:px-10{
        padding-inline:calc(var(--spacing)*10)
      }
      .xl\:px-16{
        padding-inline:calc(var(--spacing)*16)
      }
      .xl\:py-3{
        padding-block:calc(var(--spacing)*3)
      }
      .xl\:ps-4{
        padding-inline-start:calc(var(--spacing)*4)
      }
      .xl\:pe-5{
        padding-inline-end:calc(var(--spacing)*5)
      }
      .xl\:text-5xl{
        font-size:var(--text-5xl);
        line-height:var(--tw-leading,var(--text-5xl--line-height))
      }
      .xl\:nth-\[-n\+8\]\:hidden:nth-child(-n+8){
        display:none
      }
    }
    .dark\:mx-0:where(.dark,.dark *){
      margin-inline:calc(var(--spacing)*0)
    }
    .dark\:block:where(.dark,.dark *){
      display:block
    }
    .dark\:grid:where(.dark,.dark *){
      display:grid
    }
    .dark\:hidden:where(.dark,.dark *){
      display:none
    }
    .dark\:border-gray-50\/5:where(.dark,.dark *){
      border-color:color-mix(in oklab,var(--color-gray-50)5%,transparent)
    }
    .dark\:border-gray-50\/10:where(.dark,.dark *){
      border-color:color-mix(in oklab,var(--color-gray-50)10%,transparent)
    }
    .dark\:border-gray-50\/15:where(.dark,.dark *){
      border-color:color-mix(in oklab,var(--color-gray-50)15%,transparent)
    }
    .dark\:border-white\/10:where(.dark,.dark *){
      border-color:color-mix(in oklab,var(--color-white)10%,transparent)
    }
    .dark\:bg-background-dark:where(.dark,.dark *){
      background-color:var(--color-background-dark)
    }
    .dark\:bg-background-dark\/70:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-background-dark)70%,transparent)
    }
    .dark\:bg-background-dark\/80:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-background-dark)80%,transparent)
    }
    .dark\:bg-black:where(.dark,.dark *){
      background-color:var(--color-black)
    }
    .dark\:bg-black\/50:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-black)50%,transparent)
    }
    .dark\:bg-gray-50\/1:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-gray-50)1%,transparent)
    }
    .dark\:bg-gray-50\/5:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-gray-50)5%,transparent)
    }
    .dark\:bg-gray-50\/10:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-gray-50)10%,transparent)
    }
    .dark\:bg-gray-200:where(.dark,.dark *){
      background-color:var(--color-gray-200)
    }
    .dark\:bg-gray-300:where(.dark,.dark *){
      background-color:var(--color-gray-300)
    }
    .dark\:bg-gray-400:where(.dark,.dark *){
      background-color:var(--color-gray-400)
    }
    .dark\:bg-gray-600:where(.dark,.dark *){
      background-color:var(--color-gray-600)
    }
    .dark\:bg-gray-800:where(.dark,.dark *){
      background-color:var(--color-gray-800)
    }
    .dark\:bg-gray-900:where(.dark,.dark *){
      background-color:var(--color-gray-900)
    }
    .dark\:bg-gray-950:where(.dark,.dark *){
      background-color:var(--color-gray-950)
    }
    .dark\:bg-transparent:where(.dark,.dark *){
      background-color:#0000
    }
    .dark\:bg-white\/1:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-white)1%,transparent)
    }
    .dark\:bg-white\/5:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-white)5%,transparent)
    }
    .dark\:bg-white\/10:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-white)10%,transparent)
    }
    .dark\:bg-linear-to-b:where(.dark,.dark *){
      --tw-gradient-position:to bottom in oklab;
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .dark\:bg-linear-to-br:where(.dark,.dark *){
      --tw-gradient-position:to bottom right in oklab;
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .dark\:from-background-dark:where(.dark,.dark *){
      --tw-gradient-from:var(--color-background-dark);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .dark\:from-gray-50:where(.dark,.dark *){
      --tw-gradient-from:var(--color-gray-50);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .dark\:from-white\/30:where(.dark,.dark *){
      --tw-gradient-from:color-mix(in oklab,var(--color-white)30%,transparent);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .dark\:from-50\%:where(.dark,.dark *){
      --tw-gradient-from-position:50%
    }
    .dark\:via-background-dark\/80:where(.dark,.dark *){
      --tw-gradient-via:color-mix(in oklab,var(--color-background-dark)80%,transparent);
      --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .dark\:via-gray-700:where(.dark,.dark *){
      --tw-gradient-via:var(--color-gray-700);
      --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .dark\:via-white\/30:where(.dark,.dark *){
      --tw-gradient-via:color-mix(in oklab,var(--color-white)30%,transparent);
      --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .dark\:to-background-dark:where(.dark,.dark *){
      --tw-gradient-to:var(--color-background-dark);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .dark\:bg-grid-gray-50:where(.dark,.dark *){
      --bg-grid-size:60px;
      background:linear-gradient(to right,color-mix(in oklab,var(--color-gray-50)var(--bg-grid-alpha),transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--color-gray-50)var(--bg-grid-alpha),transparent)1px,transparent 1px);
      background-size:var(--bg-grid-size)var(--bg-grid-size)
    }
    .dark\:bg-clip-text:where(.dark,.dark *){
      -webkit-background-clip:text;
      background-clip:text
    }
    .dark\:stroke-white:where(.dark,.dark *){
      stroke:var(--color-white)
    }
    .dark\:text-gray-50:where(.dark,.dark *){
      color:var(--color-gray-50)
    }
    .dark\:text-gray-50\/50:where(.dark,.dark *){
      color:color-mix(in oklab,var(--color-gray-50)50%,transparent)
    }
    .dark\:text-gray-100:where(.dark,.dark *){
      color:var(--color-gray-100)
    }
    .dark\:text-gray-200:where(.dark,.dark *){
      color:var(--color-gray-200)
    }
    .dark\:text-gray-300:where(.dark,.dark *){
      color:var(--color-gray-300)
    }
    .dark\:text-gray-400:where(.dark,.dark *){
      color:var(--color-gray-400)
    }
    .dark\:text-gray-400\/75:where(.dark,.dark *){
      color:color-mix(in oklab,var(--color-gray-400)75%,transparent)
    }
    .dark\:text-gray-400\/80:where(.dark,.dark *){
      color:color-mix(in oklab,var(--color-gray-400)80%,transparent)
    }
    .dark\:text-gray-500:where(.dark,.dark *){
      color:var(--color-gray-500)
    }
    .dark\:text-gray-950:where(.dark,.dark *){
      color:var(--color-gray-950)
    }
    .dark\:text-transparent:where(.dark,.dark *){
      color:#0000
    }
    .dark\:opacity-5:where(.dark,.dark *){
      opacity:.05
    }
    .dark\:opacity-8:where(.dark,.dark *){
      opacity:.08
    }
    .dark\:opacity-10:where(.dark,.dark *){
      opacity:.1
    }
    .dark\:opacity-20:where(.dark,.dark *){
      opacity:.2
    }
    .dark\:opacity-30:where(.dark,.dark *){
      opacity:.3
    }
    .dark\:opacity-80:where(.dark,.dark *){
      opacity:.8
    }
    .dark\:opacity-100:where(.dark,.dark *){
      opacity:1
    }
    .dark\:shadow-lg:where(.dark,.dark *){
      --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .dark\:shadow-none:where(.dark,.dark *){
      --tw-shadow:0 0 #0000;
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .dark\:shadow-xl:where(.dark,.dark *){
      --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .dark\:ring-1:where(.dark,.dark *){
      --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .dark\:shadow-black\/60:where(.dark,.dark *){
      --tw-shadow-color:color-mix(in oklab,var(--color-black)60%,transparent)
    }
    .dark\:ring-gray-50\/5:where(.dark,.dark *){
      --tw-ring-color:color-mix(in oklab,var(--color-gray-50)5%,transparent)
    }
    .dark\:ring-gray-50\/10:where(.dark,.dark *){
      --tw-ring-color:color-mix(in oklab,var(--color-gray-50)10%,transparent)
    }
    .dark\:ring-transparent:where(.dark,.dark *){
      --tw-ring-color:transparent
    }
    .dark\:ring-white\/5:where(.dark,.dark *){
      --tw-ring-color:color-mix(in oklab,var(--color-white)5%,transparent)
    }
    .dark\:ring-white\/10:where(.dark,.dark *){
      --tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)
    }
    .dark\:drop-shadow-primary-sm:where(.dark,.dark *){
      --tw-drop-shadow:drop-shadow(var(--drop-shadow-primary-sm));
      filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .dark\:\[--cg-color\:rgba\(255\,255\,255\,40\%\)\]:where(.dark,.dark *){
      --cg-color:#fff6
    }
    .dark\:\[stop-color\:\#fff\]:where(.dark,.dark *){
      stop-color:#fff
    }
    .dark\:bg-grid-size-10:where(.dark,.dark *){
      --bg-grid-size:calc(10*var(--spacing))
    }
    .dark\:ring-inset:where(.dark,.dark *){
      --tw-ring-inset:inset
    }
    .dark\:placeholder\:text-gray-500:where(.dark,.dark *)::placeholder{
      color:var(--color-gray-500)
    }
    .dark\:before\:border-gray-50\/5:where(.dark,.dark *):before,.dark\:after\:border-gray-50\/5:where(.dark,.dark *):after{
      content:var(--tw-content);
      border-color:color-mix(in oklab,var(--color-gray-50)5%,transparent)
    }
    @media (hover:hover){
      .dark\:hover\:bg-gray-50:where(.dark,.dark *):hover{
        background-color:var(--color-gray-50)
      }
      .dark\:hover\:bg-gray-50\/2:where(.dark,.dark *):hover{
        background-color:color-mix(in oklab,var(--color-gray-50)2%,transparent)
      }
      .dark\:hover\:bg-gray-50\/3:where(.dark,.dark *):hover{
        background-color:color-mix(in oklab,var(--color-gray-50)3%,transparent)
      }
      .dark\:hover\:bg-gray-50\/8:where(.dark,.dark *):hover{
        background-color:color-mix(in oklab,var(--color-gray-50)8%,transparent)
      }
      .dark\:hover\:bg-gray-50\/10:where(.dark,.dark *):hover{
        background-color:color-mix(in oklab,var(--color-gray-50)10%,transparent)
      }
      .dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{
        background-color:color-mix(in oklab,var(--color-white)5%,transparent)
      }
      .dark\:hover\:text-gray-50:where(.dark,.dark *):hover{
        color:var(--color-gray-50)
      }
      .dark\:hover\:text-gray-100:where(.dark,.dark *):hover{
        color:var(--color-gray-100)
      }
      .dark\:hover\:text-gray-200:where(.dark,.dark *):hover{
        color:var(--color-gray-200)
      }
      .dark\:hover\:text-gray-300:where(.dark,.dark *):hover{
        color:var(--color-gray-300)
      }
      .dark\:hover\:text-gray-400:where(.dark,.dark *):hover{
        color:var(--color-gray-400)
      }
      .dark\:hover\:text-gray-400\/75:where(.dark,.dark *):hover{
        color:color-mix(in oklab,var(--color-gray-400)75%,transparent)
      }
      .dark\:hover\:opacity-100:where(.dark,.dark *):hover{
        opacity:1
      }
    }
    .dark\:focus\:bg-gray-50\/5:where(.dark,.dark *):focus{
      background-color:color-mix(in oklab,var(--color-gray-50)5%,transparent)
    }
    .dark\:focus\:ring-gray-50\/15:where(.dark,.dark *):focus{
      --tw-ring-color:color-mix(in oklab,var(--color-gray-50)15%,transparent)
    }
    @media (width>=64rem){
      .lg\:dark\:border-gray-50\/5:where(.dark,.dark *){
        border-color:color-mix(in oklab,var(--color-gray-50)5%,transparent)
      }
      .lg\:dark\:bg-transparent:where(.dark,.dark *){
        background-color:#0000
      }
      .dark\:lg\:bg-grid-size-15:where(.dark,.dark *){
        --bg-grid-size:calc(15*var(--spacing))
      }
    }
    .dark\:\[\&_\.current\]\:text-gray-300:where(.dark,.dark *) .current{
      color:var(--color-gray-300)
    }
    @media (hover:hover){
      .hover\:\[\&_\.glow\]\:opacity-10:hover .glow{
        opacity:.1
      }
    }
    .\[\&_a\]\:transition-colors a{
      transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    @media (hover:hover){
      .\[\&_a\]\:hover\:text-gray-900 a:hover{
        color:var(--color-gray-900)
      }
      .dark\:\[\&_a\]\:hover\:text-gray-100:where(.dark,.dark *) a:hover{
        color:var(--color-gray-100)
      }
    }
    .\[\&\.current\]\:text-gray-900.current{
      color:var(--color-gray-900)
    }
    .\[\&\.current\]\:text-gray-950.current{
      color:var(--color-gray-950)
    }
    .dark\:\[\&\.current\]\:bg-linear-to-br:where(.dark,.dark *).current{
      --tw-gradient-position:to bottom right in oklab;
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .dark\:\[\&\.current\]\:bg-clip-text:where(.dark,.dark *).current{
      -webkit-background-clip:text;
      background-clip:text
    }
    .dark\:\[\&\.current\]\:text-gray-50:where(.dark,.dark *).current{
      color:var(--color-gray-50)
    }
    .dark\:\[\&\.current\]\:text-gray-100:where(.dark,.dark *).current{
      color:var(--color-gray-100)
    }
    .dark\:\[\&\.current\]\:text-transparent:where(.dark,.dark *).current{
      color:#0000
    }
    @media (hover:hover){
      .dark\:\[\&\.current\]\:hover\:text-gray-100:where(.dark,.dark *).current:hover{
        color:var(--color-gray-100)
      }
    }
    .\[\&\.current-parent\]\:text-gray-950.current-parent{
      color:var(--color-gray-950)
    }
    .dark\:\[\&\.current-parent\]\:bg-linear-to-br:where(.dark,.dark *).current-parent{
      --tw-gradient-position:to bottom right in oklab;
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .dark\:\[\&\.current-parent\]\:bg-clip-text:where(.dark,.dark *).current-parent{
      -webkit-background-clip:text;
      background-clip:text
    }
    .dark\:\[\&\.current-parent\]\:text-gray-50:where(.dark,.dark *).current-parent{
      color:var(--color-gray-50)
    }
    .dark\:\[\&\.current-parent\]\:text-transparent:where(.dark,.dark *).current-parent{
      color:#0000
    }
    .\[\&\.has-modal\]\:h-dvh.has-modal{
      height:100dvh
    }
    .\[\&\.has-modal\]\:overflow-hidden.has-modal{
      overflow:hidden
    }
    .\[\&\.lazyloaded\]\:bg-transparent\!.lazyloaded{
      background-color:#0000!important
    }
    .\[\&\.open\]\:visible.open{
      visibility:visible
    }
    .\[\&\.open\]\:z-3999999.open{
      z-index:3999999
    }
    .\[\&\.open\]\:block.open{
      display:block
    }
    .\[\&\.open\]\:flex.open{
      display:flex
    }
    .\[\&\.open\]\:text-gray-950.open{
      color:var(--color-gray-950)
    }
    @media (width<64rem){
      .max-lg\:\[\&\.open\]\:visible.open{
        visibility:visible
      }
      .max-lg\:\[\&\.open\]\:z-50.open{
        z-index:50
      }
      .max-lg\:\[\&\.open\]\:translate-x-0.open{
        --tw-translate-x:calc(var(--spacing)*0);
        translate:var(--tw-translate-x)var(--tw-translate-y)
      }
    }
    .dark\:\[\&\.open\]\:text-gray-50:where(.dark,.dark *).open{
      color:var(--color-gray-50)
    }
    .dark\:\[\&\.open\.current\]\:text-transparent:where(.dark,.dark *).open.current{
      color:#0000
    }
    .\[\&\.stuck\]\:sticky.stuck{
      position:sticky
    }
    .\[\&\.stuck\]\:animate-slide-up.stuck{
      animation:slide-up var(--animation-duration,0s)ease-out
    }
    .\[\&\.stuck\]\:border-gray-950\/5.stuck{
      border-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)
    }
    .\[\&\.stuck\]\:bg-background\/90.stuck{
      background-color:color-mix(in oklab,var(--color-background)90%,transparent)
    }
    .dark\:\[\&\.stuck\]\:border-gray-50\/10:where(.dark,.dark *).stuck{
      border-color:color-mix(in oklab,var(--color-gray-50)10%,transparent)
    }
    .dark\:\[\&\.stuck\]\:bg-background-dark\/70:where(.dark,.dark *).stuck{
      background-color:color-mix(in oklab,var(--color-background-dark)70%,transparent)
    }
    .current>.\[\.current\>\&\]\:block{
      display:block
    }
    .current>.dark\:\[\.current\>\&\]\:text-gray-50:where(.dark,.dark *){
      color:var(--color-gray-50)
    }
    .has-breadcrumbs>.\[\.has-breadcrumbs\>\&\]\:flex{
      display:flex
    }
    @media (width>=64rem){
      .has-breadcrumbs>.lg\:\[\.has-breadcrumbs\>\&\]\:hidden{
        display:none
      }
    }
    .invisible~.\[\.invisible\~\&\]\:mt-0{
      margin-top:calc(var(--spacing)*0)
    }
    .loading>.\[\.loading\>\&\]\:hidden{
      display:none
    }
    .loading>.\[\.loading\>\&\]\:inline{
      display:inline
    }
    .no-space-top>.\[\.no-space-top\>\&\]\:mt-0{
      margin-top:calc(var(--spacing)*0)
    }
    .open>.\[\.open\>\&\]\:block{
      display:block
    }
    .open>.\[\.open\>\&\]\:translate-x-0{
      --tw-translate-x:calc(var(--spacing)*0);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .open>.\[\.open\>\&\]\:rotate-180{
      rotate:180deg
    }
    .open>.\[\.open\>\&\]\:overflow-visible{
      overflow:visible
    }
    @media (width<64rem){
      .open>.max-lg\:\[\.open\>\&\]\:block{
        display:block
      }
      .open>.max-lg\:\[\.open\>\&\]\:translate-x-0{
        --tw-translate-x:calc(var(--spacing)*0);
        translate:var(--tw-translate-x)var(--tw-translate-y)
      }
      .open>.max-lg\:\[\.open\>\&\]\:shadow-lg{
        --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
      }
      .open>.max-lg\:\[\.open\>\&\]\:transition{
        transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
      }
      .open>.max-lg\:\[\.open\>\&\]\:ease-out{
        --tw-ease:var(--ease-out);
        transition-timing-function:var(--ease-out)
      }
    }
    .open>*>*>.\[\.open\>\*\>\*\>\&\]\:rotate-90{
      rotate:90deg
    }
    .stuck>.\[\.stuck\>\&\]\:block,.stuck>.dark\:\[\.stuck\>\&\]\:block:where(.dark,.dark *){
      display:block
    }
    .sx-external>.\[\.sx-external\>\&\]\:inline{
      display:inline
    }
    .toc-list.is-collapsed .\[\.toc-list\.is-collapsed_\&\]\:hidden,:first-child>.\[\:first-child\>\&\]\:hidden{
      display:none
    }
    :first-child>.\[\:first-child\>\&\]\:pt-0{
      padding-top:calc(var(--spacing)*0)
    }
    @media (width>=64rem){
      :has([data-sx-slug])>.lg\:\[\:has\(\[data-sx-slug\]\)\>\&\]\:col-span-2{
        grid-column:span 2/span 2
      }
    }
    :hover>.\[\:hover\>\&\]\:block{
      display:block
    }
    :hover>.\[\:hover\>\&\]\:translate-x-1{
      --tw-translate-x:calc(var(--spacing)*1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    :hover>.\[\:hover\>\&\]\:-translate-y-0{
      --tw-translate-y:calc(var(--spacing)*0);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    :hover>.\[\:hover\>\&\]\:-translate-y-1\/2{
      --tw-translate-y:calc(calc(1/2*100%)*-1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    :hover>.\[\:hover\>\&\]\:scale-y-50{
      --tw-scale-y:50%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    :hover>.\[\:hover\>\&\]\:bg-gray-900\/5{
      background-color:color-mix(in oklab,var(--color-gray-900)5%,transparent)
    }
    :hover>.\[\:hover\>\&\]\:bg-white\/5{
      background-color:color-mix(in oklab,var(--color-white)5%,transparent)
    }
    :hover>.\[\:hover\>\&\]\:text-gray-700{
      color:var(--color-gray-700)
    }
    :hover>.\[\:hover\>\&\]\:text-gray-950{
      color:var(--color-gray-950)
    }
    :hover>.\[\:hover\>\&\]\:opacity-40{
      opacity:.4
    }
    :hover>.\[\:hover\>\&\]\:opacity-80{
      opacity:.8
    }
    :hover>.\[\:hover\>\&\]\:opacity-100{
      opacity:1
    }
    :hover>.\[\:hover\>\&\]\:shadow-pretty-sm{
      --tw-shadow:0 0 0 1px var(--tw-shadow-color,#0e3e7c14),0 1px 1px -.5px var(--tw-shadow-color,#2b34460a),0 3px 3px -1.5px var(--tw-shadow-color,#2a33460a),0 6px 6px -3px var(--tw-shadow-color,#2a33460a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    :hover>.\[\:hover\>\&\]\:animation-state-running{
      animation-play-state:running
    }
    :hover>.dark\:\[\:hover\>\&\]\:bg-gray-50\/10:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-gray-50)10%,transparent)
    }
    :hover>.dark\:\[\:hover\>\&\]\:bg-white\/10:where(.dark,.dark *){
      background-color:color-mix(in oklab,var(--color-white)10%,transparent)
    }
    :hover>.dark\:\[\:hover\>\&\]\:text-gray-200:where(.dark,.dark *){
      color:var(--color-gray-200)
    }
    :hover>.dark\:\[\:hover\>\&\]\:text-gray-300:where(.dark,.dark *){
      color:var(--color-gray-300)
    }
    :hover>.dark\:\[\:hover\>\&\]\:opacity-100:where(.dark,.dark *){
      opacity:1
    }
    :hover>*>.\[\:hover\>\*\>\&\]\:-translate-x-1{
      --tw-translate-x:calc(var(--spacing)*-1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    :hover>*>.\[\:hover\>\*\>\&\]\:translate-x-1{
      --tw-translate-x:calc(var(--spacing)*1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    :hover>*>.\[\:hover\>\*\>\&\]\:animate-shine{
      animation:.4s ease-in shine
    }
    :hover>*>.\[\:hover\>\*\>\&\]\:opacity-10{
      opacity:.1
    }
    :hover>*>*>.\[\:hover\>\*\>\*\>\&\]\:translate-x-0\.5{
      --tw-translate-x:calc(var(--spacing)*.5);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    :hover>*>*>.\[\:hover\>\*\>\*\>\&\]\:-translate-y-0\.5{
      --tw-translate-y:calc(var(--spacing)*-.5);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    :last-child>.\[\:last-child\>\&\]\:border-none{
      --tw-border-style:none;
      border-style:none
    }
    :root,html.has-grayscale-Gray{
      --color-gray-50:oklch(.985 .002 247.839);
      --color-gray-100:oklch(.967 .003 264.542);
      --color-gray-200:oklch(.928 .006 264.531);
      --color-gray-300:oklch(.872 .01 258.338);
      --color-gray-400:oklch(.707 .022 261.325);
      --color-gray-500:oklch(.551 .027 264.364);
      --color-gray-600:oklch(.446 .03 256.802);
      --color-gray-700:oklch(.373 .034 259.733);
      --color-gray-800:oklch(.278 .033 256.848);
      --color-gray-900:oklch(.21 .034 264.665);
      --color-gray-950:oklch(.13 .028 261.692)
    }
    html.has-grayscale-Slate{
      --color-gray-50:oklch(.984 .003 247.858);
      --color-gray-100:oklch(.968 .007 247.896);
      --color-gray-200:oklch(.929 .013 255.508);
      --color-gray-300:oklch(.869 .022 252.894);
      --color-gray-400:oklch(.704 .04 256.788);
      --color-gray-500:oklch(.554 .046 257.417);
      --color-gray-600:oklch(.446 .043 257.281);
      --color-gray-700:oklch(.372 .044 257.287);
      --color-gray-800:oklch(.279 .041 260.031);
      --color-gray-900:oklch(.208 .042 265.755);
      --color-gray-950:oklch(.129 .042 264.695)
    }
    html.has-grayscale-Zinc{
      --color-gray-50:oklch(.985 0 0);
      --color-gray-100:oklch(.967 .001 286.375);
      --color-gray-200:oklch(.92 .004 286.32);
      --color-gray-300:oklch(.871 .006 286.286);
      --color-gray-400:oklch(.705 .015 286.067);
      --color-gray-500:oklch(.552 .016 285.938);
      --color-gray-600:oklch(.442 .017 285.786);
      --color-gray-700:oklch(.37 .013 285.805);
      --color-gray-800:oklch(.274 .006 286.033);
      --color-gray-900:oklch(.21 .006 285.885);
      --color-gray-950:oklch(.141 .005 285.823)
    }
    html.has-grayscale-Stone{
      --color-gray-50:oklch(.985 .001 106.423);
      --color-gray-100:oklch(.97 .001 106.424);
      --color-gray-200:oklch(.923 .003 48.717);
      --color-gray-300:oklch(.869 .005 56.366);
      --color-gray-400:oklch(.709 .01 56.259);
      --color-gray-500:oklch(.553 .013 58.071);
      --color-gray-600:oklch(.444 .011 73.639);
      --color-gray-700:oklch(.374 .01 67.558);
      --color-gray-800:oklch(.268 .007 34.298);
      --color-gray-900:oklch(.216 .006 56.043);
      --color-gray-950:oklch(.147 .004 49.25)
    }
    html.has-grayscale-Neutral{
      --color-gray-50:oklch(.985 0 0);
      --color-gray-100:oklch(.97 0 0);
      --color-gray-200:oklch(.922 0 0);
      --color-gray-300:oklch(.87 0 0);
      --color-gray-400:oklch(.708 0 0);
      --color-gray-500:oklch(.556 0 0);
      --color-gray-600:oklch(.439 0 0);
      --color-gray-700:oklch(.371 0 0);
      --color-gray-800:oklch(.269 0 0);
      --color-gray-900:oklch(.205 0 0);
      --color-gray-950:oklch(.145 0 0)
    }
  }
  @property --bg-grid-alpha{
    syntax:"*";
    inherits:false;
    initial-value:100%
  }
  @property --angle{
    syntax:"<angle>";
    inherits:true;
    initial-value:0deg
  }
  @keyframes rotate-angle{
    to{
      --angle:360deg
    }
  }
  .lazyload,.lazyloading{
    filter:blur(10px)
  }
  .kg-image-card img.lazyload,.kg-gallery-image img.lazyload,.kg-product-card .kg-product-card-image.lazyload,.kg-image-card img.lazyloading,.kg-gallery-image img.lazyloading,.kg-product-card .kg-product-card-image.lazyloading{
    clip-path:inset(0 round .25rem)
  }
  .kg-image-card.kg-width-full img.lazyload,.kg-image-card.kg-width-full img.lazyloading{
    clip-path:inset(0)
  }
  html.no-img-blur .lazyload,html.no-img-blur .lazyloading{
    opacity:0;
    filter:none!important
  }
  .lazyloaded{
    opacity:1;
    filter:blur();
    transition:all .4s ease-in-out
  }
  .kg-image-card img.lazyloaded,.kg-gallery-image img.lazyloaded,.kg-product-card .kg-product-card-image.lazyloaded{
    clip-path:inset(0)
  }
  @keyframes move-bg{
    0%{
      background-position:var(--bg-start,-100%)
    }
    to{
      background-position:var(--bg-end,-200%)
    }
  }
  .animate-bg{
    --bg-start:120%;
    --bg-end:-10%;
    background-image:linear-gradient(-45deg,#fff0 45%,#fff 47.5%,#fff0 52.5%,#fff0);
    background-size:200%;
    background-position:var(--bg-start);
    animation:move-bg var(--animation-duration,2s)ease-in-out
  }
  @keyframes rotate-full{
    0%{
      rotate:none
    }
    to{
      rotate:360deg
    }
  }
  @media not all and (prefers-reduced-motion){
    .has-animation{
      --animation-duration:.6s;
      --animation-delay:.1s
    }
  }
  [data-sal]{
    transition-duration:var(--animation-duration,0s);
    transition-delay:var(--animation-delay,0s);
    transition-timing-function:var(--animation-easing,ease-out)
  }
  [data-sal|=slide]{
    opacity:0;
    transition-property:opacity,transform
  }
  [data-sal=slide-up]{
    transform:translateY(40px)
  }
  [data-sal=slide-down]{
    transform:translateY(-40px)
  }
  [data-sal=fade]{
    opacity:0
  }
  [data-sal=scale-x]{
    scale:0 1
  }
  [data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{
    opacity:1;
    transform:none
  }
  [data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{
    opacity:1
  }
  [data-sal=scale-x].sal-animate,body.sal-disabled [data-sal=scale-x]{
    scale:1
  }
  #announcement-bar-root{
    inset-inline-start:0;
    top:calc(var(--spacing)*17.5);
    z-index:100;
    pointer-events:none;
    width:100%;
    padding-inline:var(--spacing-outer);
    position:fixed
  }
  .gh-announcement-bar{
    animation:.4s ease-out slide-down;
    width:max-content!important;
    min-width:200px!important;
    max-width:100%!important;
    min-height:calc(var(--spacing)*10)!important;
    border-radius:calc(var(--spacing)*5)!important;
    padding-block:calc(var(--spacing)*2)!important;
    pointer-events:auto!important;
    font-size:var(--text-sm)!important;
    margin-inline:auto!important
  }
  @media (width<=40rem){
    .gh-announcement-bar{
      justify-content:flex-start!important;
      padding-inline-start:calc(var(--spacing)*4)!important;
      padding-inline-end:calc(var(--spacing)*9)!important
    }
  }
  .gh-announcement-bar-content *{
    font-weight:var(--font-weight-medium)!important
  }
  .gh-announcement-bar-content strong,.gh-announcement-bar-content a,.gh-announcement-bar-content a *{
    font-weight:var(--font-weight-bold)!important;
    color:inherit!important
  }
  .gh-announcement-bar button{
    opacity:.7!important;
    transition:opacity .2s linear!important;
    inset-inline-end:calc(var(--spacing)*2)!important;
    transform:translateY(1px)!important
  }
  .gh-announcement-bar button:hover{
    opacity:1!important
  }
  .gh-announcement-bar button svg path{
    stroke:currentColor!important
  }
  @media (width<=40rem){
    .gh-announcement-bar button{
      inset-inline-end:calc(var(--spacing)*1)!important
    }
  }
  .gh-announcement-bar.light{
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color:color-mix(in oklab,var(--color-blue-950)50%,transparent);
    --tw-ring-color:color-mix(in oklab,var(--color-blue-950)10%,transparent);
    --tw-ring-inset:inset;
    color:var(--color-gray-900)!important;
    background-color:var(--color-white)!important
  }
  #announcement-bar-root .gh-announcement-bar.light a{
    color:inherit!important
  }
  .dark .gh-announcement-bar.light{
    --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color:color-mix(in oklab,var(--color-black)60%,transparent);
    background-color:var(--color-gray-100)!important
  }
  .gh-announcement-bar.dark{
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color:color-mix(in oklab,var(--color-blue-950)50%,transparent);
    --tw-ring-color:color-mix(in oklab,var(--color-blue-950)10%,transparent);
    --tw-ring-inset:inset;
    color:var(--color-gray-100)!important;
    background-color:var(--color-gray-950)!important
  }
  .dark .gh-announcement-bar.dark{
    --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color:color-mix(in oklab,var(--color-black)60%,transparent);
    color:var(--color-gray-100)!important;
    background-color:color-mix(in oklab,var(--color-background-dark)70%,transparent)!important
  }
  .dark .gh-announcement-bar.dark:after{
    content:"";
    z-index:-10;
    border-radius:inherit;
    -webkit-backdrop-filter:blur(var(--blur-sm));
    backdrop-filter:blur(var(--blur-sm));
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-ring-color:color-mix(in oklab,var(--color-gray-50)10%,transparent);
    --tw-ring-inset:inset;
    background-color:#ffffff1a;
    display:block;
    position:absolute;
    inset:0
  }
  .gh-announcement-bar.accent{
    box-shadow:0 25px 50px -12px hsl(var(--c-primary-hsl)/30%),0 25px 50px -12px color-mix(in oklab,var(--color-blue-950)50%,transparent)
  }
  .dark .gh-announcement-bar.accent{
    filter:drop-shadow(var(--drop-shadow-primary-sm))
  }
  .gh-announcement-bar.accent,.gh-announcement-bar.accent a,.gh-announcement-bar.accent button{
    color:var(--color-contrast,#fff)!important
  }
  .kg-video-overlay,.kg-video-player-container{
    z-index:10!important
  }
  .kg-video-overlay.kg-video-hide-animated,.kg-video-player-container.kg-video-hide-animated{
    z-index:-1!important
  }
  pre[class*=language-] .token.block{
    display:initial
  }
  pre[class*=language-] .namespace{
    opacity:.7
  }
  pre[class*=language-] .token.comment,pre[class*=language-] .token.prolog,pre[class*=language-] .token.doctype,pre[class*=language-] .token.cdata{
    color:var(--color-gray-400)
  }
  pre[class*=language-] .token.punctuation{
    color:var(--color-gray-300)
  }
  pre[class*=language-] .token.property,pre[class*=language-] .token.tag,pre[class*=language-] .token.boolean,pre[class*=language-] .token.number,pre[class*=language-] .token.constant,pre[class*=language-] .token.symbol,pre[class*=language-] .token.deleted{
    color:#79c0ff
  }
  pre[class*=language-] .token.selector,pre[class*=language-] .token.attr-name,pre[class*=language-] .token.string,pre[class*=language-] .token.char,pre[class*=language-] .token.builtin,pre[class*=language-] .token.inserted,pre[class*=language-] .token.operator,pre[class*=language-] .token.entity,pre[class*=language-] .token.url,pre[class*=language-] .language-css .token.string,pre[class*=language-] .style .token.string,pre[class*=language-] .token.atrule,pre[class*=language-] .token.attr-value,pre[class*=language-] .token.keyword{
    color:#a5d6ff
  }
  pre[class*=language-] .token.function{
    color:#d2a8ff
  }
  pre[class*=language-] .token.regex,pre[class*=language-] .token.important,pre[class*=language-] .token.variable{
    color:#a8daff
  }
  pre[class*=language-] .token.important,pre[class*=language-] .token.bold{
    font-weight:700
  }
  pre[class*=language-] .token.italic{
    font-style:italic
  }
  pre[class*=language-] .token.entity{
    cursor:help
  }
  pre[class*=language-] .line-highlight{
    padding:inherit 0;
    border-left:4px solid var(--color-primary);
    z-index:-1;
    pointer-events:none;
    white-space:pre;
    position:absolute;
    left:0;
    right:0
  }
  pre[class*=language-] .line-highlight:after{
    content:"";
    background:var(--color-primary);
    opacity:.2;
    z-index:-1;
    position:absolute;
    inset:0
  }
  @media print{
    pre[class*=language-] .line-highlight{
      -webkit-print-color-adjust:exact;
      print-color-adjust:exact
    }
  }
  div.code-toolbar{
    position:relative
  }
  div.code-toolbar>.toolbar{
    z-index:10;
    top:calc(var(--spacing)*1.5);
    opacity:0;
    transition:opacity .3s ease-in-out;
    display:inline-flex;
    position:absolute;
    inset-inline-end:calc(var(--spacing)*2)
  }
  div.code-toolbar:hover>.toolbar,div.code-toolbar:focus-within>.toolbar{
    opacity:1
  }
  div.code-toolbar>.toolbar>.toolbar-item{
    display:inline-flex
  }
  div.code-toolbar>.toolbar>.toolbar-item>a{
    cursor:pointer
  }
  .code-toolbar .toolbar-item>button{
    color:inherit;
    font:inherit;
    -webkit-user-select:none;
    user-select:none;
    line-height:normal;
    font-weight:var(--font-weight-medium);
    background:0 0;
    border:0;
    padding:0;
    overflow:visible
  }
  .code-toolbar .toolbar-item>a,.code-toolbar .toolbar-item>button,.code-toolbar .toolbar-item>span{
    color:var(--color-gray-50);
    font-size:var(--text-xs);
    padding:calc(var(--spacing)*1);
    background:var(--color-gray-600);
    border-radius:var(--radius-md);
    opacity:.6;
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.2s;
    transition-duration:.2s
  }
  .code-toolbar .toolbar-item>a:hover,.code-toolbar .toolbar-item>a:focus,.code-toolbar .toolbar-item>button:hover,.code-toolbar .toolbar-item>button:focus,.code-toolbar .toolbar-item>span:hover,.code-toolbar .toolbar-item>span:focus{
    opacity:.8;
    text-decoration:none
  }
  .code-toolbar .copy-to-clipboard-button{
    justify-content:center;
    align-items:center;
    display:inline-flex
  }
  .code-toolbar .copy-to-clipboard-button[data-copy-state=copy]:before{
    content:"";
    height:calc(var(--spacing)*5);
    width:calc(var(--spacing)*5);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z' /%3E%3C/svg%3E");
    margin-inline-end:calc(var(--spacing)*1)
  }
  .code-toolbar .copy-to-clipboard-button[data-copy-state=copy-success]:before{
    content:"";
    height:calc(var(--spacing)*5);
    width:calc(var(--spacing)*5);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7' /%3E%3C/svg%3E");
    margin-inline-end:calc(var(--spacing)*1)
  }
  .code-toolbar .copy-to-clipboard-button[data-copy-state=copy-error]:before{
    content:"";
    height:calc(var(--spacing)*5);
    width:calc(var(--spacing)*5);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12' /%3E%3C/svg%3E");
    margin-inline-end:calc(var(--spacing)*1)
  }
  .code-toolbar .copy-to-clipboard-button[data-copy-state=copy-success],.code-toolbar .copy-to-clipboard-button[data-copy-state=copy-error]{
    padding-inline-end:calc(var(--spacing)*1.5)
  }
  :root{
    --content-body:var(--color-gray-700);
    --content-headings:var(--color-gray-900);
    --content-lead:var(--color-gray-600);
    --content-links:var(--color-gray-900);
    --content-bold:var(--color-gray-900);
    --content-counters:var(--color-gray-500);
    --content-bullets:var(--color-gray-400);
    --content-hr:var(--color-gray-200);
    --content-quotes:var(--color-gray-800);
    --content-quote-borders:var(--color-gray-200);
    --content-captions:var(--color-gray-500);
    --content-code:var(--color-gray-900);
    --content-code-bg:var(--color-gray-100);
    --content-code-borders:color-mix(in oklab,var(--color-gray-900)10%,transparent);
    --content-pre-code:var(--color-gray-300);
    --content-pre-bg:var(--color-gray-900);
    --content-th-borders:var(--color-gray-300);
    --content-td-borders:var(--color-gray-200);
    --content-invert-body:var(--color-gray-400);
    --content-invert-headings:var(--color-gray-100);
    --content-invert-lead:var(--color-gray-400);
    --content-invert-links:var(--color-gray-100);
    --content-invert-bold:var(--color-gray-100);
    --content-invert-counters:var(--color-gray-500);
    --content-invert-bullets:var(--color-gray-600);
    --content-invert-hr:var(--color-gray-800);
    --content-invert-quotes:var(--color-gray-200);
    --content-invert-quote-borders:var(--color-gray-700);
    --content-invert-captions:color-mix(in oklab,var(--color-gray-400)75%,transparent);
    --content-invert-code:var(--color-gray-100);
    --content-invert-code-bg:var(--color-gray-800);
    --content-invert-code-borders:color-mix(in oklab,var(--color-gray-50)10%,transparent);
    --content-invert-pre-code:var(--color-gray-300);
    --content-invert-pre-bg:var(--color-gray-900);
    --content-invert-th-borders:var(--color-gray-700);
    --content-invert-td-borders:var(--color-gray-800)
  }
  .dark{
    --content-body:var(--content-invert-body);
    --content-headings:var(--content-invert-headings);
    --content-lead:var(--content-invert-lead);
    --content-links:var(--content-invert-links);
    --content-bold:var(--content-invert-bold);
    --content-counters:var(--content-invert-counters);
    --content-bullets:var(--content-invert-bullets);
    --content-hr:var(--content-invert-hr);
    --content-quotes:var(--content-invert-quotes);
    --content-quote-borders:var(--content-invert-quote-borders);
    --content-captions:var(--content-invert-captions);
    --content-code:var(--content-invert-code);
    --content-code-bg:var(--content-invert-code-bg);
    --content-code-borders:var(--content-invert-code-borders);
    --content-pre-code:var(--content-invert-pre-code);
    --content-pre-bg:var(--content-invert-pre-bg);
    --content-th-borders:var(--content-invert-th-borders);
    --content-td-borders:var(--content-invert-td-borders)
  }
  .content{
    color:var(--content-body)
  }
  .content a,.has-links a{
    color:var(--content-links);
    text-decoration:underline;
    -webkit-text-decoration-color:var(--color-primary);
    -webkit-text-decoration-color:var(--color-primary);
    text-decoration-color:var(--color-primary);
    text-underline-offset:2px;
    font-weight:500;
    text-decoration-thickness:2px;
    transition:color .2s linear
  }
  .content a:hover,.has-links a:hover{
    color:var(--color-primary)
  }
  .content strong{
    color:var(--content-bold);
    font-weight:600
  }
  .content a strong,.has-links a strong{
    color:inherit
  }
  .content strong a,.has-links strong a{
    font-weight:inherit
  }
  .content blockquote strong,.content thead th strong{
    color:inherit
  }
  .content ol{
    list-style-type:decimal
  }
  .content ol[type=A]{
    list-style-type:upper-alpha
  }
  .content ol[type=a]{
    list-style-type:lower-alpha
  }
  .content ol[type=A s]{
    list-style-type:upper-alpha
  }
  .content ol[type=a s]{
    list-style-type:lower-alpha
  }
  .content ol[type=I]{
    list-style-type:upper-roman
  }
  .content ol[type=i]{
    list-style-type:lower-roman
  }
  .content ol[type=I s]{
    list-style-type:upper-roman
  }
  .content ol[type=i s]{
    list-style-type:lower-roman
  }
  .content ol[type="1"]{
    list-style-type:decimal
  }
  .content ul{
    list-style-type:disc
  }
  .content ol>li::marker{
    color:var(--content-counters);
    font-weight:400
  }
  .content ul>li::marker{
    color:var(--content-bullets)
  }
  .content hr{
    border-color:var(--content-hr);
    border-top-width:1px
  }
  .content blockquote{
    color:var(--content-quotes);
    border-inline-start-width:.25rem;
    border-inline-start-color:var(--content-quote-borders);
    quotes:"“""”""‘""’";
    font-style:italic;
    font-weight:500
  }
  .content blockquote strong{
    font-weight:var(--font-weight-bold)
  }
  .content blockquote:before{
    content:open-quote
  }
  .content blockquote:after{
    content:close-quote
  }
  .content .kg-blockquote-alt{
    line-height:var(--leading-snug);
    border:none
  }
  .content .kg-blockquote-alt:before{
    content:"“";
    color:var(--color-primary);
    padding-top:.5em;
    font-size:200%;
    line-height:.4;
    display:block
  }
  .content .kg-blockquote-alt a{
    text-underline-offset:3px;
    text-decoration-thickness:3px
  }
  @media (width<=600px){
    .content .kg-blockquote-alt{
      padding-inline:0
    }
    .content .kg-blockquote-alt a{
      text-underline-offset:2px;
      text-decoration-thickness:2px
    }
  }
  .content h1{
    color:var(--content-headings);
    font-weight:800
  }
  .content h1 strong{
    color:inherit;
    font-weight:900
  }
  .content h2{
    color:var(--content-headings);
    font-weight:700
  }
  .content h2 strong{
    color:inherit;
    font-weight:800
  }
  .content h3{
    color:var(--content-headings);
    font-weight:600
  }
  .content h3 strong{
    color:inherit;
    font-weight:700
  }
  .content h4{
    color:var(--content-headings);
    font-weight:600
  }
  .content h4 strong{
    color:inherit;
    font-weight:700
  }
  .content figcaption,.has-figcaption figcaption{
    color:var(--content-captions);
    text-align:center
  }
  .content code{
    color:var(--content-code);
    font-size:calc(1em - 2px);
    font-weight:600;
    font-size:max(calc(1em - 2px),var(--text-xs));
    padding:calc(var(--spacing)*.75)calc(var(--spacing)*1.5);
    border-radius:var(--radius-md);
    background-color:var(--content-code-bg);
    border:1px solid var(--content-code-borders)
  }
  .content a code,.has-links a code,.content h1 code,.content h2 code,.content h3 code,.content h4 code,.content blockquote code,.content thead th code{
    color:inherit
  }
  .content pre{
    color:var(--content-pre-code);
    background-color:var(--content-pre-bg);
    text-shadow:none;
    text-align:start;
    white-space:pre;
    word-spacing:normal;
    word-break:normal;
    tab-size:4;
    -webkit-hyphens:none;
    hyphens:none;
    direction:ltr;
    font-weight:400;
    display:flex;
    position:relative;
    overflow:auto;
    padding:calc(var(--spacing)*4)calc(var(--spacing)*4)!important
  }
  .dark .content pre{
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-ring-color:color-mix(in oklab,var(--color-gray-50)5%,transparent);
    --tw-ring-inset:inset
  }
  .content pre::selection{
    text-shadow:none;
    background:#234879
  }
  .content pre code{
    z-index:1;
    font-weight:inherit;
    color:inherit;
    background-color:#0000;
    border-width:0;
    border-radius:0;
    padding:0;
    font-family:inherit;
    position:relative;
    font-size:inherit!important;
    line-height:inherit!important;
    margin-inline-start:calc(var(--spacing)*-4)!important;
    padding-inline-start:calc(var(--spacing)*4)!important
  }
  .dark .content pre code{
    background-color:#0000
  }
  .content pre code:before,.content pre code:after{
    content:none
  }
  .content table{
    table-layout:auto;
    text-align:left;
    width:100%
  }
  .content thead{
    border-bottom-width:1px;
    border-bottom-color:var(--content-th-borders)
  }
  .content thead th{
    color:var(--content-headings);
    vertical-align:bottom;
    white-space:nowrap;
    font-weight:600
  }
  .content tbody tr{
    border-bottom-width:1px;
    border-bottom-color:var(--content-td-borders)
  }
  .content tbody tr:last-child{
    border-bottom-width:0
  }
  .content tbody td{
    vertical-align:baseline;
    white-space:nowrap
  }
  .content tfoot{
    border-top-width:1px;
    border-top-color:var(--content-th-borders)
  }
  .content tfoot td{
    vertical-align:top
  }
  .content .table-responsive{
    -webkit-overflow-scrolling:touch;
    overflow-x:auto
  }
  .content mark{
    color:inherit;
    background:hsl(var(--c-primary-hsl)/20%);
    border-radius:var(--radius-md);
    padding:calc(var(--spacing)*.75)calc(var(--spacing)*1.5)
  }
  .content img{
    border-radius:var(--radius-xl)
  }
  .content .kg-gallery-image:not([style]){
    flex-grow:.333333;
    flex-shrink:1
  }
  .content .kg-image-card img{
    margin:auto
  }
  .content .kg-image-card img,.content .kg-gallery-card img{
    cursor:zoom-in;
    margin-top:0;
    margin-bottom:0
  }
  .content .kg-image-card>a img,.content .kg-gallery-card>a img{
    cursor:pointer;
    margin-top:0;
    margin-bottom:0
  }
  .content .kg-gallery-card img{
    border-radius:var(--radius-xl)
  }
  .content .kg-product-card-container{
    border-radius:var(--radius-2xl);
    padding:calc(var(--spacing)*6);
    box-shadow:var(--shadow-pretty);
    background:var(--color-white);
    color:inherit;
    border:none;
    font-family:inherit;
    position:relative
  }
  .dark .content .kg-product-card-container{
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background:color-mix(in oklab,var(--color-white)1%,transparent);
    box-shadow:inset 0 4px 12px #ffffff05
  }
  .dark .content .kg-product-card-container:after{
    content:"";
    z-index:10;
    border-radius:inherit;
    pointer-events:none;
    --tw-gradient-position:to bottom right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from:color-mix(in oklab,var(--color-gray-400)10%,transparent);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    --tw-gradient-to-position:50%;
    position:absolute;
    inset:-1px
  }
  .dark .content .kg-product-card-container:before{
    content:"";
    z-index:-10;
    --tw-gradient-position:to right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from:color-mix(in oklab,var(--color-black)0%,transparent);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    --tw-gradient-via:color-mix(in oklab,var(--color-gray-400)50%,transparent);
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-to:color-mix(in oklab,var(--color-black)0%,transparent);
    width:33.3333%;
    height:1px;
    top:-1px;
    position:absolute;
    inset-inline-start:calc(var(--spacing)*5)
  }
  .content .kg-product-card-container img{
    border-radius:var(--radius-xl);
    margin:0
  }
  .content .kg-product-card .kg-product-card-title{
    font-family:var(--gh-font-heading,var(--font-headings,ui-sans-serif)),var(--font-sans);
    font-size:var(--text-xl);
    line-height:1.2
  }
  html.has-serif-headings .content .kg-product-card .kg-product-card-title{
    font-family:var(--gh-font-heading,var(--font-headings,ui-serif)),var(--font-serif)
  }
  .content .kg-product-card .kg-product-card-title strong{
    color:inherit;
    font-weight:800
  }
  .content .kg-product-card .kg-product-card-rating-star{
    color:var(--color-amber-500);
    height:calc(var(--spacing)*6);
    width:calc(var(--spacing)*5);
    justify-content:center;
    align-items:center;
    display:flex
  }
  .content .kg-product-card .kg-product-card-button,.content .kg-product-card .kg-product-card-description ol,.content .kg-product-card .kg-product-card-description p,.content .kg-product-card .kg-product-card-description ul{
    opacity:1;
    font-family:inherit
  }
  .content .kg-product-card .kg-product-card-description ul,.content .kg-product-card .kg-product-card-description ol{
    padding:0;
    list-style:none
  }
  .content .kg-product-card .kg-product-card-description ul li,.content .kg-product-card .kg-product-card-description ol li{
    padding:0;
    padding-inline-start:calc(var(--spacing)*8);
    position:relative
  }
  .content .kg-product-card .kg-product-card-description ul li:before,.content .kg-product-card .kg-product-card-description ol li:before{
    content:"";
    background:var(--color-primary);
    opacity:.2;
    width:calc(var(--spacing)*4);
    height:calc(var(--spacing)*4);
    filter:blur(var(--blur-xs));
    border-radius:50%;
    flex:none;
    display:inline-flex;
    position:absolute;
    top:3px;
    left:0
  }
  .content .kg-product-card .kg-product-card-description ul li:after,.content .kg-product-card .kg-product-card-description ol li:after{
    content:"";
    background-color:var(--color-primary);
    margin-right:calc(var(--spacing)*3);
    border-radius:100%;
    flex:none;
    width:12px;
    height:12px;
    display:inline-flex;
    position:absolute;
    top:5px;
    left:2px;
    -webkit-mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" ><path d=\"M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81\" /></svg>");
    mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" ><path d=\"M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81\" /></svg>");
    -webkit-mask-position:50%;
    mask-position:50%;
    -webkit-mask-size:12px;
    mask-size:12px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
  }
  .content .kg-product-card .kg-product-card-button{
    text-align:center;
    height:auto;
    min-height:2.4em;
    padding-top:calc(var(--spacing)*2);
    padding-bottom:calc(var(--spacing)*2);
    line-height:var(--leading-snug);
    border-radius:var(--radius-3xl);
    opacity:1;
    margin-top:calc(var(--spacing)*2);
    box-shadow:var(--shadow-primary);
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .dark .content .kg-product-card .kg-product-card-button{
    filter:drop-shadow(var(--drop-shadow-primary-sm));
    box-shadow:none
  }
  .content .kg-product-card .kg-product-card-button:hover{
    opacity:.9
  }
  .content .kg-product-card a.kg-product-card-btn-accent{
    color:var(--color-contrast,#fff)
  }
  .content .kg-toggle-card{
    border-radius:var(--radius-2xl);
    background:var(--color-white);
    padding:0 calc(var(--spacing)*6);
    transition-property:box-shadow;
    transition-duration:.2s;
    transition-timing-function:var(--default-transition-timing-function);
    border:none;
    box-shadow:var(--shadow-pretty-sm)!important
  }
  .dark .content .kg-toggle-card{
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background:0 0;
    transition-property:background-color;
    transition-duration:.5s;
    box-shadow:none!important
  }
  .content .kg-toggle-card[data-kg-toggle-state=open]{
    padding-bottom:calc(var(--spacing)*6)
  }
  .content .kg-toggle-card:hover,.content .kg-toggle-card[data-kg-toggle-state=open]{
    box-shadow:var(--shadow-pretty-xs)!important
  }
  .dark .content .kg-toggle-card:hover,.dark .content .kg-toggle-card[data-kg-toggle-state=open]{
    background:color-mix(in oklab,var(--color-white)5%,transparent)
  }
  .content .kg-toggle-card .kg-toggle-heading{
    padding:calc(var(--spacing)*5);
    margin-inline:calc(var(--spacing)*-6)
  }
  .content .kg-toggle-card .kg-toggle-heading-text{
    font-weight:var(--font-weight-medium);
    font-size:var(--text-base);
    line-height:var(--leading-normal);
    text-align:start;
    font-family:var(--font-body,ui-sans-serif),var(--font-sans)!important
  }
  html.has-serif-body .content .kg-toggle-card .kg-toggle-heading-text{
    font-family:var(--font-body,ui-serif),var(--font-serif)!important
  }
  .content .kg-toggle-card .kg-toggle-card-icon{
    width:calc(var(--spacing)*2.5);
    height:calc(var(--spacing)*6);
    flex:none
  }
  .content .kg-toggle-card-icon svg{
    color:var(--color-gray-400)
  }
  .dark .content .kg-toggle-card-icon svg{
    color:var(--color-gray-500)
  }
  .content .kg-toggle-card .kg-toggle-card-icon path{
    stroke-width:2px
  }
  .content .kg-toggle-card .kg-toggle-content{
    text-align:start
  }
  .content .kg-toggle-card .kg-toggle-content :first-child{
    margin-top:0
  }
  .content .kg-toggle-card .kg-toggle-content :last-child{
    margin-bottom:0
  }
  .content .kg-button-card .kg-btn{
    text-align:center;
    height:auto;
    min-height:2.4em;
    padding-top:calc(var(--spacing)*2);
    padding-bottom:calc(var(--spacing)*2);
    font-family:inherit;
    line-height:var(--leading-snug);
    border-radius:var(--radius-3xl);
    opacity:1;
    box-shadow:var(--shadow-primary);
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .dark .content .kg-button-card .kg-btn{
    filter:drop-shadow(var(--drop-shadow-primary-sm));
    box-shadow:none
  }
  .content .kg-button-card .kg-btn:hover{
    opacity:.9
  }
  .content .kg-button-card a.kg-btn-accent{
    color:var(--color-contrast,#fff)
  }
  .content .kg-video-container{
    border-radius:var(--radius-xl);
    overflow:hidden
  }
  .content .kg-audio-card{
    border-radius:var(--radius-2xl);
    color:inherit;
    background:var(--color-white);
    transition-property:box-shadow;
    transition-duration:.2s;
    transition-timing-function:var(--default-transition-timing-function);
    border:none;
    font-family:inherit;
    box-shadow:var(--shadow-pretty-sm)!important
  }
  .dark .content .kg-audio-card{
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background:0 0;
    transition-property:background-color;
    transition-duration:.5s;
    box-shadow:none!important
  }
  .content .kg-audio-thumbnail{
    border-radius:var(--radius-xl)
  }
  .content .kg-audio-title{
    color:var(--content-headings)
  }
  .content .kg-audio-time{
    color:var(--color-gray-400)
  }
  .dark .content .kg-audio-time{
    color:var(--color-gray-500)
  }
  .content .kg-file-card .kg-file-card-container{
    padding:calc(var(--spacing)*3);
    color:inherit;
    border-radius:var(--radius-2xl);
    background:var(--color-white);
    transition-property:box-shadow;
    transition-duration:.2s;
    transition-timing-function:var(--default-transition-timing-function);
    border:none;
    font-family:inherit;
    box-shadow:var(--shadow-pretty-sm)!important
  }
  .dark .content .kg-file-card .kg-file-card-container{
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background:0 0;
    transition-property:background-color;
    transition-duration:.5s;
    box-shadow:none!important
  }
  .content .kg-file-card .kg-file-card-container:hover{
    border:none;
    box-shadow:var(--shadow-pretty-xs)!important
  }
  .dark .content .kg-file-card .kg-file-card-container:hover{
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background:color-mix(in oklab,var(--color-white)5%,transparent)
  }
  .content .kg-file-card .kg-file-card-contents{
    margin-block:calc(var(--spacing)*1.5)
  }
  .content .kg-file-card-title{
    color:var(--content-headings);
    font-size:var(--text-base);
    line-height:var(--leading-tight)
  }
  .content .kg-file-card-title+.kg-file-card-caption{
    font-size:var(--text-sm);
    line-height:calc(var(--spacing)*4.5);
    margin-top:calc(var(--spacing)*1)
  }
  .content .kg-file-card .kg-file-card-metadata{
    font-size:var(--text-xs);
    line-height:calc(var(--spacing)*4);
    margin-top:calc(var(--spacing)*2.5)
  }
  .content .kg-file-card .kg-file-card-filesize{
    font-size:inherit;
    line-height:inherit
  }
  .content .kg-file-card-icon:before{
    border-radius:var(--radius-xl)
  }
  .content .kg-bookmark-card .kg-bookmark-container,.content .kg-bookmark-card .kg-bookmark-container:hover{
    border-radius:var(--radius-2xl);
    padding:calc(var(--spacing)*3);
    background:0 0;
    background:var(--color-white);
    transition-property:box-shadow;
    transition-duration:.2s;
    transition-timing-function:var(--default-transition-timing-function);
    border:none;
    font-family:inherit;
    box-shadow:var(--shadow-pretty-sm)!important
  }
  .dark .content .kg-bookmark-card .kg-bookmark-container{
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background:0 0;
    transition-property:background-color;
    transition-duration:.5s;
    box-shadow:none!important
  }
  .content .kg-bookmark-card .kg-bookmark-container:hover{
    border:none;
    box-shadow:var(--shadow-pretty-xs)!important
  }
  .dark .content .kg-bookmark-card .kg-bookmark-container:hover{
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background:color-mix(in oklab,var(--color-white)5%,transparent)
  }
  .content .kg-bookmark-card .kg-bookmark-content{
    padding:calc(var(--spacing)*1)calc(var(--spacing)*2);
    font-family:inherit
  }
  .content .kg-bookmark-card .kg-bookmark-title{
    font-size:var(--text-base);
    line-height:var(--leading-normal);
    color:var(--content-headings);
    margin-bottom:calc(var(--spacing)*1)
  }
  .content .kg-bookmark-card .kg-bookmark-description{
    font-size:var(--text-sm);
    line-height:var(--leading-normal);
    opacity:1;
    color:var(--content-captions);
    -webkit-line-clamp:2;
    line-clamp:2;
    max-height:none;
    margin-top:0;
    margin-bottom:0
  }
  .content .kg-bookmark-card .kg-bookmark-icon{
    border-radius:var(--radius-sm);
    margin-top:0;
    margin-bottom:0
  }
  .content .kg-bookmark-card .kg-bookmark-metadata{
    font-size:var(--text-sm);
    margin-top:calc(var(--spacing)*5)
  }
  .content .kg-bookmark-card .kg-bookmark-metadata>*{
    opacity:1;
    color:var(--content-captions);
    font-size:var(--text-xs);
    line-height:var(--leading-normal);
    font-weight:400
  }
  .content .kg-bookmark-card .kg-bookmark-thumbnail{
    border-radius:var(--radius-xl);
    min-width:25%;
    min-height:120px;
    background-color:#0000000d;
    margin-inline-start:calc(var(--spacing)*4);
    overflow:hidden
  }
  .content .kg-bookmark-card .kg-bookmark-thumbnail img{
    border-radius:var(--radius-xl);
    margin:0
  }
  .content .kg-bookmark-card .kg-bookmark-author{
    flex-shrink:0;
    width:auto
  }
  @media (width<=40rem){
    .content .kg-bookmark-card .kg-bookmark-container{
      flex-direction:column-reverse
    }
    .content .kg-bookmark-card .kg-bookmark-content{
      padding:0
    }
    .content .kg-bookmark-card .kg-bookmark-description{
      -webkit-line-clamp:4;
      line-clamp:4
    }
    .content .kg-bookmark-card .kg-bookmark-thumbnail{
      margin-bottom:calc(var(--spacing)*4);
      aspect-ratio:16/9;
      margin-inline-start:0
    }
    .content .kg-bookmark-card .kg-bookmark-author{
      text-overflow:ellipsis;
      flex-shrink:1;
      display:inline-block;
      overflow:hidden
    }
  }
  .content .kg-callout-card{
    border-radius:var(--radius-2xl);
    padding:calc(var(--spacing)*5)
  }
  .content .kg-callout-card .kg-callout-emoji{
    flex-shrink:0
  }
  .content .kg-callout-card-white{
    background-color:var(--color-white);
    box-shadow:var(--shadow-pretty-xs)
  }
  .dark .content .kg-callout-card-white{
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background:0 0
  }
  .content .kg-callout-card-grey{
    background-color:var(--color-gray-100);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-callout-card-grey{
    background-color:var(--color-gray-900);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-callout-card-blue{
    background-color:color-mix(in oklab,var(--color-sky-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-callout-card-blue{
    background-color:color-mix(in oklab,var(--color-sky-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-callout-card-green{
    background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-callout-card-green{
    background-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-callout-card-yellow{
    background-color:color-mix(in oklab,var(--color-yellow-500)13%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-callout-card-yellow{
    background-color:color-mix(in oklab,var(--color-orange-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-callout-card-red{
    background-color:color-mix(in oklab,var(--color-red-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-callout-card-red{
    background-color:color-mix(in oklab,var(--color-red-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-callout-card-pink{
    background-color:color-mix(in oklab,var(--color-pink-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-callout-card-pink{
    background-color:color-mix(in oklab,var(--color-pink-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-callout-card-purple{
    background-color:color-mix(in oklab,var(--color-purple-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-callout-card-purple{
    background-color:color-mix(in oklab,var(--color-purple-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-callout-card.kg-callout-card-accent{
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)20%,transparent)
  }
  .dark .content .kg-callout-card.kg-callout-card-accent{
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)20%,transparent)
  }
  .content .kg-callout-card.kg-callout-card-accent strong{
    color:inherit
  }
  .content .kg-callout-card.kg-callout-card-accent a{
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    text-decoration-thickness:2px
  }
  .content .kg-callout-card.kg-callout-card-accent a:hover{
    opacity:.85
  }
  .content .kg-callout-card-accent,.content .kg-callout-card.kg-callout-card-accent a{
    color:var(--color-contrast,#fff)
  }
  .content .kg-callout-card code{
    padding-block:2px
  }
  .content .kg-callout-card:not(.kg-callout-card-white) code{
    background-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-callout-card:not(.kg-callout-card-white) code{
    background-color:color-mix(in oklab,var(--color-gray-950)10%,transparent)
  }
  .content .kg-callout-card.kg-callout-card-accent code{
    color:inherit
  }
  .dark .content .kg-callout-card.kg-callout-card-accent code{
    border-color:color-mix(in oklab,var(--color-gray-900)10%,transparent)
  }
  @media (width<=40rem){
    .content .kg-callout-card{
      flex-direction:column
    }
    .content .kg-callout-card .kg-callout-emoji{
      margin-bottom:calc(var(--spacing)*3)
    }
  }
  .content .kg-cta-card.kg-cta-bg-none{
    box-shadow:inset 0 0 0 1px #7c8b9a33
  }
  .content .kg-cta-bg-none .kg-cta-content{
    padding:1.5em
  }
  .content .kg-cta-bg-none .kg-cta-sponsor-label-wrapper{
    margin:0 1.5em;
    padding:.7em 0
  }
  .content .kg-cta-bg-none .kg-cta-content{
    border-bottom:none
  }
  .content .kg-cta-bg-none .kg-cta-content:not(.kg-cta-sponsor-label-wrapper+.kg-cta-content),.content .kg-cta-bg-none:not(.kg-cta-no-dividers) .kg-cta-content:not(.kg-cta-sponsor-label-wrapper+.kg-cta-content){
    border-top:none
  }
  .content .kg-cta-bg-white{
    background-color:var(--color-white);
    box-shadow:var(--shadow-pretty-xs)
  }
  .dark .content .kg-cta-bg-white{
    background:color-mix(in oklab,var(--color-gray-50)5%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-cta-bg-grey{
    background-color:var(--color-gray-100);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-cta-bg-grey{
    background-color:var(--color-gray-900);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-cta-bg-blue{
    background-color:color-mix(in oklab,var(--color-sky-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-cta-bg-blue{
    background-color:color-mix(in oklab,var(--color-sky-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-cta-bg-green{
    background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-cta-bg-green{
    background-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-cta-bg-yellow{
    background-color:color-mix(in oklab,var(--color-yellow-500)13%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-cta-bg-yellow{
    background-color:color-mix(in oklab,var(--color-orange-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-cta-bg-red{
    background-color:color-mix(in oklab,var(--color-red-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-cta-bg-red{
    background-color:color-mix(in oklab,var(--color-red-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-cta-bg-pink{
    background-color:color-mix(in oklab,var(--color-pink-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-cta-bg-pink{
    background-color:color-mix(in oklab,var(--color-pink-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-cta-bg-purple{
    background-color:color-mix(in oklab,var(--color-purple-500)10%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-cta-bg-purple{
    background-color:color-mix(in oklab,var(--color-purple-500)20%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-cta-text :last-child{
    margin-bottom:0
  }
  .content .kg-cta-card{
    border-radius:var(--radius-2xl)
  }
  .content .kg-cta-text a,.content .kg-cta-sponsor-label a,.content .kg-cta-sponsor-label a span{
    color:var(--content-links);
    transition:color .2s linear
  }
  .content .kg-cta-text a:hover,.content .kg-cta-sponsor-label a:hover,.content .kg-cta-sponsor-label a:hover span{
    color:var(--color-primary);
    opacity:1;
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.2s;
    transition-duration:.2s
  }
  .content .kg-cta-link-accent .kg-cta-text a:hover,.content .kg-cta-link-accent .kg-cta-sponsor-label a:hover{
    opacity:.8
  }
  .content .kg-cta-sponsor-label{
    font-family:inherit;
    font-size:var(--text-2xs)
  }
  .content .kg-cta-sponsor-label span:not(a span){
    opacity:.8;
    color:inherit
  }
  .content a.kg-cta-button{
    font-family:inherit;
    font-size:1em;
    font-weight:var(--font-weight-medium);
    line-height:var(--leading-tight);
    border-radius:999px;
    padding:.6em 1.2em
  }
  .content a.kg-cta-button.kg-style-accent{
    box-shadow:var(--shadow-primary);
    color:var(--color-accent-contrast,#fff)!important
  }
  .dark .content a.kg-cta-button.kg-style-accent{
    box-shadow:none;
    filter:drop-shadow(var(--drop-shadow-primary-sm))
  }
  .content a.kg-cta-button[style*="background-color: #F0F0F0"]{
    box-shadow:var(--shadow-pretty);
    background-color:var(--color-gray-100)!important;
    color:var(--color-gray-900)!important
  }
  .light .content .kg-cta-bg-grey a.kg-cta-button[style*="background-color: #F0F0F0"]{
    background-color:color-mix(in oklab,var(--color-gray-950)4%,transparent)!important
  }
  .dark .content a.kg-cta-button[style*="background-color: #F0F0F0"]{
    border:1px solid color-mix(in oklab,var(--color-gray-50)5%,transparent);
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color:color-mix(in oklab,var(--color-black)20%,transparent);
    background-color:var(--color-gray-800)!important;
    color:var(--color-gray-50)!important
  }
  .content a.kg-cta-button[style*="background-color: #000000"]{
    box-shadow:var(--shadow-pretty);
    background-color:var(--color-gray-900)!important;
    color:var(--color-gray-50)!important
  }
  .dark .content a.kg-cta-button[style*="background-color: #000000"]{
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color:color-mix(in oklab,var(--color-black)20%,transparent);
    background-color:var(--color-white)!important;
    color:var(--color-gray-900)!important
  }
  @media (width<=600px){
    .content a.kg-cta-button{
      width:100%
    }
  }
  .content .kg-cta-image-container img{
    border-radius:var(--radius-xl)
  }
  .content .kg-cta-card code{
    padding-block:2px
  }
  .content .kg-cta-card:not(.kg-cta-bg-white):not(.kg-cta-bg-none) code{
    background-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)
  }
  .dark .content .kg-cta-card:not(.kg-cta-bg-white):not(.kg-cta-bg-none) code{
    background-color:color-mix(in oklab,var(--color-gray-950)10%,transparent)
  }
  .content .kg-embed-card{
    flex-direction:column;
    align-items:center;
    width:100%;
    display:flex
  }
  .content .kg-embed-card iframe{
    border-radius:var(--radius-xl)
  }
  .content .kg-embed-card iframe[src*=codepen\.io],.content .kg-embed-card iframe[src*=soundcloud\.com]{
    aspect-ratio:16/9;
    height:100%;
    max-height:432px
  }
  .content .kg-embed-card iframe[src*=spotify\.com]{
    aspect-ratio:16/9;
    max-height:432px
  }
  .content iframe.instagram-media{
    margin:6vmin auto 0!important
  }
  .content iframe.instagram-media+script+:not([id]){
    margin-top:6vmin
  }
  .content .kg-nft-card .kg-nft-card-container{
    font-family:inherit
  }
  .content .kg-nft-card .kg-nft-title{
    font-family:var(--gh-font-heading,var(--font-headings,ui-sans-serif)),var(--font-sans)
  }
  html.has-serif-headings .content .kg-nft-card .kg-nft-title{
    font-family:var(--gh-font-heading,var(--font-headings,ui-serif)),var(--font-serif)
  }
  .content .kg-width-wide,.content .kg-width-full{
    display:block
  }
  .content.has-full .kg-width-full{
    border-radius:0;
    width:100vw;
    margin-left:-50vw;
    position:relative;
    left:50%
  }
  .content.has-full .kg-width-full img{
    border-radius:0;
    width:100%
  }
  .content.has-wide .kg-width-wide{
    width:calc(100vw - 2*var(--spacing-outer));
    margin-left:calc(-50vw + var(--spacing-outer));
    position:relative;
    left:50%
  }
  @media (width>=64rem){
    .content.has-wide .kg-width-wide{
      width:calc(100% + 2*128px - 2*var(--spacing-outer));
      margin-left:calc(-128px + var(--spacing-outer));
      position:relative;
      left:0
    }
  }
  .content .kg-card.kg-header-card{
    z-index:0
  }
  .content.has-full .kg-header-card{
    text-align:center;
    align-items:center;
    display:flex
  }
  .content .kg-header-card .kg-header-card-header{
    font-weight:var(--font-weight-bold);
    letter-spacing:var(--tracking-tighter);
    line-height:var(--leading-tighter)
  }
  .content .kg-header-card .kg-header-card-subheader{
    font-weight:400
  }
  .content .kg-header-card.kg-style-light{
    background-color:var(--color-gray-100)
  }
  .dark .content .kg-header-card.kg-style-light{
    background-color:var(--color-gray-900)
  }
  .content .kg-header-card.kg-style-dark{
    background-color:var(--color-gray-950)
  }
  .dark .content .kg-header-card.kg-style-dark{
    color:var(--color-gray-900);
    background-color:var(--color-gray-50)
  }
  .content .kg-header-card.kg-style-dark .kg-header-card-header,.content .kg-header-card.kg-style-dark .kg-header-card-subheader{
    color:var(--color-gray-100)
  }
  .dark .content .kg-header-card.kg-style-dark .kg-header-card-header,.dark .content .kg-header-card.kg-style-dark .kg-header-card-subheader{
    color:var(--color-gray-900)
  }
  .content .kg-header-card.kg-style-dark .kg-header-card-button{
    color:var(--color-gray-900);
    background-color:var(--color-gray-50)
  }
  .dark .content .kg-header-card.kg-style-dark .kg-header-card-button{
    color:var(--color-gray-50);
    background-color:var(--color-gray-900)
  }
  .content .kg-header-card .kg-header-card-header,.content .kg-header-card .kg-header-card-header strong{
    font-weight:700
  }
  .content .kg-header-card h2+.kg-header-card-subheader{
    margin-top:clamp(calc(var(--spacing)*4),.5em,calc(var(--spacing)*8))
  }
  .content .kg-header-card .kg-header-card-subheader{
    opacity:.8;
    font-family:inherit
  }
  .content .kg-header-card .kg-header-card-header:has(+.kg-header-card-button),.content .kg-header-card .kg-header-card-subheader:has(+.kg-header-card-button){
    margin-bottom:.5em
  }
  .content .kg-header-card h2.kg-header-card-header a,.content .kg-header-card h3.kg-header-card-subheader a{
    color:inherit
  }
  .content .kg-header-card h2.kg-header-card-header a:hover,.content .kg-header-card h3.kg-header-card-subheader a:hover{
    color:var(--color-primary)
  }
  .content .kg-header-card h2.kg-header-card-header a{
    font-weight:inherit;
    text-underline-offset:4px;
    text-decoration-thickness:4px
  }
  .content .kg-header-card.kg-style-accent h2.kg-header-card-header a,.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader a{
    color:inherit;
    -webkit-text-decoration-color:inherit;
    -webkit-text-decoration-color:inherit;
    text-decoration-color:inherit;
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .content .kg-header-card.kg-style-accent h2.kg-header-card-header a:hover,.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader a:hover{
    color:inherit;
    opacity:.8
  }
  .content .kg-header-card .kg-header-card-button{
    font-family:inherit;
    font-weight:var(--font-weight-medium);
    line-height:var(--leading-tight);
    border-radius:calc(var(--spacing)*10);
    white-space:normal;
    min-height:calc(var(--spacing)*10);
    max-width:100%;
    padding:.6em 1.2em;
    height:auto!important
  }
  .content .kg-header-card.kg-size-large a.kg-header-card-button{
    font-size:1.2em
  }
  .content .kg-header-card.kg-style-light a.kg-header-card-button{
    box-shadow:var(--shadow-primary)
  }
  .dark .content .kg-header-card.kg-style-light a.kg-header-card-button{
    box-shadow:none;
    filter:drop-shadow(var(--drop-shadow-primary-sm))
  }
  .content .kg-header-card.kg-v2,.content .kg-card.kg-signup-card{
    border-radius:var(--radius-2xl);
    z-index:0;
    overflow:hidden
  }
  .content .kg-header-card code,.content .kg-signup-card code{
    background-color:color-mix(in oklab,var(--color-gray-950)10%,transparent);
    border-color:color-mix(in oklab,var(--color-gray-950)10%,transparent);
    color:inherit
  }
  .light .content .kg-header-card.kg-style-dark code,.light .content .kg-header-card[data-background-color=\#000000] code,.light .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] code,.dark .content .kg-header-card.kg-style-light code,.dark .content .kg-header-card[data-background-color=\#F0F0F0] code,.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] code{
    background-color:var(--color-gray-800);
    border-color:color-mix(in oklab,var(--color-gray-50)10%,transparent)
  }
  .content .kg-header-card.kg-v2 code,.content .kg-card.kg-signup-card code{
    color:inherit
  }
  .content .kg-header-card.kg-v2 .kg-header-card-heading,.content .kg-signup-card .kg-signup-card-heading{
    font-weight:var(--font-weight-bold);
    letter-spacing:var(--tracking-tighter);
    line-height:var(--leading-tighter);
    font-size:var(--text-5xl)!important
  }
  .content .kg-header-card.kg-v2 .kg-header-card-heading strong,.content .kg-header-card.kg-v2 .kg-header-card-subheading strong,.content .kg-signup-card strong{
    color:inherit
  }
  .content .kg-header-card.kg-v2 .kg-header-card-subheading,.content .kg-signup-card .kg-signup-card-subheading{
    line-height:1.4;
    font-weight:400!important
  }
  .content .kg-header-card.kg-v2 .kg-header-card-heading+.kg-header-card-subheading,.content .kg-signup-card .kg-signup-card-subheading{
    margin-top:clamp(calc(var(--spacing)*4),.5em,calc(var(--spacing)*8))!important
  }
  .content .kg-header-card.kg-v2:not(.kg-width-full) .kg-header-card-subheading,.content .kg-signup-card:not(.kg-width-full) .kg-signup-card-subheading{
    font-size:var(--text-xl)!important
  }
  .content.has-full .kg-header-card.kg-v2.kg-width-full,.content.has-full .kg-signup-card.kg-width-full{
    border-radius:0
  }
  .content .kg-header-card.kg-v2:not(.kg-layout-split)>picture:after,.content .kg-signup-card:not(.kg-layout-split)>picture:after{
    content:"";
    opacity:.4;
    background:#000;
    position:absolute;
    inset:0
  }
  .content .kg-header-card.kg-v2.kg-width-wide .kg-header-card-content,.content .kg-signup-card.kg-width-wide .kg-signup-card-content{
    padding:min(6.4vmax,120px)var(--spacing-outer)
  }
  .content .kg-header-card.kg-v2.kg-width-wide .kg-header-card-text,.content .kg-signup-card.kg-width-wide .kg-signup-card-text{
    max-width:var(--container-3xl);
    margin-left:auto;
    margin-right:auto;
    padding:0
  }
  .content .kg-header-card.kg-v2[data-background-color=\#F0F0F0],.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"]{
    border:1px solid color-mix(in oklab,var(--color-gray-950)5%,transparent);
    background-color:var(--color-gray-100)!important
  }
  .dark .content .kg-header-card.kg-v2[data-background-color=\#F0F0F0],.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"]{
    border:1px solid color-mix(in oklab,var(--color-gray-50)5%,transparent);
    background-color:var(--color-gray-900)!important
  }
  .content .kg-header-card.kg-v2[data-background-color=\#F0F0F0] .kg-header-card-heading,.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-heading{
    color:var(--color-gray-900)!important
  }
  .dark .content .kg-header-card.kg-v2[data-background-color=\#F0F0F0] .kg-header-card-heading,.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-heading{
    color:var(--color-gray-100)!important
  }
  .content .kg-header-card.kg-v2[data-background-color=\#F0F0F0] .kg-header-card-subheading,.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-subheading,.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-success,.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-error,.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-disclaimer{
    opacity:.8;
    color:var(--content-headings)!important
  }
  .content .kg-header-card.kg-v2.kg-width-full,.content .kg-signup-card.kg-width-full{
    border-inline-width:0
  }
  .content .kg-header-card.kg-v2[data-background-color=\#000000],.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"]{
    background-color:var(--color-gray-950)!important
  }
  .dark .content .kg-header-card.kg-v2[data-background-color=\#000000],.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"]{
    background-color:var(--color-gray-50)!important
  }
  .content .kg-header-card.kg-v2[data-background-color=\#000000] .kg-header-card-heading,.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-heading{
    color:var(--color-gray-100)!important
  }
  .dark .content .kg-header-card.kg-v2[data-background-color=\#000000] .kg-header-card-heading,.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-heading{
    color:var(--color-gray-900)!important
  }
  .content .kg-header-card.kg-v2[data-background-color=\#000000] .kg-header-card-subheading,.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-subheading,.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-success,.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-error,.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-disclaimer{
    opacity:.8;
    color:var(--color-gray-100)!important
  }
  .dark .content .kg-header-card.kg-v2[data-background-color=\#000000] .kg-header-card-subheading,.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-subheading,.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-success,.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-error,.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-disclaimer{
    color:var(--color-gray-900)!important
  }
  .content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-heading,.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-subheading,.content .kg-signup-card.kg-style-accent .kg-signup-card-heading,.content .kg-signup-card.kg-style-accent .kg-signup-card-subheading,.content .kg-signup-card.kg-style-accent .kg-signup-card-success,.content .kg-signup-card.kg-style-accent .kg-signup-card-error,.content .kg-signup-card.kg-style-accent .kg-signup-card-disclaimer{
    color:var(--color-contrast,#fff)!important
  }
  .dark .content .kg-header-card.kg-v2>picture~.kg-header-card-content .kg-header-card-heading,.dark .content .kg-header-card.kg-v2>picture~.kg-header-card-content .kg-header-card-subheading,.content .kg-header-card.kg-v2>picture~.kg-header-card-content .kg-header-card-subheading,.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-heading,.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-subheading,.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-success,.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-error,.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-disclaimer{
    color:#fff!important
  }
  .content .kg-header-card.kg-v2 .kg-header-card-heading a,.content .kg-signup-card .kg-signup-card-heading a{
    font-weight:inherit;
    text-underline-offset:3px;
    text-decoration-thickness:3px
  }
  .content .kg-header-card.kg-style-light a.kg-header-card-button,.content .kg-header-card.kg-style-accent h2.kg-header-card-header,.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader,.content .kg-header-card.kg-style-accent h2.kg-header-card-header a,.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader a{
    color:var(--color-contrast,#fff)
  }
  .content .kg-header-card.kg-v2:not(.kg-style-accent) .kg-header-card-heading a:hover,.content .kg-header-card.kg-v2:not(.kg-style-accent) .kg-header-card-subheading a:hover{
    color:var(--color-primary)
  }
  .content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-heading a,.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-subheading a,.content .kg-signup-card.kg-style-accent .kg-signup-card-heading a,.content .kg-signup-card.kg-style-accent .kg-signup-card-subheading a,.content .kg-signup-card.kg-style-accent .kg-signup-card-disclaimer a{
    -webkit-text-decoration-color:var(--color-contrast,#fff);
    -webkit-text-decoration-color:var(--color-contrast,#fff);
    text-decoration-color:var(--color-contrast,#fff);
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-heading a:hover,.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-subheading a:hover,.content .kg-signup-card.kg-style-accent .kg-signup-card-heading a:hover,.content .kg-signup-card.kg-style-accent .kg-signup-card-subheading a:hover,.content .kg-signup-card.kg-style-accent .kg-signup-card-disclaimer a:hover{
    color:inherit;
    opacity:.8
  }
  .content .kg-header-card.kg-v2 .kg-header-card-button,.content .kg-signup-card .kg-signup-card-button{
    max-width:100%;
    font-family:inherit;
    font-weight:var(--font-weight-medium);
    line-height:var(--leading-tight);
    border-radius:calc(var(--spacing)*10);
    white-space:normal;
    min-height:calc(var(--spacing)*10);
    padding:.6em 1.2em;
    height:auto!important
  }
  .content .kg-header-card.kg-v2 .kg-header-card-button[data-button-color=\#000000],.content .kg-signup-card .kg-signup-card-button[style*="background-color: #000000"]{
    background-color:var(--color-gray-900)!important;
    color:var(--color-gray-50)!important
  }
  .content .kg-header-card.kg-v2 .kg-header-card-button.kg-style-accent,.content .kg-signup-card .kg-signup-card-button.kg-style-accent{
    box-shadow:var(--shadow-primary);
    color:var(--color-contrast,#fff)!important
  }
  .dark .content .kg-header-card.kg-v2 .kg-header-card-button.kg-style-accent,.dark .content .kg-signup-card .kg-signup-card-button.kg-style-accent{
    box-shadow:none;
    filter:drop-shadow(var(--drop-shadow-primary-sm))
  }
  .content .kg-header-card.kg-v2[data-background-color=\#F0F0F0] .kg-header-card-button[data-button-color=\#ffffff],.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-button[style*="background-color: #ffffff"]{
    box-shadow:var(--shadow-pretty-sm);
    color:var(--color-gray-900)!important
  }
  .dark .content .kg-header-card.kg-v2[data-background-color=\#F0F0F0] .kg-header-card-button[data-button-color=\#ffffff],.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-button[style*="background-color: #ffffff"]{
    box-shadow:none;
    border:1px solid color-mix(in oklab,var(--color-gray-50)5%,transparent);
    background-color:var(--color-gray-800)!important;
    color:var(--color-gray-50)!important
  }
  .content .kg-header-card.kg-v2[data-background-color=\#F0F0F0] .kg-header-card-button[data-button-color=\#000000],.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-button[style*="background-color: #000000"]{
    box-shadow:var(--shadow-pretty-sm);
    background-color:var(--color-gray-900)!important;
    color:var(--color-gray-50)!important
  }
  .dark .content .kg-header-card.kg-v2[data-background-color=\#F0F0F0] .kg-header-card-button[data-button-color=\#000000],.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-button[style*="background-color: #000000"]{
    box-shadow:none;
    background-color:var(--color-gray-50)!important;
    color:var(--color-gray-900)!important
  }
  html:not(.dark) .content .kg-header-card.kg-v2[data-background-color=\#000000] .kg-header-card-button[data-button-color=\#ffffff],html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-button[style*="background-color: #ffffff"]{
    background-color:var(--color-gray-50)!important;
    color:var(--color-gray-900)!important
  }
  .dark .content .kg-header-card.kg-v2[data-background-color=\#000000] .kg-header-card-button[data-button-color=\#ffffff],.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-button[style*="background-color: #ffffff"]{
    box-shadow:var(--shadow-pretty-sm);
    background-color:var(--color-gray-900)!important;
    color:var(--color-gray-50)!important
  }
  .light .content .kg-header-card.kg-v2[data-background-color=\#000000] .kg-header-card-button[data-button-color=\#000000],.light .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-button[style*="background-color: #000000"]{
    border:1px solid color-mix(in oklab,var(--color-gray-50)5%,transparent)
  }
  .dark .content .kg-header-card.kg-v2[data-background-color=\#000000] .kg-header-card-button[data-button-color=\#000000],.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-button[style*="background-color: #000000"]{
    box-shadow:var(--shadow-pretty-sm);
    background-color:var(--color-white)!important;
    color:var(--color-gray-900)!important
  }
  .content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-content,.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-content{
    padding-left:var(--spacing-outer-xl);
    padding-right:var(--spacing-outer-xl)
  }
  .content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-content>picture,.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-content>picture{
    margin-top:calc(var(--spacing)*32);
    margin-bottom:calc(var(--spacing)*32)
  }
  .content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-image,.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-image{
    border-radius:var(--radius-2xl);
    padding:0
  }
  .content .kg-header-card-text,.content .kg-signup-card-text{
    padding:min(5vmax,80px)
  }
  .content .kg-header-card.kg-v2.kg-width-full:not(.kg-layout-split) .kg-header-card-text,.content .kg-signup-card.kg-width-full:not(.kg-layout-split) .kg-signup-card-text{
    padding:min(12vmax,260px)
  }
  @media (width>=96rem){
    .content .kg-header-card.kg-v2.kg-width-wide .kg-header-card-heading,.content .kg-signup-card.kg-width-wide .kg-signup-card-heading{
      font-size:var(--text-6xl)!important
    }
    .content .kg-header-card.kg-v2.kg-width-full .kg-header-card-heading,.content .kg-signup-card.kg-width-full .kg-signup-card-heading{
      font-size:clamp(3.6rem,5.6vw,6.4rem)!important;
      line-height:1.1!important
    }
    .content .kg-header-card.kg-v2.kg-width-full .kg-header-card-button{
      font-size:clamp(1.05em,2vw,1.55em)
    }
  }
  @media not all and (width>=64rem){
    .content .kg-header-card.kg-v2.kg-width-full .kg-header-card-content,.content .kg-signup-card.kg-width-full .kg-signup-card-content{
      padding:min(6.4vmax,260px)var(--spacing-outer)
    }
    .content .kg-header-card.kg-v2.kg-width-full:not(.kg-layout-split) .kg-header-card-text,.content .kg-signup-card.kg-width-full:not(.kg-layout-split) .kg-signup-card-text{
      max-width:var(--container-3xl);
      margin-left:auto;
      margin-right:auto;
      padding:0!important
    }
    .content .kg-header-card.kg-v2.kg-width-full .kg-header-card-subheading,.content .kg-signup-card.kg-width-full .kg-signup-card-subheading{
      font-size:var(--text-xl)!important
    }
    .content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-text,.content .kg-signup-card.kg-layout-split .kg-signup-card-text{
      max-width:var(--container-3xl);
      margin-left:auto;
      margin-right:auto;
      padding:min(6.4vmax,260px) 0!important
    }
    .content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-content,.content .kg-signup-card.kg-layout-split .kg-signup-card-content{
      grid-template-columns:1fr;
      padding:0 var(--spacing-outer)!important
    }
    .content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-content>picture,.content .kg-signup-card.kg-layout-split .kg-signup-card-content>picture{
      margin:0 calc(-1*var(--spacing-outer))
    }
    .content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-content>picture,.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-content>picture{
      margin-top:0;
      margin-bottom:0
    }
    .content .kg-header-card.kg-v2.kg-layout-split:not(.kg-content-wide) .kg-header-card-image,.content .kg-signup-card.kg-layout-split:not(.kg-content-wide) .kg-signup-card-image{
      height:auto;
      min-height:unset;
      aspect-ratio:16/9
    }
  }
  @media not all and (width>=40rem){
    .content .kg-header-card.kg-v2:not(.kg-width-full) .kg-header-card-content,.content .kg-signup-card:not(.kg-width-full) .kg-signup-card-content{
      padding-inline:var(--spacing-outer)
    }
    .content .kg-header-card.kg-v2:not(.kg-width-full) .kg-header-card-text,.content .kg-signup-card:not(.kg-width-full) .kg-signup-card-text{
      padding-inline:0
    }
    .content .kg-header-card.kg-v2 .kg-header-card-heading,.content .kg-signup-card .kg-signup-card-heading{
      letter-spacing:var(--tracking-tight);
      font-size:var(--text-3xl)!important
    }
    .content .kg-header-card.kg-v2:not(.kg-width-full) .kg-header-card-subheading,.content .kg-header-card.kg-v2.kg-width-full .kg-header-card-subheading,.content .kg-signup-card:not(.kg-width-full) .kg-signup-card-subheading,.content .kg-signup-card.kg-width-full .kg-signup-card-subheading{
      line-height:var(--leading-normal);
      font-size:var(--text-lg)!important
    }
  }
  .content .kg-header-card .kg-header-card-heading:has(+.kg-header-card-button),.content .kg-header-card .kg-header-card-subheading:has(+.kg-header-card-button){
    margin-bottom:.5em
  }
  .content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-button{
    box-shadow:var(--shadow-pretty)
  }
  .content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-button.kg-style-accent{
    border:1px solid color-mix(in oklab,var(--color-gray-950)20%,transparent);
    --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .content .kg-card.kg-signup-card[style*="display: none"]{
    visibility:hidden;
    display:block!important
  }
  .content .kg-signup-card .kg-signup-card-fields{
    border-radius:999px;
    overflow:hidden
  }
  .content .kg-signup-card .kg-signup-card-input{
    background:0 0
  }
  .content .kg-signup-card .kg-signup-card-input,.content .kg-signup-card .kg-signup-card-button{
    max-height:calc(var(--spacing)*12)
  }
  .content .kg-signup-card .kg-signup-card-disclaimer{
    font-size:var(--text-sm);
    margin-top:calc(var(--spacing)*2)
  }
  .dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-fields{
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background-color:#0000!important
  }
  .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .error .kg-signup-card-fields{
    border:1px solid color-mix(in oklab,var(--color-red-500)50%,transparent)
  }
  .dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-input{
    color:var(--color-gray-400);
    background-color:#0000!important
  }
  .light .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-button[style*="background-color: #ffffff"]{
    box-shadow:none;
    border:none
  }
  html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-fields{
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    background-color:color-mix(in oklab,var(--color-gray-50)4%,transparent)!important
  }
  html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .error .kg-signup-card-fields{
    border:1px solid color-mix(in oklab,var(--color-red-500)50%,transparent)
  }
  html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-input{
    color:var(--color-gray-400);
    background-color:#0000!important
  }
  .content .kg-signup-card.kg-style-accent .kg-signup-card-fields{
    border:none
  }
  .dark .content .kg-signup-card.kg-style-accent .kg-signup-card-input{
    color:var(--color-gray-900)
  }
  .content{
    font-size:1rem;
    line-height:1.75
  }
  .content>*+*{
    margin-top:1.5rem;
    margin-bottom:1.5rem
  }
  .content>p{
    margin-top:1.25em;
    margin-bottom:1.25em
  }
  .content>p:before{
    content:"";
    display:inline-flex
  }
  .content>blockquote{
    margin-top:1.6em;
    margin-bottom:1.6em;
    padding-left:1em
  }
  .content>h1{
    letter-spacing:var(--tracking-tight);
    margin-top:1.77778em;
    margin-bottom:.888889em;
    font-size:2.25em;
    line-height:1.11111
  }
  .content>h2{
    letter-spacing:var(--tracking-tight);
    margin-top:2em;
    margin-bottom:1em;
    font-size:1.5em;
    line-height:1.33333
  }
  .content>h3{
    letter-spacing:var(--tracking-tight);
    margin-top:1.6em;
    margin-bottom:.6em;
    font-size:1.25em;
    line-height:1.6
  }
  .content>h4,.content>h5,.content>h6{
    margin-top:1.5em;
    margin-bottom:.5em;
    line-height:1.5
  }
  .content>img,.content>video,.content>figure,.content>.kg-card{
    margin-top:2em;
    margin-bottom:2em
  }
  .content .kg-callout-card+.kg-callout-card,.content .kg-file-card+.kg-file-card,.content .kg-button-card+.kg-button-card,.content .kg-toggle-card+.kg-toggle-card,.content .kg-audio-card+.kg-audio-card{
    margin-top:-1em
  }
  .content .kg-gallery-card,.content .kg-image-card{
    --gap:calc(1em*8/16)
  }
  .content .kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,.content .kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,.content .kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,.content .kg-image-card:not(.kg-card-hascaption)+.kg-image-card{
    margin-top:-1.5em
  }
  .content .kg-card.kg-header-card{
    margin-top:4em;
    margin-bottom:4em
  }
  .content .kg-header-card.kg-width-full+.kg-header-card.kg-width-full,.content .kg-signup-card.kg-width-full+.kg-header-card.kg-width-full{
    margin-top:-4em
  }
  .content .kg-card.kg-signup-card{
    margin-top:4em;
    margin-bottom:4em
  }
  .content .kg-signup-card.kg-width-full+.kg-signup-card.kg-width-full,.content .kg-header-card.kg-width-full+.kg-signup-card.kg-width-full{
    margin-top:-4em
  }
  .content>figure>*{
    margin-top:0!important;
    margin-bottom:0!important
  }
  .content>figure figcaption,.has-figcaption figcaption{
    font-size:.875em;
    line-height:1.42857;
    margin-top:.857143em!important
  }
  .content>code,.content>h2 code{
    font-size:.875em
  }
  .content>h3 code{
    font-size:.9em
  }
  .content pre{
    border-radius:.75rem;
    padding:.857143em 1.14286em;
    font-size:.875em;
    line-height:1.71429
  }
  .content>pre{
    margin-top:2.28571em;
    margin-bottom:2.28571em
  }
  .content .kg-code-card>pre{
    margin:0
  }
  .content>.code-toolbar{
    margin-top:2em;
    margin-bottom:2em
  }
  .content ol,.content ul{
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-left:1.625em
  }
  .content ol>li,.content ul>li{
    margin-top:.5em;
    padding-left:.375em
  }
  .content>ol>li p,.content>ul>li p{
    margin-top:.75em;
    margin-bottom:.75em
  }
  .content>ul>li>:first-child:not(ul):not(li),.content>ol>li>:first-child:not(ul):not(li){
    margin-top:1.25em
  }
  .content>ul>li>:last-child:not(ul):not(li),.content>ol>li>:last-child:not(ul):not(li){
    margin-bottom:1.25em
  }
  .content ul ul,.content ul ol,.content ol ul,.content ol ol{
    margin-top:.75em;
    margin-bottom:.75em
  }
  .content>hr{
    margin-top:3em;
    margin-bottom:3em
  }
  .content>hr+*,.content>h2[id]+*,.content>h3[id]+*,.content>h4[id]+*,.content>h5[id]+*,.content>h6[id]+*{
    margin-top:0
  }
  .content>table,.content .table-responsive{
    font-size:.875em;
    line-height:1.71429
  }
  .content>table,.content>.table-responsive{
    margin-top:2.28571em;
    margin-bottom:2.28571em
  }
  .content thead th{
    padding-bottom:.571429em;
    padding-left:.571429em;
    padding-right:.571429em
  }
  .content thead th:first-child{
    padding-left:0
  }
  .content thead th:last-child{
    padding-right:0
  }
  .content tbody td,.content tfoot td{
    padding:.571429em
  }
  .content tbody td:first-child,.content tfoot td:first-child{
    padding-left:0
  }
  .content tbody td:last-child,.content tfoot td:last-child{
    padding-right:0
  }
  .content>:first-child{
    margin-top:0
  }
  .content>:last-child{
    margin-bottom:0
  }
  .content-enhanced>ul,.content-enhanced>ol{
    padding:0;
    list-style:none
  }
  .content-enhanced>ul li,.content-enhanced>ol li{
    padding:0;
    padding-inline-start:calc(var(--spacing)*8);
    position:relative
  }
  .content-enhanced>ul li:before,.content-enhanced>ol li:before{
    content:"";
    background:var(--color-primary);
    opacity:.2;
    width:20px;
    height:20px;
    filter:blur(var(--blur-xs));
    border-radius:50%;
    flex:none;
    display:inline-flex;
    position:absolute;
    top:4px;
    left:0
  }
  .content-enhanced>ul li:after,.content-enhanced>ol li:after{
    content:"";
    background-color:var(--color-primary);
    width:14px;
    height:14px;
    border-radius:100%;
    flex:none;
    margin-inline-end:calc(var(--spacing)*3);
    display:inline-flex;
    position:absolute;
    top:7px;
    left:3px;
    -webkit-mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" ><path d=\"M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81\" /></svg>");
    mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" ><path d=\"M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81\" /></svg>");
    -webkit-mask-size:14px;
    mask-size:14px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
  }
  .content.content-enhanced .kg-signup-card,.content.content-enhanced .kg-signup-card[style*="display: none"],.content.content-enhanced .kg-product-card{
    display:none!important
  }
  @media (width>=40rem){
    .is-txt-center .content-enhanced>ul,.is-txt-center .content-enhanced>ol{
      justify-content:center;
      gap:calc(var(--spacing)*6);
      flex-wrap:wrap;
      max-width:none;
      display:flex
    }
    .is-txt-center .content-enhanced>ul li,.is-txt-center .content-enhanced>ol li{
      max-width:calc((100% - 2*calc(var(--spacing)*6))/3);
      padding:0 0 0 calc(var(--spacing)*7);
      font-size:var(--text-xs);
      line-height:calc(var(--spacing)*5);
      text-align:start;
      margin:0
    }
    .is-txt-center .content-enhanced>ul li:before,.is-txt-center .content-enhanced>ol li:before{
      top:0
    }
    .is-txt-center .content-enhanced>ul li:after,.is-txt-center .content-enhanced>ol li:after{
      top:3px
    }
  }
  .tag-hash-temp-video .content .kg-video-card{
    display:none
  }
  .tag-hash-temp-video .content .kg-video-card~.kg-video-card{
    display:block
  }
  .tag-hash-temp-video #sx-hero-media .kg-video-card{
    z-index:10;
    position:absolute;
    inset:0
  }
  .tag-hash-temp-video #sx-hero-media .kg-video-card figcaption{
    display:none
  }
  .tag-hash-temp-video #sx-hero-media .kg-video-container{
    width:100%;
    height:100%
  }
  .tag-hash-temp-video #sx-hero-media .kg-video-container video{
    object-fit:cover;
    width:100%;
    height:100%
  }
  .tag-hash-temp-video #sx-hero-media .kg-video-container video[autoplay]~.kg-video-overlay{
    display:none
  }
  .landing-1{
    margin-top: -65px;
    padding-top: 120px;
    }
  .landing{
    --animation-duration:0s;
    --animation-delay:0s
  }
  @media not all and (prefers-reduced-motion){
    .landing.tag-hash-landing-animate{
      --animation-duration:.6s;
      --animation-delay:.1s
    }
    .landing.tag-hash-landing-animate .animate-bg{
      --animation-duration:2s
    }
    .landing.tag-hash-landing-animate .landing-cta-light{
      --animation-duration:1s;
      --animation-delay:.2s;
      transition-timing-function:ease-in-out
    }
  }
  .landing:not(.tag-hash-landing-animate) [data-sal|=fade]{
    opacity:1
  }
  .landing:not(.tag-hash-landing-animate) [data-sal|=slide]{
    opacity:1;
    transform:none
  }
  .landing:not(.tag-hash-landing-animate) [data-sal=scale-x]{
    scale:1
  }
  .dark .landing.tag-hash-landing-light-only,html:not(.dark) .landing.tag-hash-landing-dark-only{
    display:none!important
  }
  .landing-content-empty{
    margin:0
  }
  .landing-content .kg-button-card{
    justify-content:center;
    align-items:centers;
    display:flex;
    position:relative;
    margin-bottom:0!important
  }
  .landing-content .kg-button-card a.kg-btn{
    padding:calc(var(--spacing)*3)calc(var(--spacing)*4.5);
    font-size:var(--text-base);
    font-weight:var(--font-weight-medium);
    line-height:var(--leading-normal);
    min-width:calc(var(--spacing)*60);
    -webkit-user-select:none;
    user-select:none;
    height:auto;
    box-shadow:var(--shadow-primary);
    border-radius:var(--radius-4xl);
    transition-property:opacity;
    transition-timing-function:var(--default-transition-timing-function);
    transition-duration:var(--default-transition-duration);
    border:1px solid #0000;
    justify-content:center;
    align-items:center;
    display:flex;
    position:relative
  }
  .dark .landing-content .kg-button-card a.kg-btn{
    border-color:color-mix(in oklab,var(--color-gray-50)10%,transparent);
    color:#0000;
    box-shadow:none;
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px);
    filter:none;
    --tw-gradient-position:to bottom right in oklab;
    background-color:#0000;
    background-position:10% 10%;
    background-repeat:no-repeat;
    background-size:110% 110%;
    background-image:linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from:var(--color-gray-50);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    --tw-gradient-from-position:50%;
    -webkit-background-clip:text;
    background-clip:text
  }
  .dark .landing-content .kg-button-card a.kg-btn:hover{
    opacity:1
  }
  .dark .landing-content .kg-button-card a.kg-btn:before{
    content:"";
    z-index:-10;
    border-radius:inherit;
    -webkit-mask-composite:xor;
    -webkit-mask-source-type:auto,auto;
    background-image:linear-gradient(to bottom right,#fffc,#0000 30%);
    padding:2px;
    position:absolute;
    inset:-1px;
    -webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
    mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
    -webkit-mask-position:0 0,0 0;
    mask-position:0 0,0 0;
    -webkit-mask-size:auto,auto;
    mask-size:auto,auto;
    -webkit-mask-repeat:repeat,repeat;
    mask-repeat:repeat,repeat;
    -webkit-mask-clip:content-box,border-box;
    mask-clip:content-box,border-box;
    -webkit-mask-origin:content-box,border-box;
    mask-origin:content-box,border-box;
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    -webkit-mask-source-type:auto,auto;
    mask-mode:match-source,match-source
  }
  @supports (color:hsl(from white h s l)){
    .dark .landing-content .kg-button-card a.kg-btn:hover:before{
      background-image:linear-gradient(to bottom right,#fffc,#0000 30%),conic-gradient(from calc(280deg + var(--angle))at 50% 50%,transparent 0deg,#fff6 20%,#0000 22%);
      animation:2s linear infinite rotate-angle
    }
  }
  .dark .landing-content .kg-button-card a.kg-btn:after{
    content:"";
    z-index:-1;
    border-radius:inherit;
    opacity:.25;
    --tw-gradient-position:90% 90% at 0% 0%;
    background-image:radial-gradient(var(--tw-gradient-stops,90% 90% at 0% 0%));
    --tw-gradient-from:var(--color-white);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:1s;
    transition-duration:1s;
    position:absolute;
    inset:-1px
  }
  .dark .landing-content .kg-button-card a.kg-btn:hover:after{
    content:"";
    opacity:.4
  }
  .landing-content .kg-button-card+.kg-button-card{
    margin-top:calc(var(--spacing)*4)
  }
  .landing-content .kg-button-card+.kg-button-card a.kg-btn:before{
    display:none
  }
  .landing-content .kg-button-card+.kg-button-card a.kg-btn{
    box-shadow:none;
    background-color:#0000;
    background:color-mix(in oklab,var(--color-gray-950)5%,transparent);
    color:var(--color-gray-700);
    border:none;
    font-weight:400;
    transition-property:color;
    transition-duration:.2s
  }
  .landing-content .kg-button-card+.kg-button-card a.kg-btn:hover{
    color:var(--color-gray-950)
  }
  .dark .landing-content .kg-button-card+.kg-button-card a.kg-btn{
    color:var(--color-gray-400);
    background:color-mix(in oklab,var(--color-gray-50)2%,transparent);
    border:1px solid color-mix(in oklab,var(--color-gray-50)8%,transparent);
    -webkit-backdrop-filter:none;
    backdrop-filter:none
  }
  .dark .landing-content .kg-button-card+.kg-button-card a.kg-btn:hover{
    color:var(--color-gray-50)
  }
  .landing-content .kg-button-card+.kg-button-card a.kg-btn:after{
    content:"";
    opacity:.8;
    width:16px;
    height:16px;
    transition-property:transform,translate,scale,rotate;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    background:currentColor;
    border-radius:0;
    margin-inline-start:4px;
    display:inline;
    position:relative;
    top:1px;
    -webkit-mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\"><path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\"></path></svg>");
    mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\"><path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\"></path></svg>");
    -webkit-mask-size:16px;
    mask-size:16px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
  }
  .dark .landing-content .kg-button-card+.kg-button-card a.kg-btn:after{
    --tw-duration:.15s;
    transition-duration:.15s
  }
  .landing-content .kg-button-card+.kg-button-card a.kg-btn:hover:after{
    opacity:1;
    --tw-translate-x:calc(var(--spacing)*1);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  @media (width>=40rem){
    .landing-content .kg-button-card{
      width:auto;
      margin-top:calc(var(--spacing)*3);
      align-items:flex-start;
      display:inline-flex
    }
    .landing-content .kg-button-card+.kg-button-card{
      margin-inline-start:calc(var(--spacing)*4);
      margin-top:0
    }
    .landing-content .kg-button-card a.kg-btn{
      min-width:calc(var(--spacing)*36)
    }
    .landing-content .kg-button-card+.kg-button-card a.kg-btn{
      min-width:auto;
      color:var(--color-gray-600);
      background:0 0;
      border:none
    }
    .dark .landing-content .kg-button-card+.kg-button-card a.kg-btn{
      background:0 0;
      border:none
    }
  }
  .landing-content>ul,.landing-content>ol{
    padding:0;
    list-style:none
  }
  .landing-content>ul li,.landing-content>ol li{
    padding:0;
    padding-inline-start:calc(var(--spacing)*8);
    position:relative
  }
  .landing-content>ul li:before,.landing-content>ol li:before{
    content:"";
    background:var(--color-primary);
    opacity:.2;
    width:20px;
    height:20px;
    filter:blur(var(--blur-xs));
    border-radius:50%;
    flex:none;
    display:inline-flex;
    position:absolute;
    top:4px;
    left:0
  }
  .landing-content>ul li:after,.landing-content>ol li:after{
    content:"";
    background-color:var(--color-primary);
    width:14px;
    height:14px;
    border-radius:100%;
    flex:none;
    margin-inline-end:calc(var(--spacing)*3);
    display:inline-flex;
    position:absolute;
    top:7px;
    left:3px;
    -webkit-mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" ><path d=\"M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81\" /></svg>");
    mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" ><path d=\"M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81\" /></svg>");
    -webkit-mask-size:14px;
    mask-size:14px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
  }
  @media (width>=40rem){
    .landing-center .landing-content>ul,.landing-center .landing-content>ol{
      justify-content:center;
      gap:calc(var(--spacing)*6);
      flex-wrap:wrap;
      max-width:none;
      display:flex
    }
    .landing-center .landing-content>ul li,.landing-center .landing-content>ol li{
      max-width:calc((100% - 2*calc(var(--spacing)*6))/3);
      padding:0 0 0 calc(var(--spacing)*7);
      font-size:var(--text-xs);
      line-height:calc(var(--spacing)*5);
      text-align:start;
      margin:0
    }
    .landing-center .landing-content>ul li:before,.landing-center .landing-content>ol li:before{
      top:0
    }
    .landing-center .landing-content>ul li:after,.landing-center .landing-content>ol li:after{
      top:3px
    }
  }
  .landing-cards{
    --landing-cards-gap:calc(var(--spacing)*6);
    --landing-cards-cols:3;
    gap:var(--landing-cards-gap);
    width:100%;
    margin-top:calc(var(--spacing)*8);
    flex-wrap:wrap;
    max-width:none;
    display:flex
  }
  @media (width<=80rem){
    .landing-cards{
      margin-top:calc(var(--spacing)*10)
    }
  }
  .tag-hash-landing-no-title .landing-content-empty~.landing-cards{
    margin-top:0
  }
  .landing-cards .kg-card,.landing-cards .landing-card{
    width:calc((100% - ((var(--landing-cards-cols) - 1)*var(--landing-cards-gap)))/var(--landing-cards-cols))
  }
  @media (width<=64rem){
    .landing-cards{
      --landing-cards-cols:2
    }
  }
  @media (width<=48rem){
    .landing-cards{
      --landing-cards-cols:1
    }
  }
  .tag-hash-landing-media-start .landing-cards .kg-card,.tag-hash-landing-media-end .landing-cards .kg-card,.tag-hash-landing-media-start .landing-cards .landing-card,.tag-hash-landing-media-end .landing-cards .landing-card{
    width:100%
  }
  @media (width>=40rem){
    .landing-center .landing-cards{
      justify-content:center
    }
  }
  .landing.tag-hash-landing-testimonials .kg-product-card{
    text-align:start;
    border-radius:var(--radius-2xl);
    background:var(--color-white);
    box-shadow:var(--shadow-pretty);
    transition-property:box-shadow;
    transition-timing-function:var(--default-transition-timing-function);
    align-items:flex-start;
    transition-duration:.2s;
    position:relative;
    margin:0!important
  }
  .dark .landing.tag-hash-landing-testimonials .kg-product-card{
    background:color-mix(in oklab,var(--color-white)1%,transparent);
    transition-property:background-color;
    transition-duration:.5s;
    box-shadow:inset 0 4px 12px #ffffff05
  }
  .landing.tag-hash-landing-testimonials .kg-product-card:has(a):hover{
    box-shadow:var(--shadow-pretty-sm)
  }
  .dark .landing.tag-hash-landing-testimonials .kg-product-card:has(a):hover{
    opacity:1;
    background:color-mix(in oklab,var(--color-white)5%,transparent)
  }
  .dark .landing.tag-hash-landing-testimonials .kg-product-card:before{
    content:"";
    z-index:10;
    border-radius:inherit;
    pointer-events:none;
    --tw-gradient-position:to bottom right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from:color-mix(in oklab,var(--color-gray-400)10%,transparent);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    --tw-gradient-to-position:50%;
    position:absolute;
    inset:0
  }
  .dark .landing.tag-hash-landing-testimonials .kg-product-card:has(a):hover:after{
    content:"";
    z-index:-10;
    border-radius:inherit;
    border:1px solid color-mix(in oklab,var(--color-gray-50)5%,transparent);
    position:absolute;
    inset:0
  }
  .dark .landing.tag-hash-landing-testimonials .kg-product-card-container:before{
    content:"";
    z-index:-10;
    --tw-gradient-position:to right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from:color-mix(in oklab,var(--color-black)0%,transparent);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    --tw-gradient-via:color-mix(in oklab,var(--color-gray-400)50%,transparent);
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-to:color-mix(in oklab,var(--color-black)0%,transparent);
    width:33.3333%;
    height:1px;
    top:0;
    position:absolute;
    inset-inline-start:calc(var(--spacing)*5)
  }
  .dark .landing.tag-hash-landing-testimonials .kg-product-card-container:after{
    content:"";
    z-index:-10;
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    border-radius:inherit;
    background:0 0;
    position:absolute;
    inset:0;
    -webkit-mask-image:linear-gradient(#000,#0003 70%);
    mask-image:linear-gradient(#000,#0003 70%)
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-container{
    grid-row-gap:calc(var(--spacing)*4);
    grid-template-columns:calc(var(--spacing)*10)auto;
    width:100%;
    max-width:none;
    height:100%;
    box-shadow:none;
    border-radius:inherit;
    color:inherit;
    padding:calc(var(--spacing)*6)calc(var(--spacing)*7);
    background:0 0;
    border:none;
    grid-template-rows:repeat(2,min-content);
    font-family:inherit;
    display:grid
  }
  @media (width<=48rem){
    .landing.tag-hash-landing-testimonials .kg-product-card-container{
      padding:calc(var(--spacing)*6)calc(var(--spacing)*5)
    }
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-rating{
    filter:drop-shadow(var(--drop-shadow-primary-sm));
    grid-area:1/1/auto/span 2;
    place-self:start;
    margin:0;
    padding:0
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-rating-star{
    height:calc(var(--spacing)*4);
    color:var(--color-primary);
    justify-content:flex-start;
    align-items:center;
    display:flex
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-title-container{
    grid-column:1/span 2
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-title-container:not(:has(~.kg-product-card-rating)){
    grid-row-end:span 2
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-title{
    font-size:var(--text-sm);
    font-weight:var(--font-weight-normal);
    line-height:var(--leading-normal);
    color:var(--color-gray-700);
    font-family:inherit
  }
  .dark .landing.tag-hash-landing-testimonials .kg-product-card-title{
    color:var(--color-gray-400)
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-image-container{
    margin:calc(var(--spacing)*4)0 0 0;
    grid-area:3/1;
    place-self:end flex-start
  }
  @media (width<=48rem){
    .landing.tag-hash-landing-testimonials .kg-product-card-image-container{
      align-self:center
    }
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-image{
    width:calc(var(--spacing)*10);
    height:calc(var(--spacing)*10);
    object-fit:cover;
    border-radius:100%
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-image-container~.kg-product-card-description{
    margin-inline-start:calc(var(--spacing)*3);
    position:relative
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-description{
    margin-inline-start:calc(var(--spacing)*-10);
    margin-top:calc(var(--spacing)*4);
    min-height:calc(var(--spacing)*10);
    font-size:var(--text-xs);
    font-weight:var(--font-weight-normal);
    line-height:calc(var(--spacing)*4.5);
    color:var(--color-gray-600);
    grid-area:3/2;
    align-self:end;
    align-items:center;
    display:flex
  }
  @media (width<=48rem){
    .landing.tag-hash-landing-testimonials .kg-product-card-description{
      align-self:center
    }
  }
  .dark .landing.tag-hash-landing-testimonials .kg-product-card-description{
    color:color-mix(in oklab,var(--color-gray-400)75%,transparent)
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-description p{
    font-size:var(--text-xs);
    font-weight:var(--font-weight-normal);
    line-height:calc(var(--spacing)*4.5);
    opacity:1;
    margin-top:0!important
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-description strong{
    display:flex
  }
  .landing.tag-hash-landing-testimonials .kg-product-card-description [style*="white-space: pre-wrap"]{
    white-space:normal!important
  }
  .landing.tag-hash-landing-testimonials .kg-product-card .kg-product-card-button{
    grid-column:auto;
    width:100%;
    height:100%;
    margin:0;
    position:absolute;
    inset:0;
    opacity:0!important
  }
  .landing-content :not(.kg-toggle-card)+.kg-toggle-card,.landing-content .kg-toggle-card:first-child{
    margin-top:calc(var(--spacing)*16)!important
  }
  @media (width<=80rem){
    .landing-content :not(.kg-toggle-card)+.kg-toggle-card,.landing-content .kg-toggle-card:first-child{
      margin-top:calc(var(--spacing)*10)!important
    }
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card{
    text-align:start;
    border-radius:var(--radius-2xl);
    background:var(--color-white);
    box-shadow:var(--shadow-pretty);
    transition-property:box-shadow;
    transition-timing-function:var(--default-transition-timing-function);
    align-items:flex-start;
    transition-duration:.2s;
    position:relative;
    margin:0!important
  }
  .dark .landing[class*=tag-hash-landing-features] .kg-product-card{
    background:color-mix(in oklab,var(--color-white)1%,transparent);
    transition-property:background-color;
    transition-duration:.5s;
    box-shadow:inset 0 4px 12px #ffffff05
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card:has(a):hover{
    box-shadow:var(--shadow-pretty-sm)
  }
  .dark .landing[class*=tag-hash-landing-features] .kg-product-card:has(a):hover{
    opacity:1;
    background:color-mix(in oklab,var(--color-white)5%,transparent)
  }
  .dark .landing[class*=tag-hash-landing-features] .kg-product-card:before{
    content:"";
    z-index:10;
    border-radius:inherit;
    pointer-events:none;
    --tw-gradient-position:to bottom right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from:color-mix(in oklab,var(--color-gray-400)10%,transparent);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    --tw-gradient-to-position:50%;
    position:absolute;
    inset:0
  }
  .dark .landing[class*=tag-hash-landing-features] .kg-product-card:has(a):hover:after{
    content:"";
    z-index:-10;
    border-radius:inherit;
    border:1px solid color-mix(in oklab,var(--color-gray-50)5%,transparent);
    position:absolute;
    inset:0
  }
  .dark .landing[class*=tag-hash-landing-features] .kg-product-card-container:before{
    content:"";
    z-index:-10;
    --tw-gradient-position:to right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from:color-mix(in oklab,var(--color-black)0%,transparent);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    --tw-gradient-via:color-mix(in oklab,var(--color-gray-400)50%,transparent);
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-to:color-mix(in oklab,var(--color-black)0%,transparent);
    width:33.3333%;
    height:1px;
    top:0;
    position:absolute;
    inset-inline-start:calc(var(--spacing)*5)
  }
  .dark .landing[class*=tag-hash-landing-features] .kg-product-card-container:after{
    content:"";
    z-index:-10;
    border:1px solid color-mix(in oklab,var(--color-gray-50)10%,transparent);
    border-radius:inherit;
    background:0 0;
    position:absolute;
    inset:0;
    -webkit-mask-image:linear-gradient(#000,#0003 70%);
    mask-image:linear-gradient(#000,#0003 70%)
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card-container{
    align-items:flex-start;
    gap:calc(var(--spacing)*6);
    width:100%;
    max-width:none;
    height:100%;
    box-shadow:none;
    border-radius:inherit;
    color:inherit;
    padding:calc(var(--spacing)*6)calc(var(--spacing)*7);
    background:0 0;
    border:none;
    flex-direction:column;
    font-family:inherit;
    display:flex;
    align-items: center;
  }
  @media (width<=48rem){
    .landing[class*=tag-hash-landing-features] .kg-product-card-container{
      padding:calc(var(--spacing)*6)calc(var(--spacing)*5)
    }
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card-image{
    border-radius:var(--radius-lg);
    margin:0;
    background-color:#0000!important
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card-title{
    font-size:var(--text-base);
    font-weight:var(--font-weight-medium);
    line-height:var(--leading-normal);
    color:var(--color-gray-700)
  }
  .dark .landing[class*=tag-hash-landing-features] .kg-product-card-title{
    color:var(--color-gray-100)
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card-description{
    font-size:var(--text-sm);
    font-weight:var(--font-weight-normal);
    line-height:var(--leading-normal);
    color:var(--color-gray-600);
    text-wrap:pretty;
    margin-top:calc(-1*(calc(var(--spacing)*6) - 1em))
  }
  .dark .landing[class*=tag-hash-landing-features] .kg-product-card-description{
    color:var(--color-gray-400)
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card-description p{
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    color:inherit;
    opacity:1
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card-rating-star,.landing[class*=tag-hash-landing-features] .kg-product-card-rating{
    display:none
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card .kg-product-card-button{
    opacity:1;
    border-radius:var(--radius-3xl);
    box-shadow:var(--shadow-primary);
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    order:20;
    margin-top:auto;
    position:relative
  }
  .dark .landing[class*=tag-hash-landing-features] .kg-product-card .kg-product-card-button{
    filter:drop-shadow(var(--drop-shadow-primary-sm));
    box-shadow:none
  }
  .landing[class*=tag-hash-landing-features] .kg-product-card .kg-product-card-button:hover{
    opacity:.9
  }
  .landing[class*=tag-hash-landing-features]:not(.tag-hash-landing-features-btn) .kg-product-card .kg-product-card-button{
    z-index:1;
    width:100%;
    height:100%;
    box-shadow:none;
    filter:none;
    border-radius:0;
    grid-column:auto;
    margin:0;
    padding:0;
    position:absolute;
    inset:0;
    opacity:0!important
  }
  @media not all and (width<=64rem){
    .landing.tag-hash-landing-features .landing-cards{
      --landing-cards-cols:2;
      --landing-cards-gap:calc(var(--spacing)*10);
      row-gap:calc(var(--spacing)*8)
    }
  }
  .landing.tag-hash-landing-features .kg-product-card-title{
    font-size:var(--text-xl);
    font-weight:var(--font-weight-medium);
    line-height:var(--leading-snug);
    letter-spacing:var(--tracking-tight)
  }
  .landing.tag-hash-landing-features .kg-product-card-description{
    font-size:var(--text-base)
  }
  .landing.tag-hash-landing-features .kg-product-card .kg-product-card-description ol,.landing.tag-hash-landing-features .kg-product-card .kg-product-card-description ul{
    font-size:inherit
  }
  .landing.tag-hash-landing-features .kg-product-card .kg-product-card-button{
    font-size:var(--text-base)
  }
  @media not all and (width<=64rem){
    .landing.tag-hash-landing-features-2 .landing-cards{
      --landing-cards-cols:2;
      --landing-cards-gap:calc(var(--spacing)*10);
      row-gap:calc(var(--spacing)*8)
    }
  }
  .landing.tag-hash-landing-features-2 .kg-product-card-title{
    font-size:var(--text-xl);
    font-weight:var(--font-weight-medium);
    line-height:var(--leading-snug);
    letter-spacing:var(--tracking-tight)
  }
  .landing.tag-hash-landing-features-2 .kg-product-card-description{
    font-size:var(--text-base)
  }
  .landing.tag-hash-landing-features-2 .kg-product-card .kg-product-card-description ol,.landing.tag-hash-landing-features-2 .kg-product-card .kg-product-card-description ul{
    font-size:inherit
  }
  .landing.tag-hash-landing-features-2 .kg-product-card-image-container{
    order:10;
    margin-top:auto
  }
  .landing.tag-hash-landing-features-2 .kg-product-card .kg-product-card-button{
    font-size:var(--text-base);
    margin-top:0
  }
  @media not all and (width<=64rem){
    .landing.tag-hash-landing-features-3 .landing-cards,.landing.tag-hash-landing-features-4 .landing-cards{
      --landing-cards-cols:3
    }
  }
  .landing.tag-hash-landing-features-4 .kg-product-card-image-container{
    order:10;
    margin-top:auto
  }
  .landing.tag-hash-landing-features-4 .kg-product-card .kg-product-card-button{
    margin-top:0
  }
  .landing.tag-hash-landing-features-5 .kg-product-card-image-container{
    border-radius:var(--radius-lg);
    border:1px solid color-mix(in oklab,var(--color-gray-950)10%,transparent);
    padding:10px;
    position:relative
  }
  .dark .landing.tag-hash-landing-features-5 .kg-product-card-image-container{
    border:1px solid color-mix(in oklab,var(--color-gray-50)8%,transparent)
  }
  .landing.tag-hash-landing-features-5 .kg-product-card-image-container:before{
    content:"";
    z-index:1;
    border-radius:inherit;
    background:radial-gradient(80% 60% at 50% 100%,color-mix(in oklab,var(--color-gray-700)10%,transparent),#0000)no-repeat;
    position:absolute;
    inset:-1px
  }
  .dark .landing.tag-hash-landing-features-5 .kg-product-card-image-container:before{
    z-index:-1;
    background:radial-gradient(60% 60% at 50% 100%,color-mix(in oklab,var(--color-white)12%,transparent),#0000)no-repeat,color-mix(in oklab,var(--color-gray-50)1%,transparent)
  }
  .landing.tag-hash-landing-features-5 .kg-product-card-image-container:after{
    content:"";
    z-index:0;
    border-radius:inherit;
    background:linear-gradient(to right,color-mix(in oklab,var(--color-gray-950)15%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--color-gray-950)15%,transparent)1px,transparent 1px);
    background-size:10px 10px;
    position:absolute;
    inset:-1px;
    -webkit-mask:radial-gradient(#fff,#0000 80%);
    mask:radial-gradient(#fff,#0000 80%)
  }
  .dark .landing.tag-hash-landing-features-5 .kg-product-card-image-container:after{
    z-index:-10;
    background:linear-gradient(to right,color-mix(in oklab,var(--color-gray-50)10%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--color-gray-50)10%,transparent)1px,transparent 1px);
    background-size:10px 10px;
    inset:-1px
  }
  .landing.tag-hash-landing-features-5 .kg-product-card-image-container span{
    display:block
  }
  .landing.tag-hash-landing-features-5 .kg-product-card-image-container span:before,.landing.tag-hash-landing-features-5 .kg-product-card-image-container span:after{
    content:"";
    background-color:hsl(var(--c-primary-hsl));
    z-index:10;
    top:-1px;
    width:50%;
    height:1px;
    display:block;
    position:absolute;
    inset-inline-start:50%;
    transform:translate(-50%)
  }
  .landing.tag-hash-landing-features-5 .kg-product-card-image-container span:after{
    height:5px;
    filter:blur(var(--blur-sm));
    opacity:.3
  }
  .dark .landing.tag-hash-landing-features-5 .kg-product-card-image-container span:after{
    opacity:1
  }
  .landing.tag-hash-landing-features-5 .kg-product-card-image{
    width:calc(var(--spacing)*7);
    height:calc(var(--spacing)*7);
    opacity:.8;
    filter:brightness(0);
    border-radius:0;
    justify-self:flex-start;
    margin:0
  }
  .dark .landing.tag-hash-landing-features-5 .kg-product-card-image{
    filter:brightness(0)invert()
  }
  .landing.tag-hash-landing-features-6 .landing-cards{
    row-gap:calc(var(--spacing)*12);
    --landing-cards-cols:2
  }
  @media not all and (width<=64rem){
    .landing.tag-hash-landing-features-6 .landing-cards{
      --landing-cards-cols:4;
      --landing-cards-gap:calc(var(--spacing)*12);
      row-gap:calc(var(--spacing)*16)
    }
  }
  .landing.tag-hash-landing-features-6 .kg-product-card,.landing.tag-hash-landing-features-6 .kg-product-card:has(a):hover,.dark .landing.tag-hash-landing-features-6 .kg-product-card,.dark .landing.tag-hash-landing-features-6 .kg-product-card:has(a):hover{
    box-shadow:none;
    transition-property:opacity;
    transition-duration:var(--default-transition-duration);
    background:0 0;
    border:none
  }
  .landing.tag-hash-landing-features-6:not(.tag-hash-landing-features-btn) .kg-product-card:has(a):hover,.dark .landing.tag-hash-landing-features-6:not(.tag-hash-landing-features-btn) .kg-product-card:has(a):hover{
    opacity:.9
  }
  .landing.tag-hash-landing-features-6 .kg-product-card:before,.landing.tag-hash-landing-features-6 .kg-product-card:after,.landing.tag-hash-landing-features-6 .kg-product-card-container:before,.landing.tag-hash-landing-features-6 .kg-product-card-container:after{
    display:none
  }
  .landing.tag-hash-landing-features-6 .kg-product-card:after{content:"";display:block;position:absolute;top:0;right:calc(var(--landing-cards-gap)/-2);width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--color-gray-300)10%,var(--color-gray-300)90%,transparent)}.dark .landing.tag-hash-landing-features-6 .kg-product-card:after{background:linear-gradient(to bottom,transparent,var(--color-gray-700)10%,var(--color-gray-700)90%,transparent)}@media (width<=48rem){.landing.tag-hash-landing-features-6 .kg-product-card:after{display:none}}@media (min-width:48rem)and (width<=64rem){.landing.tag-hash-landing-features-6 .kg-product-card:nth-child(2n):after{display:none}}@media (min-width:64rem){.landing.tag-hash-landing-features-6 .kg-product-card:nth-child(4n):after{display:none}}
  .landing.tag-hash-landing-features-6 .kg-product-card-container{
    row-gap:calc(var(--spacing)*2);
    padding:0
  }
  .landing.tag-hash-landing-features-6 .kg-product-card-image-container{
    padding:0;
    border-radius:0;
    margin-bottom:calc(var(--spacing)*4);
    border:none;
    box-shadow:none;
    background:transparent;
    position:relative
  }
  .dark .landing.tag-hash-landing-features-6 .kg-product-card-image-container{
    border:none;
    box-shadow:none;
    background:transparent
  }
  .landing.tag-hash-landing-features-6 .kg-product-card-image-container:before{
    display:none
  }
  .dark .landing.tag-hash-landing-features-6 .kg-product-card-image-container:before{
    display:none
  }
  .landing.tag-hash-landing-features-6 .kg-product-card-image-container:after{
    display:none
  }
  .dark .landing.tag-hash-landing-features-6 .kg-product-card-image-container:after{
    display:none
  }
  .landing.tag-hash-landing-features-6 .kg-product-card-image-container span{
    display:block
  }
  .landing.tag-hash-landing-features-6 .kg-product-card-image-container span:before,.landing.tag-hash-landing-features-6 .kg-product-card-image-container span:after{
    display:none
  }
  .dark .landing.tag-hash-landing-features-6 .kg-product-card-image-container span:before,.dark .landing.tag-hash-landing-features-6 .kg-product-card-image-container span:after{
    display:none
  }
  .landing.tag-hash-landing-features-6 .kg-product-card-image{
    width:calc(var(--spacing)*10);
    height:calc(var(--spacing)*10);
    opacity:.8;
    filter:brightness(0);
    border-radius:0;
    justify-self:flex-start;
    margin:0
  }
  .dark .landing.tag-hash-landing-features-6 .kg-product-card-image{
    filter:brightness(0)invert()
  }
  .landing.tag-hash-landing-features-6 .kg-product-card-title{
    font-size:var(--text-sm);
    color:var(--color-gray-900);
    position:relative
  }
  .dark .landing.tag-hash-landing-features-6 .kg-product-card-title{
    color:var(--color-gray-100)
  }
  .landing.tag-hash-landing-features-6 .kg-product-card-description{
    font-size:var(--text-sm);
    margin:0
  }
  .landing.tag-hash-landing-features-6 .kg-product-card-description p:first-of-type{
    margin-top:0
  }
  .landing.tag-hash-landing-features-6 .kg-product-card .kg-product-card-button{
    margin-top:calc(var(--spacing)*2);
    filter:none;
    box-shadow:none;
    color:inherit;
    text-align:start;
    font-weight:var(--font-weight-normal);
    min-height:auto;
    transition-property:color;
    transition-duration:.2s;
    transition-timing-function:var(--default-transition-timing-function);
    background:0 0;
    justify-content:flex-start;
    padding:0
  }
  .landing.tag-hash-landing-features-6 .kg-product-card .kg-product-card-button:hover{
    opacity:1;
    color:var(--color-gray-950)
  }
  .dark .landing.tag-hash-landing-features-6 .kg-product-card .kg-product-card-button:hover{
    opacity:1;
    color:var(--color-gray-50)
  }
  .landing.tag-hash-landing-features-6 .kg-product-card .kg-product-card-button:after{
    content:"";
    opacity:.8;
    width:16px;
    height:16px;
    transition-property:transform;
    transition-timing-function:var(--default-transition-timing-function);
    transition-duration:var(--default-transition-duration);
    background:currentColor;
    flex:none;
    position:relative;
    top:1px;
    -webkit-mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\"><path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" /></svg>");
    mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\"><path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" /></svg>");
    -webkit-mask-size:16px;
    mask-size:16px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
  }
  .landing.tag-hash-landing-features-6 .kg-product-card .kg-product-card-button:hover:after{
    transform:translateX(calc(var(--spacing)*1))
  }
  .landing.tag-hash-landing-brands .landing-content>*{
    max-width:var(--container-2xl);
    margin-inline:auto
  }
  .landing.tag-hash-landing-brands .kg-product-card-image{
    width:auto;
    max-width:100%;
    height:calc(var(--spacing)*7);
    filter:brightness(0);
    opacity:.5;
    border-radius:0;
    justify-self:flex-start;
    margin:0;
    background-color:#0000!important
  }
  .dark .landing.tag-hash-landing-brands .kg-product-card-image{
    filter:brightness(0)invert()
  }
  .landing.tag-hash-landing-brands .kg-product-card{
    text-align:left;
    width:20%;
    display:inline-flex;
    margin:0!important
  }
  @media (width>=64rem){
    .landing.tag-hash-landing-brands.tag-hash-landing-media-start .kg-product-card,.landing.tag-hash-landing-brands.tag-hash-landing-media-end .kg-product-card{
      width:25%
    }
  }
  @media (width<=48rem){
    .landing.tag-hash-landing-brands .kg-product-card{
      width:25%
    }
  }
  @media (width<=40rem){
    .landing.tag-hash-landing-brands .kg-product-card{
      width:33.3333%
    }
  }
  @media (width<=26.25rem){
    .landing.tag-hash-landing-brands .kg-product-card{
      width:50%
    }
  }
  @media (width>=40rem){
    .landing-center.tag-hash-landing-brands .kg-product-card-image{
      justify-self:center
    }
    .landing-center.tag-hash-landing-brands .kg-product-card{
      text-align:center
    }
  }
  .landing.tag-hash-landing-brands .kg-product-card-container{
    box-shadow:none;
    color:inherit;
    padding:calc(var(--spacing)*2)calc(var(--spacing)*10)calc(var(--spacing)*2)0;
    margin-bottom:calc(var(--spacing)*5);
    background:0 0;
    border:none;
    border-radius:0;
    grid-template-columns:1fr;
    font-family:inherit;
    position:relative
  }
  .landing-center.tag-hash-landing-brands .kg-product-card-container{
    padding:calc(var(--spacing)*2)calc(var(--spacing)*5)
  }
  @media (width<=40rem){
    .landing.tag-hash-landing-brands .kg-product-card-container{
      padding:calc(var(--spacing)*2)calc(var(--spacing)*5)calc(var(--spacing)*2)0;
      margin-bottom:calc(var(--spacing)*3);
      max-width:none
    }
  }
  .landing.tag-hash-landing-brands .kg-product-card-container:before,.landing.tag-hash-landing-brands .kg-product-card-container:after{
    display:none
  }
  .landing.tag-hash-landing-brands .kg-product-card .kg-product-card-button{
    grid-column:auto;
    width:100%;
    height:100%;
    margin:0;
    position:absolute;
    inset:0;
    opacity:0!important
  }
  .landing.tag-hash-landing-brands .kg-product-card-title-container,.landing.tag-hash-landing-brands .kg-product-card-title,.landing.tag-hash-landing-brands .kg-product-card-description,.landing.tag-hash-landing-brands .kg-product-card-rating{
    display:none!important
  }
  .landing.tag-hash-landing-stats .kg-product-card{
    text-align:start;
    flex:none;
    display:flex;
    margin:0!important
  }
  .landing.tag-hash-landing-stats .landing-cards{
    --landing-cards-cols:4;
    --landing-cards-gap:calc(var(--spacing)*16);
    row-gap:calc(var(--spacing)*10)
  }
  @media (width<=64rem){
    .landing.tag-hash-landing-stats .landing-cards{
      --landing-cards-cols:3
    }
  }
  @media (width<=48rem){
    .landing.tag-hash-landing-stats .landing-cards{
      --landing-cards-cols:2
    }
  }
  @media (width<=40rem){
    .landing.tag-hash-landing-stats .landing-cards{
      --landing-cards-gap:calc(var(--spacing)*11)
    }
  }
  @media (width<=26.25rem){
    .landing.tag-hash-landing-stats .landing-cards{
      --landing-cards-cols:1
    }
  }
  @media (width>=40rem){
    .landing.tag-hash-landing-stats:not(.tag-hash-landing-txt-start) .kg-product-card{
      text-align:center
    }
  }
  .landing.tag-hash-landing-stats .kg-product-card-container{
    box-shadow:none;
    max-width:none;
    color:inherit;
    gap:calc(var(--spacing)*1.5);
    background:0 0;
    border:none;
    border-radius:0;
    grid-template-columns:1fr;
    padding:0;
    font-family:inherit;
    position:relative
  }
  @media (width<=40rem){
    .landing.tag-hash-landing-stats .kg-product-card-container{
      max-width:none;
      padding:0
    }
  }
  .landing.tag-hash-landing-stats .kg-product-card-container:before,.landing.tag-hash-landing-stats .kg-product-card-container:after{
    display:none
  }
  .landing.tag-hash-landing-stats .kg-product-card-container>*{
    grid-column:1
  }
  .landing.tag-hash-landing-stats .kg-product-card-title{
    font-size:var(--text-5xl);
    font-weight:var(--font-weight-bold);
    line-height:var(--leading-tighter);
    color:var(--color-gray-950);
    font-family:var(--font-body,ui-sans-serif),var(--font-sans)!important
  }
  html.has-serif-body .landing.tag-hash-landing-stats .kg-product-card-title{
    font-family:var(--font-body,ui-serif),var(--font-serif)!important
  }
  .dark .landing.tag-hash-landing-stats .kg-product-card-title{
    color:color-mix(in oklab,var(--color-gray-50)50%,transparent);
    --tw-gradient-position:to bottom in oklab;
    -webkit-background-clip:text;
    background-clip:text;
    background-image:linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from:var(--color-white);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    --tw-gradient-to:var(--color-background-dark)
  }
  @media (width<=40rem){
    .landing.tag-hash-landing-stats .kg-product-card-title{
      font-size:var(--text-4xl)
    }
  }
  .landing.tag-hash-landing-stats .kg-product-card-description{
    color:var(--color-gray-500);
    font-size:var(--text-lg);
    text-wrap:pretty
  }
  .landing.tag-hash-landing-stats .kg-product-card-description *{
    font-size:var(--text-lg)
  }
  .landing.tag-hash-landing-stats .kg-product-card .kg-product-card-button{
    grid-column:auto;
    width:100%;
    height:100%;
    margin:0;
    position:absolute;
    inset:0;
    opacity:0!important
  }
  .landing.tag-hash-landing-stats .kg-product-card-image-container,.landing.tag-hash-landing-stats .kg-product-card-image,.landing.tag-hash-landing-stats .kg-product-card-rating{
    display:none!important
  }
  .landing.tag-hash-landing-courses .landing-cards{
    row-gap:calc(var(--spacing)*16)
  }
  .landing.tag-hash-landing-video .landing-content .kg-video-card{
    display:none
  }
  .landing.tag-hash-landing-video .landing-figure .kg-video-card{
    z-index:10;
    position:absolute;
    inset:0
  }
  .landing.tag-hash-landing-video .landing-figure .kg-video-card figcaption{
    display:none
  }
  .landing.tag-hash-landing-video .landing-figure .kg-video-container{
    width:100%;
    height:100%;
    padding:0!important
  }
  .landing.tag-hash-landing-video .landing-figure .kg-video-container video{
    object-fit:cover;
    width:100%;
    height:100%
  }
  .landing.tag-hash-landing-video .landing-figure .kg-video-container video[autoplay]~.kg-video-overlay{
    display:none
  }
  .landing.tag-hash-landing-video .landing-figure .kg-video-container .kg-video-overlay:not(.kg-video-hide-animated)~.kg-video-player-container .kg-video-player{
    opacity:0;
    transition:translateY(100%)
  }
  .landing-figure{max-height:280px}@media (min-width:40rem){.landing-figure{max-height:300px}}@media (min-width:48rem){.landing-figure{max-height:320px}}@media (min-width:64rem){.landing-figure{max-height:340px}}@media (min-width:80rem){.landing-figure{max-height:360px}}
  .landing-pattern{display:none}
  .landing-center .landing-pattern>div{
    max-width:var(--container-6xl)
  }
  .landing-gray-bg{background-color:#f6f6f6}.dark .landing-gray-bg{background-color:#1a1a1a}
  .landing-divider-bg{
    background:radial-gradient(60% 30% at 50% 0%,color-mix(in oklab,var(--color-gray-700)4%,transparent),#0000),radial-gradient(60% 25% at 50% 15%,color-mix(in oklab,var(--color-gray-700)4%,transparent),#0000)
  }
  .dark .landing-divider-bg{
    background:radial-gradient(60% 30% at 50% 0,#ffffff0d,#0000),radial-gradient(60% 25% at 50% 15%,#ffffff0d,#0000)
  }
  @media (width>=40rem){
    .landing-divider-bg{
      background:radial-gradient(40% 30% at 50% 0%,color-mix(in oklab,var(--color-gray-700)4%,transparent),#0000),radial-gradient(40% 50% at 50% 25%,color-mix(in oklab,var(--color-gray-700)4%,transparent),#0000)
    }
    .dark .landing-divider-bg{
      background:radial-gradient(40% 30% at 50% 0,#ffffff0d,#0000),radial-gradient(40% 50% at 50% 25%,#ffffff0d,#0000)
    }
  }
  .landing-cta-bg{
    background:radial-gradient(60% 30% at 50% 100%,hsl(var(--c-primary-hsl)/5%),#0000),radial-gradient(60% 25% at 50% 85%,hsl(var(--c-primary-hsl)/2%),#0000)
  }
  @media (width>=40rem){
    .landing-cta-bg{
      background:radial-gradient(40% 30% at 50% 100%,hsl(var(--c-primary-hsl)/5%),#0000),radial-gradient(40% 50% at 50% 75%,hsl(var(--c-primary-hsl)/2%),#0000)
    }
  }
  .landing-coverage-outlines-grid{width:100%;display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*5);margin-top:calc(var(--spacing)*2)}
  .landing-coverage-outline-item{width:calc((100% - calc(var(--spacing)*5))/2);display:block;border-radius:var(--radius-lg);transition-property:transform;transition-duration:300ms;transition-timing-function:var(--default-transition-timing-function)}
  .landing-coverage-outline-item:hover{transform:scale(1.05)}
  .landing-coverage-outline-image{width:100%;height:auto;display:block;object-fit:cover;border-radius:var(--radius-lg);border:2.5px solid #888888}
  .membership-page .landing-coverage-outline-image{max-height:170px;object-position:top}
  @media (width>=48rem){
    .landing-coverage-outlines-grid{gap:calc(var(--spacing)*8)}
    .landing-coverage-outline-item{width:calc((100% - (3*calc(var(--spacing)*8)))/4)}
  }
  .membership-benefits{width:100%}
  .benefits-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing)*4)}
  @media (width>=48rem){
    .benefits-grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing)*6)}
  }
  .benefit-box{display:flex;align-items:center;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*6) calc(var(--spacing)*8);background:linear-gradient(135deg,#d4f4dd 0%,#c8f2d4 100%);border-radius:var(--radius-2xl);transition:transform 300ms ease}
  .dark .benefit-box{background:linear-gradient(135deg,#1a3a2a 0%,#143426 100%)}
  .benefit-box:hover{transform:translateY(-2px)}
  .benefit-icon{flex-shrink:0;width:calc(var(--spacing)*12);height:calc(var(--spacing)*12);display:flex;align-items:center;justify-content:center;color:#10b981}
  .dark .benefit-icon{color:#34d399}
  .benefit-text h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}
  .dark .benefit-text h3{color:var(--color-gray-100)}
  .membership-pricing{width:100%}
  .pricing-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing)*6);margin-top:calc(var(--spacing)*8)}
  .pricing-grid-two-col{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing)*6);margin-top:calc(var(--spacing)*8)}
  @media (width>=48rem){
    .pricing-grid{grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing)*8)}
    .pricing-grid-two-col{grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing)*8)}
  }
  .pricing-card{position:relative;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:calc(var(--spacing)*8);display:flex;flex-direction:column;transition:transform 300ms ease,box-shadow 300ms ease}
  .dark .pricing-card{background:var(--color-gray-900);border-color:var(--color-gray-800)}
  .pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}
  .dark .pricing-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.1)}
  .pricing-card-popular{border-color:var(--color-primary);border-width:2px}
  .dark .pricing-card-popular{border-color:var(--color-primary)}
  .pricing-badge{position:absolute;top:calc(var(--spacing)*-3);left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:calc(var(--spacing)*1.5) calc(var(--spacing)*4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}
  .pricing-card-header{margin-bottom:calc(var(--spacing)*6)}
  .pricing-card-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-950);margin-bottom:calc(var(--spacing)*2)}
  .dark .pricing-card-title{color:var(--color-gray-50)}
  .pricing-card-description{font-size:var(--text-sm);color:var(--color-gray-600)}
  .dark .pricing-card-description{color:var(--color-gray-400)}
  .pricing-card-price{margin-bottom:calc(var(--spacing)*6)}
  .price-amount{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--color-gray-950)}
  .dark .price-amount{color:var(--color-gray-50)}
  .price-period{font-size:var(--text-lg);color:var(--color-gray-600);margin-left:calc(var(--spacing)*1)}
  .dark .price-period{color:var(--color-gray-400)}
  .price-discount{display:block;margin-top:calc(var(--spacing)*2);font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}
  .pricing-divider{border:none;height:1px;background:var(--color-gray-200);margin:calc(var(--spacing)*6) 0}
  .dark .pricing-divider{background:var(--color-gray-800)}
  .pricing-benefits{list-style:none;padding:0;margin:0 0 calc(var(--spacing)*8) 0;flex-grow:1}
  .pricing-benefits li{position:relative;padding-left:calc(var(--spacing)*7);margin-bottom:calc(var(--spacing)*3);font-size:var(--text-sm);color:var(--color-gray-700);line-height:var(--leading-relaxed)}
  .dark .pricing-benefits li{color:var(--color-gray-300)}
  .pricing-benefits li::before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--text-lg)}
  .pricing-button{display:block;width:100%;padding:calc(var(--spacing)*4) calc(var(--spacing)*6);text-align:center;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:transform 200ms ease,box-shadow 200ms ease;text-decoration:none}
  .pricing-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.4)}
  .toc-link.node-name--H3:before{
    content:"";
    opacity:.6;
    width:calc(var(--spacing)*4);
    height:calc(var(--spacing)*4);
    -webkit-mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"12\" height=\"12\" fill=\"%23000\" focusable=\"false\" aria-hidden=\"true\" ><path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" /></svg>");
    mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"12\" height=\"12\" fill=\"%23000\" focusable=\"false\" aria-hidden=\"true\" ><path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" /></svg>");
    -webkit-mask-position:50%;
    mask-position:50%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:calc(var(--spacing)*3);
    -webkit-mask-size:calc(var(--spacing)*3);
    mask-size:calc(var(--spacing)*3);
    background:currentColor;
    flex:none;
    margin-inline-end:calc(var(--spacing)*.5);
    display:inline;
    position:relative;
    top:1px
  }
  a[href=\#___TOCBOT___]{
    display:none
  }
  .badge,.badge:after,.badge-sm,.badge-sm:after{
    border-color:hsl(var(--c-primary-hsl)/20%);
    background-color:hsl(var(--c-primary-hsl)/10%);
    box-shadow:0 4px 4px -2px hsl(var(--c-primary-hsl)/.1),0 8px 8px -4px hsl(var(--c-primary-hsl)/.1);
    border-radius:var(--radius-3xl);
    border-style:var(--tw-border-style);
    padding-inline:calc(var(--spacing)*2);
    padding-block:calc(var(--spacing)*.5);
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height));
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium);
    color:hsl(var(--c-primary-hsl));
    border-width:1px;
    position:relative;
    transform:translateZ(0)
  }
  .badge-sm,.badge-sm[data-sx-text]:after{
    padding-inline:calc(var(--spacing)*1.5);
    font-size:var(--text-2xs);
    line-height:var(--tw-leading,var(--text-2xs--line-height))
  }
  .dark .badge,.dark .badge[data-sx-text]:after,.dark .badge-sm,.dark .badge-sm[data-sx-text]:after{
    border-color:hsl(var(--c-primary-hsl)/10%);
    filter:drop-shadow(var(--drop-shadow-primary));
    box-shadow:none
  }
  .dark .badge[data-sx-text]:after,.dark .badge-sm[data-sx-text]:after{
    content:attr(data-sx-text);
    filter:none;
    mix-blend-mode:plus-lighter;
    opacity:.4;
    position:absolute;
    inset:-1px
  }
  img.sx-has-zoom{
    cursor:zoom-in
  }
  .pswp{
    z-index:3999999;
    -ms-touch-action:none;
    touch-action:none;
    backface-visibility:hidden;
    -webkit-text-size-adjust:100%;
    top:0;
    outline:none;
    width:100%;
    height:100%;
    display:none;
    position:absolute;
    inset-inline-start:0;
    overflow:hidden
  }
  .pswp img{
    max-width:none
  }
  .pswp--animate_opacity{
    opacity:.001;
    will-change:opacity;
    transition:opacity .333s cubic-bezier(.4,0,.22,1)
  }
  .pswp--open{
    display:block
  }
  .pswp--zoom-allowed .pswp__img{
    cursor:zoom-in
  }
  .pswp--zoomed-in .pswp__img{
    cursor:grab
  }
  .pswp--dragging .pswp__img{
    cursor:grabbing
  }
  .pswp__bg{
    opacity:0;
    backface-visibility:hidden;
    will-change:opacity;
    top:0;
    background-color:#000000d9;
    width:100%;
    height:100%;
    transition:opacity .333s cubic-bezier(.4,0,.22,1);
    position:absolute;
    inset-inline-start:0;
    transform:translateZ(0)
  }
  .pswp__scroll-wrap{
    top:0;
    width:100%;
    height:100%;
    position:absolute;
    inset-inline-start:0;
    overflow:hidden
  }
  .pswp__container,.pswp__zoom-wrap{
    touch-action:none;
    backface-visibility:hidden;
    position:absolute;
    inset:0
  }
  .pswp__container,.pswp__img{
    -webkit-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none
  }
  .pswp__zoom-wrap{
    transform-origin:0 0;
    width:100%;
    transition:transform .333s cubic-bezier(.4,0,.22,1);
    position:absolute
  }
  .pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{
    transition:none
  }
  .pswp__item{
    position:absolute;
    inset:0;
    overflow:hidden
  }
  .pswp__img{
    top:0;
    width:auto;
    height:auto;
    position:absolute;
    inset-inline-start:0
  }
  .pswp__img--placeholder{
    backface-visibility:hidden
  }
  .pswp__img--placeholder--blank{
    background:#000
  }
  .pswp--ie .pswp__img{
    top:0;
    inset-inline-start:0;
    width:100%!important;
    height:auto!important
  }
  .pswp__error-msg{
    width:100%;
    color:var(--color-gray-50);
    text-align:center;
    top:50%;
    margin-top:-8px;
    font-size:14px;
    line-height:16px;
    position:absolute;
    inset-inline-start:0
  }
  .pswp__error-msg a{
    color:var(--color-gray-50);
    text-decoration:underline
  }
  .pswp__button{
    float:inline-end;
    cursor:pointer;
    width:44px;
    height:44px;
    box-shadow:none;
    appearance:none;
    background:0 0;
    border:0;
    margin:0;
    padding:0;
    transition:opacity .2s;
    display:block;
    position:relative;
    overflow:visible
  }

  .landing-features-title em {
    color: #2b79c3;
    font-style: normal;
    text-shadow: 0 0 5px #62adff;
  }
  .landing-content p {
    text-align: center;
  }

  .kg-product-card-title em {
    color: #09aa82;
    font-style: normal;
    font-weight: bold;
  }

  .pswp__button:focus,.pswp__button:hover{
    opacity:1
  }
  .pswp__button:active{
    opacity:.9;
    outline:none
  }
  .pswp__button::-moz-focus-inner{
    border:0;
    padding:0
  }
  .pswp__ui--over-close .pswp__button--close{
    opacity:1
  }
  .pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{
    background:url(../images/default-skin.png) 0 0/264px 88px no-repeat;
    width:44px;
    height:44px
  }
  @media (-webkit-device-pixel-ratio>=1.1),(-webkit-device-pixel-ratio>=1.09375),(resolution>=105dpi),(resolution>=1.1x){
    .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{
      background-image:url(../images/default-skin.svg)
    }
    .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{
      background:0 0
    }
  }
  .pswp__button--close{
    background-position:0 -44px
  }
  .pswp__button--share{
    background-position:-44px -44px
  }
  .pswp__button--fs{
    display:none
  }
  .pswp--supports-fs .pswp__button--fs{
    display:block
  }
  .pswp--fs .pswp__button--fs{
    background-position:-44px 0
  }
  .pswp__button--zoom{
    background-position:-88px 0;
    display:none
  }
  .pswp--zoom-allowed .pswp__button--zoom{
    display:block
  }
  .pswp--zoomed-in .pswp__button--zoom{
    background-position:-132px 0
  }
  .pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{
    visibility:hidden
  }
  .pswp__button--arrow--left,.pswp__button--arrow--right{
    background:0 0;
    width:70px;
    height:100px;
    margin-top:-50px;
    position:absolute;
    top:50%
  }
  .pswp__button--arrow--left{
    inset-inline-start:0
  }
  .pswp__button--arrow--right{
    inset-inline-end:0
  }
  .pswp__button--arrow--left:before,.pswp__button--arrow--right:before{
    content:"";
    width:32px;
    height:30px;
    position:absolute;
    top:35px
  }
  .pswp__button--arrow--left:before{
    background-position:-138px -44px;
    inset-inline-start:6px
  }
  .pswp__button--arrow--right:before{
    background-position:-94px -44px;
    inset-inline-end:6px
  }
  .pswp__counter{
    height:44px;
    color:var(--color-gray-50);
    -webkit-user-select:none;
    user-select:none;
    top:0;
    padding:0 15px;
    font-size:11px;
    font-weight:700;
    line-height:44px;
    position:absolute;
    inset-inline-start:0
  }
  .pswp__caption{
    bottom:0;
    width:100%;
    min-height:44px;
    position:absolute;
    inset-inline-start:0
  }
  .pswp__caption__center{
    max-width:420px;
    color:var(--color-gray-50);
    text-align:center;
    margin:0 auto;
    padding:25px 15px 30px;
    font-size:11px;
    line-height:1.6
  }
  .pswp__caption__center .post-caption-title{
    text-transform:uppercase;
    margin-bottom:7px;
    font-size:15px;
    font-weight:500
  }
  .pswp__caption__center .post-caption-meta-item+.post-caption-meta-item:before{
    content:"•";
    padding:0 4px
  }
  .pswp__caption--empty{
    display:none
  }
  .pswp__caption--fake{
    visibility:hidden
  }
  .pswp__preloader{
    opacity:0;
    will-change:opacity;
    top:0;
    direction:ltr;
    width:44px;
    height:44px;
    margin-inline-start:-22px;
    transition:opacity .25s ease-out;
    position:absolute;
    inset-inline-start:50%
  }
  .pswp__preloader--active,.pswp--css_animation .pswp__preloader--active{
    opacity:1
  }
  @media screen and (width<=1024px){
    .pswp__preloader{
      float:inline-end;
      top:auto;
      margin:0;
      position:relative;
      inset-inline-start:auto
    }
  }
  .pswp__ui{
    z-index:1550;
    visibility:visible;
    opacity:1;
    -webkit-font-smoothing:auto
  }
  .pswp__top-bar{
    top:0;
    width:100%;
    height:44px;
    position:absolute;
    inset-inline-start:0
  }
  .pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{
    backface-visibility:hidden;
    will-change:opacity;
    transition:opacity .333s cubic-bezier(.4,0,.22,1)
  }
  .pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{
    visibility:visible
  }
  .pswp__ui--idle .pswp__top-bar,.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{
    opacity:0
  }
  .pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right{
    opacity:.001
  }
  .pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{
    display:none
  }
  .pswp__element--disabled{
    display:none!important
  }
  .pswp--minimal--dark .pswp__top-bar{
    background:0 0
  }
  [data-sx-timeline] [data-sx-timeline-month="01"]+[data-sx-timeline-month="01"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="02"]+[data-sx-timeline-month="02"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="03"]+[data-sx-timeline-month="03"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="04"]+[data-sx-timeline-month="04"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="05"]+[data-sx-timeline-month="05"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="06"]+[data-sx-timeline-month="06"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="07"]+[data-sx-timeline-month="07"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="08"]+[data-sx-timeline-month="08"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="09"]+[data-sx-timeline-month="09"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="10"]+[data-sx-timeline-month="10"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="11"]+[data-sx-timeline-month="11"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="12"]+[data-sx-timeline-month="12"]:not([data-sx-timeline-break]) [data-sx-timeline-meta],[data-sx-timeline] [data-sx-timeline-month="01"]+[data-sx-timeline-month="01"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="02"]+[data-sx-timeline-month="02"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="03"]+[data-sx-timeline-month="03"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="04"]+[data-sx-timeline-month="04"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="05"]+[data-sx-timeline-month="05"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="06"]+[data-sx-timeline-month="06"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="07"]+[data-sx-timeline-month="07"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="08"]+[data-sx-timeline-month="08"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="09"]+[data-sx-timeline-month="09"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="10"]+[data-sx-timeline-month="10"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="11"]+[data-sx-timeline-month="11"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-month="12"]+[data-sx-timeline-month="12"]:not([data-sx-timeline-break]):before,[data-sx-timeline] [data-sx-timeline-post]:first-child:before{
    display:none
  }
  @property --tw-translate-x{
    syntax:"*";
    inherits:false;
    initial-value:0
  }
  @property --tw-translate-y{
    syntax:"*";
    inherits:false;
    initial-value:0
  }
  @property --tw-translate-z{
    syntax:"*";
    inherits:false;
    initial-value:0
  }
  @property --tw-scale-x{
    syntax:"*";
    inherits:false;
    initial-value:1
  }
  @property --tw-scale-y{
    syntax:"*";
    inherits:false;
    initial-value:1
  }
  @property --tw-scale-z{
    syntax:"*";
    inherits:false;
    initial-value:1
  }
  @property --tw-rotate-x{
    syntax:"*";
    inherits:false;
    initial-value:rotateX(0)
  }
  @property --tw-rotate-y{
    syntax:"*";
    inherits:false;
    initial-value:rotateY(0)
  }
  @property --tw-rotate-z{
    syntax:"*";
    inherits:false;
    initial-value:rotateZ(0)
  }
  @property --tw-skew-x{
    syntax:"*";
    inherits:false;
    initial-value:skewX(0)
  }
  @property --tw-skew-y{
    syntax:"*";
    inherits:false;
    initial-value:skewY(0)
  }
  @property --tw-space-y-reverse{
    syntax:"*";
    inherits:false;
    initial-value:0
  }
  @property --tw-space-x-reverse{
    syntax:"*";
    inherits:false;
    initial-value:0
  }
  @property --tw-border-style{
    syntax:"*";
    inherits:false;
    initial-value:solid
  }
  @property --tw-gradient-position{
    syntax:"*";
    inherits:false
  }
  @property --tw-gradient-from{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
  }
  @property --tw-gradient-via{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
  }
  @property --tw-gradient-to{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
  }
  @property --tw-gradient-stops{
    syntax:"*";
    inherits:false
  }
  @property --tw-gradient-via-stops{
    syntax:"*";
    inherits:false
  }
  @property --tw-gradient-from-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:0%
  }
  @property --tw-gradient-via-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:50%
  }
  @property --tw-gradient-to-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:100%
  }
  @property --tw-leading{
    syntax:"*";
    inherits:false
  }
  @property --tw-font-weight{
    syntax:"*";
    inherits:false
  }
  @property --tw-tracking{
    syntax:"*";
    inherits:false
  }
  @property --tw-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
  }
  @property --tw-shadow-color{
    syntax:"*";
    inherits:false
  }
  @property --tw-inset-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
  }
  @property --tw-inset-shadow-color{
    syntax:"*";
    inherits:false
  }
  @property --tw-ring-color{
    syntax:"*";
    inherits:false
  }
  @property --tw-ring-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
  }
  @property --tw-inset-ring-color{
    syntax:"*";
    inherits:false
  }
  @property --tw-inset-ring-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
  }
  @property --tw-ring-inset{
    syntax:"*";
    inherits:false
  }
  @property --tw-ring-offset-width{
    syntax:"<length>";
    inherits:false;
    initial-value:0
  }
  @property --tw-ring-offset-color{
    syntax:"*";
    inherits:false;
    initial-value:#fff
  }
  @property --tw-ring-offset-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
  }
  @property --tw-outline-style{
    syntax:"*";
    inherits:false;
    initial-value:solid
  }
  @property --tw-blur{
    syntax:"*";
    inherits:false
  }
  @property --tw-brightness{
    syntax:"*";
    inherits:false
  }
  @property --tw-contrast{
    syntax:"*";
    inherits:false
  }
  @property --tw-grayscale{
    syntax:"*";
    inherits:false
  }
  @property --tw-hue-rotate{
    syntax:"*";
    inherits:false
  }
  @property --tw-invert{
    syntax:"*";
    inherits:false
  }
  @property --tw-opacity{
    syntax:"*";
    inherits:false
  }
  @property --tw-saturate{
    syntax:"*";
    inherits:false
  }
  @property --tw-sepia{
    syntax:"*";
    inherits:false
  }
  @property --tw-drop-shadow{
    syntax:"*";
    inherits:false
  }
  @property --tw-backdrop-blur{
    syntax:"*";
    inherits:false
  }
  @property --tw-backdrop-brightness{
    syntax:"*";
    inherits:false
  }
  @property --tw-backdrop-contrast{
    syntax:"*";
    inherits:false
  }
  @property --tw-backdrop-grayscale{
    syntax:"*";
    inherits:false
  }
  @property --tw-backdrop-hue-rotate{
    syntax:"*";
    inherits:false
  }
  @property --tw-backdrop-invert{
    syntax:"*";
    inherits:false
  }
  @property --tw-backdrop-opacity{
    syntax:"*";
    inherits:false
  }
  @property --tw-backdrop-saturate{
    syntax:"*";
    inherits:false
  }
  @property --tw-backdrop-sepia{
    syntax:"*";
    inherits:false
  }
  @property --tw-duration{
    syntax:"*";
    inherits:false
  }
  @property --tw-ease{
    syntax:"*";
    inherits:false
  }
  @property --tw-content{
    syntax:"*";
    inherits:false;
    initial-value:""
  }
  @keyframes slide-up{
    0%{
      opacity:0;
      transform:translateY(40px)
    }
    to{
      opacity:1;
      transform:translateY(0)
    }
  }
  @keyframes slide-down{
    0%{
      opacity:0;
      transform:translateY(-40px)
    }
    to{
      opacity:1;
      transform:translateY(0)
    }
  }
  @keyframes fade{
    0%{
      opacity:0
    }
    to{
      opacity:1
    }
  }
  @keyframes shine{
    0%{
      opacity:.25;
      transform:translate(-100%)scale(2)rotate(20deg)
    }
    30%{
      opacity:.25
    }
    to{
      opacity:0;
      transform:translate(100%)scale(2)rotate(20deg)
    }
  }

/* ByteByteGo-style horizontal scrolling animation */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-33.333%);
    }
}

/* Working infinite scroll animation inspired by React example */
@keyframes swipe {
    0% {
        transform: translate(0);
    }
    100% {
        transform: translate(-100%);
    }
}

.scrolling-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 300px;
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.scrolling-wrapper {
    position: absolute;
    display: flex;
    height: 280px;
    padding: 10px 0 10px 0;
}

.scrolling-section {
    display: flex;
    animation: swipe var(--scroll-speed) linear infinite backwards;
    /* Smooth rendering fixes */
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.scrolling-item {
    flex-shrink: 0;
    margin-right: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 280px;
    width: auto;
    /* Smooth rendering */
    transform: translateZ(0);
    backface-visibility: hidden;
}

.scrolling-image {
    height: 280px;
    width: auto;
    max-width: 600px;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease;
    display: block;
    /* Smooth rendering */
    transform: translateZ(0);
    backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.scrolling-image:hover {
    transform: scale(1.05);
}

.scrolling-container:hover .scrolling-track {
    animation-play-state: paused;
}

.scrolling-track * {
    display: inline-block !important;
    vertical-align: middle;
}

.scrolling-item {
    float: left;
    clear: none;
}
/* Vertical scrolling animation for testimonials image */
@keyframes scroll-up-vertical {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-33.33%);
    }
}

.scrolling-container-vertical {
    position: relative;
    width: 75%;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden !important;
    height: 300px;
    mask: linear-gradient(to bottom, transparent, white 10%, white 90%, transparent);
    -webkit-mask: linear-gradient(to bottom, transparent, white 10%, white 90%, transparent);
}

@media (min-width: 640px) {
    .scrolling-container-vertical {
        height: 500px;
    }
}

@media (min-width: 1024px) {
    .scrolling-container-vertical {
        height: 800px;
    }
}

.scrolling-wrapper-vertical {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    animation: scroll-up-vertical 30s linear infinite;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.scrolling-section-vertical {
    display: block;
    width: 100%;
    flex-shrink: 0;
    position: relative;
}

.scrolling-image-vertical {
    width: 100%;
    height: auto;
    display: block;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.scrolling-container-vertical:hover .scrolling-wrapper-vertical {
    animation-play-state: paused;
}

.no-hover-pause.scrolling-container-vertical:hover .scrolling-wrapper-vertical {
    animation-play-state: running;
}

.membership-page .scrolling-container-vertical:hover .scrolling-wrapper-vertical {
    animation-play-state: running;
}

.header-image-container {
    width: 75%;
    max-width: 900px;
    margin: 2rem auto 0 auto;
}

.scrolling-image-vertical-header {
    width: 100%;
    display: block;
    height: auto;
}
.shoutout-embed {
  margin-top: 1.5em;
}
/* Wrapper for testimonials scroll - remove bottom spacing */
.landing-testimonials-scroll {
    margin-bottom: -4rem;
}

@media (min-width: 640px) {
    .landing-testimonials-scroll {
        margin-bottom: -5rem;
    }
}

/* Center title in testimonials section on all screen sizes */
.tag-hash-landing-testimonials-image h2,
.tag-hash-landing-testimonials-image h2 span {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Container for title with marker */
.title-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.title-with-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Bring title forward when marker is present */
.title-with-marker h2 {
    position: relative;
    z-index: 10;
    margin-bottom: 0;
}

/* Sketchy underline marker below title */
.title-underline-marker {
    display: block;
    margin: 0.25rem auto 0 auto;
    width: 90%;
    max-width: 500px;
    height: auto;
    opacity: 0.8;
    position: relative;
    z-index: 1;
}

/* Responsive sizing for the marker */
@media (min-width: 640px) {
    .title-underline-marker {
        width: 85%;
        max-width: 650px;
        margin-top: 0.15rem;
    }
}

@media (min-width: 768px) {
    .title-underline-marker {
        width: 80%;
        max-width: 700px;
        margin-top: 0.1rem;
    }
}

@media (min-width: 1024px) {
    .title-underline-marker {
        width: 75%;
        max-width: 750px;
        margin-top: 0;
    }
}

@media (min-width: 1280px) {
    .title-underline-marker {
        width: 70%;
        max-width: 800px;
    }
}

/* Title with marker using ::after pseudo-element */
.title-with-marker h2 {
    position: relative;
    z-index: 10;
    display: inline-block;
}

.title-with-marker h2::after {
    content: '';
    display: block;
    width: 100%;
    height: 15px;
    background-image: url('https://www.dailydoseofds.com/content/images/size/w1000/2025/12/underline_marker.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    margin-top: 0.25rem;
}

/* Hide the separate marker image when using pseudo-element */
.title-with-marker .title-underline-marker {
    display: none;
}

/* Blue marker for em tags within h2 headings when using heading from content */
.tag-hash-landing-use-heading-from-content .landing-content h2 {
    font-family: "Recoleta", serif !important;
    text-align: center !important;
}

@media (min-width: 80rem) {
    .tag-hash-landing-use-heading-from-content .landing-content h2 {
        font-size: 30px !important;
    }
}

/* Top border for content div when using heading from content with add-top-border tag */
.landing-content.has-top-border-content {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: var(--color-gray-200);
    padding-top: 24px;
}

.dark .landing-content.has-top-border-content {
    border-top-color: var(--color-gray-800);
}

@media (min-width: 40rem) {
    .landing-content.has-top-border-content {
        padding-top: 32px;
    }
}

@media (min-width: 48rem) {
    .landing-content.has-top-border-content {
        padding-top: 40px;
    }
}

.tag-hash-landing-use-heading-from-content .landing-content h2 em {
    position: relative;
    font-style: normal;
    background-image: url('https://www.dailydoseofds.com/content/images/2025/12/blue-marker-rays.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2.0rem 1.6rem;
    display: inline-block;
}

/* Underline marker for bold tags within h2 headings when using heading from content */
.tag-hash-landing-use-heading-from-content .landing-content h2 b,
.tag-hash-landing-use-heading-from-content .landing-content h2 strong {
    position: relative;
    display: inline-block;
}

.tag-hash-landing-use-heading-from-content .landing-content h2 b::after,
.tag-hash-landing-use-heading-from-content .landing-content h2 strong::after {
    content: '';
    display: block;
    width: 100%;
    height: 15px;
    background-image: url('https://www.dailydoseofds.com/content/images/size/w1000/2025/12/underline_marker.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    margin-top: -7px;
}

/* Top border for h2 when using heading from content with add-top-border tag */
.tag-hash-landing-use-heading-from-content.tag-hash-add-top-border .landing-content h2 {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: var(--color-gray-200);
    padding-top: 24px;
}

.dark .tag-hash-landing-use-heading-from-content.tag-hash-add-top-border .landing-content h2 {
    border-top-color: var(--color-gray-800);
}

@media (min-width: 640px) {
    .tag-hash-landing-use-heading-from-content.tag-hash-add-top-border .landing-content h2 {
        padding-top: 32px;
    }
}

@media (min-width: 768px) {
    .tag-hash-landing-use-heading-from-content.tag-hash-add-top-border .landing-content h2 {
        padding-top: 40px;
    }
}

/* Responsive spacing adjustments */
@media (min-width: 640px) {
    .title-with-marker h2::after {
        margin-top: 0.15rem;
    }
}

@media (min-width: 768px) {
    .title-with-marker h2::after {
        margin-top: 0.1rem;
    }
}

@media (min-width: 1024px) {
    .title-with-marker h2::after {
        margin-top: 0;
        height: 18px;
    }
}


/* Special fonts for posts with #use-special-font tag */
.special-font-heading {
    font-family: "Recoleta", serif !important;
}

.special-font-content p {
    font-family: "Elza", sans-serif !important;
}

/* Reduced heading font size for posts with #landing-reduce-heading-font tag */
@media (min-width: 80rem) {
    .reduced-heading-font {
        font-size: 32px !important;
    }
}

/* Top border for title container */
.title-container.has-top-border {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: var(--color-gray-200);
    padding-top: 24px;
}

.dark .title-container.has-top-border {
    border-top-color: var(--color-gray-800);
}

@media (min-width: 640px) {
    .title-container.has-top-border {
        padding-top: 32px;
    }
}

@media (min-width: 768px) {
    .title-container.has-top-border {
        padding-top: 40px;
    }
}

/* Membership Page Styles */
.membership-page{position:relative}
.membership-page::before{content:'';position:absolute;top:-70px;left:0;right:0;height:900px;background:radial-gradient(103.43% 72.78% at 100% 0,#ffebfe 0,rgba(255,255,255,0) 100%),radial-gradient(103.43% 72.78% at 0 0,#e7e8ff 0,rgba(255,255,255,0) 100%);z-index:-1}
.dark .membership-page::before{background:radial-gradient(103.43% 72.78% at 100% 0,rgba(139,92,246,0.1) 0,rgba(0,0,0,0) 100%),radial-gradient(103.43% 72.78% at 0 0,rgba(59,130,246,0.1) 0,rgba(0,0,0,0) 100%)}
.membership-page > .outer:not(.landing){padding-top:2rem !important;padding-bottom:2rem !important}
@media (min-width:640px){.membership-page > .outer:not(.landing){padding-top:2.5rem !important;padding-bottom:2.5rem !important}}
@media (min-width:768px){.membership-page > .outer:not(.landing){padding-top:1rem !important;padding-bottom:1rem !important}}
.membership-page > .outer:not(.landing) > .inner{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-3xl);padding:2rem 1.5rem;position:relative}
.dark .membership-page > .outer:not(.landing) > .inner{background:var(--color-gray-900);border-color:var(--color-gray-800)}
@media (min-width:640px){.membership-page > .outer:not(.landing) > .inner{padding:2.5rem 2rem}}
@media (min-width:768px){.membership-page > .outer:not(.landing) > .inner{padding:1rem 2.5rem}}
.sale-badge{position:absolute;top:0;left:0;background:linear-gradient(135deg,#FF6B4A 0%,#FF8A73 100%);color:white;padding:0.5rem 1rem;font-size:0.875rem;font-weight:700;border-radius:var(--radius-3xl) 0 0.75rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,0.2);z-index:10}
.membership-header{text-align:center;margin-bottom:2rem;padding-top:0.5rem}
.membership-main-title{font-size:1.4rem !important;font-weight:var(--font-weight-bold);color:var(--color-gray-950);margin-bottom:0.75rem !important;line-height:1.2}
.dark .membership-main-title{color:var(--color-gray-50)}
@media (min-width:640px){.membership-header{margin-bottom:2.5rem;padding-top:0.5rem}.membership-main-title{font-size:1.4rem !important}}
@media (min-width:768px){.membership-header{padding-top:1.5rem}.membership-main-title{font-size:1.75rem !important}}
@media (min-width:1280px){.membership-header{padding-top:0.5rem}.membership-main-title{font-size:2.4rem !important}}
.membership-subtitle{font-size:1rem !important;color:var(--color-gray-600);max-width:48rem;margin:0 auto}
.dark .membership-subtitle{color:var(--color-gray-400)}
@media (min-width:640px){.membership-subtitle{font-size:1.125rem !important}}
.membership-content{max-width:56rem;margin:0 auto;padding-top:0.5rem}
.membership-content h2{font-size:1.4rem !important;font-weight:var(--font-weight-bold);margin-bottom:1rem;text-align:center;color:var(--color-gray-950)}
.dark .membership-content h2{color:var(--color-gray-50)}
@media (min-width:640px){.membership-content{padding-top:0.5rem}.membership-content h2{font-size:1.4rem !important}}
@media (min-width:768px){.membership-content{padding-top:1.5rem}.membership-content h2{font-size:1.75rem !important}}
@media (min-width:1280px){.membership-content{padding-top:0.5rem}.membership-content h2{font-size:2.4rem !important}}
.membership-content.special-font-heading h2{font-family:"Recoleta",serif !important}
.membership-content h2 b,.membership-content h2 strong{position:relative;display:inline-block}
.membership-content h2 b::after,.membership-content h2 strong::after{content:'';display:block;width:100%;height:15px;background-image:url('https://www.dailydoseofds.com/content/images/size/w1000/2025/12/underline_marker.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;opacity:0.8;margin-top:0.25rem}
.membership-visuals{margin-bottom:2rem}
@media (min-width:640px){.membership-visuals{margin-bottom:2.5rem}}
@media (min-width:768px){.membership-visuals{margin-bottom:3rem}}
.membership-benefits{width:100%;margin-bottom:2rem}
@media (min-width:640px){.membership-benefits{margin-bottom:2.5rem}}
@media (min-width:768px){.membership-benefits{margin-bottom:3rem}}
.benefits-grid{display:grid;grid-template-columns:1fr;gap:0.75rem}
@media (min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}
@media (min-width:1024px){.benefits-grid{grid-template-columns:repeat(5,1fr);gap:0.75rem}}
.benefit-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 1.5rem;background:#d1f4e0;border-radius:var(--radius-xl);transition:all 300ms ease;text-align:center}
.dark .benefit-box{background:#1a3a2a}
.benefit-box:hover{transform:translateY(-2px)}
.benefit-icon{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:#10b981}
.dark .benefit-icon{color:#34d399}
.benefit-text h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;text-align:center}
.dark .benefit-text h3{color:var(--color-gray-100)}
#backlink-outer,a[id="backlink-outer"],.membership-countdown #backlink-outer{display:none !important;visibility:hidden !important;opacity:0 !important;width:0 !important;height:0 !important}
#backlink-inner,.membership-countdown #backlink-inner{display:none !important;visibility:hidden !important}
.membership-countdown .counter-wrapper-inner,.counter-wrapper-inner{pointer-events:auto !important;cursor:default !important}
@media screen and (min-width:350px){#backlink-outer,a[id="backlink-outer"]{display:none !important}}
.membership-testimonials-section{width:100%}
.membership-testimonials-content{text-align:center}
.membership-testimonials-content h2{font-size:1.75rem !important;font-weight:var(--font-weight-bold);margin-bottom:1rem;color:var(--color-gray-950)}
.membership-testimonials-content.special-font-heading h2{font-family:"Recoleta",serif !important}
.dark .membership-testimonials-content h2{color:var(--color-gray-100)}
.membership-pricing{width:100%}
.pricing-grid-three-col{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:640px){.pricing-grid-three-col{grid-template-columns:repeat(2,1fr);gap:1rem}}
@media (min-width:1024px){.pricing-grid-three-col{grid-template-columns:repeat(3,1fr);gap:1rem}}
.pricing-card{position:relative;background:rgba(249,250,251,0.5);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:2rem 1.5rem;display:flex;flex-direction:column;transition:all 300ms ease;min-height:200px}
.dark .pricing-card{background:rgba(17,24,39,0.5);border-color:var(--color-gray-800)}
.pricing-card:hover{transform:translateY(-2px);border-color:var(--color-gray-300)}
.dark .pricing-card:hover{border-color:var(--color-gray-700)}
.pricing-card-popular{border-color:var(--color-primary);border-width:2px}
.dark .pricing-card-popular{border-color:var(--color-primary)}
.pricing-badge{position:absolute;top:-0.75rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.375rem 1rem;border-radius:9999px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap}
.pricing-card-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-950);margin:0 0 1.25rem 0;text-align:center}
.dark .pricing-card-title{color:var(--color-gray-50)}
.pricing-card-price{margin-bottom:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:0.75rem}
.price-amount{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--color-gray-950)}
.price-original{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-decoration:line-through;text-decoration-thickness:2px}
.dark .price-amount{color:var(--color-gray-50)}
.price-period{font-size:var(--text-lg);color:var(--color-gray-600);margin-left:0.25rem}
.dark .price-period{color:var(--color-gray-400)}
.price-discount{display:block;margin-top:0.5rem;font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}
.pricing-button{display:block;width:100%;padding:1rem 1.5rem;text-align:center;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:white;background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border:none;border-radius:9999px;cursor:pointer;transition:transform 200ms ease,opacity 200ms ease;text-decoration:none;margin-top:auto}
.pricing-button:hover{transform:scale(1.02);opacity:0.9}
.parity-banner{background-color:#e5f4ff;margin-bottom:2rem;color:#000000;border-radius:2rem;font-size:1rem;padding:20px 10px;text-align:center;position:relative}
.parity-banner-close-btn{width:1rem;height:1rem;border:0;opacity:.5;background-color:transparent;color:currentColor;position:absolute;top:1rem;right:1rem;padding:0}