{"version":3,"sources":["../../../../../src/components/form/checkbox/checkbox.scss","../../../../../src/components/form/checkbox/checkboxgroup.scss","../../../../../src/components/button/button.scss","../../../../../src/components/typography/a/a.scss","../../../../../src/components/typography/body/body.scss","../../../../../src/components/typography/h1/h1.scss","../../../../../src/components/typography/h2/h2.scss","../../../../../src/components/typography/h3/h3.scss","../../../../../src/components/typography/hr/hr.scss","../../../../../src/components/typography/p/p.scss","../../../../../src/components/typography/placeholder/placeholder.scss","../../../../../src/components/typography/ul/ul.scss","../../../../../src/components/form/select/select.scss","../../../../../src/components/badge/badge.scss","../../../../../src/components/banner/banner.scss","../../../../../src/components/boolean/bool.scss","../../../../../src/components/typography/li/li.scss","../../../../../src/components/typography/ol/ol.scss","../../../../../src/components/breadcrumbs/breadcrumbs.scss","../../../../../src/components/card/card.scss","../../../../../src/components/data/attributelist/attributelist.scss","../../../../../src/components/data/attributegrid/attributegrid.scss","../../../../../src/components/data/attributetable/attributetable.scss","../../../../../src/components/data/datagrid/datagrid.scss","../../../../../src/components/data/itemgrid/itemgrid.scss","../../../../../src/components/data/kanban/kanban.scss","../../../../../src/components/data/paginator/paginator.scss","../../../../../src/components/dropdown/dropdown.scss","../../../../../src/components/form/form/form.scss","../../../../../src/components/iconinitials/iconinitials.scss","../../../../../src/components/layout/breakout/breakout.scss","../../../../../src/components/layout/column/column.scss","../../../../../src/components/layout/container/container.scss","../../../../../src/components/layout/grid/grid.scss","../../../../../src/components/layout/page/page.scss","../../../../../src/components/logo/logo.scss","../../../../../src/components/modal/modal.scss","../../../../../src/components/sidebar/sidebar.scss","../../../../../src/components/tabs/tabs.scss","../../../../../src/components/toolbar/toolbar.scss","../../../../../src/components/tooltip/tooltip.scss","../../../../../src/components/form/dateinput/dateinput.scss","../../../../../src/components/form/datepicker/datepicker.scss","../../../../../src/components/icon/icon.scss","../../../../../src/components/form/daterangeinput/daterangeinput.scss","../../../../../src/components/form/durationinput/durationinput.scss","../../../../../src/components/form/errormessage/errormessage.scss","../../../../../src/components/stackctx/stackctx.scss","../../../../../src/components/form/input/input.scss","../../../../../src/components/form/label/label.scss","../../../../../src/components/form/radio/radio.scss","../../../../../src/components/form/radio/radiogroup.scss","../../../../../src/components/form/textarea/textarea.scss","../../../../../src/components/form/formcontrol/formcontrol.scss"],"names":[],"mappings":"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","file":"formcontrol.css","sourcesContent":[".mykn-checkbox {\n  border-color: var(--form-border);\n  display: flex;\n  align-items: center;\n  height: var(--typography-line-height-body-s);\n  gap: var(--sizes-spacing-xs-h);\n}\n",".mykn-checkboxgroup {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  gap: 0;\n\n  &--direction-h {\n    flex-direction: row;\n    gap: var(--sizes-spacing-s-h);\n  }\n}\n",".mykn-button {\n  $self: &;\n\n  --mykn-button-color-background: var(--button-primary-default-background);\n  --mykn-button-color-border: var(--button-primary-default-border);\n  --mykn-button-color-text: var(--button-primary-default-text);\n  --mykn-button-color-shadow: var(--button-primray-default-shadow);\n\n  --mykn-button-font-size: var(--typography-font-size-body-s);\n  --mykn-button-font-weight: var(--typography-font-weight-normal);\n  --mykn-button-line-height: var(--typography-line-height-body-s);\n  --mykn-button-height: auto;\n  --mykn-button-min-width: 88px;\n  --mykn-button-width: auto;\n  --mykn-button-offset: 0px;\n\n  --mykn-button-padding-v: 0;\n  --mykn-button-padding-h: 0;\n\n  align-items: center;\n  appearance: none;\n  margin: 0;\n  padding-block: var(--mykn-button-padding-v);\n  padding-inline: var(--mykn-button-padding-h);\n  background-color: var(--mykn-button-color-background);\n  border: 1px solid var(--mykn-button-color-border, transparent);\n  border-radius: var(--sizes-border-radius-s);\n  box-shadow: 0 calc(var(--mykn-button-offset) * -1)\n    var(--mykn-button-color-shadow);\n  box-sizing: border-box;\n  color: var(--mykn-button-color-text);\n  cursor: pointer;\n  gap: 0.5em;\n  height: var(--mykn-button-height);\n  font-family: var(--typography-font-family-body), serif;\n  font-size: var(--mykn-button-font-size);\n  font-weight: var(--mykn-button-font-weight);\n  line-height: calc(var(--mykn-button-line-height) - 2px);\n  text-decoration: none;\n  transition: all var(--animation-duration-fast)\n    var(--animation-timing-function);\n  transform: translateY(var(--mykn-button-offset));\n  white-space: nowrap;\n  width: var(--mykn-button-width);\n\n  &:not([hidden]) {\n    display: inline-flex;\n  }\n\n  &:disabled,\n  &--disabled {\n    --mykn-button-offset: 0 !important;\n    pointer-events: none;\n    opacity: 0.4;\n  }\n\n  &--align-start {\n    justify-content: start;\n    text-align: start;\n  }\n\n  &--align-center {\n    justify-content: center;\n    text-align: center;\n  }\n\n  &--align-space-between {\n    justify-content: space-between;\n    text-align: center;\n  }\n\n  &--align-end {\n    justify-content: end;\n    text-align: end;\n  }\n\n  &--bold {\n    --mykn-button-font-weight: var(--typography-font-weight-bold);\n  }\n\n  &--justify {\n    --mykn-button-width: 100%;\n  }\n\n  &--min-width {\n    min-width: var(--mykn-button-min-width);\n  }\n\n  &--pad-h {\n    --mykn-button-padding-h: var(--sizes-spacing-xs-h);\n  }\n\n  &--pad-v {\n    --mykn-button-padding-v: var(\n      --mykn-button-padding-xs,\n      var(--sizes-spacing-xs-v)\n    );\n  }\n\n  &--size-xl {\n    --mykn-button-font-size: var(--typography-font-size-xl);\n    --mykn-button-line-height: var(--typography-line-height-xl);\n    --mykn-button-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xs {\n    --mykn-button-font-size: var(--typography-font-size-body-xs);\n    --mykn-button-line-height: var(--typography-line-height-body-xs);\n    --mykn-button-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xxs {\n    --mykn-button-font-size: var(--typography-font-size-body-xs);\n    --mykn-button-line-height: var(--typography-line-height-body-xs);\n    --mykn-button-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n    --mykn-button-height: calc(3 * var(--sizes-spacing-xs-h) + 2px) !important;\n    --mykn-button-width: calc(3 * var(--sizes-spacing-xs-h) + 2px) !important;\n  }\n\n  &--rounded {\n    border-radius: 100%;\n  }\n\n  &--square {\n    --mykn-button-height: calc(\n      var(--mykn-button-line-height) + 2 *\n        var(--mykn-button-padding-xs, var(--mykn-button-padding-v)) + 2px\n    );\n    --mykn-button-width: calc(\n      var(--mykn-button-line-height) + 2 *\n        var(--mykn-button-padding-xs, var(--mykn-button-padding-v)) + 2px\n    );\n    padding-block: 0;\n    padding-inline: 0;\n    flex-shrink: 0;\n  }\n\n  &--variant-primary {\n    --mykn-button-color-background: var(--button-primary-default-background);\n    --mykn-button-color-border: var(--button-primary-default-border);\n    --mykn-button-color-text: var(--button-primary-default-text);\n    --mykn-button-color-shadow: var(--button-primary-default-shadow);\n    &:focus,\n    &:hover {\n      --mykn-button-color-background: var(--button-primary-hover-background);\n      --mykn-button-color-border: var(--button-primary-hover-border);\n      --mykn-button-color-text: var(--button-primary-hover-text);\n      --mykn-button-color-shadow: var(--button-primary-hover-shadow);\n      --mykn-button-offset: -2px;\n    }\n\n    &:active {\n      // pressed\n      --mykn-button-color-background: var(--button-primary-pressed-background);\n      --mykn-button-color-border: var(--button-primary-pressed-border);\n      --mykn-button-color-text: var(--button-primary-pressed-text);\n      --mykn-button-color-shadow: var(--button-primary-pressed-shadow);\n      --mykn-button-offset: 0px;\n    }\n\n    &[aria-expanded=\"true\"],\n    &#{$self}--active {\n      --mykn-button-color-background: var(--button-primary-active-background);\n      --mykn-button-color-border: var(--button-primary-active-border);\n      --mykn-button-color-text: var(--button-primary-active-text);\n      --mykn-button-color-shadow: var(--button-primary-active-shadow);\n      --mykn-button-font-weight: var(--typography-font-weight-bold);\n    }\n\n    &:disabled,\n    &#{$self}--disabled,\n    &#{$self}--muted {\n      --mykn-button-color-background: var(--button-primary-disabled-background);\n      --mykn-button-color-border: var(--button-primary-disabled-border);\n      --mykn-button-color-text: var(--button-primary-disabled-text);\n      --mykn-button-color-shadow: var(--button-primary-disabled-shadow);\n    }\n  }\n\n  &--variant-secondary {\n    --mykn-button-color-background: var(--button-secondary-default-background);\n    --mykn-button-color-border: var(--button-secondary-default-border);\n    --mykn-button-color-text: var(--button-secondary-default-text);\n    --mykn-button-color-shadow: var(--button-secondary-default-shadow);\n\n    &:focus,\n    &:hover {\n      --mykn-button-color-background: var(--button-secondary-hover-background);\n      --mykn-button-color-border: var(--button-secondary-hover-border);\n      --mykn-button-color-text: var(--button-secondary-hover-text);\n      --mykn-button-color-shadow: var(--button-secondary-hover-shadow);\n      --mykn-button-offset: -2px;\n    }\n\n    &:active {\n      // pressed\n      --mykn-button-color-background: var(\n        --button-secondary-pressed-background\n      );\n      --mykn-button-color-border: var(--button-secondary-pressed-border);\n      --mykn-button-color-text: var(--button-secondary-pressed-text);\n      --mykn-button-color-shadow: var(--button-secondary-pressed-shadow);\n      --mykn-button-offset: 0px;\n    }\n\n    &[aria-expanded=\"true\"],\n    &#{$self}--active {\n      --mykn-button-color-background: var(--button-secondary-active-background);\n      --mykn-button-color-border: var(--button-secondary-active-border);\n      --mykn-button-color-text: var(--button-secondary-active-text);\n      --mykn-button-color-shadow: var(--button-secondary-active-shadow);\n      --mykn-button-font-weight: var(--typography-font-weight-bold);\n    }\n\n    &:disabled,\n    &#{$self}--disabled,\n    &#{$self}--muted {\n      --mykn-button-color-background: var(\n        --button-secondary-disabled-background\n      );\n      --mykn-button-color-border: var(--button-secondary-disabled-border);\n      --mykn-button-color-text: var(--button-secondary-disabled-text);\n      --mykn-button-color-shadow: var(--button-secondary-disabled-shadow);\n    }\n  }\n\n  &--variant-outline {\n    --mykn-button-color-background: var(--button-outline-default-background);\n    --mykn-button-color-border: var(--button-outline-default-border);\n    --mykn-button-color-text: var(--button-outline-default-text);\n    --mykn-button-color-shadow: var(--button-outline-default-shadow);\n\n    &:focus,\n    &:hover {\n      --mykn-button-color-background: var(--button-outline-hover-background);\n      --mykn-button-color-border: var(--button-outline-hover-border);\n      --mykn-button-color-text: var(--button-outline-hover-text);\n      --mykn-button-color-shadow: var(--button-outline-hover-shadow);\n      --mykn-button-offset: -2px;\n    }\n\n    &:active {\n      // pressed\n      --mykn-button-color-background: var(--button-outline-pressed-background);\n      --mykn-button-color-border: var(--button-outline-pressed-border);\n      --mykn-button-color-text: var(--button-outline-pressed-text);\n      --mykn-button-color-shadow: var(--button-outline-pressed-shadow);\n      //--mykn-button-offset: 0px;\n    }\n\n    &[aria-expanded=\"true\"],\n    &#{$self}--active {\n      --mykn-button-color-background: var(--button-outline-active-background);\n      --mykn-button-color-border: var(--button-outline-active-border);\n      --mykn-button-color-text: var(--button-outline-active-text);\n      --mykn-button-color-shadow: var(--button-outline-active-shadow);\n      --mykn-button-font-weight: var(--typography-font-weight-bold);\n    }\n\n    &:disabled,\n    &#{$self}--disabled,\n    &#{$self}--muted {\n      --mykn-button-color-background: var(--button-outline-disabled-background);\n      --mykn-button-color-border: var(--button-outline-disabled-border);\n      --mykn-button-color-text: var(--button-outline-disabled-text);\n      --mykn-button-color-shadow: var(--button-outline-disabled-shadow);\n    }\n  }\n\n  &--variant-transparent {\n    --mykn-button-color-background: var(\n      --button-transparent-default-background\n    );\n    --mykn-button-color-border: var(--button-transparent-default-border);\n    --mykn-button-color-text: var(--button-transparent-default-text);\n    --mykn-button-color-shadow: var(--button-transparent-default-shadow);\n\n    &:focus,\n    &:hover {\n      --mykn-button-color-background: var(\n        --button-transparent-hover-background\n      );\n      --mykn-button-color-border: var(--button-transparent-hover-border);\n      --mykn-button-color-text: var(--button-transparent-hover-text);\n      --mykn-button-color-shadow: var(--button-transparent-hover-shadow);\n      --mykn-button-offset: -2px;\n    }\n\n    &:active {\n      // pressed\n      --mykn-button-color-background: var(\n        --button-transparent-pressed-background\n      );\n      --mykn-button-color-border: var(--button-transparent-pressed-border);\n      --mykn-button-color-text: var(--button-transparent-pressed-text);\n      --mykn-button-color-shadow: var(--button-transparent-pressed-shadow);\n      --mykn-button-offset: 0px;\n    }\n\n    &[aria-expanded=\"true\"],\n    &#{$self}--active {\n      --mykn-button-color-background: var(\n        --button-transparent-active-background\n      );\n      --mykn-button-color-border: var(--button-transparent-active-border);\n      --mykn-button-color-text: var(--button-transparent-active-text);\n      --mykn-button-color-shadow: var(--button-transparent-active-shadow);\n      --mykn-button-font-weight: var(--typography-font-weight-bold);\n    }\n\n    &:disabled,\n    &#{$self}--disabled,\n    &#{$self}--muted {\n      --mykn-button-color-background: var(\n        --button-transparent-disabled-background\n      );\n      --mykn-button-color-border: var(--button-transparent-disabled-border);\n      --mykn-button-color-text: var(--button-transparent-disabled-text);\n      --mykn-button-color-shadow: var(--button-transparent-disabled-shadow);\n    }\n  }\n\n  @each $variant in (\"info\", \"success\", \"warning\", \"danger\") {\n    &--variant-#{$variant} {\n      --mykn-button-color-background: var(\n        --button-#{$variant}-default-background\n      );\n      --mykn-button-color-border: var(--button-#{$variant}-default-border);\n      --mykn-button-color-text: var(--button-#{$variant}-default-text);\n      --mykn-button-color-shadow: var(--button-#{$variant}-default-shadow);\n\n      &:focus,\n      &:hover {\n        --mykn-button-color-background: var(\n          --button-#{$variant}-hover-background\n        );\n        --mykn-button-color-border: var(--button-#{$variant}-hover-border);\n        --mykn-button-color-text: var(--button-#{$variant}-hover-text);\n        --mykn-button-color-shadow: var(--button-#{$variant}-hover-shadow);\n        --mykn-button-offset: -2px;\n      }\n\n      &:active {\n        // pressed\n        --mykn-button-color-background: var(\n          --button-#{$variant}-pressed-background\n        );\n        --mykn-button-color-border: var(--button-#{$variant}-pressed-border);\n        --mykn-button-color-text: var(--button-#{$variant}-pressed-text);\n        --mykn-button-color-shadow: var(--button-#{$variant}-pressed-shadow);\n        --mykn-button-offset: 0px;\n      }\n\n      &[aria-expanded=\"true\"],\n      &#{$self}--active {\n        --mykn-button-color-background: var(\n          --button-#{$variant}-active-background\n        );\n        --mykn-button-color-border: var(--button-#{$variant}-active-border);\n        --mykn-button-color-text: var(--button-#{$variant}-active-text);\n        --mykn-button-color-shadow: var(--button-#{$variant}-active-shadow);\n        --mykn-button-font-weight: var(--typography-font-weight-bold);\n      }\n\n      &:disabled,\n      &#{$self}--disabled,\n      &#{$self}--muted {\n        --mykn-button-color-background: var(\n          --button-#{$variant}-disabled-background\n        );\n        --mykn-button-color-border: var(--button-#{$variant}-disabled-border);\n        --mykn-button-color-text: var(--button-#{$variant}-disabled-text);\n        --mykn-button-color-shadow: var(--button-#{$variant}-disabled-shadow);\n      }\n    }\n  }\n\n  &--wrap {\n    flex-wrap: wrap;\n    white-space: normal;\n  }\n}\n",".mykn-a {\n  line-height: var(--typography-line-height-body-s);\n  align-items: center;\n  color: var(--typography-color-link);\n  display: inline-flex;\n  font-family: inherit;\n  font-size: inherit;\n  justify-content: center;\n  font-weight: inherit;\n  gap: 0.5em;\n  width: fit-content;\n\n  &:not(\n    .mykn-h1 .mykn-a,\n    .mykn-h2 .mykn-a,\n    .mykn-h3 .mykn-a,\n    .mykn-li .mykn-a,\n    .mykn-p .mykn-a\n  ) {\n    font-family: var(--typography-font-family-body), serif;\n    font-size: var(--typography-font-size-body-s);\n    line-height: var(--typography-line-height-body-s);\n  }\n\n  &--size-xs {\n    &:not(\n      .mykn-h1 .mykn-a,\n      .mykn-h2 .mykn-a,\n      .mykn-h3 .mykn-a,\n      .mykn-li .mykn-a,\n      .mykn-p .mykn-a\n    ) {\n      font-size: var(--typography-font-size-body-xs);\n      line-height: var(--typography-line-height-body-xs);\n    }\n  }\n\n  &--text-decoration-none {\n    text-decoration: none;\n\n    &#{&}:hover {\n      text-decoration: underline;\n    }\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &#{&}--muted {\n    color: var(--typography-color-muted);\n  }\n\n  &[aria-current] {\n    font-weight: var(--typography-font-weight-bold);\n  }\n}\n","@use \"../../../settings/constants\";\n\n.mykn-body {\n  padding: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n\n  .mykn-h1,\n  .mykn-h2,\n  .mykn-h3,\n  .mykn-p,\n  .mykn-ol,\n  .mykn-ul {\n    &:not(:last-child) {\n      margin-block-end: var(--sizes-spacing-xs-v);\n    }\n  }\n\n  &--allow-scroll-h {\n    overflow-x: auto;\n  }\n\n  &--allow-scroll-v {\n    overflow-y: auto;\n  }\n\n  &--full-height {\n    height: 100%;\n  }\n\n  @media screen and (min-width: constants.$breakpoint-desktop) {\n    padding: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n  }\n}\n",".mykn-h1 {\n  align-items: center;\n  color: var(--typography-color-h);\n  display: flex;\n  font-family: var(--typography-font-family-h);\n  font-size: var(--typography-font-size-h1);\n  font-weight: var(--typography-font-weight-heading);\n  line-height: var(--typography-line-height-h1);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n",".mykn-h2 {\n  align-items: center;\n  color: var(--typography-color-h);\n  display: flex;\n  font-family: var(--typography-font-family-h);\n  font-size: var(--typography-font-size-h2);\n  font-weight: var(--typography-font-weight-heading);\n  line-height: var(--typography-line-height-h2);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n",".mykn-h3 {\n  align-items: center;\n  color: var(--typography-color-h);\n  display: flex;\n  //font-family: var(--typography-font-family-h);\n  font-family: var(--typography-font-family-body); // TODO: Configurable?\n  font-size: var(--typography-font-size-h3);\n  font-weight: var(--typography-font-weight-heading);\n  line-height: var(--typography-line-height-h3);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n",".mykn-hr {\n  border: 0;\n  border-bottom: 1px solid var(--typography-color-border);\n  margin: 0;\n\n  &--margin-xs {\n    margin: var(--sizes-spacing-xs-v) 0;\n  }\n\n  &--margin-s {\n    margin: var(--sizes-spacing-s-v) 0;\n  }\n\n  &--margin-m {\n    margin: var(--sizes-spacing-m-v) 0;\n  }\n}\n",".mykn-p {\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-s);\n  font-weight: var(--typography-font-weight-normal);\n  line-height: var(--typography-line-height-body-s);\n  margin-block-start: 0;\n  margin-block-end: 0;\n\n  &--bold {\n    font-weight: var(--typography-font-weight-bold);\n  }\n\n  &--muted {\n    color: var(--typography-color-muted);\n  }\n\n  &--size-xs {\n    font-size: var(--typography-font-size-body-xs);\n    line-height: var(--typography-line-height-body-xs);\n  }\n\n  &--word-break-break-all {\n    word-break: break-all;\n  }\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#syntax\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word\n  &--word-break-break-word {\n    overflow-wrap: anywhere;\n    word-break: normal;\n  }\n}\n",".mykn-placeholder {\n  --mykn-placeholder-color-dark: var(--placeholder-background-dark);\n  --mykn-placeholder-color-light: var(--placeholder-background-light);\n\n  animation: shift-background var(--animation-duration-slow) infinite\n    var(--animation-timing-function) reverse;\n  background: linear-gradient(\n    90deg,\n    var(--mykn-placeholder-color-dark),\n    var(--mykn-placeholder-color-light),\n    var(--mykn-placeholder-color-dark)\n  );\n  background-size: 200% 100%;\n  border: none;\n  border-radius: 1em;\n  display: inline-block;\n  height: 1em;\n  margin: 0;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n@keyframes shift-background {\n  0% {\n    background-position: 0% 0%;\n  }\n  100% {\n    background-position: 200% 0%;\n  }\n}\n",".mykn-ul {\n  margin: 0;\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-s);\n  font-weight: var(--typography-font-weight-normal);\n  line-height: var(--typography-line-height-body-s);\n  list-style-position: inside;\n  padding-inline-start: 0;\n\n  .mykn-ul {\n    padding-inline-start: var(--sizes-spacing-xs-h);\n  }\n}\n",".mykn-select {\n  --mykn-select-color-background: var(--form-select-default-background);\n  --mykn-select-color-text: var(--form-select-default-text);\n  --mykn-select-color-border: var(--form-border);\n\n  --mykn-select-padding-v: 0;\n  --mykn-select-padding-h: 0;\n  --mykn-select-font-size: var(--typography-font-size-body-s);\n  --mykn-select-line-height: var(--typography-line-height-body-s);\n  --mykn-select-min-height: 0;\n  --mykn-select-spacing-pill: calc(var(--sizes-spacing-xs-h) / 4);\n\n  align-items: center;\n  background: var(--mykn-select-color-background);\n  border: 1px solid var(--mykn-select-color-border);\n  border-radius: var(--sizes-border-radius-s);\n  box-sizing: border-box;\n  color: var(--mykn-select-color-text);\n  cursor: pointer;\n  display: inline-flex;\n  justify-content: space-between;\n  font-family: var(--typography-font-family-body), sans-serif;\n  font-size: var(--mykn-select-font-size);\n  font-weight: var(--typography-font-weight-normal);\n  line-height: var(--mykn-select-line-height);\n  min-height: var(--mykn-select-min-height);\n  width: min(320px, 100%);\n  max-width: 100%;\n  padding-block: var(--mykn-select-padding-v);\n  padding-inline: var(--mykn-select-padding-h);\n  position: relative;\n  text-align: start;\n\n  &--pad-h {\n    --mykn-select-padding-h: var(--sizes-spacing-xs-h);\n  }\n\n  &--pad-v {\n    --mykn-select-min-height: 42px;\n    --mykn-select-padding-v: var(\n      --mykn-select-padding-xs,\n      var(--sizes-spacing-xs-v)\n    );\n  }\n\n  &--multiple#{&}--pad-v {\n    --mykn-select-padding-v: calc(\n      var(--mykn-select-padding-xs, var(--sizes-spacing-xs-v)) - var(\n          --mykn-select-spacing-pill\n        ) *\n        2\n    );\n  }\n\n  &--size-xl {\n    --mykn-select-font-size: var(--typography-font-size-xl);\n    --mykn-select-line-height: var(--typography-line-height-xl);\n  }\n\n  &--size-xs {\n    --mykn-select-font-size: var(--typography-font-size-body-xs);\n    --mykn-select-line-height: var(--typography-line-height-body-xs);\n    --mykn-select-min-height: 0;\n    --mykn-select-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xxs {\n    --mykn-select-font-size: var(--typography-font-size-body-xs);\n    --mykn-select-line-height: var(--typography-line-height-body-xs);\n    --mykn-select-min-height: 0;\n    --mykn-select-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n    --mykn-select-height: calc(3 * var(--sizes-spacing-xs-h) + 2px) !important;\n    --mykn-select-width: calc(3 * var(--sizes-spacing-xs-h) + 2px) !important;\n  }\n\n  &[aria-hidden=\"true\"] {\n    display: none;\n  }\n\n  &--input-size-fit-content {\n    width: fit-content;\n  }\n\n  // Empty state\n  &:has(option[selected][value=\"\"]) &__label {\n    color: var(--typography-color-muted);\n  }\n\n  &:has(option[selected][value=\"\"]) &__clear {\n    visibility: hidden;\n  }\n\n  &--variant-primary {\n    --mykn-select-color-background: var(--form-select-primary-background);\n    --mykn-select-color-border: var(--form-select-primary-border);\n    --mykn-select-color-text: var(--form-select-primary-text);\n  }\n\n  &--variant-secondary {\n    --mykn-select-color-background: var(--form-select-secondary-background);\n    --mykn-select-color-border: var(--form-select-secondary-border);\n    --mykn-select-color-text: var(--form-select-secondary-text);\n  }\n\n  &--variant-accent {\n    --mykn-select-color-background: var(--form-select-accent-background);\n    --mykn-select-color-border: var(--form-select-accent-border);\n    --mykn-select-color-text: var(--form-select-accent-text);\n  }\n\n  &--variant-transparent {\n    --mykn-select-color-background: transparent;\n  }\n\n  .mykn-icon {\n    pointer-events: none;\n    transition: transform var(--animation-duration-medium)\n      var(--animation-timing-function);\n  }\n\n  &[aria-expanded=\"true\"] > .mykn-icon {\n    transform: scaleY(-1);\n  }\n\n  &__label {\n    font-size: var(--mykn-select-font-size);\n    line-height: var(--mykn-select-line-height);\n    width: 100%;\n    flex-grow: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &--multiple &__label {\n    white-space: unset;\n    overflow: visible;\n  }\n\n  &__pill {\n    display: inline-flex;\n    align-items: center;\n    padding: 0 0.5em; // TODO: spacing-h and spacing-v are too big for this. Add more tokens or hardcode?\n    margin: var(--mykn-select-spacing-pill);\n    border-radius: var(--sizes-border-radius-l);\n    background-color: var(--form-select-secondary-background);\n    color: var(--form-select-secondary-text);\n    font-size: var(--typography-font-size-body-xs);\n    line-height: var(--typography-font-size-body-xs);\n\n    &-remove {\n      margin-inline-start: 0.05em;\n    }\n  }\n\n  &__clear {\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: var(--typography-color-body);\n    margin: 0;\n    margin-inline-end: var(--sizes-spacing-xs-h);\n    padding: 0;\n    flex-shrink: 0;\n  }\n\n  .mykn-icon {\n    flex-shrink: 0;\n  }\n\n  &__dropdown {\n    background: var(--form-select-default-background);\n    border: 1px solid var(--form-border);\n    border-radius: var(--sizes-border-radius-s);\n    box-sizing: border-box;\n    cursor: default;\n    display: flex;\n    flex-direction: column;\n    max-height: var(--mykn-select-dropdown-max-h);\n    min-width: 100%;\n    overflow: auto;\n    padding: var(--sizes-spacing-xs-v) 0;\n    width: fit-content;\n    z-index: 1000;\n  }\n\n  &__loading {\n    display: flex;\n    justify-content: center;\n    padding: var(--sizes-spacing-s-v) 0;\n  }\n\n  &__options {\n    overflow: auto;\n  }\n\n  &__search {\n    position: relative;\n    margin: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n    .mykn-input {\n      width: 100%;\n    }\n  }\n\n  &__search-clear {\n    position: absolute;\n    right: var(--sizes-spacing-xs-h);\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &__no-results {\n    display: flex;\n    justify-content: center;\n  }\n}\n\n.mykn-option {\n  --mykn-option-color-background: var(--form-select-default-background);\n  --mykn-option-color-body: var(--form-select-default-text);\n  --mykn-option-font-weight: var(--typography-font-weight-normal);\n\n  background: var(--mykn-option-color-background);\n  box-sizing: border-box;\n  color: var(--mykn-option-color-body);\n  cursor: pointer;\n  font-family: var(--typography-font-family-body), sans-serif;\n  font-size: var(--mykn-select-font-size);\n  font-weight: var(--mykn-option-font-weight);\n  line-height: var(--mykn-select-line-height);\n  padding: 0 var(--sizes-spacing-xs-h);\n  text-align: start;\n  white-space: nowrap;\n\n  &[aria-selected=\"true\"] {\n    --mykn-option-color-body: var(--form-select-secondary-text);\n    --mykn-option-font-weight: var(--typography-font-weight-bold);\n  }\n\n  &#{&}--active {\n    --mykn-option-color-background: var(--form-select-primary-background);\n    --mykn-option-color-body: var(--form-select-primary-text);\n  }\n}\n",".mykn-badge {\n  --mykn-badge-color-background: var(--badge-secondary-background);\n  --mykn-badge-color-border: transparent;\n  --mykn-badge-color-text: var(--badge-secondary-text);\n\n  background-color: var(--mykn-badge-color-background);\n  border: 1px solid var(--mykn-badge-color-border);\n  color: var(--mykn-badge-color-text);\n  align-items: center;\n  align-self: baseline; // Prevent the badge from unwanted stretching in flex content (use case: Kanban title toolbar).\n  border-radius: var(--sizes-border-radius-s);\n  display: inline-flex;\n  flex-shrink: 0;\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-xs);\n  font-weight: var(--typography-font-weight-bold);\n  justify-content: center;\n  line-height: var(--typography-line-height-body-xs);\n  overflow: hidden;\n  padding: 0 var(--sizes-spacing-xs-h);\n  position: relative;\n  transform-style: preserve-3d;\n\n  &--variant-primary {\n    --mykn-badge-color-background: var(--badge-primary-background);\n    --mykn-badge-color-border: var(--badge-primary-border);\n    --mykn-badge-color-text: var(--badge-primary-text);\n  }\n\n  &--variant-secondary {\n    --mykn-badge-color-background: var(--badge-secondary-background);\n    --mykn-badge-color-border: var(--badge-secondary-border);\n    --mykn-badge-color-text: var(--badge-secondary-text);\n  }\n\n  &--variant-accent {\n    --mykn-badge-color-background: var(--badge-accent-background);\n    --mykn-badge-color-border: var(--badge-accent-border);\n    --mykn-badge-color-text: var(--badge-accent-text);\n  }\n\n  &--variant-outline {\n    --mykn-badge-color-background: var(--badge-outline-background);\n    --mykn-badge-color-border: var(--badge-outline-border);\n    --mykn-badge-color-text: var(--badge-outline-text);\n  }\n\n  &--variant-info {\n    --mykn-badge-color-background: var(--badge-info-background);\n    --mykn-badge-color-border: var(--badge-info-border);\n    --mykn-badge-color-text: var(--badge-info-text);\n  }\n\n  &--variant-success {\n    --mykn-badge-color-background: var(--badge-success-background);\n    --mykn-badge-color-border: var(--badge-success-border);\n    --mykn-badge-color-text: var(--badge-success-text);\n  }\n\n  &--variant-warning {\n    --mykn-badge-color-background: var(--badge-warning-background);\n    --mykn-badge-color-border: var(--badge-warning-border);\n    --mykn-badge-color-text: var(--badge-warning-text);\n  }\n\n  &--variant-danger {\n    --mykn-badge-color-background: var(--badge-danger-background);\n    --mykn-badge-color-border: var(--badge-danger-border);\n    --mykn-badge-color-text: var(--badge-danger-text);\n  }\n\n  &[class*=\"level\"]:before,\n  &[class*=\"level\"]:after {\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:before {\n    background-color: var(--mykn-badge-color-background);\n    z-index: -2;\n  }\n\n  &:after {\n    z-index: -1;\n    background-color: var(--mykn-badge-color-background);\n    opacity: 0.025;\n  }\n\n  &--rounded {\n    border-radius: var(--typography-font-size-body-xs);\n  }\n\n  .mykn-icon {\n    margin-inline-end: var(--sizes-spacing-xs-h);\n  }\n}\n",".mykn-banner {\n  --mykn-banner-icon-color: var(--banner-background);\n  --mykn-banner-border-color: var(--banner-border);\n\n  border: 1px solid;\n  border-color: var(--mykn-banner-border-color);\n  border-radius: var(--sizes-border-radius-s);\n  display: flex;\n  align-items: center;\n  padding: var(--sizes-spacing-xs-v);\n  background-color: var(--banner-background);\n  color: var(--mykn-banner-color);\n  position: relative;\n  min-height: 60px;\n\n  &--variant-info {\n    --mykn-banner-color: var(--banner-info-background);\n    --mykn-banner-border-color: var(--banner-info-border);\n  }\n\n  &--variant-success {\n    --mykn-banner-color: var(--banner-success-background);\n    --mykn-banner-border-color: var(--banner-success-border);\n  }\n\n  &--variant-warning {\n    --mykn-banner-color: var(--banner-warning-background);\n    --mykn-banner-border-color: var(--banner-warning-border);\n  }\n\n  &--variant-danger {\n    --mykn-banner-color: var(--banner-danger-background);\n    --mykn-banner-border-color: var(--banner-danger-border);\n  }\n\n  &__icon {\n    flex-shrink: 0;\n    margin-inline-end: var(--sizes-spacing-xs-v);\n    width: 36px;\n    height: 36px;\n  }\n\n  &__content {\n    flex: 1;\n  }\n\n  &__title {\n    margin-bottom: var(--sizes-spacing-xs-xs);\n  }\n}\n",".mykn-bool {\n  --mykn-bool-color: var(--bool-success-background);\n  --mykn-bool-size: 1em;\n\n  height: var(--mykn-icon-size);\n  color: var(--mykn-bool-color);\n\n  &--value-false {\n    --mykn-bool-color: var(--bool-danger-background);\n  }\n\n  &--value-false:not(#{&}--explicit) {\n    visibility: hidden;\n  }\n}\n",".mykn-li {\n  margin: 0;\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-s);\n  font-weight: var(--typography-font-weight-normal);\n  line-height: var(--typography-line-height-body-s);\n\n  &--size-xs {\n    font-size: var(--typography-font-size-body-xs);\n    line-height: var(--typography-line-height-body-xs);\n  }\n}\n",".mykn-ol {\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-s);\n  font-weight: var(--typography-font-weight-normal);\n  line-height: var(--typography-line-height-body-s);\n  list-style-position: inside;\n  padding-inline-start: 0;\n\n  &--inline .mykn-li {\n    float: left; // fallback\n    float: inline-start;\n  }\n\n  &--list-style-none {\n    list-style: none;\n  }\n\n  .mykn-ol {\n    padding-inline-start: var(--sizes-spacing-xs-h);\n  }\n}\n",".mykn-breadcrumbs {\n  display: flex;\n  width: fit-content;\n\n  &--justify-h {\n    width: 100%;\n  }\n\n  .mykn-ol {\n    margin-block: 0;\n  }\n\n  .mykn-icon {\n    margin: 0 var(--sizes-spacing-xs-h);\n  }\n}\n",".mykn-card {\n  background-color: var(--card-background);\n  border-radius: var(--sizes-border-radius-s);\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  //overflow: clip;  // Turned off for now to allow DatePicker to overflow Card and Modal.\n  width: 100%;\n  border: unset;\n\n  &--border {\n    border: 1px solid var(--card-border);\n  }\n\n  &--direction--column {\n    flex-direction: column;\n  }\n\n  &--direction-column-reverse {\n    flex-direction: column-reverse;\n  }\n\n  &--direction-row {\n    flex-direction: row;\n  }\n\n  &--direction-row-reverse {\n    flex-direction: row-reverse;\n  }\n\n  &--full-height {\n    height: 100%;\n  }\n\n  &--justify-start {\n    justify-content: start;\n  }\n\n  &--justify-end {\n    justify-content: end;\n  }\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-space-between {\n    justify-content: space-between;\n  }\n\n  &--justify-space-around {\n    justify-content: space-around;\n  }\n\n  &--justify-space-evenly {\n    justify-content: space-evenly;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    padding-block-start: var(--sizes-spacing-xs-v);\n  }\n\n  & + & {\n    margin-block-start: var(--sizes-spacing-xs-v);\n  }\n\n  &:has(> .mykn-body),\n  &__header:has(> .mykn-body) {\n    padding: 0;\n  }\n}\n","@use \"../../../settings/constants\";\n\n.mykn-attributelist {\n  --mykn-attributelist-col-span-title: 0;\n  --mykn-attributelist-col-span-content: calc(\n    12 - var(--mykn-attributelist-col-span-title)\n  );\n\n  display: block;\n\n  &__header {\n    margin-bottom: var(--sizes-spacing-xs-v);\n  }\n\n  &__body {\n    display: grid;\n    gap: var(--sizes-spacing-xs-h);\n    align-items: start;\n\n    @media screen and (min-width: constants.$breakpoint-desktop) {\n      grid-template-columns: repeat(12, 1fr);\n    }\n  }\n\n  .mykn-h3 {\n    grid-column: span var(--mykn-attributelist-col-span-title);\n    width: 100%;\n  }\n\n  &__list {\n    grid-column: span var(--mykn-attributelist-col-span-content);\n    display: grid;\n    grid-template-columns: subgrid;\n    gap: var(--sizes-spacing-xs-v);\n    margin: 0;\n    width: 100%;\n  }\n\n  &__pair {\n    grid-column: span var(--mykn-attributelist-col-span-content);\n    width: 100%;\n  }\n\n  &__key,\n  &__value {\n    font-family: var(--typography-font-family-body);\n    font-size: var(--typography-font-size-body-xs);\n    font-weight: var(--typography-font-weight-normal);\n    line-height: var(--typography-line-height-body-xs);\n    margin: 0;\n  }\n\n  &__key {\n    color: var(--typography-color-body);\n    font-weight: var(--typography-font-weight-bold);\n  }\n\n  &__value {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n  }\n\n  @media screen and (min-width: constants.$breakpoint-desktop) {\n    @for $i from 1 through 12 {\n      &--title-span-#{$i}:has(.mykn-h3) {\n        --mykn-attributelist-col-span-title: #{$i};\n      }\n\n      &--col-span-#{$i} &__pair {\n        grid-column: span #{$i};\n      }\n    }\n\n    &--title-span-12 {\n      --mykn-attributelist-col-span-content: 12;\n    }\n  }\n\n  &__value .mykn-form-control,\n  &__value .mykn-input {\n    width: 100%;\n  }\n}\n",".mykn-attributegrid {\n  width: 100%;\n\n  &--full-height {\n    height: 100%;\n  }\n\n  .mykn-grid + .mykn-grid {\n    margin-top: var(--sizes-spacing-s-v);\n  }\n}\n",".mykn-attributetable {\n  display: table;\n  background-color: var(--attributetable-background);\n  width: 100%;\n  white-space: nowrap;\n\n  &--compact {\n    width: unset;\n\n    & .mykn-attributetable__body {\n      grid-template-columns: 1fr;\n      row-gap: 0;\n    }\n\n    & .mykn-attributetable__row {\n      border: none;\n      padding-block-end: 0;\n      padding-block-start: 0;\n\n      &:last-of-type {\n        border: none;\n        padding-block-end: 0;\n        padding-block-start: 0;\n      }\n    }\n  }\n\n  &--wrap {\n    white-space: normal;\n  }\n\n  &__body {\n    display: grid;\n    grid-template-columns: 1fr;\n    column-gap: var(--sizes-spacing-xs-h);\n    row-gap: 0;\n  }\n\n  &__row {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    column-gap: var(--sizes-spacing-xs-h);\n    align-items: center;\n\n    border-block-start: 1px solid var(--attributetable-border);\n    padding-block-end: var(--sizes-spacing-xs-v);\n    padding-block-start: var(--sizes-spacing-xs-v);\n\n    &:last-of-type {\n      border-block-end: 1px solid var(--attributetable-border);\n      padding-block-end: var(--sizes-spacing-xs-v);\n    }\n  }\n\n  &__cell {\n    display: flex;\n    align-items: center;\n    color: var(--typography-color-body);\n    font-family: var(--typography-font-family-body), sans-serif;\n    font-size: var(--typography-font-size-body-s);\n    font-weight: var(--typography-font-weight-normal);\n    line-height: var(--typography-line-height-body-s);\n    margin: 0;\n\n    &--key {\n      font-weight: var(--typography-font-weight-bold);\n      grid-column: 1;\n\n      > .mykn-icon:last-child {\n        margin-inline-start: var(--sizes-spacing-xs-h);\n      }\n    }\n\n    &--value {\n      grid-column: 2;\n    }\n\n    > .mykn-icon {\n      margin-inline-end: var(--sizes-spacing-xs-h);\n    }\n  }\n\n  &--valign-start &__cell {\n    align-items: flex-start;\n  }\n}\n","@use \"../../../settings/constants\";\n\n.mykn-datagrid {\n  --mykn-datagrid-spacing-h: var(--sizes-spacing-s-h);\n  --mykn-datagrid-spacing-v: var(--sizes-spacing-s-v);\n\n  background-color: var(--datagrid-background);\n  border-radius: var(--sizes-border-radius-s);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &--compact {\n    --mykn-datagrid-spacing-h: var(--sizes-spacing-xs-h);\n    --mykn-datagrid-spacing-v: var(--sizes-spacing-xs-v);\n  }\n\n  &__toolbar {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  &__scrollpane {\n    height: 100%;\n  }\n\n  &__scrollpane--overflow-x {\n    overflow-x: auto;\n  }\n\n  &__scrollpane--overflow-y {\n    overflow-y: auto;\n  }\n\n  &__scrollpane ~ .mykn-toolbar {\n    border-block-start: 1px solid var(--datagrid-border);\n  }\n\n  &__header {\n    padding-block: var(--mykn-datagrid-spacing-v);\n    padding-inline: var(--mykn-datagrid-spacing-h);\n  }\n\n  &__table {\n    border-spacing: 0;\n    width: 100%;\n  }\n\n  &__table--layout-fixed {\n    @media screen and (min-width: constants.$breakpoint-desktop) {\n      table-layout: fixed;\n    }\n  }\n\n  &__thead {\n    background-color: var(--datagrid-background);\n    position: sticky;\n    top: 0;\n    z-index: 20;\n  }\n\n  &__toolbar ~ &__scrollpane:not(&__scrollpane--overflow-y) &__thead {\n    top: var(--mykn-datagrid-thead-top-base, 0px);\n  }\n\n  &__thead &__row--filter {\n    background-color: var(--datagrid-header-background);\n\n    .mykn-stackctx,\n    .mykn-input,\n    .mykn-select {\n      width: 100%;\n    }\n\n    .mykn-checkbox {\n      align-self: flex-end;\n    }\n  }\n\n  &__thead &__cell {\n    text-align: start;\n  }\n\n  &__thead .mykn-form-control,\n  &__tbody .mykn-form-control {\n    gap: 0;\n    width: 100%;\n  }\n\n  &__row--selected {\n    background-color: var(--datagrid-row-active);\n  }\n\n  &__cell {\n    border-block-start: 1px solid transparent;\n    border-block-end: 1px solid var(--datagrid-border);\n    box-sizing: border-box;\n    padding: var(--mykn-datagrid-spacing-v) var(--mykn-datagrid-spacing-h);\n    position: relative;\n\n    .mykn-a:not(:last-child) {\n      margin-inline-end: var(--mykn-datagrid-spacing-h);\n\n      + .mykn-p {\n        display: inline;\n      }\n    }\n  }\n\n  &:not(#{&}--wrap) &__cell {\n    white-space: nowrap;\n  }\n\n  &:not(#{&}--wrap) &__cell > .mykn-p {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__row:last-child &__cell {\n    border-block-end: none;\n  }\n\n  &__cell--filter {\n    padding-inline: var(--sizes-spacing-xs-h);\n    padding-block: var(--sizes-spacing-xs-v);\n  }\n\n  &__cell--checkbox,\n  &__cell--type-boolean,\n  &__cell--type-jsx,\n  &__cell--type-null,\n  &__cell--type-number {\n    text-align: end;\n    width: 0; // TODO: Possibly 1px for WebKit (Safari)?\n  }\n\n  &__cell--checkbox {\n    @media screen and (min-width: constants.$breakpoint-desktop) {\n      max-width: calc(\n        var(--typography-line-height-body-s) + var(--mykn-datagrid-spacing-h)\n      );\n      width: calc(var(--mykn-datagrid-spacing-h) * 2 + 20px);\n    }\n  }\n\n  &__cell--editable .mykn-button {\n    border-inline: none;\n  }\n\n  &__cell--editable#{&}__cell--type-boolean .mykn-form-control {\n    align-items: flex-end;\n  }\n\n  &__cell--editable:not(#{&}__cell--type-boolean) .mykn-form-control {\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    //z-index: 1000;  // Fixme: gives issues with editing=true\n\n    [class^=mykn][class*=input],  // wide to accept variations.\n    .mykn-select {\n      box-sizing: border-box;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &__footer {\n    box-sizing: border-box;\n    padding: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n  }\n\n  .mykn-body {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .mykn-form {\n    flex: 1 1 auto;\n    height: unset !important;\n\n    &__fieldset {\n      flex: 1 1 auto;\n      height: unset !important;\n    }\n  }\n}\n",".mykn-itemgrid {\n  width: 100%;\n\n  .mykn-column--span-12 {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  .mykn-column > * {\n    overflow: hidden;\n    text-align: center;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n  }\n\n  .mykn-column .mykn-button {\n    height: 0;\n    padding: 0;\n    padding-block-start: 100%;\n  }\n\n  &__preview {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    top: 50%;\n    left: 50%;\n    position: absolute;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n  }\n}\n",".mykn-kanban {\n  --mykn-kanban-spacing: 4px;\n\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n\n  > .mykn-toolbar {\n    z-index: 100;\n  }\n\n  &__body {\n    height: 100%;\n  }\n\n  &__body .mykn-grid {\n    height: 100%;\n  }\n\n  &__body .mykn-column {\n    box-sizing: border-box;\n    overflow-y: auto;\n  }\n\n  &__body &__drop-indicator {\n    background-color: var(--kanban-drop-indicator-background);\n    border: 1px dashed var(--kanban-drop-indicator-border);\n    box-sizing: content-box;\n    height: calc(var(--typography-line-height-body-s) * 2);\n    padding-block: var(--sizes-spacing-xs-v);\n    z-index: 10;\n  }\n\n  &__body .mykn-column > .mykn-body > .mykn-h3 {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  &__track {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mykn-kanban-spacing);\n    height: 100%;\n    padding: var(--mykn-kanban-spacing) !important;\n    position: relative;\n  }\n\n  &__track:before {\n    background-color: var(--kanban-background);\n    content: \"\";\n    height: 100%;\n    inset-block-start: 0;\n    inset-inline-start: calc(-2 * var(--sizes-spacing-xs-h));\n    position: absolute;\n    width: calc(100% + 2 * var(--sizes-spacing-xs-h));\n  }\n\n  &__body &__button {\n    white-space: normal;\n\n    &:focus-within {\n      z-index: 100;\n    }\n  }\n\n  &__select {\n    inset-block-end: var(--sizes-spacing-xs-v);\n    inset-inline-end: var(--sizes-spacing-xs-h);\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n    width: 50%;\n\n    &:focus-within {\n      opacity: 1;\n      pointer-events: auto;\n    }\n\n    &:focus-visible {\n      visibility: visible;\n    }\n  }\n}\n","@use \"../../../settings/constants\";\n\n@mixin mykn-paginator-hide {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.mykn-paginator {\n  display: grid;\n  grid-template-columns: auto 1fr auto auto;\n  grid-template-areas: \"meta spacer options nav\";\n  justify-content: space-between;\n  column-gap: var(--sizes-spacing-m-h);\n  row-gap: var(--sizes-spacing-xs-v);\n  position: relative;\n  width: 100%;\n\n  @media screen and (max-width: constants.$breakpoint-desktop - 1px) {\n    column-gap: var(--sizes-spacing-xs-h);\n    grid-template-columns: auto auto;\n    grid-template-rows: repeat(2, auto);\n    grid-template-areas:\n      \"meta options\"\n      \"nav nav\";\n\n    &--loading .mykn-p,\n    .mykn-paginator__button--page {\n      @include mykn-paginator-hide;\n    }\n  }\n\n  &__screenreader-only {\n    @include mykn-paginator-hide;\n  }\n\n  &__section {\n    display: flex;\n    align-items: center;\n    gap: var(--sizes-spacing-xs-h);\n  }\n\n  &__section--meta {\n    grid-area: meta;\n  }\n\n  &__section--options {\n    grid-area: options;\n  }\n\n  &__section--nav {\n    grid-area: nav;\n  }\n\n  &__buttons {\n    display: flex;\n    align-items: center;\n    gap: var(--sizes-spacing-xs-v);\n  }\n}\n","@use \"../../settings/constants\";\n\n.mykn-dropdown {\n  display: inline-flex;\n  position: relative;\n  justify-content: center;\n\n  > .mykn-button {\n    width: 100%;\n  }\n\n  &--open > .mykn-button {\n    outline: 1px solid var(--dropdown-border);\n  }\n\n  @at-root {\n    &__dropdown {\n      width: fit-content;\n      border: 1px solid var(--dropdown-border);\n      border-radius: var(--sizes-border-radius-s);\n      box-sizing: border-box;\n      z-index: 2000;\n\n      .mykn-a,\n      .mykn-button,\n      .mykn-dropdown {\n        width: 100%;\n      }\n    }\n\n    @media screen and (max-width: constants.$breakpoint-desktop - 1px) {\n      &__dropdown {\n        width: 100%; // Fallback.\n        width: min(\n          100%,\n          max(calc(100vw - 2 * var(--sizes-spacing-xs-h)), 100cqw)\n        );\n      }\n    }\n\n    @media screen and (min-width: constants.$breakpoint-desktop) {\n      &__dropdown .mykn-toolbar--direction-horizontal {\n        width: min-content;\n      }\n    }\n\n    @media screen and (min-width: constants.$breakpoint-desktop) {\n      &__dropdown .mykn-toolbar--direction-vertical {\n        width: max-content;\n      }\n    }\n  }\n}\n",".mykn-form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sizes-spacing-xs-v);\n  width: 100%;\n\n  &__fieldset {\n    display: flex;\n    flex-direction: column;\n    gap: var(--sizes-spacing-xs-v);\n    width: 100%;\n  }\n\n  &--direction-horizontal,\n  &--direction-horizontal &__fieldset {\n    flex-direction: row;\n    width: auto;\n  }\n}\n",".mykn-iconinitials {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  border-radius: 50%;\n  text-transform: uppercase;\n  padding: 5px;\n  box-sizing: border-box;\n  background-color: var(--iconinitials-background);\n  vertical-align: middle;\n\n  &--sm {\n    width: 2em;\n    height: 2em;\n    font-size: 1em;\n    line-height: 2em;\n  }\n\n  &--md {\n    width: 3em;\n    height: 3em;\n    font-size: 1.5em;\n    line-height: 3em;\n  }\n\n  &--lg {\n    width: 4em;\n    height: 4em;\n    font-size: 2em;\n    line-height: 4em;\n  }\n}\n","@use \"../../../settings/constants\";\n\n.mykn-breakout {\n  margin-left: calc(-1 * var(--sizes-spacing-xs-h));\n  width: calc(100% + 2 * var(--sizes-spacing-xs-h));\n\n  &--debug {\n    outline: 1px solid orange;\n  }\n}\n","@use \"../../../settings/constants\";\n\n.mykn-column {\n  container-name: column;\n  grid-column: auto / 6 span;\n  position: relative; // For debug?\n\n  &--container-type-inline-size {\n    container-type: inline-size;\n  }\n\n  &--container-type-size {\n    container-type: size;\n  }\n\n  &--container-type-normal {\n    container-type: normal;\n  }\n\n  &--debug {\n    min-height: 1rem;\n    outline: 1px solid blue;\n  }\n\n  &--debug:before {\n    color: blue;\n    content: \"Mobile (full span)\";\n    display: block;\n    font-family: monospace;\n    text-align: center;\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    white-space: nowrap;\n    z-index: 10;\n  }\n\n  &--debug[data-testid]:before {\n    content: attr(data-testid) !important;\n  }\n\n  &--direction-column {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &--direction-row {\n    display: flex;\n    flex-direction: row;\n  }\n\n  &--direction-column#{&}--gap {\n    gap: var(--sizes-spacing-xs-v);\n  }\n\n  &--direction-row#{&}--gap {\n    gap: var(--sizes-spacing-xs-h);\n  }\n\n  &--justify-start {\n    justify-content: start;\n  }\n\n  &--justify-end {\n    justify-content: end;\n  }\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-space-between {\n    justify-content: space-between;\n  }\n\n  &--justify-space-around {\n    justify-content: space-around;\n  }\n\n  &--justify-space-evenly {\n    justify-content: space-evenly;\n  }\n\n  @for $i from 1 through 6 {\n    &--mobile-span-#{$i} {\n      grid-column: auto / span #{$i};\n    }\n\n    &--debug#{&}--mobile-span-#{$i}:before {\n      content: \"Span #{$i}\";\n    }\n\n    &--start-#{$i} {\n      grid-column-start: $i;\n    }\n  }\n\n  @media screen and (min-width: constants.$breakpoint-desktop) {\n    @for $i from 1 through 12 {\n      &--span-#{$i} {\n        grid-column: auto / span #{$i};\n      }\n\n      &--debug#{&}--span-#{$i}:before {\n        content: \"Span #{$i}\";\n      }\n\n      &--start-#{$i} {\n        grid-column-start: $i;\n      }\n    }\n  }\n}\n",".mykn-container {\n  container-name: container;\n  container-type: inline-size;\n  margin: 0 auto;\n  max-width: var(--container-max);\n  width: 100%;\n\n  &--debug {\n    outline: 1px solid red;\n  }\n\n  &--debug[data-testid]:before {\n    content: attr(data-testid);\n    color: red;\n    display: block;\n    font-family: monospace;\n    text-align: center;\n  }\n\n  &--debug[data-testid]:before {\n    content: attr(data-testid);\n  }\n}\n","@use \"../../../settings/constants\";\n\n.mykn-grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  width: 100%;\n\n  &--debug {\n    outline: 1px solid green;\n  }\n\n  &--debug[data-testid]:before {\n    content: attr(data-testid);\n    color: green;\n    display: block;\n    font-family: monospace;\n    grid-column: 1 / 6 span;\n    text-align: center;\n  }\n\n  &--debug[data-testid]:before {\n    content: attr(data-testid);\n  }\n\n  &--gutter-true {\n    gap: var(--sizes-spacing-s-v) var(--sizes-spacing-s-h);\n  }\n\n  &--gutter-v {\n    gap: var(--sizes-spacing-s-v) 0;\n  }\n\n  &--sizes-spacing-xs-h {\n    gap: 0 var(--sizes-spacing-s-h);\n  }\n\n  &--full-height {\n    min-height: 100%;\n  }\n\n  &--valign-middle {\n    align-items: center;\n  }\n\n  @media screen and (min-width: constants.$breakpoint-desktop) {\n    & {\n      grid-template-columns: repeat(12, 1fr);\n    }\n\n    &--debug[data-testid]:before {\n      grid-column: 1 / 12 span;\n    }\n\n    &--gutter-true {\n      gap: var(--sizes-spacing-s-v) var(--sizes-spacing-s-h);\n    }\n\n    &--sizes-spacing-xs-h {\n      gap: 0 var(--sizes-spacing-s-h-desktop);\n    }\n\n    &--gutter-v {\n      gap: var(--sizes-spacing-s-v) 0;\n    }\n\n    @for $i from 1 through 12 {\n      &--cols-#{$i} {\n        grid-template-columns: repeat($i, 1fr) !important;\n      }\n    }\n  }\n}\n","@use \"../../../settings/constants\";\n\n.mykn-page {\n  justify-content: start;\n  background-color: var(--page-background);\n  container-name: page;\n  display: flex;\n  //flex-direction: column;  // Removed to facilitate NavBar move in BaseTemplate.\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 100%;\n\n  &--container-type-inline-size {\n    container-type: inline-size;\n  }\n\n  &--container-type-size {\n    container-type: size;\n  }\n\n  &--container-type-normal {\n    container-type: normal;\n  }\n\n  &--pad-h {\n    padding-inline: var(--sizes-spacing-xs-h);\n  }\n\n  &--pad-v {\n    padding-block: var(--sizes-spacing-xs-h);\n\n    @media screen and (min-width: constants.$breakpoint-desktop) {\n      padding-block: var(--sizes-spacing-xs-v);\n    }\n  }\n\n  // Warning: setting this may break vertical overflow scrolling with sidebar navigation.\n  &--full-height {\n    height: 100%;\n  }\n\n  &--valign-middle {\n    align-items: center;\n  }\n}\n",".mykn-logo {\n  display: inline-block;\n  font-size: 0;\n  height: 34px;\n  max-width: 100%;\n\n  &--abbreviated {\n    height: auto;\n  }\n\n  &--variant-contrast {\n    --page-color-logo: var(--logo-background);\n  }\n\n  & &__handle {\n    transition: transform var(--animation-duration-fast)\n      var(--animation-timing-function);\n  }\n\n  &__image {\n    height: 100%;\n    object-fit: contain;\n    overflow: visible;\n    width: 100%;\n  }\n\n  &[href]:hover &__handle--left,\n  &[href]:focus &__handle--left {\n    transform: translateX(-2px);\n  }\n\n  &[href]:active &__handle--left {\n    transform: translateX(2px);\n  }\n\n  &[href]:hover &__handle--right,\n  &[href]:focus &__handle--right {\n    transform: translateX(2px);\n  }\n\n  &[href]:active &__handle--right {\n    transform: translateX(-2px);\n  }\n\n  &--abbreviated &__text--a,\n  &--abbreviated &__text--y,\n  &--abbreviated &__text--k,\n  &--abbreviated &__text--i,\n  &--abbreviated &__text--n {\n    opacity: 0;\n  }\n}\n",".mykn-modal {\n  border: 1px solid var(--typography-color-border);\n  background: transparent;\n  box-sizing: border-box;\n  display: block;\n  inset-block-start: 0;\n  inset-block-end: 0;\n  transition: transform var(--animation-duration-medium)\n    var(--animation-timing-function);\n  margin: 0;\n  max-height: 100%;\n  opacity: 0;\n  overflow: visible; // Allow DatePicker to overflow Card and Modal.\n  padding: 0;\n  position: fixed;\n  z-index: 9999;\n\n  &[hidden] {\n    display: none;\n  }\n\n  &::backdrop {\n    background-color: var(--modal-shadow);\n  }\n\n  &--position-float {\n    border-radius: var(--sizes-border-radius-s);\n    margin: auto;\n\n    &[open] {\n      animation: slide-top-center;\n      animation-duration: var(--animation-duration-medium);\n      animation-timing-function: var(--animation-timing-function);\n      animation-direction: normal;\n      animation-fill-mode: forwards;\n    }\n  }\n\n  // TODO: RTL support\n  &--position-side {\n    inset-inline-start: 100%;\n    inset-inline-end: 0;\n\n    &[open] {\n      animation: slide-side-center;\n      animation-duration: var(--animation-duration-medium);\n      animation-timing-function: var(--animation-timing-function);\n      animation-direction: normal;\n      animation-fill-mode: forwards;\n    }\n\n    position: fixed;\n    height: 100%;\n\n    > .mykn-card {\n      border-radius: 0;\n    }\n\n    // TODO: Investiage improvement.\n    .mykn-card > .mykn-body,\n    .mykn-card > .mykn-body .mykn-form,\n    .mykn-card > .mykn-body .mykn-form__fieldset:first-of-type:last-of-type {\n      height: 100%;\n    }\n\n    .mykn-card > .mykn-body .mykn-button:first-child:last-child {\n      width: 100%;\n    }\n  }\n\n  &--size-m {\n    width: 470px;\n  }\n\n  &--size-s {\n    width: 280px;\n  }\n\n  &--type-dialog#{&}--position-float {\n    box-shadow: 0 0 20px var(--modal-shadow);\n  }\n\n  &--type-dialog#{&}--position-side {\n    box-shadow: -4px 0 20px var(--modal-shadow);\n  }\n}\n\n@keyframes slide-top-center {\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slide-side-center {\n  from {\n    opacity: 0;\n    transform: translateX(0%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(-100%);\n  }\n}\n","@use \"../../settings/constants\";\n\n.mykn-sidebar {\n  --mykn-sidebar-width: none;\n  --mykn-sidebar-border: none;\n\n  $self: &;\n  display: flex;\n  flex-direction: column;\n  height: 100cqh; // Height of container (probably Page component)\n  position: static;\n  top: 0;\n  transition: all var(--animation-duration-medium)\n    var(--animation-timing-function);\n  width: var(--mykn-sidebar-width);\n  z-index: 1000;\n\n  &--min-width {\n    --mykn-sidebar-width: min(\n      280px,\n      calc(100vw - 40px - 48px)\n    ); // Screen width - toolbar width - 2 * toggle width.\n  }\n\n  &--border {\n    --mykn-sidebar-border: 1px solid var(--typography-color-border);\n  }\n\n  &--sticky {\n    position: sticky;\n  }\n\n  &:has(> &__header &__toggle) {\n    z-index: 1010;\n  }\n\n  &--position-start &__header &__toggle,\n  &--position-end &__header &__toggle {\n    inset-block-start: calc(\n      var(--typography-line-height-h2) + var(--typography-font-size-h2)\n    );\n    position: absolute;\n    transform-origin: center;\n  }\n\n  &--position-start &__header &__toggle {\n    inset-inline-start: 100%;\n    transform: translate(\n      -50%,\n      calc(-50% + var(--mykn-button-offset))\n    ); // TODO: RTL support.\n  }\n\n  &--position-end &__header &__toggle {\n    inset-inline-end: 100%;\n    transform: translate(\n      50%,\n      calc(-50% + var(--mykn-button-offset))\n    ); // TODO: RTL support.\n  }\n\n  .mykn-page > &--position-end {\n    align-self: flex-end;\n  }\n\n  &__header,\n  &__body {\n    border-inline-end: var(--mykn-sidebar-border);\n    width: var(--mykn-sidebar-width);\n    transition: all var(--animation-duration-medium)\n      var(--animation-timing-function);\n  }\n\n  &__header {\n    flex-shrink: 0;\n    overflow-y: visible;\n    z-index: 10;\n  }\n\n  &__header .mykn-body {\n    display: flex;\n    height: calc(var(--typography-line-height-h2));\n    justify-content: center;\n  }\n\n  &__body {\n    height: 100%;\n    overflow: hidden;\n    position: relative;\n  }\n\n  &__body .mykn-card,\n  &__header .mykn-card {\n    height: 100%;\n    position: sticky;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n  }\n\n  &__header .mykn-card {\n    overflow: visible;\n  }\n\n  &__body .mykn-card {\n    width: var(--mykn-sidebar-width);\n  }\n\n  /// Collapsed state\n  &:not([aria-expanded=\"true\"]):not(\n      :has(:not(.mykn-sidebar__toggle):focus)\n    ):not(:has(&__body:hover)) {\n    width: calc(\n      var(--typography-line-height-body-xs) + 2 * var(--sizes-spacing-xs-h)\n    );\n\n    #{$self}__header,\n    #{$self}__body {\n      width: calc(\n        var(--typography-line-height-body-xs) + 2 * var(--sizes-spacing-xs-h)\n      );\n    }\n\n    #{$self}__header .mykn-body {\n      padding-inline: calc(0.5 * var(--sizes-spacing-xs-h));\n    }\n\n    .mykn-logo .mykn-logo__handle {\n      transition: none;\n    }\n  }\n\n  &:not([aria-expanded=\"true\"]):has(:not(.mykn-sidebar__toggle):focus),\n  &:not([aria-expanded=\"true\"]):has(&__body:hover) {\n    width: calc(\n      var(--typography-line-height-body-xs) + 2 * var(--sizes-spacing-xs-h)\n    );\n  }\n\n  &:not([aria-expanded=\"true\"]):has(&__body:hover) {\n    transition-delay: 1s;\n\n    #{$self}__header,\n    #{$self}__header .mykn-body,\n    #{$self}__body {\n      transition-delay: 1s;\n    }\n  }\n\n  @media screen and (max-width: constants.$breakpoint-desktop - 1px) {\n    width: calc(\n      var(--typography-line-height-body-xs) + 2 * var(--sizes-spacing-xs-h) +\n        2.1px\n    );\n  }\n}\n","@use \"../../settings/constants\";\n\n.mykn-tabs {\n  width: 100%;\n\n  &__tablist {\n    align-items: center;\n    border-block-end: 1px solid var(--typography-color-border);\n    box-sizing: border-box;\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--sizes-spacing-xs-v);\n    width: 100%;\n  }\n\n  &__tablist .mykn-button {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  // FIXME: Is this still used?\n  &__tablist .mykn-p {\n    color: var(--typography-color-border);\n    user-select: none;\n  }\n\n  [aria-selected=\"true\"] {\n    box-shadow: 0 2px var(--mykn-button-color-shadow);\n  }\n\n  @media screen and (max-width: constants.$breakpoint-desktop) {\n    &__tablist {\n      justify-content: center;\n    }\n  }\n}\n","@use \"../../settings/constants\";\n\n@mixin horizontal {\n  &--direction-horizontal {\n    @media screen and (min-width: constants.$breakpoint-desktop) {\n      @content;\n    }\n  }\n  &--direction-horizontal:not(#{&}--direction-responsive) {\n    @content;\n  }\n}\n\n@mixin vertical {\n  &--direction-vertical {\n    @content;\n  }\n\n  &--direction-responsive#{&}--direction-horizontal {\n    @media screen and (max-width: constants.$breakpoint-desktop - 1px) {\n      @content;\n    }\n  }\n}\n\n@mixin theme($theme) {\n  @at-root {\n    .view--#{$theme} & {\n      @content;\n    }\n\n    @media screen and (prefers-color-scheme: $theme) {\n      @content;\n    }\n  }\n}\n\n.mykn-toolbar {\n  --typography-color-link: var(--typography-color-body);\n\n  $self: &;\n  background-color: var(--toolbar-default-background);\n  color: var(--toolbar-default-text);\n  box-sizing: border-box;\n  column-gap: var(--sizes-spacing-xs-h);\n  display: flex;\n  flex-direction: column;\n  max-height: 100cqh;\n  justify-content: flex-start;\n  row-gap: var(--sizes-spacing-xs-v);\n  text-align: start;\n  width: fit-content;\n  z-index: 10;\n\n  &--compact {\n    gap: 0;\n  }\n\n  &--justify-h {\n    width: 100%;\n  }\n\n  &--justify-v {\n    height: 100cqh;\n  }\n\n  &--pad-a .mykn-a {\n    box-sizing: border-box;\n    padding: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n  }\n\n  &--pad-h {\n    padding-inline: var(--sizes-spacing-xs-h);\n  }\n\n  &--pad-size-xs#{&}--pad-h {\n    padding-inline: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--pad-v {\n    padding-block: var(--sizes-spacing-xs-v);\n  }\n\n  &--pad-size-xs-#{&}--pad-v {\n    padding-inline: calc(var(--sizes-spacing-xs-v) / 2);\n  }\n\n  &--variant-primary {\n    background-color: var(--toolbar-primary-background);\n    color: var(--toolbar-primary-text);\n\n    @include theme(light) {\n      & > *:not(.mykn-dropdown, .mykn-iconinitials) {\n        --typography-color-body: var(--toolbar-primary-text);\n        --typography-color-link: var(--toolbar-primary-text);\n        --typography-color-h: var(--toolbar-primary-text);\n      }\n\n      & > .mykn-button--variant-transparent:not(:focus, :hover),\n      & > .mykn-dropdown .mykn-button--variant-transparent:not(:focus, :hover) {\n        --mykn-button-color-text: var(--toolbar-primary-text);\n      }\n    }\n  }\n\n  &--variant-accent {\n    background-color: var(--toolbar-accent-background);\n    color: var(--toolbar-accent-text);\n  }\n\n  &--variant-alt {\n    background-color: var(--toolbar-alternate-background);\n    color: var(--toolbar-alternate-text);\n  }\n\n  @include horizontal {\n    &#{$self}--variant-alt {\n      //border-block: 1px solid var(--typography-color-border);\n    }\n  }\n  @include vertical {\n    &#{$self}--variant-alt {\n      //border-inline: 1px solid var(--typography-color-border);\n    }\n  }\n\n  &--variant-transparent {\n    background-color: var(--toolbar-transparent-background);\n    color: var(--toolbar-transparent-text);\n  }\n\n  &--size-fit-content {\n    width: fit-content;\n  }\n\n  &--sticky-top {\n    position: sticky;\n    top: 0;\n  }\n\n  &--sticky-bottom {\n    position: sticky;\n    bottom: 0;\n  }\n\n  &__spacer {\n    height: 100%;\n    flex-shrink: 9999;\n  }\n\n  .mykn-logo--abbreviated {\n    width: 34px;\n  }\n\n  .mykn-a {\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  .mykn-h1,\n  .mykn-h2,\n  .mykn-h3 {\n    margin-block-end: 0 !important;\n  }\n\n  // Horizontal layout (desktop only).\n  @include horizontal {\n    align-items: center;\n    flex-direction: row;\n    max-height: 100%;\n\n    &#{$self}--align-start {\n      justify-content: start;\n      text-align: start;\n    }\n\n    &#{$self}--align-center {\n      justify-content: center;\n      text-align: center;\n    }\n\n    &#{$self}--align-end {\n      justify-content: end;\n      text-align: end;\n    }\n\n    &#{$self}--align-space-between {\n      justify-content: space-between;\n      text-align: center;\n    }\n\n    #{$self}__spacer {\n      width: 100%;\n    }\n\n    .mykn-p:has(+ .mykn-p) {\n      margin-block-end: 0;\n    }\n  }\n\n  // Horizontal on mobile.\n  &--direction-responsive#{&}--direction-horizontal {\n    @media screen and (max-width: constants.$breakpoint-desktop - 1px) {\n      #{$self}__spacer {\n        display: none;\n      }\n    }\n  }\n\n  // Vertical layout (explicit or via direction-responsive).\n  @include vertical() {\n    &__spacer {\n      height: 100%;\n    }\n\n    .mykn-a,\n    .mykn-button,\n    .mykn-dropdown,\n    .mykn-form-control,\n    .mykn-input,\n    .mykn-select,\n    .mykn-stackctx {\n      width: 100%;\n    }\n\n    .mykn-iconinitials {\n      align-self: center;\n    }\n  }\n\n  // Vertical on desktop.\n  @media screen and (min-width: constants.$breakpoint-desktop) {\n    @include vertical {\n      &#{$self}--align-start {\n        align-items: start;\n        justify-content: start;\n        text-align: start;\n      }\n\n      &#{$self}--align-end {\n        align-items: end;\n        justify-content: end;\n        text-align: end;\n      }\n\n      &#{$self}--align-center {\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n      }\n\n      &--align-space-between {\n        align-items: center;\n        justify-content: space-between;\n        text-align: center;\n      }\n\n      &#{$self}--align-start .mykn-a,\n      &#{$self}--align-start .mykn-button,\n      &#{$self}--align-start .mykn-dropdown {\n        display: flex;\n        justify-content: start;\n        text-align: start;\n      }\n\n      &#{$self}--align-end .mykn-a,\n      &#{$self}--align-end .mykn-button,\n      &#{$self}--align-end .mykn-dropdown {\n        display: flex;\n        justify-content: end;\n        text-align: end;\n      }\n    }\n  }\n}\n",".mykn-tooltip {\n  transition: all 0.5s;\n  transform: scale(0.8);\n  opacity: 0;\n  border-radius: var(--sizes-border-radius-s);\n  background-color: var(--tooltip-background);\n  border: 2px solid var(--tooltip-border);\n  z-index: -1 !important;\n\n  &--open {\n    opacity: 1;\n    transform: scale(1);\n    z-index: 1000 !important;\n  }\n\n  &__arrow {\n    fill: var(--tooltip-border);\n  }\n\n  &__content {\n    padding: var(--sizes-spacing-xs-h) var(--sizes-spacing-xs-v);\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n\n    &--sm {\n      max-width: 200px;\n    }\n\n    &--md {\n      max-width: 400px;\n    }\n\n    &--lg {\n      max-width: 600px;\n    }\n  }\n}\n",".mykn-dateinput {\n  display: inline-flex;\n\n  &__input[aria-hidden=\"true\"] {\n    opacity: 0;\n    position: absolute;\n    visibility: hidden;\n    width: 0;\n    z-index: -10;\n  }\n\n  .mykn-input {\n    box-sizing: content-box;\n    text-align: center;\n    min-width: 2em;\n    max-width: 4em;\n    flex-shrink: 1.2;\n  }\n\n  .mykn-input:focus {\n    z-index: 10;\n  }\n\n  .mykn-input[data-section=\"YY\"] {\n    min-width: 3em;\n    flex-shrink: 1;\n  }\n\n  .mykn-input:has(+ .mykn-input) {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    border-inline-end-style: dashed;\n  }\n\n  .mykn-input + .mykn-input {\n    border-inline-start: none;\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n}\n",".react-datepicker-wrapper {\n  // Invert icon position.\n  .react-datepicker__view-calendar-icon input {\n    padding-inline: var(--sizes-spacing-xs-h);\n    padding-block: var(--sizes-spacing-xs-v);\n  }\n\n  // Fix z-index issue for icon.\n  .react-datepicker__input-container .react-datepicker__calendar-icon {\n    pointer-events: none;\n    color: var(--typography-color-muted);\n    inset-block-start: 50%;\n    inset-inline-end: var(--sizes-spacing-xs-h);\n    position: absolute;\n    transform: translateY(-50%);\n    z-index: 10;\n  }\n\n  // Fix color of clear button.\n  .mykn-datepicker + .react-datepicker__close-icon {\n    inset-inline-end: calc(1rem + var(--sizes-spacing-xs-h) * 2);\n\n    &:after {\n      border: 1px solid var(--typography-color-body);\n      background-color: transparent;\n      color: var(--typography-color-body);\n      font-size: 10px;\n      padding: 0;\n      height: 13px;\n      width: 13px;\n    }\n  }\n}\n\n.mykn-form-control .react-datepicker-popper {\n  z-index: 1000;\n}\n",".mykn-icon {\n  --mykn-icon-size: 1em;\n  height: var(--mykn-icon-size);\n  vertical-align: middle;\n  // TODO: Implement proper sizing system for icon\n  transform: scale(1.33);\n  transition: all var(--animation-duration-medium)\n    var(--animation-timing-function);\n  width: var(--mykn-icon-size);\n\n  &--flip-x {\n    transform: rotate(180deg);\n  }\n\n  &--hidden {\n    visibility: hidden;\n  }\n\n  &--spin {\n    animation: spin var(--animation-duration-slow)\n      var(--animation-timing-function) infinite;\n  }\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n",".mykn-daterangeinput {\n  display: inline-flex;\n  align-items: center;\n  column-gap: var(--sizes-spacing-xs-h);\n\n  .mykn-icon {\n    color: var(--typography-color-muted);\n  }\n\n  &__input[aria-hidden=\"true\"] {\n    opacity: 0;\n    position: absolute;\n    visibility: hidden;\n    z-index: -10;\n  }\n}\n",".mykn-durationinput {\n  &__input[aria-hidden=\"true\"] {\n    opacity: 0;\n    position: absolute;\n    visibility: hidden;\n    width: 0;\n    z-index: -10;\n  }\n\n  &__fields {\n    display: flex;\n    gap: var(--sizes-spacing-xs-h);\n  }\n\n  &__field {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .mykn-input {\n    text-align: center;\n    min-width: 2em;\n    max-width: 4em;\n  }\n}\n",".mykn-errormessage {\n  color: var(--form-errormessage-text);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-s);\n  font-weight: var(--typography-font-weight-bold);\n  line-height: var(--typography-line-height-body-s);\n}\n",".mykn-stackctx {\n  position: relative;\n  box-sizing: border-box;\n\n  &:has(.mykn-icon) .mykn-input,\n  &:has(.mykn-icon) .mykn-select {\n    padding-inline-end: 30px;\n  }\n}\n",".mykn-input {\n  --mykn-input-padding-v: 0;\n  --mykn-input-padding-h: 0;\n  --mykn-input-font-size: var(--typography-font-size-body-s);\n  --mykn-input-font-weight: var(--typography-font-weight-normal);\n  --mykn-input-line-height: var(--typography-line-height-body-s);\n\n  appearance: none;\n  align-items: center;\n  background: var(--form-input-background);\n  border: 1px solid var(--form-border);\n  border-radius: var(--sizes-border-radius-s);\n  box-sizing: border-box;\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--mykn-input-font-size);\n  font-weight: var(--mykn-input-font-weight);\n  line-height: calc(var(--mykn-input-line-height) - 2px);\n  margin: 0;\n  padding-block: var(--mykn-input-padding-v);\n  padding-inline: var(--mykn-input-padding-h);\n  position: relative;\n  max-width: 100%;\n\n  &--pad-h {\n    --mykn-input-padding-h: var(--sizes-spacing-xs-h);\n  }\n\n  &--pad-v {\n    --mykn-input-padding-v: var(\n      --mykn-input-padding-xs,\n      var(--sizes-spacing-xs-v)\n    );\n  }\n\n  &--size-xl {\n    --mykn-input-font-size: var(--typography-font-size-xl);\n    --mykn-input-line-height: var(--typography-line-height-xl);\n    --mykn-input-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xs {\n    --mykn-input-font-size: var(--typography-font-size-body-xs);\n    --mykn-input-line-height: var(--typography-line-height-body-xs);\n    --mykn-input-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xxs {\n    --mykn-input-font-size: var(--typography-font-size-body-xs);\n    --mykn-input-line-height: var(--typography-line-height-body-xs);\n    --mykn-input-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n    --mykn-input-height: calc(3 * var(--sizes-spacing-xs-h) + 2px) !important;\n    --mykn-input-width: calc(3 * var(--sizes-spacing-xs-h) + 2px) !important;\n  }\n\n  &:disabled,\n  &--disabled,\n  &--muted {\n    color: var(--typography-color-muted);\n    opacity: 0.4;\n  }\n\n  &::placeholder {\n    color: var(--typography-color-muted);\n  }\n\n  &[maxlength],\n  &[size] {\n    width: auto;\n  }\n\n  &[type=\"checkbox\"],\n  &[type=\"radio\"] {\n    cursor: pointer;\n    height: 16px;\n    max-width: 16px;\n    min-width: 16px;\n    width: 16px;\n  }\n\n  &[type=\"checkbox\"] {\n    &:checked {\n      background-color: var(--form-checkbox-active-background);\n    }\n\n    &:checked:before {\n      background-color: var(--form-checkbox-active-text);\n      mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m3.594%208%204.019%204.019a1%201%200%200%200%201.601-.26L13.594%203%22%20stroke%3D%22%23341A90%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E);\n      mask-position: center;\n      mask-repeat: no-repeat;\n      mask-size: calc(100% - 2px); // Not bound to spacing.\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &[type=\"radio\"] {\n    background-color: var(--form-radio-default-background);\n    border-radius: 50%;\n\n    &:checked:before {\n      background-color: var(--form-radio-active-background);\n      border-radius: 50%;\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &[type=\"color\"] {\n    min-height: 38px;\n    overflow: hidden;\n    padding: 0;\n\n    &::-webkit-color-swatch-wrapper {\n      padding: 0;\n    }\n\n    &::-webkit-color-swatch {\n      border: none;\n    }\n\n    &:before,\n    &:after {\n      align-items: center;\n      color: var(--form-color-text);\n      content: attr(value);\n      display: flex;\n      height: 50%;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &:before {\n      opacity: 0.9;\n      background-color: var(--form-color-background);\n      border-radius: 6px;\n      color: transparent;\n      padding: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n    }\n  }\n\n  &[type=\"file\"] {\n    border: var(--form-file-border);\n  }\n\n  &--variant-transparent {\n    background-color: transparent;\n  }\n\n  .mykn-stackctx & + .mykn-icon {\n    pointer-events: none;\n    color: var(--typography-color-muted);\n    inset-block-start: 50%;\n    inset-inline-end: var(--sizes-spacing-xs-h);\n    position: absolute;\n    transform: translateY(-50%);\n  }\n}\n",".mykn-label {\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-xs);\n  font-weight: var(--typography-font-weight-normal);\n  line-height: var(--typography-line-height-body-xs);\n\n  &--bold {\n    color: var(--typography-color-h);\n    font-weight: var(--typography-font-weight-bold);\n  }\n}\n",".mykn-radio {\n  border-color: var(--form-border);\n  display: flex;\n  align-items: center;\n  height: var(--typography-line-height-body-s);\n  gap: var(--sizes-spacing-xs-h);\n}\n",".mykn-radiogroup {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  gap: 0;\n\n  &--direction-h {\n    flex-direction: row;\n    gap: var(--sizes-spacing-s-h);\n  }\n}\n",".mykn-textarea {\n  --mykn-textarea-padding-v: 0;\n  --mykn-textarea-padding-h: 0;\n  --mykn-textarea-font-size: var(--typography-font-size-body-s);\n  --mykn-textarea-font-weight: var(--typography-font-weight-normal);\n  --mykn-textarea-line-height: var(--typography-line-height-body-s);\n\n  appearance: none;\n  align-items: center;\n  background: var(--form-textarea-background);\n  border: 1px solid var(--form-border);\n  border-radius: var(--sizes-border-radius-s);\n  box-sizing: border-box;\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body), serif;\n  font-size: var(--mykn-textarea-font-size);\n  font-weight: var(--mykn-textarea-font-weight);\n  line-height: calc(var(--mykn-textarea-line-height) - 2px);\n  margin: 0;\n  padding-block: var(--mykn-textarea-padding-v);\n  padding-inline: var(--mykn-textarea-padding-h);\n  position: relative;\n  max-width: 100%;\n\n  &--pad-h {\n    --mykn-textarea-padding-h: var(--sizes-spacing-xs-h);\n  }\n\n  &--pad-v {\n    --mykn-textarea-padding-v: var(\n      --mykn-textarea-padding-xs,\n      var(--sizes-spacing-xs-v)\n    );\n  }\n\n  &--size-xl {\n    --mykn-textarea-font-size: var(--typography-font-size-xl);\n    --mykn-textarea-line-height: var(--typography-line-height-xl);\n    --mykn-textarea-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xs {\n    --mykn-textarea-font-size: var(--typography-font-size-body-xs);\n    --mykn-textarea-line-height: var(--typography-line-height-body-xs);\n    --mykn-textarea-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xxs {\n    --mykn-textarea-font-size: var(--typography-font-size-body-xs);\n    --mykn-textarea-line-height: var(--typography-line-height-body-xs);\n    --mykn-textarea-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n    --mykn-textarea-height: calc(\n      3 * var(--sizes-spacing-xs-h) + 2px\n    ) !important;\n    --mykn-textarea-width: calc(3 * var(--sizes-spacing-xs-h) + 2px) !important;\n  }\n\n  &:disabled,\n  &--disabled,\n  &--muted {\n    color: var(--typography-color-muted);\n    opacity: 0.4;\n  }\n\n  &::placeholder {\n    color: var(--typography-color-muted);\n  }\n\n  &[maxlength] {\n    width: auto;\n  }\n\n  &--variant-transparent {\n    background-color: transparent;\n  }\n\n  .mykn-stackctx & + .mykn-icon {\n    pointer-events: none;\n    color: var(--typography-color-muted);\n    inset-block-start: 50%;\n    inset-inline-end: var(--sizes-spacing-xs-h);\n    position: absolute;\n    transform: translateY(-50%);\n  }\n}\n",".mykn-form-control {\n  align-items: baseline;\n  display: flex;\n  flex-direction: column;\n  gap: var(--sizes-spacing-xs-v);\n\n  &--direction-h {\n    align-items: center;\n    flex-direction: row;\n    white-space: nowrap;\n  }\n\n  &--error {\n    --form-border: var(--form-formcontrol-danger-border);\n  }\n\n  &--justify-stretch {\n    align-items: stretch;\n\n    .mykn-input,\n    .mykn-select {\n      width: 100%;\n    }\n  }\n\n  &__required-inidicator {\n    text-decoration: none;\n  }\n\n  // Cursor not allowed on the form control when any of its children are disabled\n  &:has(.mykn-input:disabled),\n  &:has(.mykn-select[aria-disabled=\"true\"]) {\n    cursor: not-allowed;\n  }\n\n  // The inputs themselves should not allow any pointer events (select boxes would open otherwise, for example)\n  .mykn-input:disabled,\n  .mykn-select[aria-disabled=\"true\"] {\n    color: var(--typography-color-muted);\n    opacity: 0.4;\n    pointer-events: none;\n  }\n}\n"]}