@mixin root-container() { ... }

@mixin item-disabled() { ... }

@mixin item-trigger-wrapper() { ... }

@mixin item-trigger() { ... }

@mixin item-trigger-open() { ... }

@mixin item-trigger-icon-wrapper() { ... }

@mixin item-content-wrapper() { ... }

@mixin item-content-wrapper-open() { ... }

@mixin fade-transition() { ... }

$spacing-bottom: kib-core-dimensions-get(default) !default;

$item-background: kib-core-theme-get('fair') !default;

$item-background-open: kib-core-theme-get('background', 'header') !default;

$item-border-color: kib-core-theme-get('outline') !default;

$item-border-width: kib-core-px-to-relative(1px) !default;

$item-icon-size: (kib-core-dimensions-get(default) * 1.25) !default;

$item-icon-topposition: (kib-core-dimensions-get(small) * 1.7) !default;

$item-trigger-text-color: kib-core-theme-get('text') !default;

$item-trigger-font-size: kib-core-get-type-property(base, size) !default;

$item-trigger-font-weight: map.get($kib-core-type-weights, bold) !default;

$item-trigger-line-height: kib-core-get-type-property(micro, height) !default;

$item-trigger-spacing-vertical: (
  kib-core-dimensions-get(small) * 1.875
) !default;

$item-trigger-spacing-horizontal: kib-core-dimensions-get(default) !default;

@mixin bg-loop($duration: 1.5s, $iteration: infinite, $timing: ease-in-out) { ... }

@mixin fade-in($duration: 0.5s, $iteration: 1, $timing: ease-out) { ... }

@mixin fade-out($duration: 0.5s, $iteration: 1, $timing: ease-out) { ... }

@mixin rotate($duration: 0.5s, $iteration: infinite, $timing: linear) { ... }

#{$block}__item:last-child,
    #{$block}__item:nth-last-child(2) > #{$block}__icon { ... }

@mixin breadcrumb-root() { ... }

@mixin breadcrumb-list() { ... }

@mixin breadcrumb-item() { ... }

@mixin breadcrumb-item--current() { ... }

@mixin breadcrumb-link() { ... }

@mixin breadcrumb-icon() { ... }

$item-font-size: kib-core-get-type-property(tiny, size) !default;

$item-font-weight: map.get($kib-core-type-weights, regular) !default;

$item-current-color: kib-core-theme-get('text') !default;

$item-current-font-weight: map.get($kib-core-type-weights, bold) !default;

$item-divider-color: kib-core-theme-get('text') !default;

$item-divider-content: '\203A' !default;

$item-divider-font-size: kib-core-get-type-property(small, size) !default;

$item-divider-font-weight: map.get($kib-core-type-weights, bold) !default;

$item-divider-line-height: inherit !default;

$link-color: kib-core-theme-get('link', 'deep') !default;

$link-focus-shadow-width: kib-core-px-to-relative(-1px) !default;

@mixin generate-arrow($direction) { ... }

@mixin base-styles() { ... }

@mixin base-disabled-styles() { ... }

@mixin default-styles() { ... }

@mixin action-styles() { ... }

@mixin soft-styles() { ... }

@mixin white-styles() { ... }

@mixin flat-styles() { ... }

@mixin bold-styles() { ... }

@mixin blue-styles() { ... }

@mixin dashed-styles() { ... }

@mixin cancel-styles() { ... }

@mixin link-styles() { ... }

@mixin close-styles() { ... }

@mixin follow-styles() { ... }

@mixin arrow-styles($direction) { ... }

@mixin group-styles() { ... }

@mixin large-size-styles() { ... }

@mixin small-size-styles() { ... }

@mixin xsmall-size-styles() { ... }

@mixin narrow-styles() { ... }

@mixin half-styles() { ... }

@mixin full-styles() { ... }

$font-family: kib-core-theme-get('font', 'base', 'family') !default;

$radius: kib-core-dimensions-get(tiny) !default;

$border-size: kib-core-px-to-relative(1px) !default;

$font-size: kib-core-px-to-relative(18px) !default;

$font-weight: map.get($kib-core-type-weights, regular) !default;

$padding-vertical: kib-core-px-to-relative(14px) !default;

$padding-horizontal: kib-core-px-to-relative(35px) !default;

$margin-bottom: kib-core-px-to-relative(15px) !default;

$action-font-weight: map.get($kib-core-type-weights, bold) !default;

$close-dimensions: kib-core-px-to-relative(40px) !default;

$close-pseudo-width: kib-core-px-to-relative(20px) !default;

$close-pseudo-height: kib-core-px-to-relative(3px) !default;

$follow-pseudo-right-pos: kib-core-px-to-relative(20px) !default;

$follow-pseudo-width: kib-core-px-to-relative(9px) !default;

$follow-pseudo-height: kib-core-dimensions-get(default) !default;

$follow-pseudo-background: url(#{kib-core-svg-encode("<svg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -6 20.5 35'><style>.st0{fill:#{kib-core-theme-get('ash', 'surface'
)};}</style><path class='st0' d='M17.7 9.5l-.1-.1L3.1-5.1C2.5-5.7 1.8-6 1-6s-1.5.3-2.1.9C-1.7-4.5-2-3.8-2-3s.3 1.5.9 2.1l12.4 12.4-12.4 12.4c-.6.6-.9 1.3-.9 2.1s.3 1.5.9 2.1c.6.6 1.3.9 2.1.9s1.5-.3 2.1-.9l14.5-14.5c.6-.6.9-1.3.9-2.1 0-.9-.5-1.5-.8-2z'/></svg>")}) !default;

$next-pseudo-background: url(#{kib-core-svg-base64-encode(
    $kib-asset-icon-arrow-right-disabled
  )}) !default;

$prev-pseudo-background: url(#{kib-core-svg-base64-encode(
    $kib-asset-icon-arrow-left-disabled
  )}) !default;

$large-font: kib-core-px-to-relative(24px) !default;

$large-spacing-vertical: kib-core-px-to-relative(15px) !default;

$large-spacing-horizontal: 2 * kib-core-dimensions-get(default) !default;

$small-font: kib-core-dimensions-get(default) !default;

$small-padding-vertical: kib-core-px-to-relative(11px) !default;

$small-padding-horizontal: kib-core-dimensions-get(default) !default;

$small-margin-bottom: kib-core-px-to-relative(5px) !default;

$extrasmall-font: kib-core-px-to-relative(13px) !default;

$extrasmall-padding: kib-core-dimensions-get(small) !default;

$extrasmall-margin-bottom: kib-core-px-to-relative(5px) !default;

$narrow-padding: kib-core-px-to-relative(15px) !default;

$blue-font-weight: map.get($kib-core-type-weights, medium) !default;

$white: kib-core-theme-get('fair') !default;

$light-gray: kib-core-theme-get('outline') !default;

$gray: kib-core-theme-get('outline', 'form') !default;

$dark-gray: kib-core-theme-get('ash', 'surface') !default;

$darkest-gray: kib-core-theme-get('text') !default;

$close-pseudo-background: kib-core-theme-get('text') !default;

$close-tap-color: kib-core-theme-get('slate') !default;

$default-blue: kib-core-theme-get('link', 'deepest') !default;

$hover-blue: #e9edf2 !default;

$orange: kib-core-theme-get('warning') !default;

$orange-hover: #c15000 !default;

$soft-orange: kib-core-theme-get('warning', 'highlight') !default;

$yellow: #f5a623 !default;

$blue: kib-core-theme-get('link', 'deep') !default;

$blue-hover: #0b528b !default;

$soft-blue: #f3f9fe !default;

$dark-blue: kib-core-theme-get('link', 'deep') !default;

$arrow-sizes: (
  prev: (
    icon: kib-core-px-to-relative(10px),
    direction: left,
    image: kib-core-svg-base64-encode($kib-asset-icon-arrow-left-blue)
  ),
  next: (
    icon: kib-core-px-to-relative(10px),
    direction: right,
    image: kib-core-svg-base64-encode($kib-asset-icon-arrow-right-blue)
  )
) !default;

$group-margin: kib-core-px-to-relative(15px) !default;

@mixin container() { ... }

@mixin container-large() { ... }

@mixin action() { ... }

@mixin action-emphasis() { ... }

@mixin group() { ... }

@mixin row() { ... }

@mixin row-emphasis() { ... }

@mixin row-large() { ... }

$icons: (
  arrow: kib-core.svg-base64-encode(kib-core.$kib-asset-icon-arrow-right-light)
) !default;

$action-padding-right: kib-core.dimensions-get(huge) + kib-core.dimensions-get(small) !default;

$action-pseudo-right-position: kib-core.dimensions-get(default) !default;

$action-pseudo-right-position-minmedium: kib-core.dimensions-get(large) !default;

$action-pseudo-top-margin: -1 * kib-core.dimensions-get(small) !default;

$action-pseudo-dimensions: kib-core.dimensions-get(default) !default;

$group-horizontal-margin: -1 * kib-core.dimensions-get(default) !default;

$group-horizontal-margin-minmedium: -1 * kib-core.dimensions-get(large) !default;

$group-pseudo-margin: -1 * kib-core.dimensions-get(default) !default;

$row-active-background-color: kib-core.theme-get('background', 'container') !default;

$row-border-width: kib-core.$container-border-width !default;

$row-border-color: kib-core.$kib-container-border-color !default;

$interaction-focus-border-color: kib-core.theme-get('outline', 'form') !default;

$interaction-focus-text-color: kib-core.theme-get('text') !default;

$interaction-row-focus-background-color: kib-core.theme-get('background', 'container') !default;

$interaction-focus-blur-width: kib-core.px-to-relative(1px) !default;

$interaction-focus-shadow-color: kib-core.theme-get('outline', 'form') !default;

@mixin name() { ... }

@mixin label() { ... }

$font-weight: map.get($kib-core-type-weights, bold) !default;

@function register($name) { ... }

@function map-deep-get($selectors) { ... }

@function get($selectors) { ... }

@function set($theme) { ... }

@function map-deep-set($keys, $value) { ... }

@mixin set($_registry: settings.$registry) { ... }

$registry: ();

$breakpoints: (
  "small": $kib-core-breakpoints-small,
  "medium": $kib-core-breakpoints-medium,
  "large": $kib-core-breakpoints-large,
  "huge": $kib-core-breakpoints-huge,
  "giant": $kib-core-breakpoints-giant
) !default;

$themes: (
  core: (
    link: (
      base: $kib-blue,
      deep: $kib-blue-dark,
      deepest: $kib-blue-darkest,
      primary: $kib-dark-theme-dark-blue,
      secondary: $kib-dark-theme-secondary-blue,
      mid: $kib-dark-theme-mid-blue,
      soft: $kib-dark-theme-soft-blue,
      messageBackground: $kib-core-message-background-color
    ),
    success: (
      base: $kib-green,
      messageBackground: $kib-core-message-success-background-color
    ),
    error: (
      base: $kib-red,
      deep: $kib-red-dark,
      messageBackground: $kib-core-message-error-background-color
    ),
    warning: (
      base: $kib-orange,
      surface: $kib-orange-light,
      highlight: $kib-orange-highlight,
      messageBackground: $kib-core-message-warning-background-color
    ),
    notice: (
      base: $kib-yellow,
      surface: $kib-yellow-bright
    ),
    dignify: (
      base: $kib-teal
    ),
    royal: (
      base: $kib-purple
    ),
    slate: (
      base: $kib-black
    ),
    fair: (
      base: $kib-white
    ),
    ash: (
      surface: $kib-gray-light
    ),
    text: (
      base: $kib-text-body,
      secondary: $kib-text-secondary,
      surface: $kib-text-light
    ),
    background: (
      base: $kib-background-page,
      container: $kib-background-container,
      header: $kib-background-header
    ),
    outline: (
      base: $kib-outline-container,
      form: $kib-outline-form
    ),
    font: (
      base: (
        family: $kib-core-font-base,
        size: $kib-core-root-font-size
      ),
      monospace: (
        family: $kib-core-font-monospace
      )
    ),
    next: (
      font: (
        family: (
          base: $kib-core-font-next-sans-body,
          monospace: $kib-core-font-next-monospace,
          sans: $kib-core-font-next-sans,
          sans-body: $kib-core-font-next-sans-body,
          serif: $kib-core-font-next-serif
        ),
        size: $kib-core-root-font-size,
        /// @deprecated Kept to avoid breaking change
        base:
          (
            family: $kib-core-font-next-sans,
            size: $kib-core-root-font-size
          )
      ),
      brand: (
        base: $kib-blue-1-next-500,
        low: $kib-blue-1-next-50,
        high: $kib-blue-1-next-800,
        50: $kib-blue-1-next-50,
        100: $kib-blue-1-next-100,
        200: $kib-blue-1-next-200,
        300: $kib-blue-1-next-300,
        400: $kib-blue-1-next-400,
        500: $kib-blue-1-next-500,
        600: $kib-blue-1-next-600,
        700: $kib-blue-1-next-700,
        800: $kib-blue-1-next-800,
        900: $kib-blue-1-next-900
      ),
      alternate: (
        base: $kib-blue-2-next-500,
        low: $kib-blue-2-next-50,
        high: $kib-blue-2-next-900,
        50: $kib-blue-2-next-50,
        100: $kib-blue-2-next-100,
        200: $kib-blue-2-next-200,
        300: $kib-blue-2-next-300,
        400: $kib-blue-2-next-400,
        500: $kib-blue-2-next-500,
        600: $kib-blue-2-next-600,
        700: $kib-blue-2-next-700,
        800: $kib-blue-2-next-800,
        900: $kib-blue-2-next-900
      ),
      neutral: (
        base: $kib-neutral-next-500,
        minimal: $kib-neutral-next-100,
        low: $kib-neutral-next-200,
        high: $kib-neutral-next-600,
        highest: $kib-neutral-next-800,
        50: $kib-neutral-next-50,
        100: $kib-neutral-next-100,
        200: $kib-neutral-next-200,
        300: $kib-neutral-next-300,
        400: $kib-neutral-next-400,
        500: $kib-neutral-next-500,
        600: $kib-neutral-next-600,
        700: $kib-neutral-next-700,
        800: $kib-neutral-next-800,
        900: $kib-neutral-next-900
      ),
      accent: (
        base: $kib-green-1-next-100,
        low: $kib-green-1-next-50,
        high: $kib-green-1-next-700,
        50: $kib-green-1-next-50,
        100: $kib-green-1-next-100,
        200: $kib-green-1-next-200,
        300: $kib-green-1-next-300,
        400: $kib-green-1-next-400,
        500: $kib-green-1-next-500,
        600: $kib-green-1-next-600,
        700: $kib-green-1-next-700,
        800: $kib-green-1-next-800,
        900: $kib-green-1-next-900
      ),
      caution: (
        base: $kib-yellow-next-400,
        low: $kib-yellow-next-50,
        high: $kib-yellow-next-800,
        50: $kib-yellow-next-50,
        100: $kib-yellow-next-100,
        200: $kib-yellow-next-200,
        300: $kib-yellow-next-300,
        400: $kib-yellow-next-400,
        500: $kib-yellow-next-500,
        600: $kib-yellow-next-600,
        700: $kib-yellow-next-700,
        800: $kib-yellow-next-800,
        900: $kib-yellow-next-900
      ),
      danger: (
        base: $kib-red-2-next-700,
        low: $kib-red-2-next-50,
        high: $kib-red-2-next-900,
        50: $kib-red-2-next-50,
        100: $kib-red-2-next-100,
        200: $kib-red-2-next-200,
        300: $kib-red-2-next-300,
        400: $kib-red-2-next-400,
        500: $kib-red-2-next-500,
        600: $kib-red-2-next-600,
        700: $kib-red-2-next-700,
        800: $kib-red-2-next-800,
        900: $kib-red-2-next-900
      ),
      success: (
        base: $kib-green-2-next-800,
        low: $kib-green-2-next-50,
        high: $kib-green-2-next-900,
        50: $kib-green-2-next-50,
        100: $kib-green-2-next-100,
        200: $kib-green-2-next-200,
        300: $kib-green-2-next-300,
        400: $kib-green-2-next-400,
        500: $kib-green-2-next-500,
        600: $kib-green-2-next-600,
        700: $kib-green-2-next-700,
        800: $kib-green-2-next-800,
        900: $kib-green-2-next-900
      ),
      rating: (
        base: $kib-orange-1-next-500,
        low: $kib-orange-1-next-50,
        high: $kib-orange-1-next-900,
        50: $kib-orange-1-next-50,
        100: $kib-orange-1-next-100,
        200: $kib-orange-1-next-200,
        300: $kib-orange-1-next-300,
        400: $kib-orange-1-next-400,
        500: $kib-orange-1-next-500,
        600: $kib-orange-1-next-600,
        700: $kib-orange-1-next-700,
        800: $kib-orange-1-next-800,
        900: $kib-orange-1-next-900
      ),
      transactional: (
        base: $kib-orange-2-next-400,
        low: $kib-orange-2-next-50,
        high: $kib-orange-2-next-800,
        50: $kib-orange-2-next-50,
        100: $kib-orange-2-next-100,
        200: $kib-orange-2-next-200,
        300: $kib-orange-2-next-300,
        400: $kib-orange-2-next-400,
        500: $kib-orange-2-next-500,
        600: $kib-orange-2-next-600,
        700: $kib-orange-2-next-700,
        800: $kib-orange-2-next-800,
        900: $kib-orange-2-next-900
      )
    )
  )
) !default;

$theme: core !default;

@mixin input-readonly() { ... }

@mixin input-field-icon() { ... }

@mixin input-adornment-new() { ... }

@mixin button-new() { ... }

@mixin input-adornment() { ... }

@mixin button() { ... }

@mixin button-action-expanded() { ... }

@mixin button-action-disabled() { ... }

@mixin input-adornment-icon() { ... }

@mixin input-adornment-icon-expanded() { ... }

@mixin input-adornment-icon-disabled() { ... }

@mixin input-hidden-text() { ... }

@mixin icon() { ... }

@mixin icon-disabled() { ... }

@mixin button-focus() { ... }

@mixin button-action-focus() { ... }

@mixin wrapper() { ... }

@mixin picker-calendar-container() { ... }

@mixin picker-controls-bar() { ... }

@mixin picker-month-name() { ... }

@mixin picker-selected-month-year() { ... }

@mixin picker-choice() { ... }

@mixin picker-choice-default() { ... }

@mixin picker-choice-hover() { ... }

@mixin picker-choice-focus() { ... }

@mixin picker-choice-selected() { ... }

@mixin picker-choice-disabled() { ... }

@mixin picker-choice-today() { ... }

@mixin picker-toolbar() { ... }

@mixin picker-toolbar-title() { ... }

@mixin picker-toolbar-selected-date() { ... }

@mixin picker-toolbar-switch-button() { ... }

@mixin picker-dialog-content() { ... }

@mixin picker-dialog-content-input() { ... }

@mixin picker-dialog-action-button() { ... }

// deprecate when fields new is suppored
@mixin button-action { ... }

$icon-size: kib-core.dimensions-get('large') !default;

$icon-color: color.get('link', 'active', 'primary') !default;

$icon-disabled-opacity: kib-button-new.$disabled-opacity !default;

$adornment-icon-color: color.get('text', 'primary') !default;

$adornment-icon-disabled-opacity: $icon-disabled-opacity !default;

$button-focus-bg-color: color.get('action', 'utility', 'alternate', '03') !default;

$wrapper-radius: border.get('br02') !default;

$picker-month-name-color: color.get('text', 'primary') !default;

$picker-choice-text-color: color.get('link', 'active', 'primary') !default;

$picker-choice-hover-bg-color: color.get('action', 'cta', 'alternate', '03') !default;

$picker-choice-focus-outline-width: unit.rem(2px) !default;

$picker-choice-focus-outline-color: color.get('action', 'cta', 'primary', 'primary') !default;

$picker-choice-selected-bg-color: color.get('action', 'cta', 'alternate', '02') !default;

$picker-choice-disabled-color: color.get('link', 'active', 'secondary') !default;

$picker-choice-disabled-line-color: color.get('ui-bg', '05') !default;

$picker-choice-today-dot-color: color.get('link', 'active', 'primary') !default;

$picker-choice-today-dot-size: kib-core.dimensions-get('tiny') !default;

$picker-toolbar-border-color: color.get('ui-bg', '04') !default;

$picker-toolbar-border-width: unit.rem(1px) !default;

$picker-open-action-icon-focus-color: color.get('field', '04') !default;

$picker-open-action-icon-bg-color: color.get('field', '03') !default;

$_dialog-registry: bootstrap.register(dialog);

$_dialog-zindex-registry: dialog-zindex-set-bootstrap();

$backdrop-background: rgba(kib-core-theme-get('slate'), 0.6) !default;

$z-index: kib-core-zindex-get(dialog) !default;

$inner-max-width: calc(80ch + #{kib-core-dimensions-get(default)}) !default;

$container-background: map.get(kib-scroll.theme-get('neutral'), background) !default;

$container-background-chirp: kib-core-theme-get('fair') !default;

$container-border-color: kib-core-theme-get('outline') !default;

$container-border-radius: kib-core-dimensions-get(tiny) !default;

$container-border-radius-chirp: kib-core-dimensions-get(small) !default;

$container-min-width: kib-core-px-to-relative(320px) - kib-core-dimensions-get(small) * 2 !default;

$container-border-width: kib-core-px-to-relative(1px) !default;

$title-border-width: kib-core-px-to-relative(2px) !default;

$title-padding-right: (kib-core-dimensions-get(huge) + kib-core-dimensions-get(large)) !default;

$title-border-color: $container-border-color !default;

$title-color: kib-core-theme-get('text') !default;

$title-font-size: kib-core-get-type-property(large, size) !default;

$title-font-weight: map.get($kib-core-type-weights, bold) !default;

$title-line-height: kib-core-type-line-height(large) !default;

$summary-color: kib-core-theme-get('ash', 'surface') !default;

$summary-font-size: kib-core-get-type-property(tiny, size) !default;

$summary-line-height: kib-core-type-line-height(tiny) !default;

$content-color: kib-core-theme-get('text') !default;

$content-font-size: kib-core-get-type-property(base, size) !default;

$content-line-height: kib-core-type-line-height(base) !default;

$close-text-color: kib-core-theme-get('text') !default;

$close-text-color-chirp: kib-core-theme-get('next', 'neutral', 900) !default;

$close-background: kib-core-theme-get('fair') !default;

$close-border-width: kib-core-px-to-relative(1px) !default;

$close-border-color: transparent !default;

$close-emphasis-color: kib-core-theme-get('link', 'deep') !default;

$close-background-focus-chirp: kib-core-theme-get('next', 'brand', 600) !default;

$close-size: kib-core-dimensions-get(large) + kib-core-dimensions-get(small) !default;

$backdrop-filter: blur(kib-core-px-to-relative(2px)) !default;

$backdrop-z-index: kib-core-zindex-get(dialog-backdrop) !default;

$controls-divider-border-width: kib-core-px-to-relative(1px) !default;

$controls-divider-border-color: $container-border-color !default;

$fullscreen-close-color: kib-core-theme-get('link', 'deep') !default;

@function dialog-zindex-set-bootstrap() { ... }

@mixin wrapper() { ... }

@mixin inner() { ... }

@mixin container() { ... }

@mixin container-chirp() { ... }

@mixin scroll() { ... }

@mixin title() { ... }

@mixin title-chirp() { ... }

@mixin content() { ... }

@mixin body() { ... }

@mixin body-chirp() { ... }

@mixin summary() { ... }

@mixin controls() { ... }

@mixin controls-chirp() { ... }

@mixin close-button() { ... }

@mixin close-button-classic() { ... }

@mixin close-button-chirp() { ... }

@mixin close-icon() { ... }

@mixin close-label() { ... }

@mixin backdrop() { ... }

@mixin backdrop-transition() { ... }

@mixin dialog-transition() { ... }

@mixin dialog-slide-transition() { ... }

@mixin inner--full() { ... }

@mixin wrapper--fullscreen() { ... }

@mixin inner--fullscreen() { ... }

@mixin container--fullscreen() { ... }

@mixin title--fullscreen() { ... }

@mixin content--fullscreen() { ... }

@mixin body--fullscreen() { ... }

@mixin triggers--fullscreen() { ... }

@mixin close-button--fullscreen() { ... }

@mixin close-icon--fullscreen() { ... }

$_drawer-registry: bootstrap.register(drawer);

$_drawer-zindex-registry: drawer-zindex-set-bootstrap();

$background-color: kib-core-theme-get('fair') !default;

$text-color: kib-core-theme-get('text') !default;

$common-background-focus-chirp: kib-core-theme-get('next', 'brand', 600) !default;

$control-icon-color: inherit !default;

$control-icon-color-emphasis: kib-core-theme-get('link', 'deep') !default;

$control-icon-back-size: kib-core-px-to-relative(36px) !default;

$control-icon-close-size: kib-core-dimensions-get(default) !default;

$default-max-width: kib-core-px-to-relative(400px) !default;