{"version":3,"sourceRoot":"","sources":["../../../node_modules/bulma/sass/utilities/controls.scss","../../../node_modules/bulma/sass/utilities/css-variables.scss","../../../node_modules/bulma/sass/utilities/extends.scss","../../../node_modules/bulma/sass/utilities/mixins.scss","../../../node_modules/bulma/sass/components/navbar.scss","../../../scss/components/navbar.scss"],"names":[],"mappings":"AAkBA;ECoBE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACnCF;ECCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADSF;ECgNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC3IF;EHjEE;;;AGyEF;EHzEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AGkIF;EACE;EACA;EACA;EACA;;AAGE;EHzIF;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AGyIE;EHzIF;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AGyIE;EHzIF;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AGyIE;EHzIF;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AGyIE;EHzIF;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AGyIE;EHzIF;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AGyIE;EHzIF;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AGyIE;EHzIF;EAAA;EAAA;EAAA;EAA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","file":"navbar.css","sourcesContent":["@use \"css-variables\" as cv;\n@use \"derived-variables\" as dv;\n@use \"initial-variables\" as iv;\n\n$control-radius: cv.getVar(\"radius\") !default;\n$control-radius-small: cv.getVar(\"radius-small\") !default;\n\n$control-border-width: 1px !default;\n$control-size: cv.getVar(\"size-normal\") !default;\n\n$control-height: 2.5em !default;\n$control-line-height: 1.5 !default;\n\n$control-padding-vertical: calc(0.5em - #{$control-border-width}) !default;\n$control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default;\n\n$control-focus-shadow-l: 50% !default;\n\n:root {\n  @include cv.register-vars(\n    (\n      \"control-radius\": #{$control-radius},\n      \"control-radius-small\": #{$control-radius-small},\n      \"control-border-width\": #{$control-border-width},\n      \"control-height\": #{$control-height},\n      \"control-line-height\": #{$control-line-height},\n      \"control-padding-vertical\": #{$control-padding-vertical},\n      \"control-padding-horizontal\": #{$control-padding-horizontal},\n      \"control-size\": #{$control-size},\n      \"control-focus-shadow-l\": #{$control-focus-shadow-l},\n    )\n  );\n}\n\n@mixin control {\n  align-items: center;\n  appearance: none;\n  border-color: transparent;\n  border-style: solid;\n  border-width: cv.getVar(\"control-border-width\");\n  border-radius: cv.getVar(\"control-radius\");\n  box-shadow: none;\n  display: inline-flex;\n  font-size: cv.getVar(\"control-size\");\n  height: cv.getVar(\"control-height\");\n  justify-content: flex-start;\n  line-height: cv.getVar(\"control-line-height\");\n  padding-bottom: cv.getVar(\"control-padding-vertical\");\n  padding-left: cv.getVar(\"control-padding-horizontal\");\n  padding-right: cv.getVar(\"control-padding-horizontal\");\n  padding-top: cv.getVar(\"control-padding-vertical\");\n  position: relative;\n  transition-duration: cv.getVar(\"duration\");\n  transition-property: background-color, border-color, box-shadow, color;\n  vertical-align: top;\n\n  // States\n  &:focus,\n  &:focus-visible,\n  &:focus-within,\n  &.#{iv.$class-prefix}is-focused,\n  &:active,\n  &.#{iv.$class-prefix}is-active {\n    outline: none;\n  }\n\n  &[disabled],\n  fieldset[disabled] & {\n    cursor: not-allowed;\n  }\n}\n\n// The controls sizes use mixins so they can be used at different breakpoints\n@mixin control-small {\n  border-radius: $control-radius-small;\n  font-size: cv.getVar(\"size-small\");\n}\n\n@mixin control-medium {\n  font-size: cv.getVar(\"size-medium\");\n}\n\n@mixin control-large {\n  font-size: cv.getVar(\"size-large\");\n}\n","@use \"sass:color\";\n@use \"sass:list\";\n@use \"sass:map\";\n@use \"sass:math\";\n\n@use \"initial-variables\" as iv;\n@use \"functions\" as fn;\n\n@function buildVarName($name, $prefix: \"\", $suffix: \"\") {\n  @return \"--#{iv.$cssvars-prefix}#{$prefix}#{$name}#{$suffix}\";\n}\n\n@function buildHslaString($name, $l, $a: 1) {\n  $lightness: getVar($name, \"\", \"-l\");\n  @if ($l) {\n    $lightness: $l;\n  }\n  @return \"hsla(#{getVar($name, '', '-h')}, #{getVar($name, '', '-s')}, #{$lightness}, #{$a})\";\n}\n\n@function getVar($name, $prefix: \"\", $suffix: \"\") {\n  $varName: buildVarName($name, $prefix, $suffix);\n  @return var(#{$varName});\n}\n\n@function getVarWithBackup($name, $backup, $prefix: \"\", $suffix: \"\") {\n  $varName: buildVarName($name, $prefix, $suffix);\n  $backupName: buildVarName($backup, $prefix, $suffix);\n  @return var(#{$varName}, var(#{$backupName}));\n}\n\n@function getRgbaVar($name, $alpha, $prefix: \"\", $suffix: \"\") {\n  $varName: buildVarName($name, $prefix, $suffix);\n  @return unquote(\"rgba(var(#{$varName}), #{$alpha})\");\n}\n\n@mixin register-var($name, $value, $prefix: \"\", $suffix: \"\") {\n  $varName: buildVarName($name, $prefix, $suffix);\n  #{$varName}: #{$value};\n}\n\n@mixin register-vars($vars, $prefix: \"\", $suffix: \"\") {\n  @each $name, $value in $vars {\n    @include register-var($name, $value, $prefix, $suffix);\n  }\n}\n\n@mixin register-rgb($name, $value) {\n  @include register-var(\n    $name,\n    (red($value), green($value), blue($value)),\n    \"\",\n    \"-rgb\"\n  );\n}\n\n@mixin register-hsl($name, $value) {\n  @include register-var($name, round(hue($value)), \"\", \"-h\");\n  @include register-var($name, round(saturation($value)), \"\", \"-s\");\n  @include register-var($name, round(lightness($value)), \"\", \"-l\");\n}\n\n@mixin generate-on-scheme-colors($name, $base, $scheme-main) {\n  // Accessibility Contrast System\n  $scheme-main-brightness: fn.bulmaColorBrightness($scheme-main);\n  $on-scheme-color: $base;\n  $fg-lum: fn.bulmaColorLuminance($on-scheme-color);\n  $bg-lum: fn.bulmaColorLuminance($scheme-main);\n  $ratio: 0;\n  $found-decent-color: false;\n\n  @if ($fg-lum > $bg-lum) {\n    @for $i from 0 through 20 {\n      $ratio: math.div(($fg-lum + 0.05), ($bg-lum + 0.05));\n\n      @if $ratio > 5 {\n        $found-decent-color: true;\n      } @else {\n        $on-scheme-color: lighten($on-scheme-color, 5%);\n        $fg-lum: fn.bulmaColorLuminance($on-scheme-color);\n      }\n    }\n  } @else {\n    @for $i from 0 through 20 {\n      $ratio: math.div(($bg-lum + 0.05), ($fg-lum + 0.05));\n\n      @if $ratio > 5 {\n        $found-decent-color: true;\n      } @else {\n        $on-scheme-color: darken($on-scheme-color, 5%);\n        $fg-lum: fn.bulmaColorLuminance($on-scheme-color);\n      }\n    }\n  }\n\n  $on-scheme-lightness: lightness($on-scheme-color);\n  @include register-var($name, $on-scheme-lightness, \"\", \"-on-scheme-l\");\n  $on-scheme-l: getVar($name, \"\", \"-on-scheme-l\");\n  @include register-var(\n    \"#{$name}-on-scheme\",\n    buildHslaString($name, $on-scheme-l)\n  );\n}\n\n@mixin v1-generate-on-scheme-colors($name, $base, $scheme-main) {\n  // Accessibility Contrast System\n  $scheme-main-brightness: fn.bulmaColorBrightness($scheme-main);\n  $on-scheme-color: $base;\n\n  @if ($scheme-main-brightness == \"bright\") {\n    @while (fn.bulmaEnoughContrast($on-scheme-color, #fff) == false) {\n      // We're on a light background, so we'll darken the test color step by step.\n      $on-scheme-color: darken($on-scheme-color, 5%);\n    }\n  } @else {\n    @while (fn.bulmaEnoughContrast($on-scheme-color, #000) == false) {\n      // We're on a dark background, so we'll lighten the test color step by step.\n      $on-scheme-color: lighten($on-scheme-color, 5%);\n    }\n  }\n\n  $on-scheme-lightness: lightness($on-scheme-color);\n  @include register-var($name, $on-scheme-lightness, \"\", \"-on-scheme-l\");\n}\n\n@mixin register-base-color($name, $base) {\n  $hsla: buildHslaString($name, getVar($name, \"\", \"-l\"));\n  @include register-var($name, $hsla);\n  @include register-var($name, $hsla, \"\", \"-base\"); // Just for reference\n  @include register-rgb($name, $base);\n  @include register-hsl($name, $base);\n}\n\n@mixin generate-basic-palette($name, $base, $invert: null) {\n  @include register-base-color($name, $base);\n\n  @if $invert {\n    @include register-var($name, lightness($invert), \"\", \"-invert-l\");\n    @include register-var(\"#{$name}-invert\", $invert);\n  }\n}\n\n@mixin generate-color-palette(\n  $name,\n  $base,\n  $scheme-main-l: 100%,\n  $invert: null,\n  $light: null,\n  $dark: null\n) {\n  $h: round(hue($base)); // Hue\n  $s: round(saturation($base)); // Saturation\n  $l: round(lightness($base)); // Lightness\n  $base-lum: fn.bulmaColorLuminance($base);\n  $l-base: round($l % 10); // Get lightness second digit: 53% -> 3%\n  $l-0: 0%; // 5% or less\n  $l-5: 5%; // More than 5%\n  $a: 1; // Alpha\n  $base-digits: \"00\";\n\n  // Calculate digits like \"40\" for the scheme-main\n  $scheme-l-0: 0%;\n  $scheme-l-base: round($scheme-main-l % 10);\n  $closest-5: math.round(math.div($scheme-main-l, 5)) * 5;\n  $pct-to-int: math.div($closest-5, 100%) * 100;\n  $scheme-main-digits: #{$pct-to-int};\n\n  // === STEP 1 ===\n  // Register the base colors\n  @include register-base-color($name, $base);\n\n  // === STEP 2 ===\n  // Generating 20 shades of the color\n\n  // 00: 0%, 1%, 2%\n  // 05: 3%, 4%, 5%, 6%, 7%\n  // 10: 8%, 9%\n\n  @if ($l-base < 3%) {\n    $l-0: $l-base;\n    $l-5: $l-base + 5%;\n  } @else if ($l-base < 8%) {\n    // $l-0: math.max($l-base - 5%, 0%);\n    $l-0: $l-base - 5%;\n    $l-5: $l-base;\n  } @else {\n    // $l-0: math.max($l-base - 10%, 0%);\n    $l-0: $l-base - 10%;\n    $l-5: $l-base - 5%;\n  }\n\n  $shades: ();\n\n  @for $i from 0 through 9 {\n    // if $l-base = 3%, then we get 3%, 13%, 23%, 33% etc.\n    $color-l-0: math.max($l-0 + $i * 10, 0%);\n\n    // if $l-base = 3%, then we get 8%, 18%, 28%, 38% etc.\n    $color-l-5: $l-5 + $i * 10;\n\n    $shades: map.set($shades, \"#{$i}0\", $color-l-0);\n    $shades: map.set($shades, \"#{$i}5\", $color-l-5);\n\n    @include register-var($name, $color-l-0, \"\", \"-#{$i}0-l\");\n    @include register-var($name, $color-l-5, \"\", \"-#{$i}5-l\");\n\n    @if $color-l-0 == $l {\n      $base-digits: \"#{$i}0\";\n    } @else if $color-l-5 == $l {\n      $base-digits: \"#{$i}5\";\n    }\n  }\n\n  $l-100: math.min($l-0 + 100%, 100%);\n  $shades: map.set($shades, \"100\", $l-100);\n  @include register-var($name, $l-100, \"\", \"-100-l\");\n\n  // === STEP 3 ===\n  // Find accessible color combinations\n\n  $combos: ();\n\n  @each $digits-bg, $bg-l in $shades {\n    $background: hsl($h, $s, $bg-l);\n    $bg-lum: fn.bulmaColorLuminance($background);\n    $bg-is-light: $bg-lum > 0.55;\n    $candidates: ();\n    $found: false;\n\n    // If the background color is the base color\n    @if $bg-l == $l {\n      $base-digits: $digits-bg;\n\n      // Even if the base color as a background\n      // doesn't have an appropriate foreground,\n      // we still add to the list of \"valid\" contrast combos for now.\n      @if $bg-is-light {\n        $combos: map.set($combos, $base-digits, \"10\");\n      } @else {\n        $combos: map.set($combos, $base-digits, \"100\");\n      }\n    }\n\n    // We capture all contrast ratios for any given background\n    // using all foreground options\n    $current-best-digits: \"00\";\n    $current-best-ratio: 0;\n\n    @each $digits-fg, $fg-l in $shades {\n      $foreground: hsl($h, $s, $fg-l);\n      $ratio: 0;\n      $is-light-fg: false;\n\n      // Source: https://www.w3.org/TR/WCAG20-TECHS/G17.html\n      $fg-lum: fn.bulmaColorLuminance($foreground);\n\n      @if (lightness($foreground) > lightness($background)) {\n        $is-light-fg: true;\n        $ratio: math.div(($fg-lum + 0.05), ($bg-lum + 0.05));\n      } @else {\n        $ratio: math.div(($bg-lum + 0.05), ($fg-lum + 0.05));\n      }\n\n      @if $ratio > 7 {\n        $candidates: list.append(\n          $candidates,\n          fn.bulmaStringToNumber($digits-fg)\n        );\n\n        @if ($is-light-fg) {\n          @if (not $found) {\n            // Store the background/foreground combination\n            $combos: map.set($combos, $digits-bg, $digits-fg);\n            $current-best-digits: $digits-fg;\n            $current-best-ratio: $ratio;\n            $found: true;\n          }\n        } @else {\n          $combos: map.set($combos, $digits-bg, $digits-fg);\n          $current-best-digits: $digits-fg;\n          $current-best-ratio: $ratio;\n        }\n      }\n    }\n\n    // We haven't found a decent ratio\n    @each $digits-fg, $fg-l in $shades {\n      @if (map.has-key($combos, $digits-bg) == false) {\n        @if ($bg-is-light) {\n          // Light background so we set a dark foreground\n          $combos: map.set($combos, $digits-bg, \"00\");\n        } @else {\n          // Dark background so we set a light foreground\n          $combos: map.set($combos, $digits-bg, \"100\");\n        }\n      }\n    }\n  }\n\n  // The output needs to be:\n  // --bulma-primary-invert-l: var(--bulma-primary-100-l);\n\n  @each $bg, $fg in $combos {\n    // Just using this loop to register all 20 digits\n    $bg-l: getVar($name, \"\", \"-#{$bg}-l\");\n    @include register-var(\"#{$name}-#{$bg}\", buildHslaString($name, $bg-l));\n\n    // Register the lightness\n    @include register-var(\n      $name,\n      getVar($name, \"\", \"-#{$fg}-l\"),\n      \"\",\n      \"-#{$bg}-invert-l\"\n    );\n\n    // Resiter the color using that lightness\n    $bg-invert-l: getVar($name, \"\", \"-#{$bg}-invert-l\");\n    @include register-var(\n      \"#{$name}-#{$bg}-invert\",\n      buildHslaString($name, $bg-invert-l)\n    );\n  }\n\n  // If an invert color is provided by the user\n  @if $invert {\n    @include register-var($name, lightness($invert), \"\", \"-invert-l\");\n    @include register-var(\"#{$name}-invert\", $invert);\n  } @else {\n    $base-invert-l-digits: map.get($combos, $base-digits);\n    @include register-var(\n      $name,\n      getVar($name, \"\", \"-#{$base-invert-l-digits}-l\"),\n      \"\",\n      \"-invert-l\"\n    );\n\n    $base-invert-l: getVar($name, \"\", \"-invert-l\");\n    @include register-var(\n      \"#{$name}-invert\",\n      buildHslaString($name, $base-invert-l)\n    );\n  }\n\n  // Good color on light background (90% lightness)\n  @if $light and $dark {\n    @include register-var($name, lightness($light), \"\", \"-light-l\");\n    @include register-var($name, lightness($light), \"\", \"-dark-invert-l\");\n    @include register-var(\"#{$name}-light\", $light);\n    @include register-var(\"#{$name}-dark-invert\", $light);\n\n    @include register-var($name, lightness($dark), \"\", \"-dark-l\");\n    @include register-var($name, lightness($dark), \"\", \"-light-invert-l\");\n    @include register-var(\"#{$name}-dark\", $dark);\n    @include register-var(\"#{$name}-light-invert\", $dark);\n  } @else {\n    @include register-var($name, getVar($name, \"\", \"-90-l\"), \"\", \"-light-l\");\n\n    $light-l: getVar($name, \"\", \"-light-l\");\n    @include register-var(\"#{$name}-light\", buildHslaString($name, $light-l));\n\n    $light-invert-l-digits: map.get($combos, \"90\");\n    @include register-var(\n      $name,\n      getVar($name, \"\", \"-#{$light-invert-l-digits}-l\"),\n      \"\",\n      \"-light-invert-l\"\n    );\n\n    $light-invert-l: getVar($name, \"\", \"-light-invert-l\");\n    @include register-var(\n      \"#{$name}-light-invert\",\n      buildHslaString($name, $light-invert-l)\n    );\n\n    // Good color on dark background (10% lightness)\n    @include register-var($name, getVar($name, \"\", \"-10-l\"), \"\", \"-dark-l\");\n\n    $dark-l: getVar($name, \"\", \"-dark-l\");\n    @include register-var(\"#{$name}-dark\", buildHslaString($name, $dark-l));\n\n    $dark-invert-l-digits: map.get($combos, \"10\");\n    @include register-var(\n      $name,\n      getVar($name, \"\", \"-#{$dark-invert-l-digits}-l\"),\n      \"\",\n      \"-dark-invert-l\"\n    );\n\n    $dark-invert-l: getVar($name, \"\", \"-dark-invert-l\");\n    @include register-var(\n      \"#{$name}-dark-invert\",\n      buildHslaString($name, $dark-invert-l)\n    );\n\n    // Soft and Bold colors\n    $soft-l: getVar(\"soft-l\");\n    $soft-invert-l: getVar(\"soft-invert-l\");\n    $bold-l: getVar(\"bold-l\");\n    $bold-invert-l: getVar(\"bold-invert-l\");\n    @include register-var(\"#{$name}-soft\", buildHslaString($name, $soft-l));\n    @include register-var(\"#{$name}-bold\", buildHslaString($name, $bold-l));\n    @include register-var(\n      \"#{$name}-soft-invert\",\n      buildHslaString($name, $soft-invert-l)\n    );\n    @include register-var(\n      \"#{$name}-bold-invert\",\n      buildHslaString($name, $bold-invert-l)\n    );\n  }\n}\n\n@mixin bulma-theme($name) {\n  [data-#{iv.$class-prefix}theme=\"#{$name}\"],\n  .#{iv.$class-prefix}theme-#{$name} {\n    @content;\n  }\n}\n\n@mixin system-theme($name) {\n  @media (prefers-color-scheme: #{$name}) {\n    :root {\n      @content;\n    }\n  }\n}\n","@use \"controls\";\n@use \"mixins\";\n\n%arrow {\n  @include mixins.arrow;\n}\n\n%block {\n  @include mixins.block;\n}\n\n%control {\n  @include controls.control;\n}\n\n%delete {\n  @include mixins.delete;\n}\n\n%loader {\n  @include mixins.loader;\n}\n\n%overlay {\n  @include mixins.overlay;\n}\n\n%reset {\n  @include mixins.reset;\n}\n\n%unselectable {\n  @include mixins.unselectable;\n}\n","@use \"initial-variables\" as iv;\n@use \"css-variables\" as cv;\n\n@mixin arrow($color: #{cv.getVar(\"arrow-color\")}) {\n  border: 0.125em solid $color;\n  border-right: 0;\n  border-top: 0;\n  content: \" \";\n  display: block;\n  height: 0.625em;\n  margin-top: -0.4375em;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: rotate(-45deg);\n  transform-origin: center;\n  transition-duration: cv.getVar(\"duration\");\n  transition-property: border-color;\n  width: 0.625em;\n}\n\n@mixin block($spacing: cv.getVar(\"block-spacing\")) {\n  &:not(:last-child) {\n    margin-bottom: $spacing;\n  }\n}\n\n@mixin center($width, $height: 0) {\n  position: absolute;\n  @if $height != 0 {\n    left: calc(50% - (#{$width} * 0.5));\n    top: calc(50% - (#{$height} * 0.5));\n  } @else {\n    left: calc(50% - (#{$width} * 0.5));\n    top: calc(50% - (#{$width} * 0.5));\n  }\n}\n\n@mixin clearfix {\n  &::after {\n    clear: both;\n    content: \" \";\n    display: table;\n  }\n}\n\n@mixin delete {\n  @include cv.register-vars(\n    (\n      \"delete-dimensions\": 1.25rem,\n      \"delete-background-l\": 0%,\n      \"delete-background-alpha\": 0.5,\n      \"delete-color\": #{cv.getVar(\"white\")},\n    )\n  );\n\n  appearance: none;\n  background-color: hsla(\n    #{cv.getVar(\"scheme-h\")},\n    #{cv.getVar(\"scheme-s\")},\n    #{cv.getVar(\"delete-background-l\")},\n    #{cv.getVar(\"delete-background-alpha\")}\n  );\n  border: none;\n  border-radius: cv.getVar(\"radius-rounded\");\n  cursor: pointer;\n  pointer-events: auto;\n  display: inline-flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  font-size: 1em;\n  height: cv.getVar(\"delete-dimensions\");\n  max-height: cv.getVar(\"delete-dimensions\");\n  max-width: cv.getVar(\"delete-dimensions\");\n  min-height: cv.getVar(\"delete-dimensions\");\n  min-width: cv.getVar(\"delete-dimensions\");\n  outline: none;\n  position: relative;\n  vertical-align: top;\n  width: cv.getVar(\"delete-dimensions\");\n\n  &::before,\n  &::after {\n    background-color: cv.getVar(\"delete-color\");\n    content: \"\";\n    display: block;\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translateX(-50%) translateY(-50%) rotate(45deg);\n    transform-origin: center center;\n  }\n\n  &::before {\n    height: 2px;\n    width: 50%;\n  }\n\n  &::after {\n    height: 50%;\n    width: 2px;\n  }\n\n  &:hover,\n  &:focus {\n    @include cv.register-var(\"delete-background-alpha\", 0.4);\n  }\n\n  &:active {\n    @include cv.register-var(\"delete-background-alpha\", 0.5);\n  }\n\n  // Sizes\n  &.#{iv.$class-prefix}is-small {\n    @include cv.register-var(\"delete-dimensions\", 1rem);\n  }\n\n  &.#{iv.$class-prefix}is-medium {\n    @include cv.register-var(\"delete-dimensions\", 1.5rem);\n  }\n\n  &.#{iv.$class-prefix}is-large {\n    @include cv.register-var(\"delete-dimensions\", 2rem);\n  }\n}\n\n@mixin fa($size, $dimensions) {\n  display: inline-block;\n  font-size: $size;\n  height: $dimensions;\n  line-height: $dimensions;\n  text-align: center;\n  vertical-align: top;\n  width: $dimensions;\n}\n\n@mixin burger($dimensions) {\n  align-items: center;\n  appearance: none;\n  background: none;\n  border: none;\n  border-radius: cv.getVar(\"burger-border-radius\");\n  color: hsl(\n    cv.getVar(\"burger-h\"),\n    cv.getVar(\"burger-s\"),\n    cv.getVar(\"burger-l\")\n  );\n  cursor: pointer;\n  display: inline-flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  height: $dimensions;\n  justify-content: center;\n  position: relative;\n  vertical-align: top;\n  width: $dimensions;\n\n  span {\n    background-color: currentColor;\n    display: block;\n    height: cv.getVar(\"burger-item-height\");\n    left: calc(50% - calc(#{cv.getVar(\"burger-item-width\")}) / 2);\n    position: absolute;\n    transform-origin: center;\n    transition-duration: cv.getVar(\"duration\");\n    transition-property: background-color, color, opacity, transform;\n    transition-timing-function: cv.getVar(\"easing\");\n    width: cv.getVar(\"burger-item-width\");\n\n    &:nth-child(1),\n    &:nth-child(2) {\n      top: calc(50% - calc(#{cv.getVar(\"burger-item-height\")}) / 2);\n    }\n\n    &:nth-child(3) {\n      bottom: calc(50% + #{cv.getVar(\"burger-gap\")});\n    }\n\n    &:nth-child(4) {\n      top: calc(50% + #{cv.getVar(\"burger-gap\")});\n    }\n  }\n\n  &:hover {\n    background-color: hsla(\n      cv.getVar(\"burger-h\"),\n      cv.getVar(\"burger-s\"),\n      cv.getVar(\"burger-l\"),\n      0.1\n    );\n  }\n\n  &:active {\n    background-color: hsla(\n      cv.getVar(\"burger-h\"),\n      cv.getVar(\"burger-s\"),\n      cv.getVar(\"burger-l\"),\n      0.2\n    );\n  }\n\n  // Modifers\n  &.#{iv.$class-prefix}is-active {\n    span {\n      &:nth-child(1) {\n        transform: rotate(-45deg);\n      }\n\n      &:nth-child(2) {\n        transform: rotate(45deg);\n      }\n\n      &:nth-child(3),\n      &:nth-child(4) {\n        opacity: 0;\n      }\n    }\n  }\n}\n\n@mixin overflow-touch {\n  -webkit-overflow-scrolling: touch;\n}\n\n@mixin placeholder {\n  $placeholders: \":-moz\" \":-webkit-input\" \"-moz\" \"-ms-input\";\n\n  @each $placeholder in $placeholders {\n    &:#{$placeholder}-placeholder {\n      @content;\n    }\n  }\n}\n\n@mixin reset {\n  appearance: none;\n  background: none;\n  border: none;\n  color: inherit;\n  font-family: inherit;\n  font-size: 1em;\n  margin: 0;\n  padding: 0;\n}\n\n@mixin selection($current-selector: false) {\n  @if $current-selector {\n    &::-moz-selection {\n      @content;\n    }\n    &::selection {\n      @content;\n    }\n  } @else {\n    ::-moz-selection {\n      @content;\n    }\n    ::selection {\n      @content;\n    }\n  }\n}\n\n// Responsiveness\n\n@mixin from($device) {\n  @media screen and (min-width: $device) {\n    @content;\n  }\n}\n\n@mixin until($device) {\n  @media screen and (max-width: ($device - 1px)) {\n    @content;\n  }\n}\n\n@mixin between($from, $until) {\n  @media screen and (min-width: $from) and (max-width: ($until - 1px)) {\n    @content;\n  }\n}\n\n@mixin mobile {\n  @media screen and (max-width: (iv.$tablet - 1px)) {\n    @content;\n  }\n}\n\n@mixin tablet {\n  @media screen and (min-width: iv.$tablet), print {\n    @content;\n  }\n}\n\n@mixin tablet-only {\n  @media screen and (min-width: iv.$tablet) and (max-width: (iv.$desktop - 1px)) {\n    @content;\n  }\n}\n\n@mixin touch {\n  @media screen and (max-width: (iv.$desktop - 1px)) {\n    @content;\n  }\n}\n\n@mixin desktop {\n  @media screen and (min-width: iv.$desktop) {\n    @content;\n  }\n}\n\n@mixin desktop-only {\n  @if iv.$widescreen-enabled {\n    @media screen and (min-width: iv.$desktop) and (max-width: (iv.$widescreen - 1px)) {\n      @content;\n    }\n  }\n}\n\n@mixin until-widescreen {\n  @if iv.$widescreen-enabled {\n    @media screen and (max-width: (iv.$widescreen - 1px)) {\n      @content;\n    }\n  }\n}\n\n@mixin widescreen {\n  @if iv.$widescreen-enabled {\n    @media screen and (min-width: iv.$widescreen) {\n      @content;\n    }\n  }\n}\n\n@mixin widescreen-only {\n  @if iv.$widescreen-enabled and iv.$fullhd-enabled {\n    @media screen and (min-width: iv.$widescreen) and (max-width: (iv.$fullhd - 1px)) {\n      @content;\n    }\n  }\n}\n\n@mixin until-fullhd {\n  @if iv.$fullhd-enabled {\n    @media screen and (max-width: (iv.$fullhd - 1px)) {\n      @content;\n    }\n  }\n}\n\n@mixin fullhd {\n  @if iv.$fullhd-enabled {\n    @media screen and (min-width: iv.$fullhd) {\n      @content;\n    }\n  }\n}\n\n@mixin breakpoint($name) {\n  $breakpoint: map-get(iv.$breakpoints, $name);\n\n  @if $breakpoint {\n    $from: map-get($breakpoint, \"from\");\n    $until: map-get($breakpoint, \"until\");\n\n    @if $from and $until {\n      @include between($from, $until) {\n        @content;\n      }\n    } @else if $from {\n      @include from($from) {\n        @content;\n      }\n    } @else if $until {\n      @include until($until) {\n        @content;\n      }\n    }\n  }\n}\n\n@mixin container-from($name, $width) {\n  @container #{$name} (min-width: #{$width}) {\n    @content;\n  }\n}\n\n@mixin container-until($name, $width) {\n  @container #{$name} (max-width: #{$width - 1px}) {\n    @content;\n  }\n}\n\n@mixin ltr {\n  @if not iv.$rtl {\n    @content;\n  }\n}\n\n@mixin rtl {\n  @if iv.$rtl {\n    @content;\n  }\n}\n\n@mixin ltr-property($property, $spacing, $right: true) {\n  $normal: if($right, \"right\", \"left\");\n  $opposite: if($right, \"left\", \"right\");\n\n  @if iv.$rtl {\n    #{$property}-#{$opposite}: $spacing;\n  } @else {\n    #{$property}-#{$normal}: $spacing;\n  }\n}\n\n@mixin ltr-position($spacing, $right: true) {\n  $normal: if($right, \"right\", \"left\");\n  $opposite: if($right, \"left\", \"right\");\n\n  @if iv.$rtl {\n    #{$opposite}: $spacing;\n  } @else {\n    #{$normal}: $spacing;\n  }\n}\n\n// Placeholders\n\n@mixin unselectable {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n@mixin loader {\n  animation: spinAround 500ms infinite linear;\n  border: 2px solid cv.getVar(\"loading-color\");\n  border-radius: cv.getVar(\"radius-rounded\");\n  border-right-color: transparent;\n  border-top-color: transparent;\n  content: \"\";\n  display: block;\n  height: 1em;\n  position: relative;\n  width: 1em;\n}\n\n@mixin overlay($offset: 0) {\n  bottom: $offset;\n  left: $offset;\n  position: absolute;\n  right: $offset;\n  top: $offset;\n}\n","@use \"../utilities/css-variables\" as cv;\n@use \"../utilities/initial-variables\" as iv;\n@use \"../utilities/derived-variables\" as dv;\n@use \"../utilities/extends\";\n@use \"../utilities/mixins\" as mx;\n\n$navbar-h: cv.getVar(\"scheme-h\") !default;\n$navbar-s: cv.getVar(\"scheme-s\") !default;\n$navbar-l: cv.getVar(\"scheme-main-l\") !default;\n$navbar-background-color: cv.getVar(\"scheme-main\") !default;\n$navbar-box-shadow-size: 0 0.125em 0 0 !default;\n$navbar-box-shadow-color: cv.getVar(\"background\") !default;\n$navbar-height: 3.25rem !default;\n$navbar-padding-vertical: 1rem !default;\n$navbar-padding-horizontal: 2rem !default;\n$navbar-z: 30 !default;\n$navbar-fixed-z: 30 !default;\n\n$navbar-item-background-a: 0 !default;\n$navbar-item-background-l: cv.getVar(\"scheme-main-l\") !default;\n$navbar-item-background-l-delta: 0% !default;\n$navbar-item-hover-background-l-delta: cv.getVar(\n  \"hover-background-l-delta\"\n) !default;\n$navbar-item-active-background-l-delta: cv.getVar(\n  \"active-background-l-delta\"\n) !default;\n$navbar-item-color-l: cv.getVar(\"text-l\") !default;\n$navbar-item-color: hsl(\n  #{cv.getVar(\"navbar-h\")},\n  #{cv.getVar(\"navbar-s\")},\n  #{cv.getVar(\"navbar-item-color-l\")}\n) !default;\n$navbar-item-selected-h: cv.getVar(\"link-h\") !default;\n$navbar-item-selected-s: cv.getVar(\"link-s\") !default;\n$navbar-item-selected-l: cv.getVar(\"link-l\") !default;\n$navbar-item-selected-background-l: cv.getVar(\"link-l\") !default;\n$navbar-item-selected-color-l: cv.getVar(\"link-invert-l\") !default;\n$navbar-item-img-max-height: 1.75rem !default;\n\n$navbar-dropdown-item-h: cv.getVar(\"scheme-h\") !default;\n$navbar-dropdown-item-s: cv.getVar(\"scheme-s\") !default;\n$navbar-dropdown-item-l: cv.getVar(\"scheme-main-l\") !default;\n$navbar-dropdown-item-background-l: cv.getVar(\"scheme-main-l\") !default;\n$navbar-dropdown-item-color-l: cv.getVar(\"text-l\") !default;\n\n$navbar-burger-color: cv.getVar(\"link\") !default;\n\n$navbar-tab-hover-background-color: transparent !default;\n$navbar-tab-hover-border-bottom-color: cv.getVar(\"link\") !default;\n$navbar-tab-active-color: cv.getVar(\"link\") !default;\n$navbar-tab-active-background-color: transparent !default;\n$navbar-tab-active-border-bottom-color: cv.getVar(\"link\") !default;\n$navbar-tab-active-border-bottom-style: solid !default;\n$navbar-tab-active-border-bottom-width: 0.1875em !default;\n\n$navbar-dropdown-background-color: cv.getVar(\"scheme-main\") !default;\n$navbar-dropdown-border-l: cv.getVar(\"border-l\") !default;\n$navbar-dropdown-border-color: hsl(\n  cv.getVar(\"navbar-h\"),\n  cv.getVar(\"navbar-s\"),\n  cv.getVar(\"navbar-dropdown-border-l\")\n) !default;\n$navbar-dropdown-border-style: solid !default;\n$navbar-dropdown-border-width: 0.125em !default;\n$navbar-dropdown-offset: -0.25em !default;\n$navbar-dropdown-arrow: cv.getVar(\"link\") !default;\n$navbar-dropdown-radius: cv.getVar(\"radius-large\") !default;\n$navbar-dropdown-z: 20 !default;\n\n$navbar-dropdown-boxed-radius: cv.getVar(\"radius-large\") !default;\n$navbar-dropdown-boxed-shadow:\n  0 0.5em 0.5em\n    hsla(\n      #{cv.getVar(\"scheme-h\")},\n      #{cv.getVar(\"scheme-s\")},\n      #{cv.getVar(\"scheme-invert-l\")},\n      0.1\n    ),\n  0 0 0 1px\n    hsla(\n      #{cv.getVar(\"scheme-h\")},\n      #{cv.getVar(\"scheme-s\")},\n      #{cv.getVar(\"scheme-invert-l\")},\n      0.1\n    ) !default;\n\n$navbar-divider-background-l: cv.getVar(\"background-l\") !default;\n$navbar-divider-height: 0.125em !default;\n\n$navbar-bottom-box-shadow-size: 0 -0.125em 0 0 !default;\n\n$navbar-breakpoint: iv.$desktop !default;\n\n$navbar-colors: dv.$colors !default;\n\n@mixin navbar-fixed {\n  left: 0;\n  position: fixed;\n  right: 0;\n  z-index: cv.getVar(\"navbar-fixed-z\");\n}\n\n:root {\n  @include cv.register-vars(\n    (\n      \"navbar-height\": #{$navbar-height},\n    )\n  );\n}\n\n.#{iv.$class-prefix}navbar {\n  @include cv.register-vars(\n    (\n      \"navbar-h\": #{$navbar-h},\n      \"navbar-s\": #{$navbar-s},\n      \"navbar-l\": #{$navbar-l},\n      \"navbar-background-color\": #{$navbar-background-color},\n      \"navbar-box-shadow-size\": #{$navbar-box-shadow-size},\n      \"navbar-box-shadow-color\": #{$navbar-box-shadow-color},\n      \"navbar-padding-vertical\": #{$navbar-padding-vertical},\n      \"navbar-padding-horizontal\": #{$navbar-padding-horizontal},\n      \"navbar-z\": #{$navbar-z},\n      \"navbar-fixed-z\": #{$navbar-fixed-z},\n      \"navbar-item-background-a\": #{$navbar-item-background-a},\n      \"navbar-item-background-l\": #{$navbar-item-background-l},\n      \"navbar-item-background-l-delta\": #{$navbar-item-background-l-delta},\n      \"navbar-item-hover-background-l-delta\": #{$navbar-item-hover-background-l-delta},\n      \"navbar-item-active-background-l-delta\": #{$navbar-item-active-background-l-delta},\n      \"navbar-item-color-l\": #{$navbar-item-color-l},\n      \"navbar-item-color\": #{$navbar-item-color},\n      \"navbar-item-selected-h\": #{$navbar-item-selected-h},\n      \"navbar-item-selected-s\": #{$navbar-item-selected-s},\n      \"navbar-item-selected-l\": #{$navbar-item-selected-l},\n      \"navbar-item-selected-background-l\": #{$navbar-item-selected-background-l},\n      \"navbar-item-selected-color-l\": #{$navbar-item-selected-color-l},\n      \"navbar-item-img-max-height\": #{$navbar-item-img-max-height},\n      \"navbar-burger-color\": #{$navbar-burger-color},\n      \"navbar-tab-hover-background-color\": #{$navbar-tab-hover-background-color},\n      \"navbar-tab-hover-border-bottom-color\": #{$navbar-tab-hover-border-bottom-color},\n      \"navbar-tab-active-color\": #{$navbar-tab-active-color},\n      \"navbar-tab-active-background-color\": #{$navbar-tab-active-background-color},\n      \"navbar-tab-active-border-bottom-color\": #{$navbar-tab-active-border-bottom-color},\n      \"navbar-tab-active-border-bottom-style\": #{$navbar-tab-active-border-bottom-style},\n      \"navbar-tab-active-border-bottom-width\": #{$navbar-tab-active-border-bottom-width},\n      \"navbar-dropdown-background-color\": #{$navbar-dropdown-background-color},\n      \"navbar-dropdown-border-l\": #{$navbar-dropdown-border-l},\n      \"navbar-dropdown-border-color\": #{$navbar-dropdown-border-color},\n      \"navbar-dropdown-border-style\": #{$navbar-dropdown-border-style},\n      \"navbar-dropdown-border-width\": #{$navbar-dropdown-border-width},\n      \"navbar-dropdown-offset\": #{$navbar-dropdown-offset},\n      \"navbar-dropdown-arrow\": #{$navbar-dropdown-arrow},\n      \"navbar-dropdown-radius\": #{$navbar-dropdown-radius},\n      \"navbar-dropdown-z\": #{$navbar-dropdown-z},\n      \"navbar-dropdown-boxed-radius\": #{$navbar-dropdown-boxed-radius},\n      \"navbar-dropdown-boxed-shadow\": #{$navbar-dropdown-boxed-shadow},\n      \"navbar-dropdown-item-h\": #{$navbar-dropdown-item-h},\n      \"navbar-dropdown-item-s\": #{$navbar-dropdown-item-s},\n      \"navbar-dropdown-item-l\": #{$navbar-dropdown-item-l},\n      \"navbar-dropdown-item-background-l\": #{$navbar-dropdown-item-background-l},\n      \"navbar-dropdown-item-color-l\": #{$navbar-dropdown-item-color-l},\n      \"navbar-divider-background-l\": #{$navbar-divider-background-l},\n      \"navbar-divider-height\": #{$navbar-divider-height},\n      \"navbar-bottom-box-shadow-size\": #{$navbar-bottom-box-shadow-size},\n    )\n  );\n}\n\n.#{iv.$class-prefix}navbar {\n  background-color: cv.getVar(\"navbar-background-color\");\n  min-height: cv.getVar(\"navbar-height\");\n  position: relative;\n  z-index: cv.getVar(\"navbar-z\");\n\n  @each $name, $pair in $navbar-colors {\n    &.#{iv.$class-prefix}is-#{$name} {\n      @include cv.register-vars(\n        (\n          \"navbar-h\": #{cv.getVar($name, \"\", \"-h\")},\n          \"navbar-s\": #{cv.getVar($name, \"\", \"-s\")},\n          \"navbar-l\": #{cv.getVar($name, \"\", \"-l\")},\n          \"burger-h\": #{cv.getVar($name, \"\", \"-h\")},\n          \"burger-s\": #{cv.getVar($name, \"\", \"-s\")},\n          \"burger-l\": #{cv.getVar($name, \"\", \"-invert-l\")},\n          \"navbar-background-color\": #{cv.getVar($name)},\n          \"navbar-item-background-l\": #{cv.getVar($name, \"\", \"-l\")},\n          \"navbar-item-color-l\": #{cv.getVar($name, \"\", \"-invert-l\")},\n          \"navbar-item-selected-h\": #{cv.getVar($name, \"\", \"-h\")},\n          \"navbar-item-selected-s\": #{cv.getVar($name, \"\", \"-s\")},\n          \"navbar-item-selected-l\": #{cv.getVar($name, \"\", \"-l\")},\n          \"navbar-item-selected-background-l\": #{cv.getVar($name, \"\", \"-l\")},\n          \"navbar-item-selected-color-l\": #{cv.getVar($name, \"\", \"-invert-l\")},\n          \"navbar-dropdown-arrow\": #{cv.getVar($name, \"\", \"-invert-l\")},\n          \"navbar-dropdown-background-color\":\n            hsl(\n              #{cv.getVar($name, \"\", \"-h\")},\n              #{cv.getVar($name, \"\", \"-s\")},\n              #{cv.getVar(\"navbar-dropdown-item-background-l\")}\n            ),\n          \"navbar-dropdown-item-h\": #{cv.getVar($name, \"\", \"-h\")},\n          \"navbar-dropdown-item-s\": #{cv.getVar($name, \"\", \"-s\")},\n        )\n      );\n    }\n  }\n\n  & > .#{iv.$class-prefix}container {\n    align-items: stretch;\n    display: flex;\n    min-height: cv.getVar(\"navbar-height\");\n    width: 100%;\n  }\n\n  &.#{iv.$class-prefix}has-shadow {\n    box-shadow: cv.getVar(\"navbar-box-shadow-size\")\n      cv.getVar(\"navbar-box-shadow-color\");\n  }\n\n  &.#{iv.$class-prefix}is-fixed-bottom,\n  &.#{iv.$class-prefix}is-fixed-top {\n    @include navbar-fixed;\n  }\n\n  &.#{iv.$class-prefix}is-fixed-bottom {\n    bottom: 0;\n\n    &.#{iv.$class-prefix}has-shadow {\n      box-shadow: cv.getVar(\"navbar-bottom-box-shadow-size\")\n        cv.getVar(\"navbar-box-shadow-color\");\n    }\n  }\n\n  &.#{iv.$class-prefix}is-fixed-top {\n    top: 0;\n  }\n}\n\nhtml,\nbody {\n  &.#{iv.$class-prefix}has-navbar-fixed-top {\n    padding-top: cv.getVar(\"navbar-height\");\n  }\n\n  &.#{iv.$class-prefix}has-navbar-fixed-bottom {\n    padding-bottom: cv.getVar(\"navbar-height\");\n  }\n}\n\n.#{iv.$class-prefix}navbar-brand,\n.#{iv.$class-prefix}navbar-tabs {\n  align-items: stretch;\n  display: flex;\n  flex-shrink: 0;\n  min-height: cv.getVar(\"navbar-height\");\n}\n\n.#{iv.$class-prefix}navbar-tabs {\n  @include mx.overflow-touch;\n  max-width: 100vw;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\n.#{iv.$class-prefix}navbar-burger {\n  @extend %reset;\n  @include mx.burger(2.5rem);\n\n  & {\n    align-self: center;\n    color: cv.getVar(\"navbar-burger-color\");\n    margin-inline-start: auto;\n    margin-inline-end: 0.375rem;\n  }\n}\n\n.#{iv.$class-prefix}navbar-menu {\n  display: none;\n}\n\n.#{iv.$class-prefix}navbar-item,\n.#{iv.$class-prefix}navbar-link {\n  color: cv.getVar(\"navbar-item-color\");\n  display: block;\n  gap: 0.75rem;\n  line-height: 1.5;\n  padding: 0.5rem 0.75rem;\n  position: relative;\n\n  .#{iv.$class-prefix}icon {\n    &:only-child {\n      margin-left: -0.25rem;\n      margin-right: -0.25rem;\n    }\n  }\n}\n\na.#{iv.$class-prefix}navbar-item,\n.#{iv.$class-prefix}navbar-link {\n  background-color: hsla(\n    #{cv.getVar(\"navbar-h\")},\n    #{cv.getVar(\"navbar-s\")},\n    calc(\n      #{cv.getVar(\"navbar-item-background-l\")} + #{cv.getVar(\n          \"navbar-item-background-l-delta\"\n        )}\n    ),\n    #{cv.getVar(\"navbar-item-background-a\")}\n  );\n  cursor: pointer;\n\n  &:focus,\n  &:focus-within,\n  &:hover {\n    @include cv.register-vars(\n      (\n        \"navbar-item-background-l-delta\": #{cv.getVar(\n            \"navbar-item-hover-background-l-delta\"\n          )},\n        \"navbar-item-background-a\": 1,\n      )\n    );\n  }\n\n  &:active {\n    @include cv.register-vars(\n      (\n        \"navbar-item-background-l-delta\": #{cv.getVar(\n            \"navbar-item-active-background-l-delta\"\n          )},\n        \"navbar-item-background-a\": 1,\n      )\n    );\n  }\n\n  &.#{iv.$class-prefix}is-active,\n  &.#{iv.$class-prefix}is-selected {\n    @include cv.register-vars(\n      (\n        \"navbar-h\": #{cv.getVar(\"navbar-item-selected-h\")},\n        \"navbar-s\": #{cv.getVar(\"navbar-item-selected-s\")},\n        \"navbar-l\": #{cv.getVar(\"navbar-item-selected-l\")},\n        \"navbar-item-background-l\": #{cv.getVar(\n            \"navbar-item-selected-background-l\"\n          )},\n        \"navbar-item-background-a\": 1,\n        \"navbar-item-color-l\": #{cv.getVar(\"navbar-item-selected-color-l\")},\n      )\n    );\n  }\n}\n\n.#{iv.$class-prefix}navbar-item {\n  flex-grow: 0;\n  flex-shrink: 0;\n\n  img,\n  svg {\n    max-height: cv.getVar(\"navbar-item-img-max-height\");\n  }\n\n  &.#{iv.$class-prefix}has-dropdown {\n    padding: 0;\n  }\n\n  &.#{iv.$class-prefix}is-expanded {\n    flex-grow: 1;\n    flex-shrink: 1;\n  }\n\n  &.#{iv.$class-prefix}is-tab {\n    border-bottom: 1px solid transparent;\n    min-height: cv.getVar(\"navbar-height\");\n    padding-bottom: calc(0.5rem - 1px);\n\n    &:focus,\n    &:hover {\n      background-color: cv.getVar(\"navbar-tab-hover-background-color\");\n      border-bottom-color: cv.getVar(\"navbar-tab-hover-border-bottom-color\");\n    }\n\n    &.#{iv.$class-prefix}is-active {\n      background-color: cv.getVar(\"navbar-tab-active-background-color\");\n      border-bottom-color: cv.getVar(\"navbar-tab-active-border-bottom-color\");\n      border-bottom-style: cv.getVar(\"navbar-tab-active-border-bottom-style\");\n      border-bottom-width: cv.getVar(\"navbar-tab-active-border-bottom-width\");\n      color: cv.getVar(\"navbar-tab-active-color\");\n      padding-bottom: calc(\n        0.5rem - #{cv.getVar(\"navbar-tab-active-border-bottom-width\")}\n      );\n    }\n  }\n}\n\n.#{iv.$class-prefix}navbar-content {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.#{iv.$class-prefix}navbar-link:not(.#{iv.$class-prefix}is-arrowless) {\n  padding-inline-end: 2.5em;\n\n  &::after {\n    @extend %arrow;\n    border-color: cv.getVar(\"navbar-dropdown-arrow\");\n    margin-top: -0.375em;\n    inset-inline-end: 1.125em;\n  }\n}\n\n.#{iv.$class-prefix}navbar-dropdown {\n  font-size: 0.875rem;\n  padding-bottom: 0.75rem;\n  padding-top: 0.5rem;\n\n  .#{iv.$class-prefix}navbar-item {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n\n    &:not(.is-active, .is-selected) {\n      background-color: hsl(\n        #{cv.getVar(\"navbar-dropdown-item-h\")},\n        #{cv.getVar(\"navbar-dropdown-item-s\")},\n        calc(\n          #{cv.getVar(\"navbar-dropdown-item-background-l\")} + #{cv.getVar(\n              \"navbar-item-background-l-delta\"\n            )}\n        )\n      );\n      color: hsl(\n        #{cv.getVar(\"navbar-dropdown-item-h\")},\n        #{cv.getVar(\"navbar-dropdown-item-s\")},\n        #{cv.getVar(\"navbar-dropdown-item-color-l\")}\n      );\n    }\n  }\n}\n\n.#{iv.$class-prefix}navbar-divider {\n  background-color: hsl(\n    #{cv.getVar(\"navbar-h\")},\n    #{cv.getVar(\"navbar-s\")},\n    #{cv.getVar(\"navbar-divider-background-l\")}\n  );\n  border: none;\n  display: none;\n  height: cv.getVar(\"navbar-divider-height\");\n  margin: 0.5rem 0;\n}\n\n@include mx.until($navbar-breakpoint) {\n  .#{iv.$class-prefix}navbar > .#{iv.$class-prefix}container {\n    display: block;\n  }\n\n  .#{iv.$class-prefix}navbar-brand,\n  .#{iv.$class-prefix}navbar-tabs {\n    .#{iv.$class-prefix}navbar-item {\n      align-items: center;\n      display: flex;\n    }\n  }\n\n  .#{iv.$class-prefix}navbar-link {\n    &::after {\n      display: none;\n    }\n  }\n\n  .#{iv.$class-prefix}navbar-menu {\n    background-color: cv.getVar(\"navbar-background-color\");\n    box-shadow: 0 0.5em 1em\n      hsla(\n        #{cv.getVar(\"scheme-h\")},\n        #{cv.getVar(\"scheme-s\")},\n        #{cv.getVar(\"scheme-invert-l\")},\n        0.1\n      );\n    padding: 0.5rem 0;\n\n    &.#{iv.$class-prefix}is-active {\n      display: block;\n    }\n  }\n\n  // Fixed navbar\n  .#{iv.$class-prefix}navbar {\n    &.#{iv.$class-prefix}is-fixed-bottom-touch,\n    &.#{iv.$class-prefix}is-fixed-top-touch {\n      @include navbar-fixed;\n    }\n\n    &.#{iv.$class-prefix}is-fixed-bottom-touch {\n      bottom: 0;\n\n      &.#{iv.$class-prefix}has-shadow {\n        box-shadow: 0 -0.125em 0.1875em hsla(#{cv.getVar(\"scheme-h\")}, #{cv.getVar(\n                \"scheme-s\"\n              )}, #{cv.getVar(\"scheme-invert-l\")}, 0.1);\n      }\n    }\n\n    &.#{iv.$class-prefix}is-fixed-top-touch {\n      top: 0;\n    }\n\n    &.#{iv.$class-prefix}is-fixed-top,\n    &.#{iv.$class-prefix}is-fixed-top-touch {\n      .#{iv.$class-prefix}navbar-menu {\n        @include mx.overflow-touch;\n        max-height: calc(100vh - #{cv.getVar(\"navbar-height\")});\n        overflow: auto;\n      }\n    }\n  }\n\n  html,\n  body {\n    &.#{iv.$class-prefix}has-navbar-fixed-top-touch {\n      padding-top: cv.getVar(\"navbar-height\");\n    }\n\n    &.#{iv.$class-prefix}has-navbar-fixed-bottom-touch {\n      padding-bottom: cv.getVar(\"navbar-height\");\n    }\n  }\n}\n\n@include mx.from($navbar-breakpoint) {\n  .#{iv.$class-prefix}navbar,\n  .#{iv.$class-prefix}navbar-menu,\n  .#{iv.$class-prefix}navbar-start,\n  .#{iv.$class-prefix}navbar-end {\n    align-items: stretch;\n    display: flex;\n  }\n\n  .#{iv.$class-prefix}navbar {\n    min-height: cv.getVar(\"navbar-height\");\n\n    &.#{iv.$class-prefix}is-spaced {\n      padding: cv.getVar(\"navbar-padding-vertical\")\n        cv.getVar(\"navbar-padding-horizontal\");\n\n      .#{iv.$class-prefix}navbar-start,\n      .#{iv.$class-prefix}navbar-end {\n        align-items: center;\n      }\n\n      a.#{iv.$class-prefix}navbar-item,\n      .#{iv.$class-prefix}navbar-link {\n        border-radius: cv.getVar(\"radius\");\n      }\n    }\n\n    &.#{iv.$class-prefix}is-transparent {\n      @include cv.register-vars(\n        (\n          \"navbar-item-background-a\": 0,\n        )\n      );\n\n      .#{iv.$class-prefix}navbar-dropdown {\n        a.#{iv.$class-prefix}navbar-item {\n          background-color: hsl(\n            #{cv.getVar(\"navbar-h\")},\n            #{cv.getVar(\"navbar-s\")},\n            calc(\n              #{cv.getVar(\"navbar-item-background-l\")} + #{cv.getVar(\n                  \"navbar-item-background-l-delta\"\n                )}\n            )\n          );\n\n          &.#{iv.$class-prefix}is-active,\n          &.#{iv.$class-prefix}is-selected {\n            @include cv.register-vars(\n              (\n                \"navbar-h\": #{cv.getVar(\"navbar-item-selected-h\")},\n                \"navbar-s\": #{cv.getVar(\"navbar-item-selected-s\")},\n                \"navbar-l\": #{cv.getVar(\"navbar-item-selected-l\")},\n                \"navbar-item-background-l\": #{cv.getVar(\n                    \"navbar-item-selected-background-l\"\n                  )},\n                \"navbar-item-color-l\": #{cv.getVar(\n                    \"navbar-item-selected-color-l\"\n                  )},\n              )\n            );\n          }\n        }\n      }\n    }\n  }\n\n  .#{iv.$class-prefix}navbar-burger {\n    display: none;\n  }\n\n  .#{iv.$class-prefix}navbar-item,\n  .#{iv.$class-prefix}navbar-link {\n    align-items: center;\n    display: flex;\n  }\n\n  .#{iv.$class-prefix}navbar-item {\n    &.#{iv.$class-prefix}has-dropdown {\n      align-items: stretch;\n    }\n\n    &.#{iv.$class-prefix}has-dropdown-up {\n      .#{iv.$class-prefix}navbar-link::after {\n        transform: rotate(135deg) translate(0.25em, -0.25em);\n      }\n\n      .#{iv.$class-prefix}navbar-dropdown {\n        border-bottom-color: cv.getVar(\"navbar-dropdown-border-color\");\n        border-bottom-style: cv.getVar(\"navbar-dropdown-border-style\");\n        border-bottom-width: cv.getVar(\"navbar-dropdown-border-width\");\n        border-radius: cv.getVar(\"navbar-dropdown-radius\")\n          cv.getVar(\"navbar-dropdown-radius\") 0 0;\n        border-top: none;\n        bottom: 100%;\n        box-shadow: 0 -0.5em 0.5em hsla(#{cv.getVar(\"scheme-h\")}, #{cv.getVar(\n                \"scheme-s\"\n              )}, #{cv.getVar(\"scheme-invert-l\")}, 0.1);\n        top: auto;\n      }\n    }\n\n    &.#{iv.$class-prefix}is-active,\n    &.#{iv.$class-prefix}is-hoverable:focus,\n    &.#{iv.$class-prefix}is-hoverable:focus-within,\n    &.#{iv.$class-prefix}is-hoverable:hover {\n      .#{iv.$class-prefix}navbar-dropdown {\n        display: block;\n\n        .#{iv.$class-prefix}navbar.#{iv.$class-prefix}is-spaced &,\n        &.#{iv.$class-prefix}is-boxed {\n          opacity: 1;\n          pointer-events: auto;\n          transform: translateY(0);\n        }\n      }\n    }\n  }\n\n  .#{iv.$class-prefix}navbar-menu {\n    flex-grow: 1;\n    flex-shrink: 0;\n  }\n\n  .#{iv.$class-prefix}navbar-start {\n    justify-content: flex-start;\n    margin-inline-end: auto;\n  }\n\n  .#{iv.$class-prefix}navbar-end {\n    justify-content: flex-end;\n    margin-inline-start: auto;\n  }\n\n  .#{iv.$class-prefix}navbar-dropdown {\n    background-color: cv.getVar(\"navbar-dropdown-background-color\");\n    border-end-start-radius: cv.getVar(\"navbar-dropdown-radius\");\n    border-end-end-radius: cv.getVar(\"navbar-dropdown-radius\");\n    border-top-color: cv.getVar(\"navbar-dropdown-border-color\");\n    border-top-style: cv.getVar(\"navbar-dropdown-border-style\");\n    border-top-width: cv.getVar(\"navbar-dropdown-border-width\");\n    box-shadow: 0 0.5em 0.5em\n      hsla(\n        #{cv.getVar(\"scheme-h\")},\n        #{cv.getVar(\"scheme-s\")},\n        #{cv.getVar(\"scheme-invert-l\")},\n        0.1\n      );\n    display: none;\n    font-size: 0.875rem;\n    inset-inline-start: 0;\n    min-width: 100%;\n    position: absolute;\n    top: 100%;\n    z-index: cv.getVar(\"navbar-dropdown-z\");\n\n    .#{iv.$class-prefix}navbar-item {\n      padding: 0.375rem 1rem;\n      white-space: nowrap;\n    }\n\n    a.#{iv.$class-prefix}navbar-item {\n      padding-inline-end: 3rem;\n\n      &:not(.is-active, .is-selected) {\n        background-color: hsl(\n          #{cv.getVar(\"navbar-dropdown-item-h\")},\n          #{cv.getVar(\"navbar-dropdown-item-s\")},\n          calc(\n            #{cv.getVar(\"navbar-dropdown-item-background-l\")} + #{cv.getVar(\n                \"navbar-item-background-l-delta\"\n              )}\n          )\n        );\n        color: hsl(\n          #{cv.getVar(\"navbar-dropdown-item-h\")},\n          #{cv.getVar(\"navbar-dropdown-item-s\")},\n          #{cv.getVar(\"navbar-dropdown-item-color-l\")}\n        );\n      }\n    }\n\n    .#{iv.$class-prefix}navbar.#{iv.$class-prefix}is-spaced &,\n    &.#{iv.$class-prefix}is-boxed {\n      border-radius: cv.getVar(\"navbar-dropdown-boxed-radius\");\n      border-top: none;\n      box-shadow: cv.getVar(\"navbar-dropdown-boxed-shadow\");\n      display: block;\n      opacity: 0;\n      pointer-events: none;\n      top: calc(100% + (#{cv.getVar(\"navbar-dropdown-offset\")}));\n      transform: translateY(-5px);\n      transition-duration: cv.getVar(\"duration\");\n      transition-property: opacity, transform;\n    }\n\n    &.#{iv.$class-prefix}is-right {\n      left: auto;\n      right: 0;\n    }\n  }\n\n  .#{iv.$class-prefix}navbar-divider {\n    display: block;\n  }\n\n  .#{iv.$class-prefix}navbar > .#{iv.$class-prefix}container,\n  .#{iv.$class-prefix}container > .#{iv.$class-prefix}navbar {\n    .#{iv.$class-prefix}navbar-brand {\n      margin-inline-start: -0.75rem;\n    }\n\n    .#{iv.$class-prefix}navbar-menu {\n      margin-inline-end: -0.75rem;\n    }\n  }\n\n  // Fixed navbar\n  .#{iv.$class-prefix}navbar {\n    &.#{iv.$class-prefix}is-fixed-bottom-desktop,\n    &.#{iv.$class-prefix}is-fixed-top-desktop {\n      @include navbar-fixed;\n    }\n\n    &.#{iv.$class-prefix}is-fixed-bottom-desktop {\n      bottom: 0;\n\n      &.#{iv.$class-prefix}has-shadow {\n        box-shadow: 0 -0.125em 0.1875em hsla(#{cv.getVar(\"scheme-h\")}, #{cv.getVar(\n                \"scheme-s\"\n              )}, #{cv.getVar(\"scheme-invert-l\")}, 0.1);\n      }\n    }\n\n    &.#{iv.$class-prefix}is-fixed-top-desktop {\n      top: 0;\n    }\n  }\n\n  html,\n  body {\n    &.#{iv.$class-prefix}has-navbar-fixed-top-desktop {\n      padding-top: cv.getVar(\"navbar-height\");\n    }\n\n    &.#{iv.$class-prefix}has-navbar-fixed-bottom-desktop {\n      padding-bottom: cv.getVar(\"navbar-height\");\n    }\n\n    &.#{iv.$class-prefix}has-spaced-navbar-fixed-top {\n      padding-top: calc(\n        #{cv.getVar(\"navbar-height\")} + #{cv.getVar(\"navbar-padding-vertical\")} *\n          2\n      );\n    }\n\n    &.#{iv.$class-prefix}has-spaced-navbar-fixed-bottom {\n      padding-bottom: calc(\n        #{cv.getVar(\"navbar-height\")} + #{cv.getVar(\"navbar-padding-vertical\")} *\n          2\n      );\n    }\n  }\n}\n\n// Combination\n\n.#{iv.$class-prefix}hero {\n  &.#{iv.$class-prefix}is-fullheight-with-navbar {\n    min-height: calc(100vh - #{cv.getVar(\"navbar-height\")});\n  }\n}\n","@use \"bulma/sass/utilities/css-variables\" as cv;\r\n@use \"bulma/sass/utilities/initial-variables\" as iv;\r\n@use \"bulma/sass/utilities/derived-variables\" as dv;\r\n@use \"bulma/sass/utilities/extends\";\r\n@use \"bulma/sass/utilities/mixins\" as mx;\r\n@forward \"bulma/sass/components/navbar\";\r\n\r\n:root {\r\n  #{cv.buildVarName(\"burger-item-y-offset\")}: 0px;\r\n}\r\n\r\n.#{iv.$class-prefix}navbar-burger {\r\n  & {\r\n    #{cv.buildVarName(\"burger-item-height\")}: 3px;\r\n    #{cv.buildVarName(\"burger-item-width\")}: 28px;\r\n    #{cv.buildVarName(\"burger-gap\")}: 5px;\r\n    #{cv.buildVarName(\"burger-item-y-offset\")}: -.5px;\r\n    margin-inline-start: 0;\r\n    margin-inline-end: 0;\r\n    align-self: start;\r\n  }\r\n\r\n  span {\r\n    border-radius: cv.getVar(\"radius-rounded\");\r\n    &:nth-child(1),\r\n    &:nth-child(2) {\r\n      top: calc(50% - calc(#{cv.getVar(\"burger-item-height\")}) / 2 + var(#{cv.buildVarName(\"burger-item-y-offset\", )}, 0px));\r\n    }\r\n    &:nth-child(3) {\r\n      bottom: unset;\r\n      top: calc(50% - calc(#{cv.getVar(\"burger-item-height\")}) / 2 + var(#{cv.buildVarName(\"burger-item-y-offset\", )}, 0px) - #{cv.getVar(\"burger-gap\", )} - #{cv.getVar(\"burger-item-height\", )});\r\n    }\r\n\r\n    &:nth-child(4) {\r\n      top: calc(50% - calc(#{cv.getVar(\"burger-item-height\")}) / 2 + var(#{cv.buildVarName(\"burger-item-y-offset\", )}, 0px) + #{cv.getVar(\"burger-gap\", )} + #{cv.getVar(\"burger-item-height\", )});\r\n    }\r\n  }\r\n}\r\n\r\n.#{iv.$class-prefix}navbar-title {\r\n  @extend .#{iv.$class-prefix}navbar-item;\r\n\r\n  & {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n    padding-left: 0;\r\n    flex-shrink: unset;\r\n  }\r\n}"]}