@charset "UTF-8";
/* GENERERAD FIL. Ändra inte här, ändringen skrivs över.
   Redigera källorna i shared/ och web/assets/tailwind.css, web/assets/site.css, web/assets/kansla.css i stället. */

/* ===== shared/fonts.css ===== */
/* ============================================================
   ACCOUNTO — TYPSNITT
   ------------------------------------------------------------
   GENERERAD FIL. Kör scripts/hamta-typsnitt.mjs för att
   uppdatera den.

   Sökvägarna är relativa till den byggda CSS-filen, alltså
   assets/build/site.css, och byggskriptet lägger filerna i
   assets/build/fonts/ bredvid.
   ============================================================ */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-500.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-500-1.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-500-2.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-500-3.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-500-4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-600.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-600-1.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-600-2.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-600-3.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-600-4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-700.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-700-1.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-700-2.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-700-3.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-700-4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-1.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-2.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-3.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-5.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-1.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-2.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-3.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-5.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-1.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-2.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-3.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-5.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-1.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-2.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-3.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-400-5.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-serif-400.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-serif-400-1.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-serif-400-2.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-serif-400-3.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-serif-400-4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ===== web/assets/tailwind.css ===== */
/* ============================================================
   ACCOUNTO — HJÄLPKLASSER
   ------------------------------------------------------------
   GENERERAD FIL från Tailwind CSS. Innehåller bara de klasser
   som används i sidorna, till exempel md:grid-cols-2 och
   text-[24px]. Ändra inte här.

   Egna stilar skrivs i site.css. En klass som inte finns här
   fungerar inte bara för att den skrivs in i HTML, skriv då
   en vanlig klass i site.css i stället.
   ============================================================ */

@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-plex-sans), "Segoe UI", Arial, sans-serif;
    --color-white: #fff;
    --spacing: .25rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-normal: 0em;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --blur-sm: 8px;
    --blur-md: 12px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-plex-sans), "Segoe UI", Arial, sans-serif;
    --default-mono-font-family: var(--font-plex-mono), ui-monospace, Consolas, monospace;
  }
}

@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: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::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;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-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;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }

  html {
    font-family: var(--font-plex-sans), "Segoe UI", Arial, sans-serif;
    scroll-behavior: smooth;
  }

  body {
    box-sizing: border-box;
    min-width: 360px;
    overflow-x: hidden;
  }

  a {
    color: inherit;
    text-decoration: none;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }

  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-12 {
    top: calc(var(--spacing) * 12);
  }

  .top-\[18px\] {
    top: 18px;
  }

  .top-\[80px\] {
    top: 80px;
  }

  .-right-6 {
    right: calc(var(--spacing) * -6);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-10 {
    right: calc(var(--spacing) * 10);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-\[18px\] {
    bottom: 18px;
  }

  .bottom-\[60px\] {
    bottom: 60px;
  }

  .bottom-\[calc\(100\%\+8px\)\] {
    bottom: calc(100% + 8px);
  }

  .bottom-auto {
    bottom: auto;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .-z-20 {
    z-index: calc(20 * -1);
  }

  .z-10 {
    z-index: 10;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[5\] {
    z-index: 5;
  }

  .z-\[6\] {
    z-index: 6;
  }

  .z-\[6000\] {
    z-index: 6000;
  }

  .order-10 {
    order: 10;
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-6 {
    margin: calc(var(--spacing) * 6);
  }

  .-mx-\[6\%\] {
    margin-inline: -6%;
  }

  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }

  .mx-\[calc\(50\%-50vw\)\] {
    margin-inline: calc(50% - 50vw);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .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-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-\[14px\] {
    margin-top: 14px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .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-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-\[14px\] {
    margin-bottom: 14px;
  }

  .mb-\[var\(--gap-sm\)\] {
    margin-bottom: var(--gap-sm);
  }

  .mb-auto {
    margin-bottom: auto;
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .box-content {
    box-sizing: content-box;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-grid {
    display: inline-grid;
  }

  .aspect-\[424\/400\] {
    aspect-ratio: 424 / 400;
  }

  .aspect-\[536\/516\] {
    aspect-ratio: 536 / 516;
  }

  .aspect-\[648\/720\] {
    aspect-ratio: 648 / 720;
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[84px\] {
    height: 84px;
  }

  .h-\[var\(--header-height\)\] {
    height: var(--header-height);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-\[140px\] {
    min-height: 140px;
  }

  .min-h-\[192px\] {
    min-height: 192px;
  }

  .min-h-\[376px\] {
    min-height: 376px;
  }

  .w-\[78\%\] {
    width: 78%;
  }

  .w-\[86\%\] {
    width: 86%;
  }

  .w-\[96px\] {
    width: 96px;
  }

  .w-\[min\(14rem\,calc\(100\%-1\.5rem\)\)\] {
    width: min(14rem, 100% - 1.5rem);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[430px\] {
    max-width: 430px;
  }

  .max-w-\[600px\] {
    max-width: 600px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[672px\] {
    max-width: 672px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[872px\] {
    max-width: 872px;
  }

  .max-w-\[880px\] {
    max-width: 880px;
  }

  .max-w-\[900px\] {
    max-width: 900px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .origin-right {
    transform-origin: 100%;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    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-\[-10px\] {
    --tw-translate-y: -10px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[2px\] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-mt-\[-24px\] {
    scroll-margin-top: -24px;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

  .break-inside-avoid {
    break-inside: avoid;
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-\[24px_1fr\] {
    grid-template-columns: 24px 1fr;
  }

  .grid-cols-\[36px_1fr\] {
    grid-template-columns: 36px 1fr;
  }

  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .grid-rows-\[auto_0fr\] {
    grid-template-rows: auto 0fr;
  }

  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .content-between {
    align-content: space-between;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-items-center {
    justify-items: center;
  }

  .justify-items-start {
    justify-items: start;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }

  .self-center {
    align-self: center;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .rounded-2xl {
    border-radius: calc(var(--radius) * 1.8);
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-xl {
    border-radius: calc(var(--radius) * 1.4);
  }

  .rounded-t-\[14px\] {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
  }

  .rounded-b-\[20px\] {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .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-acc-line {
    border-color: #11120f1f;
  }

  .border-acc-sand {
    border-color: #f3eee3;
  }

  .bg-\[\#1C1D1B\] {
    background-color: #1c1d1b;
  }

  .bg-\[\#EFE5D6\] {
    background-color: #efe5d6;
  }

  .bg-\[var\(--_accent-color\)\] {
    background-color: var(--_accent-color);
  }

  .bg-acc-bg {
    background-color: #fbfaf6;
  }

  .bg-acc-blue-tint {
    background-color: #e7ebf7;
  }

  .bg-acc-dimma {
    background-color: #e3e7ee;
  }

  .bg-acc-kort {
    background-color: #fffefb;
  }

  .bg-acc-navy {
    background-color: #14214a;
  }

  .bg-acc-sand {
    background-color: #f3eee3;
  }

  .bg-acc-smor {
    background-color: #ffe7aa;
  }

  .bg-acc-smor-ljus {
    background-color: #fff3d2;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .bg-white\/95 {
    background-color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .object-cover {
    object-fit: cover;
  }

  .object-top {
    object-position: top;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .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-\[2px\] {
    padding-inline: 2px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .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-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[18px\] {
    padding-block: 18px;
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-\[10px\] {
    padding-top: 10px;
  }

  .pt-\[27px\] {
    padding-top: 27px;
  }

  .pt-\[72px\] {
    padding-top: 72px;
  }

  .pt-\[104px\] {
    padding-top: 104px;
  }

  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }

  .pb-\[9px\] {
    padding-bottom: 9px;
  }

  .pb-\[14px\] {
    padding-bottom: 14px;
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-\[calc\(50vw-50\%\)\] {
    padding-left: calc(50vw - 50%);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .font-sans {
    font-family: var(--font-plex-sans), "Segoe UI", Arial, sans-serif;
  }

  .font-serif {
    font-family: var(--font-plex-serif), Georgia, serif;
  }

  .text-\[16px\]\/none {
    font-size: 16px;
    line-height: 1;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[80px\] {
    font-size: 80px;
  }

  .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-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }

  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }

  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }

  .leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }

  .leading-\[44px\] {
    --tw-leading: 44px;
    line-height: 44px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .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-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.025em\] {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[inherit\] {
    --tw-tracking: inherit;
    letter-spacing: inherit;
  }

  .text-balance {
    text-wrap: balance;
  }

  .hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[var\(--_accent-color\)\] {
    color: var(--_accent-color);
  }

  .text-\[var\(--_text-color\)\] {
    color: var(--_text-color);
  }

  .text-\[var\(--_text-color\,\#11120F\)\] {
    color: var(--_text-color, #11120f);
  }

  .text-acc-blue {
    color: #2d5bff;
  }

  .text-acc-blue-deep {
    color: #1f45d1;
  }

  .text-acc-ink {
    color: #11120f;
  }

  .text-acc-muted {
    color: #63665e;
  }

  .text-acc-smor {
    color: #ffe7aa;
  }

  .text-inherit {
    color: inherit;
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .text-white\/90 {
    color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .uppercase {
    text-transform: uppercase;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-dashed {
    text-decoration-style: dashed;
  }

  .decoration-1 {
    text-decoration-thickness: 1px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-75 {
    opacity: .75;
  }

  .shadow-\[0_1px_2px_rgba\(17\,18\,15\,0\.04\)\,0_4px_10px_rgba\(17\,18\,15\,0\.04\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #11120f0a), 0 4px 10px var(--tw-shadow-color, #11120f0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_16px_rgba\(17\,18\,15\,0\.10\)\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, #11120f1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_rgba\(17\,18\,15\,0\.10\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #11120f1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_32px_0_rgba\(17\,18\,15\,0\.10\)\] {
    --tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, #11120f1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_30px_rgba\(17\,18\,15\,0\.12\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, #11120f1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_40px_rgba\(17\,18\,15\,0\.14\)\] {
    --tw-shadow: 0 16px 40px var(--tw-shadow-color, #11120f24);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_-1px_0_0_rgba\(17\,18\,15\,0\.14\)\] {
    --tw-shadow: inset 0 -1px 0 0 var(--tw-shadow-color, #11120f24);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_-1px_0_0_rgba\(255\,255\,255\,0\.16\)\] {
    --tw-shadow: inset 0 -1px 0 0 var(--tw-shadow-color, #ffffff29);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1\.5px_currentColor\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-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);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(17\,18\,15\,0\.2\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #11120f33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_2px_var\(--_accent-color\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--_accent-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --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);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .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, );
  }

  .transition-\[scale\,translate\] {
    transition-property: scale, translate;
    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-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-\[125ms\] {
    --tw-duration: .125s;
    transition-duration: .125s;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[--_accent-color\:\#1F45D1\] {
    --_accent-color: #1f45d1;
  }

  .\[--_accent-color\:\#2D5BFF\] {
    --_accent-color: #2d5bff;
  }

  .\[--_accent-color\:\#11120F\] {
    --_accent-color: #11120f;
  }

  .\[--_accent-color\:\#14214A\] {
    --_accent-color: #14214a;
  }

  .\[--_accent-color\:\#63665E\] {
    --_accent-color: #63665e;
  }

  .\[--_accent-color\:\#E3E7EE\] {
    --_accent-color: #e3e7ee;
  }

  .\[--_accent-color\:\#F3EEE3\] {
    --_accent-color: #f3eee3;
  }

  .\[--_accent-color\:\#FBFAF6\] {
    --_accent-color: #fbfaf6;
  }

  .\[--_accent-color\:\#FFE7AA\] {
    --_accent-color: #ffe7aa;
  }

  .\[--_accent-color\:\#FFFEFB\] {
    --_accent-color: #fffefb;
  }

  .\[--_accent-color\:\#FFFFFF\] {
    --_accent-color: #fff;
  }

  .\[--_text-color\:\#1F45D1\] {
    --_text-color: #1f45d1;
  }

  .\[--_text-color\:\#2D5BFF\] {
    --_text-color: #2d5bff;
  }

  .\[--_text-color\:\#11120F\] {
    --_text-color: #11120f;
  }

  .\[--_text-color\:\#14214A\] {
    --_text-color: #14214a;
  }

  .\[--_text-color\:\#63665E\] {
    --_text-color: #63665e;
  }

  .\[--_text-color\:\#E3E7EE\] {
    --_text-color: #e3e7ee;
  }

  .\[--_text-color\:\#F3EEE3\] {
    --_text-color: #f3eee3;
  }

  .\[--_text-color\:\#FBFAF6\] {
    --_text-color: #fbfaf6;
  }

  .\[--_text-color\:\#FFE7AA\] {
    --_text-color: #ffe7aa;
  }

  .\[--_text-color\:\#FFFEFB\] {
    --_text-color: #fffefb;
  }

  .\[--_text-color\:\#FFFFFF\] {
    --_text-color: #fff;
  }

  .\[--gap-md\:0px\] {
    --gap-md: 0px;
  }

  .\[--gap-md\:32px\] {
    --gap-md: 32px;
  }

  .\[--gap-md\:40px\] {
    --gap-md: 40px;
  }

  .\[--gap-md\:48px\] {
    --gap-md: 48px;
  }

  .\[--gap-md\:64px\] {
    --gap-md: 64px;
  }

  .\[--gap-sm\:0px\] {
    --gap-sm: 0px;
  }

  .\[--gap-sm\:32px\] {
    --gap-sm: 32px;
  }

  .\[--gap-sm\:40px\] {
    --gap-sm: 40px;
  }

  .\[--gap-sm\:48px\] {
    --gap-sm: 48px;
  }

  .\[--gap-sm\:64px\] {
    --gap-sm: 64px;
  }

  .\[--header-height\:56px\] {
    --header-height: 56px;
  }

  .\[--menu-shadow\:0_8px_32px_0_rgba\(17\,18\,15\,0\.08\)\] {
    --menu-shadow: 0 8px 32px 0 #11120f14;
  }

  .\[font\:inherit\] {
    font: inherit;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[transition\:transform_\.3s_ease-out\] {
    transition: transform .3s ease-out;
  }

  .\[transition\:translate_\.3s\,top_\.3s\,color_\.2s\,box-shadow_0s_\.2s\,background-color_0s_\.2s\] {
    transition: translate .3s, top .3s, color .2s, box-shadow 0s .2s, background-color 0s .2s;
  }

  .group-open\:block:is(:where(.group):is([open], :popover-open, :open) *) {
    display: block;
  }

  .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) {
    display: none;
  }

  .group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 45deg;
  }

  @media (hover: hover) {
    .group-hover\/kort\:text-acc-blue:is(:where(.group\/kort):hover *) {
      color: #2d5bff;
    }

    .peer-hover\:visible:is(:where(.peer):hover ~ *) {
      visibility: visible;
    }

    .peer-hover\:opacity-100:is(:where(.peer):hover ~ *) {
      opacity: 1;
    }
  }

  .peer-focus-visible\:visible:is(:where(.peer):focus-visible ~ *) {
    visibility: visible;
  }

  .peer-focus-visible\:opacity-100:is(:where(.peer):focus-visible ~ *) {
    opacity: 1;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-0:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .before\:-z-10:before {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }

  .before\:rounded-\[inherit\]:before {
    content: var(--tw-content);
    border-radius: inherit;
  }

  .before\:bg-\[var\(--_accent-color\)\]:before {
    content: var(--tw-content);
    background-color: var(--_accent-color);
  }

  .before\:bg-acc-blue:before {
    content: var(--tw-content);
    background-color: #2d5bff;
  }

  .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }

  .before\:transition-opacity:before {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:duration-\[125ms\]:before {
    content: var(--tw-content);
    --tw-duration: .125s;
    transition-duration: .125s;
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-x-0:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }

  .after\:inset-y-4:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 4);
  }

  .after\:-z-20:after {
    content: var(--tw-content);
    z-index: calc(20 * -1);
  }

  .after\:my-6:after {
    content: var(--tw-content);
    margin-block: calc(var(--spacing) * 6);
  }

  .after\:block:after {
    content: var(--tw-content);
    display: block;
  }

  .after\:hidden:after {
    content: var(--tw-content);
    display: none;
  }

  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }

  .after\:w-\[calc\(50vw-50\%\)\]:after {
    content: var(--tw-content);
    width: calc(50vw - 50%);
  }

  .after\:shrink-0:after {
    content: var(--tw-content);
    flex-shrink: 0;
  }

  .after\:translate-x-6:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:rounded-\[24px\]:after {
    content: var(--tw-content);
    border-radius: 24px;
  }

  .after\:bg-acc-blue-deep:after {
    content: var(--tw-content);
    background-color: #1f45d1;
  }

  .after\:bg-acc-line:after {
    content: var(--tw-content);
    background-color: #11120f1f;
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }

  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .focus-within\:shadow-\[inset_0_0_0_1\.5px_\#2D5BFF\]:focus-within {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, #2d5bff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .hover\:bg-acc-dimma:hover {
      background-color: #e3e7ee;
    }

    .hover\:text-acc-ink:hover {
      color: #11120f;
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:before\:opacity-85:hover:before {
      content: var(--tw-content);
      opacity: .85;
    }
  }

  .focus\:shadow-\[inset_0_0_0_1\.5px_\#2D5BFF\]:focus {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, #2d5bff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media not all and (min-width: 75rem) {
    .max-desk\:pointer-events-auto {
      pointer-events: auto;
    }

    .max-desk\:pointer-events-none {
      pointer-events: none;
    }

    .max-desk\:fixed {
      position: fixed;
    }

    .max-desk\:inset-0 {
      inset: calc(var(--spacing) * 0);
    }

    .max-desk\:top-\[var\(--header-height\)\] {
      top: var(--header-height);
    }

    .max-desk\:z-\[5\] {
      z-index: 5;
    }

    .max-desk\:mt-auto {
      margin-top: auto;
    }

    .max-desk\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .max-desk\:grid {
      display: grid;
    }

    .max-desk\:h-\[100dvh\] {
      height: 100dvh;
    }

    .max-desk\:h-\[calc\(100dvh-var\(--header-height\)\)\] {
      height: calc(100dvh - var(--header-height));
    }

    .max-desk\:h-full {
      height: 100%;
    }

    .max-desk\:w-full {
      width: 100%;
    }

    .max-desk\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-desk\:translate-x-full {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-desk\:grid-rows-\[auto_auto_1fr\] {
      grid-template-rows: auto auto 1fr;
    }

    .max-desk\:flex-col {
      flex-direction: column;
    }

    .max-desk\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }

    .max-desk\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }

    .max-desk\:overflow-y-auto {
      overflow-y: auto;
    }

    .max-desk\:bg-acc-bg {
      background-color: #fbfaf6;
    }

    .max-desk\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .max-desk\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .max-desk\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .max-desk\:text-acc-ink {
      color: #11120f;
    }

    .max-desk\:opacity-0 {
      opacity: 0;
    }

    .max-desk\:opacity-100 {
      opacity: 1;
    }

    .max-desk\:transition-\[translate\] {
      transition-property: translate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .max-desk\:duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s;
    }
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .max-lg\:flex {
      display: flex;
    }

    .max-lg\:w-full {
      width: 100%;
    }

    .max-lg\:cursor-pointer {
      cursor: pointer;
    }

    .max-lg\:flex-col {
      flex-direction: column;
    }

    .max-lg\:items-center {
      align-items: center;
    }

    .max-lg\:justify-between {
      justify-content: space-between;
    }

    .max-lg\:justify-center {
      justify-content: center;
    }

    .max-lg\:justify-items-center {
      justify-items: center;
    }

    .max-lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .max-lg\:text-center {
      text-align: center;
    }

    .max-lg\:shadow-\[inset_0_1px_0_0_rgba\(255\,255\,255\,0\.16\)\] {
      --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, #ffffff29);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:relative {
      position: relative;
    }

    .max-md\:mx-auto {
      margin-inline: auto;
    }

    .max-md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .max-md\:grid {
      display: grid;
    }

    .max-md\:hidden {
      display: none;
    }

    .max-md\:w-max {
      width: max-content;
    }

    .max-md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1440px) {
    .min-\[1440px\]\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 48rem) {
    .md\:inset-x-5 {
      inset-inline: calc(var(--spacing) * 5);
    }

    .md\:top-5 {
      top: calc(var(--spacing) * 5);
    }

    .md\:top-auto {
      top: auto;
    }

    .md\:right-5 {
      right: calc(var(--spacing) * 5);
    }

    .md\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }

    .md\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .md\:left-5 {
      left: calc(var(--spacing) * 5);
    }

    .md\:left-6 {
      left: calc(var(--spacing) * 6);
    }

    .md\:left-auto {
      left: auto;
    }

    .md\:order-none {
      order: 0;
    }

    .md\:col-\[2\/-1\] {
      grid-column: 2 / -1;
    }

    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .md\:col-start-2 {
      grid-column-start: 2;
    }

    .md\:col-start-7 {
      grid-column-start: 7;
    }

    .md\:col-start-8 {
      grid-column-start: 8;
    }

    .md\:row-start-1 {
      grid-row-start: 1;
    }

    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .md\:mt-auto {
      margin-top: auto;
    }

    .md\:mr-8 {
      margin-right: calc(var(--spacing) * 8);
    }

    .md\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }

    .md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .md\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }

    .md\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .md\:mb-\[var\(--gap-md\)\] {
      margin-bottom: var(--gap-md);
    }

    .md\:mb-auto {
      margin-bottom: auto;
    }

    .md\:ml-12 {
      margin-left: calc(var(--spacing) * 12);
    }

    .md\:ml-\[72px\] {
      margin-left: 72px;
    }

    .md\:ml-auto {
      margin-left: auto;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

    .md\:size-\[104px\] {
      width: 104px;
      height: 104px;
    }

    .md\:min-h-\[300px\] {
      min-height: 300px;
    }

    .md\:min-h-\[376px\] {
      min-height: 376px;
    }

    .md\:w-\[calc\(100\%-24px\)\] {
      width: calc(100% - 24px);
    }

    .md\:max-w-\[328px\] {
      max-width: 328px;
    }

    .md\:max-w-\[1440px\] {
      max-width: 1440px;
    }

    .md\:max-w-\[calc\(50\%-12px\)\] {
      max-width: calc(50% - 12px);
    }

    .md\:max-w-\[calc\(66\.6667\%-5\.33px\)\] {
      max-width: calc(66.6667% - 5.33px);
    }

    .md\:scroll-mt-\[-48px\] {
      scroll-margin-top: -48px;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .md\:grid-rows-\[1fr_auto\] {
      grid-template-rows: 1fr auto;
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:justify-center {
      justify-content: center;
    }

    .md\:justify-items-start {
      justify-items: start;
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .md\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }

    .md\:gap-x-12 {
      column-gap: calc(var(--spacing) * 12);
    }

    .md\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }

    .md\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }

    .md\:overflow-visible {
      overflow: visible;
    }

    .md\:rounded-2xl {
      border-radius: calc(var(--radius) * 1.8);
    }

    .md\:rounded-\[32px\] {
      border-radius: 32px;
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .md\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .md\:py-\[14px\] {
      padding-block: 14px;
    }

    .md\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }

    .md\:pt-\[88px\] {
      padding-top: 88px;
    }

    .md\:pt-\[128px\] {
      padding-top: 128px;
    }

    .md\:pr-12 {
      padding-right: calc(var(--spacing) * 12);
    }

    .md\:pr-\[112px\] {
      padding-right: 112px;
    }

    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .md\:pb-\[128px\] {
      padding-bottom: 128px;
    }

    .md\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }

    .md\:pl-12 {
      padding-left: calc(var(--spacing) * 12);
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-start {
      text-align: start;
    }

    .md\:text-\[13px\] {
      font-size: 13px;
    }

    .md\:text-\[14px\] {
      font-size: 14px;
    }

    .md\:text-\[16px\] {
      font-size: 16px;
    }

    .md\:text-\[18px\] {
      font-size: 18px;
    }

    .md\:\[grid-area\:1\/2\/3\] {
      grid-area: 1 / 2 / 3;
    }

    .md\:after\:block:after {
      content: var(--tw-content);
      display: block;
    }

    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }

    @media not all and (min-width: 75rem) {
      .md\:max-desk\:max-w-\[calc\(50\%-8px\)\] {
        max-width: calc(50% - 8px);
      }

      .md\:max-desk\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
  }

  @media not all and (min-width: 75rem) {
    @media (min-width: 48rem) {
      .max-desk\:md\:px-12 {
        padding-inline: calc(var(--spacing) * 12);
      }
    }
  }

  @media (min-width: 48rem) {
    @media not all and (min-width: 75rem) {
      .md\:max-desk\:pr-\[60px\] {
        padding-right: 60px;
      }
    }

    @media not all and (min-width: 64rem) {
      .md\:max-lg\:w-\[340px\] {
        width: 340px;
      }

      .md\:max-lg\:px-5 {
        padding-inline: calc(var(--spacing) * 5);
      }
    }
  }

  @media (min-width: 64rem) {
    .lg\:inset-4 {
      inset: calc(var(--spacing) * 4);
    }

    .lg\:top-7 {
      top: calc(var(--spacing) * 7);
    }

    .lg\:top-8 {
      top: calc(var(--spacing) * 8);
    }

    .lg\:top-\[52px\] {
      top: 52px;
    }

    .lg\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .lg\:right-7 {
      right: calc(var(--spacing) * 7);
    }

    .lg\:right-8 {
      right: calc(var(--spacing) * 8);
    }

    .lg\:bottom-\[84px\] {
      bottom: 84px;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:m-0 {
      margin: calc(var(--spacing) * 0);
    }

    .lg\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .lg\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .lg\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .lg\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }

    .lg\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }

    .lg\:mr-11 {
      margin-right: calc(var(--spacing) * 11);
    }

    .lg\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .lg\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .lg\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .lg\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .lg\:mb-\[72px\] {
      margin-bottom: 72px;
    }

    .lg\:ml-\[60px\] {
      margin-left: 60px;
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline-grid {
      display: inline-grid;
    }

    .lg\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }

    .lg\:size-\[72px\] {
      width: 72px;
      height: 72px;
    }

    .lg\:h-7 {
      height: calc(var(--spacing) * 7);
    }

    .lg\:h-9 {
      height: calc(var(--spacing) * 9);
    }

    .lg\:h-\[112px\] {
      height: 112px;
    }

    .lg\:min-h-14 {
      min-height: calc(var(--spacing) * 14);
    }

    .lg\:min-h-\[420px\] {
      min-height: 420px;
    }

    .lg\:min-h-\[440px\] {
      min-height: 440px;
    }

    .lg\:w-\[128px\] {
      width: 128px;
    }

    .lg\:w-\[min\(17rem\,calc\(100\%-2rem\)\)\] {
      width: min(17rem, 100% - 2rem);
    }

    .lg\:w-max {
      width: max-content;
    }

    .lg\:max-w-\[280px\] {
      max-width: 280px;
    }

    .lg\:max-w-\[calc\(66\.6667\%-8px\)\] {
      max-width: calc(66.6667% - 8px);
    }

    .lg\:translate-y-\[-8px\] {
      --tw-translate-y: -8px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:scale-\[0\.6666667\] {
      scale: .666667;
    }

    .lg\:scroll-mt-\[-64px\] {
      scroll-margin-top: -64px;
    }

    .lg\:columns-4 {
      columns: 4;
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[40px_1fr\] {
      grid-template-columns: 40px 1fr;
    }

    .lg\:grid-cols-\[auto_auto\] {
      grid-template-columns: auto auto;
    }

    .lg\:flex-col {
      flex-direction: column;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }

    .lg\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }

    .lg\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-y-10 {
      row-gap: calc(var(--spacing) * 10);
    }

    .lg\:rounded-\[32px\] {
      border-radius: 32px;
    }

    .lg\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .lg\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .lg\:px-\[60px\] {
      padding-inline: 60px;
    }

    .lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .lg\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .lg\:py-\[10px\] {
      padding-block: 10px;
    }

    .lg\:py-\[18px\] {
      padding-block: 18px;
    }

    .lg\:py-\[120px\] {
      padding-block: 120px;
    }

    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }

    .lg\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .lg\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }

    .lg\:pt-\[26px\] {
      padding-top: 26px;
    }

    .lg\:pt-\[120px\] {
      padding-top: 120px;
    }

    .lg\:pt-\[176px\] {
      padding-top: 176px;
    }

    .lg\:pr-\[60px\] {
      padding-right: 60px;
    }

    .lg\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .lg\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }

    .lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .lg\:pb-\[6px\] {
      padding-bottom: 6px;
    }

    .lg\:pb-\[14px\] {
      padding-bottom: 14px;
    }

    .lg\:pb-\[120px\] {
      padding-bottom: 120px;
    }

    .lg\:pb-\[160px\] {
      padding-bottom: 160px;
    }

    .lg\:pl-\[60px\] {
      padding-left: 60px;
    }

    .lg\:text-\[18px\]\/none {
      font-size: 18px;
      line-height: 1;
    }

    .lg\:text-\[14px\] {
      font-size: 14px;
    }

    .lg\:text-\[15px\] {
      font-size: 15px;
    }

    .lg\:text-\[16px\] {
      font-size: 16px;
    }

    .lg\:text-\[17px\] {
      font-size: 17px;
    }

    .lg\:text-\[18px\] {
      font-size: 18px;
    }

    .lg\:text-\[19px\] {
      font-size: 19px;
    }

    .lg\:text-\[21px\] {
      font-size: 21px;
    }

    .lg\:text-\[22px\] {
      font-size: 22px;
    }

    .lg\:text-\[24px\] {
      font-size: 24px;
    }

    .lg\:text-\[26px\] {
      font-size: 26px;
    }

    .lg\:text-\[28px\] {
      font-size: 28px;
    }

    .lg\:text-\[30px\] {
      font-size: 30px;
    }

    .lg\:text-\[32px\] {
      font-size: 32px;
    }

    .lg\:text-\[40px\] {
      font-size: 40px;
    }

    .lg\:text-\[44px\] {
      font-size: 44px;
    }

    .lg\:text-\[52px\] {
      font-size: 52px;
    }

    .lg\:text-\[56px\] {
      font-size: 56px;
    }

    .lg\:text-\[60px\] {
      font-size: 60px;
    }

    .lg\:text-\[64px\] {
      font-size: 64px;
    }

    .lg\:text-\[68px\] {
      font-size: 68px;
    }

    .lg\:text-\[120px\] {
      font-size: 120px;
    }

    .lg\:leading-4 {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }

    .lg\:leading-6 {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }

    .lg\:leading-7 {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }

    .lg\:leading-8 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }

    .lg\:leading-9 {
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }

    .lg\:leading-\[26px\] {
      --tw-leading: 26px;
      line-height: 26px;
    }

    .lg\:leading-\[30px\] {
      --tw-leading: 30px;
      line-height: 30px;
    }

    .lg\:leading-\[32px\] {
      --tw-leading: 32px;
      line-height: 32px;
    }

    .lg\:leading-\[34px\] {
      --tw-leading: 34px;
      line-height: 34px;
    }

    .lg\:leading-\[38px\] {
      --tw-leading: 38px;
      line-height: 38px;
    }

    .lg\:leading-\[44px\] {
      --tw-leading: 44px;
      line-height: 44px;
    }

    .lg\:leading-\[46px\] {
      --tw-leading: 46px;
      line-height: 46px;
    }

    .lg\:leading-\[48px\] {
      --tw-leading: 48px;
      line-height: 48px;
    }

    .lg\:leading-\[56px\] {
      --tw-leading: 56px;
      line-height: 56px;
    }

    .lg\:leading-\[64px\] {
      --tw-leading: 64px;
      line-height: 64px;
    }

    .lg\:leading-\[68px\] {
      --tw-leading: 68px;
      line-height: 68px;
    }

    .lg\:after\:inset-y-6:after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 6);
    }

    .lg\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }

    .lg\:last\:mb-0:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }

  @media not all and (min-width: 75rem) {
    @media (min-width: 64rem) {
      .max-desk\:lg\:px-\[60px\] {
        padding-inline: 60px;
      }
    }
  }

  @media (min-width: 75rem) {
    .desk\:absolute {
      position: absolute;
    }

    .desk\:relative {
      position: relative;
    }

    .desk\:sticky {
      position: sticky;
    }

    .desk\:inset-x-0 {
      inset-inline: calc(var(--spacing) * 0);
    }

    .desk\:top-\[var\(--header-height\)\] {
      top: var(--header-height);
    }

    .desk\:bottom-10 {
      bottom: calc(var(--spacing) * 10);
    }

    .desk\:bottom-auto {
      bottom: auto;
    }

    .desk\:isolate {
      isolation: isolate;
    }

    .desk\:z-0 {
      z-index: 0;
    }

    .desk\:z-\[6\] {
      z-index: 6;
    }

    .desk\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .desk\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .desk\:row-start-2 {
      grid-row-start: 2;
    }

    .desk\:m-0 {
      margin: calc(var(--spacing) * 0);
    }

    .desk\:mx-auto {
      margin-inline: auto;
    }

    .desk\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .desk\:mt-24 {
      margin-top: calc(var(--spacing) * 24);
    }

    .desk\:mt-\[100px\] {
      margin-top: 100px;
    }

    .desk\:mt-\[120px\] {
      margin-top: 120px;
    }

    .desk\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }

    .desk\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .desk\:flex {
      display: flex;
    }

    .desk\:grid {
      display: grid;
    }

    .desk\:hidden {
      display: none;
    }

    .desk\:inline-block {
      display: inline-block;
    }

    .desk\:inline-flex {
      display: inline-flex;
    }

    .desk\:h-7 {
      height: calc(var(--spacing) * 7);
    }

    .desk\:h-10 {
      height: calc(var(--spacing) * 10);
    }

    .desk\:h-\[38px\] {
      height: 38px;
    }

    .desk\:h-\[var\(--header-height\)\] {
      height: var(--header-height);
    }

    .desk\:h-full {
      height: 100%;
    }

    .desk\:max-h-0 {
      max-height: calc(var(--spacing) * 0);
    }

    .desk\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }

    .desk\:min-h-\[224px\] {
      min-height: 224px;
    }

    .desk\:w-fit {
      width: fit-content;
    }

    .desk\:w-full {
      width: 100%;
    }

    .desk\:max-w-\[300px\] {
      max-width: 300px;
    }

    .desk\:max-w-\[1440px\] {
      max-width: 1440px;
    }

    .desk\:max-w-\[calc\(50\%-68px\)\] {
      max-width: calc(50% - 68px);
    }

    .desk\:shrink-0 {
      flex-shrink: 0;
    }

    .desk\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .desk\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .desk\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .desk\:grid-rows-\[auto_1fr\] {
      grid-template-rows: auto 1fr;
    }

    .desk\:content-start {
      align-content: flex-start;
    }

    .desk\:items-center {
      align-items: center;
    }

    .desk\:items-end {
      align-items: flex-end;
    }

    .desk\:items-start {
      align-items: flex-start;
    }

    .desk\:justify-between {
      justify-content: space-between;
    }

    .desk\:justify-end {
      justify-content: flex-end;
    }

    .desk\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .desk\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .desk\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }

    .desk\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }

    .desk\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }

    .desk\:overflow-hidden {
      overflow: hidden;
    }

    .desk\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .desk\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .desk\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .desk\:px-\[60px\] {
      padding-inline: 60px;
    }

    .desk\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }

    .desk\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .desk\:pr-\[112px\] {
      padding-right: 112px;
    }

    .desk\:text-\[16px\] {
      font-size: 16px;
    }

    .desk\:text-\[17px\] {
      font-size: 17px;
    }

    .desk\:tracking-normal {
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
    }

    .desk\:shadow-none {
      --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);
    }

    .desk\:\[--header-height\:80px\] {
      --header-height: 80px;
    }

    .desk\:\[--menu-shadow\:0_32px_32px_-24px_rgba\(17\,18\,15\,0\.10\)\] {
      --menu-shadow: 0 32px 32px -24px #11120f1a;
    }

    .desk\:\[grid-area\:1\/-5\/-1\/span_4\] {
      grid-area: 1 / -5 / -1 / span 4;
    }

    .desk\:\[transition\:max-height_\.1s_ease-in_\.2s\,box-shadow_\.5s_ease-out_\.2s\] {
      transition: max-height .1s ease-in .2s, box-shadow .5s ease-out .2s;
    }

    @media (hover: hover) {
      .desk\:group-hover\/item\:block:is(:where(.group\/item):hover *) {
        display: block;
      }

      .desk\:group-hover\/item\:text-acc-blue:is(:where(.group\/item):hover *) {
        color: #2d5bff;
      }

      .desk\:group-hover\/menu\:z-\[5\]:is(:where(.group\/menu):hover *) {
        z-index: 5;
      }

      .desk\:group-hover\/menu\:max-h-\[100vh\]:is(:where(.group\/menu):hover *) {
        max-height: 100vh;
      }

      .desk\:group-hover\/menu\:shadow-\[var\(--menu-shadow\)\]:is(:where(.group\/menu):hover *) {
        --tw-shadow: var(--menu-shadow);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }

    .desk\:before\:absolute:before {
      content: var(--tw-content);
      position: absolute;
    }

    .desk\:before\:inset-0:before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }

    .desk\:before\:inset-x-\[60px\]:before {
      content: var(--tw-content);
      inset-inline: 60px;
    }

    .desk\:before\:top-0:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }

    .desk\:before\:-z-10:before {
      content: var(--tw-content);
      z-index: calc(10 * -1);
    }

    .desk\:before\:h-px:before {
      content: var(--tw-content);
      height: 1px;
    }

    .desk\:before\:w-\[160px\]:before {
      content: var(--tw-content);
      width: 160px;
    }

    .desk\:before\:rounded-\[12px\]:before {
      content: var(--tw-content);
      border-radius: 12px;
    }

    .desk\:before\:bg-acc-line:before {
      content: var(--tw-content);
      background-color: #11120f1f;
    }

    .desk\:before\:bg-acc-sand:before {
      content: var(--tw-content);
      background-color: #f3eee3;
    }

    .desk\:before\:opacity-0:before {
      content: var(--tw-content);
      opacity: 0;
    }

    .desk\:before\:transition-opacity:before {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .desk\:before\:duration-200:before {
      content: var(--tw-content);
      --tw-duration: .2s;
      transition-duration: .2s;
    }

    .desk\:before\:content-\[\'\'\]:before {
      --tw-content: "";
      content: var(--tw-content);
    }

    @media (hover: hover) {
      .desk\:group-hover\/menu\:before\:opacity-100:is(:where(.group\/menu):hover *):before {
        content: var(--tw-content);
        opacity: 1;
      }

      .desk\:hover\:py-5:hover {
        padding-block: calc(var(--spacing) * 5);
      }

      .desk\:hover\:before\:opacity-100:hover:before {
        content: var(--tw-content);
        opacity: 1;
      }
    }
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:h-0::-webkit-scrollbar {
    height: calc(var(--spacing) * 0);
  }

  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
    display: none;
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\:\:details-content\]\:\[content-visibility\:visible\]::details-content {
      content-visibility: visible;
    }
  }

  .\[\&\:\:marker\]\:hidden::marker {
    display: none;
  }

  .\[\\u0026\:\:-webkit-details-marker\]\:hidden:is() {
    display: none;
  }

  @media (min-width: 64rem) {
    .lg\:\[\\u0026\:\:details-content\]\:\[content-visibility\:visible\]:is() {
      content-visibility: visible;
    }
  }

  .\[\\u0026\:\:marker\]\:hidden:is() {
    display: none;
  }

  .\[\&\>\:not\(\:first-child\)\]\:ml-3 > :not(:first-child) {
    margin-left: calc(var(--spacing) * 3);
  }

  @media (hover: hover) and (pointer: fine) {
    @media (hover: hover) {
      .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:hover\:text-\[var\(--_text-color\)\]:hover {
        color: var(--_text-color);
      }

      .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:hover\:before\:opacity-100:hover:before {
        content: var(--tw-content);
        opacity: 1;
      }
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --background: #fbfaf6;
  --foreground: #11120f;
  --card: oklch(100% 0 0);
  --card-foreground: oklch(14.5% 0 0);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(14.5% 0 0);
  --primary: oklch(20.5% 0 0);
  --primary-foreground: oklch(98.5% 0 0);
  --secondary: oklch(97% 0 0);
  --secondary-foreground: oklch(20.5% 0 0);
  --muted: oklch(97% 0 0);
  --muted-foreground: oklch(55.6% 0 0);
  --accent: oklch(97% 0 0);
  --accent-foreground: oklch(20.5% 0 0);
  --destructive: oklch(57.7% .245 27.325);
  --border: oklch(92.2% 0 0);
  --input: oklch(92.2% 0 0);
  --ring: oklch(70.8% 0 0);
  --chart-1: oklch(87% 0 0);
  --chart-2: oklch(55.6% 0 0);
  --chart-3: oklch(43.9% 0 0);
  --chart-4: oklch(37.1% 0 0);
  --chart-5: oklch(26.9% 0 0);
  --radius: .625rem;
  --sidebar: oklch(98.5% 0 0);
  --sidebar-foreground: oklch(14.5% 0 0);
  --sidebar-primary: oklch(20.5% 0 0);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-accent: oklch(97% 0 0);
  --sidebar-accent-foreground: oklch(20.5% 0 0);
  --sidebar-border: oklch(92.2% 0 0);
  --sidebar-ring: oklch(70.8% 0 0);
}

.dark {
  --background: oklch(14.5% 0 0);
  --foreground: oklch(98.5% 0 0);
  --card: oklch(20.5% 0 0);
  --card-foreground: oklch(98.5% 0 0);
  --popover: oklch(20.5% 0 0);
  --popover-foreground: oklch(98.5% 0 0);
  --primary: oklch(92.2% 0 0);
  --primary-foreground: oklch(20.5% 0 0);
  --secondary: oklch(26.9% 0 0);
  --secondary-foreground: oklch(98.5% 0 0);
  --muted: oklch(26.9% 0 0);
  --muted-foreground: oklch(70.8% 0 0);
  --accent: oklch(26.9% 0 0);
  --accent-foreground: oklch(98.5% 0 0);
  --destructive: oklch(70.4% .191 22.216);
  --border: oklch(100% 0 0 / .1);
  --input: oklch(100% 0 0 / .15);
  --ring: oklch(55.6% 0 0);
  --chart-1: oklch(87% 0 0);
  --chart-2: oklch(55.6% 0 0);
  --chart-3: oklch(43.9% 0 0);
  --chart-4: oklch(37.1% 0 0);
  --chart-5: oklch(26.9% 0 0);
  --sidebar: oklch(20.5% 0 0);
  --sidebar-foreground: oklch(98.5% 0 0);
  --sidebar-primary: oklch(48.8% .243 264.376);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-accent: oklch(26.9% 0 0);
  --sidebar-accent-foreground: oklch(98.5% 0 0);
  --sidebar-border: oklch(100% 0 0 / .1);
  --sidebar-ring: oklch(55.6% 0 0);
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@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-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: "";
}


/* ===== web/assets/site.css ===== */
/* ============================================================
   ACCOUNTO — MARKNADSSAJTENS EGNA STILAR
   ------------------------------------------------------------
   Sajten består av tre lager, i den här ordningen:

   1. shared/fonts.css   typsnitten (IBM Plex Sans, Serif, Mono)
   2. tailwind.css       färdiga hjälpklasser, GENERERAD, rör inte
   3. site.css           den här filen, skriven för hand

   Allt som inte är en hjälpklass står här: typsnittens namn,
   illustrationernas linjer, sidhuvudets lägen, formuläret, de
   juridiska texterna och rutan som Få prisförslag öppnar.

   Sajten har egna färger och läser inte shared/tokens.css eller
   shared/base.css, som hör till tjänsten och adminvyn.
   ============================================================ */

/* Typsnitten. Hjälpklasserna font-sans, font-serif och font-mono
   läser de här variablerna. */
:root {
  --font-plex-sans: "IBM Plex Sans";
  --font-plex-serif: "IBM Plex Serif";
  --font-plex-mono: "IBM Plex Mono";
}

/* Länken som tangentbord och skärmläsare når först */
.hoppa-till-innehall {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 7000;
  padding: 10px 16px;
  border-radius: 999px;
  background: #14214a;
  color: #fff;
  font-weight: 500;
  transform: translateY(-200%);
}
.hoppa-till-innehall:focus {
  transform: none;
}

/* Illustrationer, sidhuvudets lägen, formuläret och de juridiska texterna. */

:root {
  --acc-ink: #11120f;
  --acc-blue: #2d5bff;
  --acc-blue-deep: #1f45d1;
  --acc-navy: #14214a;
  --acc-smor: #ffe7aa;
  --acc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Bilderna i rutorna under Bolag vi arbetar med. Ritade i samma
   rutnät och stil som ikonerna under Det här ingår, 128 x 112 med
   linjebredd 2, så att tjockleken följer med när bilden skalas. */
.fall-bild {
  display: block;
  width: 74%;
  height: auto;
}

/* Menyn och sidfoten länkar till varje bolagstyp på passar-det.
   Utan marginalen hamnar kortets överkant under det fasta
   sidhuvudet, som är 56 px högt och 80 px på stor skärm. */
#vilande-aktiebolag,
#holdingbolag,
#lugnare-ar {
  scroll-margin-top: 88px;
}
@media (min-width: 75rem) {
  #vilande-aktiebolag,
  #holdingbolag,
  #lugnare-ar {
    scroll-margin-top: 112px;
  }
}

/* Linjeteckningar */
.ingar-ikon {
  fill: none;
  stroke: var(--acc-ink);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ingar-ikon .fyll {
  fill: var(--acc-blue);
  stroke: var(--acc-ink);
}

/* Statusbricka och knappattrapp */
.status {
  display: inline-block;
  padding: 0.15em 0.6em;
  border-radius: 999px;
  font-size: 0.85em;
  font-weight: 500;
  white-space: nowrap;
}
.status-vantar {
  background: var(--acc-smor);
  color: #6b4e00;
}
.knapp-mock {
  display: inline-block;
  background: var(--acc-blue-deep);
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 0.45em;
  font-weight: 500;
  white-space: nowrap;
}

.mono {
  font-family: var(--font-plex-mono), ui-monospace, monospace;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

/* Pratbubblan i heron tonar in en gång */
@keyframes acc-in-bubbla {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
  }
}
.pratbubbla {
  animation: acc-in-bubbla 0.8s 0.4s var(--acc-ease) both;
}
@media (prefers-reduced-motion: reduce) {
  .pratbubbla {
    animation: none;
  }
}

/* Sidhuvudet: döljs när man rullar nedåt och kommer tillbaka med gräddvit botten och
   skugga när man rullar uppåt. Läget sätts som data-rullning och data-meny, inte som
   style-attribut, eftersom accounto.se blockerar style-attribut. */
.sidhuvud {
  translate: 0;
  background-color: transparent;
  box-shadow: none;
}
.sidhuvud[data-rullning="hidden"][data-meny="stangd"] {
  translate: 0 -100%;
}
.sidhuvud[data-rullning="shown"],
.sidhuvud[data-meny="oppen"] {
  background-color: #fbfaf6;
}
.sidhuvud[data-rullning="shown"][data-meny="stangd"] {
  box-shadow: var(--menu-shadow);
}
.sidhuvud-cta {
  transform: scale(0);
}
.sidhuvud-cta[data-visas="ja"] {
  transform: scale(1);
}

/* Boka möte i nedre högra hörnet. Står still på samma plats hela
   vägen ner. Adressen till Calendly sätts av initBokning i site.js
   genom data-boka, och utan skript leder länken till kontaktsidans
   bokningsruta. Valet för prisförslag är en dialog och hamnar alltid
   ovanför. */
.boka-hornet {
  position: fixed;
  right: 16px;
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--acc-blue);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  /* Den vita kanten skiljer länken från det blå bandet och den mörka
     sidfoten, som den annars smälter ihop med. */
  box-shadow: 0 0 0 2px #fff, 0 6px 20px rgba(17, 18, 15, 0.16);
  transition: background-color 0.15s ease-out;
}
.boka-hornet:hover {
  background: var(--acc-blue-deep);
}
.boka-hornet:focus-visible {
  outline: 2px solid var(--acc-navy);
  outline-offset: 3px;
}
@media (min-width: 768px) {
  .boka-hornet {
    right: 24px;
    bottom: max(24px, env(safe-area-inset-bottom));
  }
}
@media print {
  .boka-hornet {
    display: none;
  }
}

/* Toningar som annars hade stått i style-attribut */
.tona-underlag {
  background-image: linear-gradient(180deg, rgba(20, 33, 74, 0) 15%, rgba(20, 33, 74, 0.55) 50%, rgba(20, 33, 74, 0.92) 100%);
}
.tona-datorfot {
  background-image: linear-gradient(#d9d6cf, #b8b4ab);
}

/* Ringen i faktarutan som visar tiden till nästa fakta */
@keyframes acc-fakta-ring {
  0% {
    stroke-dasharray: 0, 200;
  }
  100% {
    stroke-dasharray: 126, 200;
  }
}
.fakta-ring circle {
  stroke-dasharray: 0, 200;
  animation: acc-fakta-ring 5s linear both;
}
@media (prefers-reduced-motion: reduce) {
  .fakta-ring {
    display: none;
  }
}

/* Hamburgaren visar tre streck eller ett kryss efter om menyn är öppen */
.sidhuvud[data-meny="oppen"] .meny-ikon-oppna,
.sidhuvud[data-meny="stangd"] .meny-ikon-stang {
  display: none;
}

/* Vanliga frågor: plus när frågan är stängd, minus när den är öppen, ingen ikon under sökning */
[aria-expanded="true"] .faq-plus,
[aria-expanded="false"] .faq-minus,
[data-soker] .faq-ikon {
  display: none;
}
[data-soker] [aria-expanded] {
  cursor: default;
}

/* Kontaktformuläret. Felrutorna och statusraden fylls av formulärskriptet i accountos site.js. */
.falt[aria-invalid="true"] {
  box-shadow: inset 0 0 0 1.5px #b42318;
}
.falt-fel {
  color: #b42318;
}
.falt-fel:empty {
  display: none;
}
.form-status:empty {
  display: none;
}
.form-status {
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 22px;
  outline: none;
}
.form-status[data-state="ok"] {
  background: #ddefe8;
  color: #0d6e57;
}
.form-status[data-state="error"] {
  background: #fdecea;
  color: #b42318;
}
.honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
button[type="submit"]:disabled {
  cursor: progress;
  opacity: 0.7;
}

/* Villkor, integritetspolicy och biträdesavtal. Texten kommer ordagrant från de tidigare sidorna. */
.juridik {
  font-size: 17px;
  line-height: 28px;
  color: #11120f;
}
.juridik h2 {
  margin: 48px 0 12px;
  font-family: var(--font-plex-serif), Georgia, serif;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: -0.02em;
  scroll-margin-top: 104px;
}
.juridik p {
  margin: 0 0 16px;
}
.juridik ul,
.juridik ol {
  margin: 0 0 16px;
  padding-left: 24px;
}
.juridik ul {
  list-style: disc;
}
.juridik ol {
  list-style: decimal;
}
.juridik li {
  margin: 0 0 6px;
}
.juridik strong {
  font-weight: 600;
}
.juridik a {
  color: #1f45d1;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.juridik .updated {
  color: #63665e;
  font-size: 15px;
}
/* Innehållsförteckningen överst i villkoren och avtalet */
.juridik .updated + ul {
  list-style: none;
  margin: 24px 0 48px;
  padding: 20px 24px;
  columns: 2 16rem;
  column-gap: 40px;
  border-radius: 24px;
  background: #fffefb;
  box-shadow: 0 1px 2px rgba(17, 18, 15, 0.04), 0 4px 10px rgba(17, 18, 15, 0.04);
}
.juridik .updated + ul li {
  margin: 0;
  break-inside: avoid;
}
.juridik .updated + ul a {
  display: block;
  padding-block: 6px;
  color: #11120f;
  font-size: 15px;
  text-decoration: none;
}
.juridik .updated + ul a:hover {
  color: #1f45d1;
  text-decoration: underline;
}
@media (min-width: 64rem) {
  .juridik h2 {
    font-size: 32px;
    line-height: 38px;
  }
}

/* Undermenyerna öppnas vid hovring på datorn. Samma sak när en länk i dem har fokus, så att
   de går att nå med tangentbordet. */
@media (min-width: 75rem) {
  [data-panel]:focus-within > [data-panel-yta] {
    z-index: 5;
    max-height: 100vh;
    box-shadow: var(--menu-shadow);
  }
}

/* ============================================================
   VAL: KONTAKTFORMULÄR ELLER MÖTE
   Öppnas av länkarna Få prisförslag, se initPrisforslag i site.js.
   En dialog, så att webbläsaren sköter fokus, Escape och att
   sidan bakom inte går att nå medan valet är öppet.
   ============================================================ */
.val {
  width: min(34rem, calc(100vw - 2rem));
  max-height: calc(100svh - 2rem);
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: #fffefb;
  color: #11120f;
  font-family: var(--font-plex-sans), "Segoe UI", Arial, sans-serif;
  box-shadow: 0 24px 64px rgba(17, 18, 15, 0.18);
  overflow-y: auto;
  overscroll-behavior: contain;
  opacity: 0;
  scale: 0.98;
  translate: 0 14px;
  transform-origin: center bottom;
  transition: opacity 0.18s ease-in, scale 0.18s ease-in, translate 0.18s ease-in,
    overlay 0.18s allow-discrete, display 0.18s allow-discrete;
}
.val[open] {
  opacity: 1;
  scale: 1;
  translate: 0 0;
  transition: opacity 0.18s var(--acc-ease), scale 0.18s var(--acc-ease), translate 0.18s var(--acc-ease),
    overlay 0.18s allow-discrete, display 0.18s allow-discrete;
}
@starting-style {
  .val[open] {
    opacity: 0;
    scale: 0.98;
    translate: 0 14px;
  }
}
.val::backdrop {
  background: rgba(17, 18, 15, 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity 0.18s ease-in, overlay 0.18s allow-discrete, display 0.18s allow-discrete;
}
.val[open]::backdrop {
  opacity: 1;
}
@starting-style {
  .val[open]::backdrop {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .val,
  .val[open] {
    translate: none;
    scale: none;
  }
}
.val-inre {
  position: relative;
  padding: clamp(1.75rem, 5vw, 2.5rem);
}
.val-rubrik {
  margin: 0 3rem 0.5rem 0;
  font-family: var(--font-plex-serif), Georgia, serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.val-ingress {
  margin: 0 0 1.5rem;
  color: #63665e;
}
.val-stang {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid rgba(17, 18, 15, 0.2);
  border-radius: 50%;
  background: none;
  color: #11120f;
  cursor: pointer;
}
.val-stang:hover {
  border-color: #11120f;
}
.val-stang:focus-visible {
  outline: 2px solid #2d5bff;
  outline-offset: 2px;
}
.val-stang svg {
  width: 1.125rem;
  height: 1.125rem;
}
.val-alternativ {
  display: grid;
  gap: 0.75rem;
}
.val-kort {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: 1.125rem 1.25rem;
  border: 1.5px solid rgba(17, 18, 15, 0.14);
  border-radius: 16px;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.18s ease, background-color 0.18s ease;
}
.val-kort:hover {
  border-color: #2d5bff;
  background: #e7ebf7;
}
.val-kort:focus-visible {
  outline: 2px solid #2d5bff;
  outline-offset: 3px;
}
.val-ikon {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: #e7ebf7;
  color: #2d5bff;
}
.val-kort:hover .val-ikon {
  background: #fffefb;
}
.val-ikon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.val-kropp {
  display: grid;
  gap: 0.25rem;
}
.val-titel {
  font-weight: 600;
  font-size: 1.0625rem;
}
.val-text {
  color: #63665e;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.val-pil {
  color: #63665e;
  transition: transform 0.18s ease, color 0.18s ease;
}
.val-pil svg {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
}
.val-kort:hover .val-pil {
  transform: translateX(3px);
  color: #2d5bff;
}

/* Luft ovanför formuläret när sidan hoppar till #offertformular */
#offertformular {
  scroll-margin-top: 96px;
}

/* Startsidans rubrik. "affärshändelser" är ett långt ord som annars
   delas med bindestreck när spalten är smal, runt 1024 px. Storleken
   krymper därför med spaltens bredd, så att ordet alltid får plats på
   en rad. Ordet är 6,67 gånger textstorleken brett, och 6,9 ger lite
   marginal. Spaltens bredd per skärmbredd: mobil hela bredden minus
   kanterna, md och lg halva bredden minus luft, desk halva bredden
   minus sidans kanter och mellanrummet. */
.hero-rubrik {
  font-size: min(40px, calc((100vw - 40px) / 6.9));
}
@media (min-width: 48rem) {
  .hero-rubrik {
    font-size: min(40px, calc((50vw - 72px) / 6.9));
  }
}
@media (min-width: 64rem) {
  .hero-rubrik {
    font-size: min(68px, calc((50vw - 84px) / 6.9));
  }
}
@media (min-width: 75rem) {
  .hero-rubrik {
    font-size: min(68px, calc((50vw - 144px) / 6.9));
  }
}

/* Tryckytor på telefon och surfplatta. Länkar och knappar som bara
   är en textrad hög får en osynlig kant, så att de blir minst runt
   40 px höga att träffa med fingret. Den negativa marginalen gör att
   ingenting flyttar sig på sidan. */
@media (pointer: coarse) {
  .sidhuvud a:has(> img) {
    padding-block: 12px;
    margin-block: -12px;
  }
  nav[aria-label="Brödsmulor"] a,
  footer li > a {
    display: inline-block;
    padding-block: 10px;
    margin-block: -10px;
  }
  [data-faq-lista] li[data-flik] h3 > button,
  li > details > summary,
  [data-vad-ingar] {
    padding-block: 10px;
    margin-block: -10px;
  }
}

/* Fotona ligger i <picture> så att webbläsaren väljer WebP och faller
   tillbaka på JPG. Omslaget ska inte påverka layouten, så bilden
   beter sig som om den låg direkt i sin förälder. */
picture {
  display: contents;
}


/* ===== web/assets/kansla.css ===== */
/* ============================================================
   ACCOUNTO — KÄNSLAN I RÖRELSER OCH TRYCK
   ------------------------------------------------------------
   Ett lager ovanpå site.css som följer Apples sätt att få ett
   gränssnitt att kännas som ett föremål: knappar svarar när
   fingret trycker ner, inte när det släpps, rörelser följer en
   fjäder i stället för en fast kurva, sidhuvudet är ett genom-
   skinligt lager som innehållet rullar under, och allt får en
   lugnare motsvarighet för den som valt minskad rörelse.

   Hela lagret går att ta bort genom att stryka raden
   'web/assets/kansla.css' i scripts/config.mjs. Då ser sajten
   ut precis som före. Inget i den här filen ändrar färger,
   texter eller layout.
   ============================================================ */

:root {
  /* Kritiskt dämpade fjädrar, utan studs. Kurvan är fjäderns
     läge över tiden, uträknad för Apples två mått: respons 0.4 s
     för förflyttningar och 0.3 s för små saker som en knapp som
     fjädrar tillbaka. Fjädern har ingen egen längd, men den är
     framme till 99,5 procent efter 0.5 s och 0.4 s, och det är
     de längderna som står bredvid kurvorna nedan. */
  --fjader: linear(0, 0.0432, 0.1402, 0.2575, 0.3764, 0.4867, 0.584, 0.667, 0.7361, 0.7925, 0.838, 0.8743,
    0.9029, 0.9254, 0.9428, 0.9564, 0.9668, 0.9748, 0.9809, 0.9856, 0.9892, 0.9918, 0.9939, 0.9954, 1);
  --fjader-tid: 0.5s;
  --fjader-kvick: linear(0, 0.0667, 0.2048, 0.3577, 0.4991, 0.6189, 0.7154, 0.7905, 0.8475, 0.89, 0.9213,
    0.9441, 0.9605, 0.9722, 0.9805, 0.9864, 0.9905, 0.9934, 0.9955, 0.9969, 1);
  --fjader-kvick-tid: 0.4s;
  /* Trycket ner ska gå fort och bromsa in, så att det syns direkt. */
  --tryck-tid: 0.1s;
  --tryck-kurva: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ------------------------------------------------------------
   1. Svar på trycket
   ------------------------------------------------------------
   Knapparna krymper en aning i samma stund som fingret eller
   musknappen trycker ner, och fjädrar tillbaka när den släpps.
   Webbläsarens grå blink vid tryck tas bort, eftersom knappen nu
   visar trycket själv, och dubbeltrycksväntan stängs av så att
   ett tryck aldrig fördröjs.

   site.js lyssnar på touchstart, annars visar Safari på iPhone
   inte :active alls.
   ------------------------------------------------------------ */
a,
button,
summary,
[role="button"] {
  touch-action: manipulation;
}

.group\/pill,
.boka-hornet,
.val-kort,
.val-stang,
button[type="submit"],
[data-meny-knapp],
[data-faq-lista] button,
[data-vad-ingar],
[data-flik-knapp],
[data-panel-knapp],
[data-panel-tillbaka] {
  -webkit-tap-highlight-color: transparent;
}

/* Knappar som krymper. Färgövergångarna står kvar som förut. */
.group\/pill {
  transition: color 125ms cubic-bezier(0.4, 0, 0.2, 1), scale var(--fjader-kvick-tid) var(--fjader-kvick);
}
.boka-hornet {
  transition: background-color 0.15s ease-out, scale var(--fjader-kvick-tid) var(--fjader-kvick);
}
.val-kort {
  transition: border-color 0.18s ease, background-color 0.18s ease, scale var(--fjader-kvick-tid) var(--fjader-kvick);
}
.val-stang,
button[type="submit"] {
  transition: scale var(--fjader-kvick-tid) var(--fjader-kvick), opacity 0.15s ease;
}

.group\/pill:active,
.boka-hornet:active,
.val-stang:active,
button[type="submit"]:active:not(:disabled) {
  scale: 0.97;
  transition-duration: 125ms, var(--tryck-tid);
  transition-timing-function: ease, var(--tryck-kurva);
}
/* Ett stort kort krymper mindre än en liten knapp, annars ser
   det ut att falla bakåt. */
.val-kort:active {
  scale: 0.985;
  transition-duration: 0.18s, 0.18s, var(--tryck-tid);
  transition-timing-function: ease, ease, var(--tryck-kurva);
}

/* På telefon finns ingen hovring, så de konturritade knapparna
   fylls i när fingret trycker, på samma sätt som musen fyller dem
   på datorn. */
@media (hover: none) {
  .group\/pill:active {
    color: var(--_text-color);
  }
  .group\/pill:active::before {
    opacity: 1;
    transition-duration: 0s;
  }
}

/* Textrader och ikonknappar ljusnar i stället för att krympa,
   som en rad i en lista på iPhone. */
[data-meny-knapp],
[data-faq-lista] button,
[data-vad-ingar],
[data-flik-knapp],
[data-panel-knapp],
[data-panel-tillbaka] {
  transition: opacity 0.2s ease;
}
[data-meny-knapp]:active,
[data-faq-lista] button:active,
[data-vad-ingar]:active,
[data-flik-knapp]:active,
[data-panel-knapp]:active,
[data-panel-tillbaka]:active {
  opacity: 0.55;
  transition-duration: 0s;
}

/* ------------------------------------------------------------
   2. Sidhuvudet som ett genomskinligt lager
   ------------------------------------------------------------
   När sidhuvudet kommer tillbaka vid rullning uppåt är det ett
   frostat glas som innehållet syns igenom, i stället för en
   gräddvit list. Glaset ligger i ett eget lager bakom innehållet
   i sidhuvudet. Hade sidhuvudet självt fått suddningen hade den
   fasta menypanelen i det börjat räkna sin plats från sidhuvudet
   i stället för från fönstret.

   Sidhuvudet glider in och ut med fjädern. Med öppen meny är
   bakgrunden fortfarande hel, så att menyn går att läsa.
   ------------------------------------------------------------ */
.sidhuvud {
  transition: translate var(--fjader-tid) var(--fjader), top 0.3s, color 0.2s, box-shadow 0s 0.2s, background-color 0s 0.2s;
}
.sidhuvud::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(251, 250, 246, 0.74);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .sidhuvud[data-rullning="shown"][data-meny="stangd"] {
    background-color: transparent;
    transition: translate var(--fjader-tid) var(--fjader), top 0.3s, color 0.2s, box-shadow 0s 0.2s, background-color 0s;
  }
  .sidhuvud[data-rullning="shown"][data-meny="stangd"]::before {
    opacity: 1;
  }
}
/* Den som bett om mindre genomskinlighet eller högre kontrast får
   en hel botten, och med högre kontrast en tydlig kant. */
@media (prefers-reduced-transparency: reduce) {
  .sidhuvud::before {
    background: #fbfaf6;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (prefers-contrast: more) {
  .sidhuvud::before {
    background: #fbfaf6;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .sidhuvud[data-rullning="shown"][data-meny="stangd"] {
    box-shadow: inset 0 -1px 0 rgba(17, 18, 15, 0.6);
  }
}

/* Boka möte i sidhuvudet på telefon. Den växte förut fram ur
   ingenting, som en prick. Nu börjar den nästan i full storlek
   och tonar in, och den kan inte tryckas på medan den är dold. */
.sidhuvud-cta {
  transform: none;
  scale: 0.9;
  opacity: 0;
  pointer-events: none;
  transition: scale var(--fjader-kvick-tid) var(--fjader-kvick), opacity 0.15s ease;
}
.sidhuvud-cta[data-visas="ja"] {
  transform: none;
  scale: 1;
  opacity: 1;
  pointer-events: auto;
}

/* ------------------------------------------------------------
   3. Menyn på telefon och surfplatta
   ------------------------------------------------------------
   Menyn kom förut fram på en gång. Nu glider den ner en bit ur
   sidhuvudet, där knappen sitter, och går tillbaka upp samma väg
   när den stängs. Undermenyerna glider in från höger med fjädern
   och ut åt höger igen.
   ------------------------------------------------------------ */
@media (max-width: 74.99rem) {
  .sidhuvud [data-meny-yta] {
    transition: opacity 0.2s ease, translate var(--fjader-kvick-tid) var(--fjader-kvick);
  }
  .sidhuvud[data-meny="stangd"] [data-meny-yta] {
    translate: 0 -8px;
  }
  .sidhuvud [data-panel-yta] {
    transition: translate var(--fjader-tid) var(--fjader);
  }
}

/* ------------------------------------------------------------
   4. Vanliga frågor fälls ut i stället för att hoppa fram
   ------------------------------------------------------------
   Raden växer med fjädern och svaret tonar in samtidigt. Klickar
   man igen mitt i rörelsen vänder den från där den är.
   ------------------------------------------------------------ */
[data-faq-lista] li[data-flik] {
  transition: grid-template-rows var(--fjader-tid) var(--fjader);
}
[data-faq-lista] li[data-flik] > [id][aria-hidden] {
  transition: opacity 0.25s ease;
}
[data-faq-lista] li[data-flik] > [id][aria-hidden="true"] {
  opacity: 0;
}

/* ------------------------------------------------------------
   5. Rullning till ett ställe på sidan
   ------------------------------------------------------------
   Länkar till en del av samma sida, till exempel Hoppa till
   innehållet och formuläret på kontaktsidan, rullar dit i
   stället för att hoppa, så att man ser vart man kom.
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Inga ensamma ord på sista raden i brödtexten. */
p {
  text-wrap: pretty;
}

/* ------------------------------------------------------------
   6. Minskad rörelse
   ------------------------------------------------------------
   Inget glider och inget krymper. Det som byter läge tonar i
   stället, så att det fortfarande syns att något hände.
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  .group\/pill:active,
  .boka-hornet:active,
  .val-kort:active,
  .val-stang:active,
  button[type="submit"]:active:not(:disabled) {
    scale: none;
  }
  .sidhuvud-cta,
  .sidhuvud-cta[data-visas="ja"] {
    scale: none;
  }
  .sidhuvud[data-meny="stangd"] [data-meny-yta] {
    translate: none;
  }
  [data-faq-lista] li[data-flik] {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 74.99rem) {
  /* Undermenyn flyttas på plats osynlig och tonar in. Vid
     stängning tonar den ut först och flyttas sedan bort. */
  .sidhuvud [data-panel-yta] {
    opacity: 0;
    transition: opacity 0.2s ease, translate 0s linear 0.2s;
  }
  .sidhuvud [data-panel-yta].max-desk\:translate-x-0 {
    opacity: 1;
    transition: opacity 0.2s ease, translate 0s;
  }
}