
  

  
  @property --font-size--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 18px;
}
@property --font-size--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 14px;
}
@property --color--data-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 24px;
}
@property --color--color-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--gradient {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font-size--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}
@property --font-family--text {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: system-ui;
}
@property --font-weight--bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --font-weight--light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --font-family--heading {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-weight--regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --font-weight--semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}

  :host, :root {
  --font-size--lg: 1.125rem;
  --font-size--sm: 0.875rem;
  --color--data-bg: #ff9ea0;
  --font-size--2xl: 1.5rem;
  --color--color-bg: #ffffff;
  --color--gradient: linear-gradient(#ff9ea0 0%, #652001 100%) ;
  --font-size--base: 1rem;
  --font-family--text: system-ui;
  --font-weight--bold: 700;
  --font-weight--light: 300;
  --font-family--heading: sans-serif;
  --font-weight--regular: 400;
  --font-weight--semi-bold: 600;
}
  
  
  [data-nc-theme~="Default"] {
  --font-size--lg: 1.125rem;
  --font-size--sm: 0.875rem;
  --color--data-bg: #ff9ea0;
  --font-size--2xl: 1.5rem;
  --color--color-bg: #ffffff;
  --color--gradient: linear-gradient(#ff9ea0 0%, #652001 100%) ;
  --font-size--base: 1rem;
  --font-family--text: system-ui;
  --font-weight--bold: 700;
  --font-weight--light: 300;
  --font-family--heading: sans-serif;
  --font-weight--regular: 400;
  --font-weight--semi-bold: 600;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-Schibsted Grotesk: 'Schibsted Grotesk',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .ApLEJ {
      width:100%;
      height:100%;
      align-items:center;
      justify-content:center;
    }

    .fHFGVa {
      color:inherit;
      width:100%;
      height:100%;
      display:flex;
      row-gap:6rem;
      font-size:inherit;
      background:#b3e8ff;
      column-gap:6rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .bxBxnj {
      width:32px;
      height:4px;
      animation:1s ease 1s 1 normal forwards running animation-eTUnvD;
      background:#000000;
      box-shadow:0px 1px 2px 0px #ffffff80;
      border-top-left-radius:99px;
      border-top-right-radius:99px;
      border-bottom-left-radius:99px;
      border-bottom-right-radius:99px;
    }

    @keyframes animation-eTUnvD {
        0% {
          height: 4px;
        }

        0% {
          width: 31.99px;
        }

        50% {
          width: 12px;
        }

        50% {
          height: 12px;
        }

        100% {
          height: 4px;
        }

        100% {
          width: 32px;
        }
    }

    .JAUcD {
      height:552px;
      align-items:center;
      justify-content:flex-end;
      transform-origin:center bottom;
    }

    .dnJdWj {
      width:16px;
      height:16px;
      background:#0000009e;
      box-shadow:0px 4px 2px 0px #000000cc inset, 0px 1px 2px 1px #ffffff54;
      align-items:center;
      justify-content:flex-start;
      border-top-left-radius:99px;
      border-top-right-radius:99px;
      border-bottom-left-radius:99px;
      border-bottom-right-radius:99px;
    }

    .tZBOz {
      color:#3d0001;
      scale:0 0 1;
      z-index:1;
      animation:3s ease 1s 1 normal forwards running animation-eERkVI;
      font-size:1rem;
      background:var(--color--data-bg);
      font-family:"Schibsted Grotesk";
      font-weight:var(--font-weight--semi-bold);
      padding-top:0.5rem;
      border-color:#ff6b6b;
      border-style:solid;
      border-width:2px;
      padding-left:0.5rem;
      margin-bottom:-4rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    @keyframes animation-eERkVI {
        0% {
          scale: 0 0 1;
        }

        0% {
          translate: 0px 32px 0;
        }

        100% {
          scale: 1 1 1;
        }

        100% {
          translate: 0px -5rem 0;
        }
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .bar-chart\:DIpF2O9PyadaFBYhVFw7z {
      width:fit-content;
      height:auto;
      row-gap:2rem;
      column-gap:2rem;
      align-items:flex-end;
      padding-top:6rem;
      padding-left:6rem;
      padding-right:6rem;
      flex-direction:row;
      padding-bottom:6rem;
      justify-content:center;
    }

    .PNhXd {
      width:56px;
      height:96px;
      outline:3px solid black;
      row-gap:24px;
      animation:1500ms linear(0 0%, 0.0101 0.7732%, 0.0417 1.6753%, 0.1551 3.4794%, 0.7747 10.0515%, 1.0083 13.1443%, 1.1503 16.2371%, 1.1871 17.7835%, 1.2045 19.4588%, 1.2056 19.8454%, 1.2056 20.3608%, 1.2019 21.2629%, 1.1789 23.3247%, 1.0429 30.4124%, 0.9959 33.5052%, 0.9686 36.4691%, 0.9613 38.0155%, 0.958 39.5619%, 0.9584 41.366%, 0.963 43.4278%, 0.9909 50.5155%, 1.0007 53.6082%, 1.0065 56.701%, 1.0087 59.7938%, 1.0076 63.6598%, 0.9999 73.7113%, 0.9982 79.8969%, 1.0004 100% /*{"type":"spring","stiffness":100,"damping":20,"mass":5}*/) var(--delay) 1 normal forwards running animation-fCtx;
      background:linear-gradient(in oklch shorter hue to right, #ff9ea033 0%, #65200133 100%) scroll border-box padding-box repeat repeat 0% 0% / auto, url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/notborring:sausage-texture.webp/full") scroll padding-box border-box no-repeat no-repeat center center / cover;
      box-shadow:0px -4px 16px 0px #000000cc inset;
      column-gap:24px;
      transition:all 300ms ease;
      align-items:center;
      padding-top:24px;
      padding-left:0.25rem;
      padding-right:0.25rem;
      flex-direction:column;
      padding-bottom:24px;
      justify-content:flex-start;
      border-top-left-radius:28px;
      border-top-right-radius:28px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .PNhXd:hover {
      scale:1.1 1.1 1;
      transition:all 300ms ease;
      transform-origin:center bottom;
    }

    @keyframes animation-fCtx {
        0% {
          height: 96px;
        }

        60.00000000000001% {
          height: 128px;
        }

        100% {
          height: var(--height);
        }
    }

    .cFbtdZ {
      row-gap:2px;
      column-gap:2px;
      flex-direction:row;
    }

    .zQSgb {
      width:6px;
      height:6px;
      background:#d4bfbf;
      box-shadow:0px 4px 2px 0px #ffffffcc inset;
      border-color:#454545;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:99px;
      border-top-right-radius:99px;
      border-bottom-left-radius:99px;
      border-bottom-right-radius:99px;
    }

    .bcCePy {
      font-size:4rem;
      font-family:"Schibsted Grotesk";
      font-weight:900;
    }

    .erCxHg {
      font-size:1.5rem;
      margin-top:2rem;
      font-family:"Schibsted Grotesk";
      font-weight:var(--font-weight--bold);
    }

    .GxEZV {
      width:fit-content;
      height:fit-content;
      rotate:0 0 1 var(--angle);
      display:flex;
      align-items:center;
      justify-content:center;
      transform-origin:center center;
    }

    .bar-chart\:xKpXHtxSqfhexM4JwXObZ {
      width:fit-content;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }