/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
}

.hljs-comment,
.hljs-quote {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
  color: #008080;
}

.hljs-string,
.hljs-doctag {
  color: #d14;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
  color: #900;
  font-weight: bold;
}

.hljs-subst {
  font-weight: normal;
}

.hljs-type,
.hljs-class .hljs-title {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
  color: #000080;
  font-weight: normal;
}

.hljs-regexp,
.hljs-link {
  color: #009926;
}

.hljs-symbol,
.hljs-bullet {
  color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
  color: #0086b3;
}

.hljs-meta {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

html {
  --alert-border-width: 1px;
  --alert-title-font-weight: 500;
  --alert-expand-button-color: var(--odn-color-blue-6);
  --alert-expand-button-hover-color: var(--odn-color-blue-7);
  --alert-padding-block-small: 5px;
  --alert-padding-inline-small: 12px;
  --alert-icon-size-small: 16px;
  --alert-icon-gap-small: 8px;
  --alert-font-size-small: 12px;
  --alert-line-height-small: 1.66666667;
  --alert-title-margin-block-end-small: 4px;
  --alert-border-radius-small: 6px;
  --alert-padding-block-medium: 7px;
  --alert-padding-inline-medium: 12px;
  --alert-icon-size-medium: 16px;
  --alert-icon-gap-medium: 8px;
  --alert-font-size-medium: 14px;
  --alert-line-height-medium: 1.57142857;
  --alert-title-margin-block-end-medium: 4px;
  --alert-border-radius-medium: 6px;
  --alert-padding-block-large: 8px;
  --alert-padding-inline-large: 12px;
  --alert-icon-size-large: 16px;
  --alert-icon-gap-large: 8px;
  --alert-font-size-large: 16px;
  --alert-line-height-large: 1.5;
  --alert-title-margin-block-end-large: 4px;
  --alert-border-radius-large: 6px;
  --alert-background-info: var(--odn-color-blue-1);
  --alert-border-color-info: var(--odn-color-blue-2);
  --alert-icon-color-info: var(--odn-color-blue-6);
  --alert-background-danger: var(--odn-color-red-1);
  --alert-border-color-danger: var(--odn-color-red-2);
  --alert-icon-color-danger: var(--odn-color-red-6);
  --alert-background-success: var(--odn-color-green-1);
  --alert-border-color-success: var(--odn-color-green-2);
  --alert-icon-color-success: var(--odn-color-green-6);
  --alert-background-warning: var(--odn-color-orange-1);
  --alert-border-color-warning: var(--odn-color-orange-2);
  --alert-icon-color-warning: var(--odn-color-orange-6);
}

[data-odn-alert] {
  display: flex;
  transition: all 300ms cubic-bezier(0.32, 0.72, 0, 1) 50ms, opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
}

[data-odn-alert-title] {
  font-weight: var(--alert-title-font-weight);
}

[data-odn-alert-icon-wrapper],
[data-odn-alert-close-icon-wrapper] {
  position: relative;
  height: fit-content;
  white-space: nowrap;
}

[data-odn-alert-close-icon-wrapper] {
  cursor: pointer;
}
[data-odn-alert-close-icon-wrapper]:hover [data-odn-alert-close-icon] {
  color: var(--odn-color-black-10);
}

[data-odn-alert-icon-placeholder] {
  color: transparent;
  opacity: 0;
}

[data-odn-alert-icon],
[data-odn-alert-close-icon] {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

[data-odn-alert-right] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  user-select: none;
}

[data-odn-alert-content] {
  flex: 1;
}

[data-odn-alert-close-icon] {
  color: var(--odn-color-black-9);
}

[data-odn-alert-expand-content] {
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.32, 0.72, 0, 1) 50ms, opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
}

[data-odn-alert-expand-button] {
  color: var(--alert-expand-button-color);
  cursor: pointer;
}
[data-odn-alert-expand-button]:hover {
  color: var(--alert-expand-button-hover-color);
}

[data-odn-alert-size=small] {
  gap: var(--alert-icon-gap-small);
  padding: var(--alert-padding-block-small) var(--alert-padding-inline-small);
  font-size: var(--alert-font-size-small);
  line-height: var(--alert-line-height-small);
  border-radius: var(--alert-border-radius-small);
}
[data-odn-alert-size=small] [data-odn-alert-title] {
  margin-block-end: var(--alert-title-margin-block-end-small);
}
[data-odn-alert-size=small] [data-odn-alert-icon-wrapper],
[data-odn-alert-size=small] [data-odn-alert-close-icon-wrapper] {
  min-width: var(--alert-icon-size-small);
}
[data-odn-alert-size=small] [data-odn-alert-icon],
[data-odn-alert-size=small] [data-odn-alert-close-icon] {
  width: var(--alert-icon-size-small);
  height: var(--alert-icon-size-small);
}

[data-odn-alert-size=medium] {
  gap: var(--alert-icon-gap-medium);
  padding: var(--alert-padding-block-medium) var(--alert-padding-inline-medium);
  font-size: var(--alert-font-size-medium);
  line-height: var(--alert-line-height-medium);
  border-radius: var(--alert-border-radius-medium);
}
[data-odn-alert-size=medium] [data-odn-alert-title] {
  margin-block-end: var(--alert-title-margin-block-end-medium);
}
[data-odn-alert-size=medium] [data-odn-alert-icon-wrapper],
[data-odn-alert-size=medium] [data-odn-alert-close-icon-wrapper] {
  min-width: var(--alert-icon-size-medium);
}
[data-odn-alert-size=medium] [data-odn-alert-icon],
[data-odn-alert-size=medium] [data-odn-alert-close-icon] {
  width: var(--alert-icon-size-medium);
  height: var(--alert-icon-size-medium);
}

[data-odn-alert-size=large] {
  gap: var(--alert-icon-gap-large);
  padding: var(--alert-padding-block-large) var(--alert-padding-inline-large);
  font-size: var(--alert-font-size-large);
  line-height: var(--alert-line-height-large);
  border-radius: var(--alert-border-radius-large);
}
[data-odn-alert-size=large] [data-odn-alert-title] {
  margin-block-end: var(--alert-title-margin-block-end-large);
}
[data-odn-alert-size=large] [data-odn-alert-icon-wrapper],
[data-odn-alert-size=large] [data-odn-alert-close-icon-wrapper] {
  min-width: var(--alert-icon-size-large);
}
[data-odn-alert-size=large] [data-odn-alert-icon],
[data-odn-alert-size=large] [data-odn-alert-close-icon] {
  width: var(--alert-icon-size-large);
  height: var(--alert-icon-size-large);
}

[data-odn-alert-intent=info] {
  background: var(--alert-background-info);
  box-shadow: 0 0 0 var(--alert-border-width) var(--alert-border-color-info);
}
[data-odn-alert-intent=info] [data-odn-alert-icon] {
  color: var(--alert-icon-color-info);
}

[data-odn-alert-intent=danger] {
  background: var(--alert-background-danger);
  box-shadow: 0 0 0 var(--alert-border-width) var(--alert-border-color-danger);
}
[data-odn-alert-intent=danger] [data-odn-alert-icon] {
  color: var(--alert-icon-color-danger);
}

[data-odn-alert-intent=success] {
  background: var(--alert-background-success);
  box-shadow: 0 0 0 var(--alert-border-width) var(--alert-border-color-success);
}
[data-odn-alert-intent=success] [data-odn-alert-icon] {
  color: var(--alert-icon-color-success);
}

[data-odn-alert-intent=warning] {
  background: var(--alert-background-warning);
  box-shadow: 0 0 0 var(--alert-border-width) var(--alert-border-color-warning);
}
[data-odn-alert-intent=warning] [data-odn-alert-icon] {
  color: var(--alert-icon-color-warning);
}
html {
  --odn-button-small-padding-inline: 8px;
  --odn-button-small-height: 30px;
  --odn-button-small-font-size: 12px;
  --odn-button-small-icon-size: 14px;
  --odn-button-small-icon-gap: 2px;
  --odn-button-small-border-radius: 6px;
  --odn-button-medium-padding-inline: 12px;
  --odn-button-medium-height: 36px;
  --odn-button-medium-font-size: 14px;
  --odn-button-medium-icon-size: 16px;
  --odn-button-medium-icon-gap: 4px;
  --odn-button-medium-border-radius: 6px;
  --odn-button-large-padding-inline: 16px;
  --odn-button-large-height: 40px;
  --odn-button-large-font-size: 16px;
  --odn-button-large-icon-size: 18px;
  --odn-button-large-icon-gap: 6px;
  --odn-button-large-border-radius: 6px;
  --odn-button-normal-font-weight: 400;
  --odn-button-normal-color: var(--odn-color-black-12);
  --odn-button-normal-bg: var(--odn-color-white);
  --odn-button-normal-border-width: 1px;
  --odn-button-normal-border-style: solid;
  --odn-button-normal-border-color: var(--odn-color-black-6);
  --odn-button-normal-loading-icon-color: var(--odn-color-blue-6);
  --odn-button-normal-color-light: var(--odn-color-black-12);
  --odn-button-normal-bg-hover: var(--odn-color-black-1);
  --odn-button-normal-border-width-hover: 1px;
  --odn-button-normal-border-style-hover: solid;
  --odn-button-normal-border-color-hover: var(--odn-color-black-7);
  --odn-button-normal-bg-active: var(--odn-color-black-4);
  --odn-button-normal-border-width-active: 1px;
  --odn-button-normal-border-style-active: solid;
  --odn-button-normal-border-color-active: var(--odn-color-black-7);
  --odn-button-normal-color-disabled: var(--odn-color-black-8);
  --odn-button-normal-bg-disabled: var(--odn-color-black-3);
  --odn-button-normal-border-width-disabled: 1px;
  --odn-button-normal-border-style-disabled: solid;
  --odn-button-normal-border-color-disabled: var(--odn-color-black-6);
  --odn-button-normal-outline-width-focus: 2px;
  --odn-button-normal-outline-style-focus: solid;
  --odn-button-normal-outline-color-focus: var(--odn-color-black-2);
  --odn-button-primary-font-weight: 400;
  --odn-button-primary-color: var(--odn-color-white);
  --odn-button-primary-bg: var(--odn-color-blue-6);
  --odn-button-primary-border-width: 1px;
  --odn-button-primary-border-style: solid;
  --odn-button-primary-border-color: var(--odn-color-blue-6);
  --odn-button-primary-loading-icon-color: var(--odn-color-white);
  --odn-button-primary-color-light: var(--odn-color-blue-6);
  --odn-button-primary-bg-hover: var(--odn-color-blue-7);
  --odn-button-primary-border-width-hover: 1px;
  --odn-button-primary-border-style-hover: solid;
  --odn-button-primary-border-color-hover: var(--odn-color-blue-7);
  --odn-button-primary-bg-active: var(--odn-color-blue-8);
  --odn-button-primary-border-width-active: 1px;
  --odn-button-primary-border-style-active: solid;
  --odn-button-primary-border-color-active: var(--odn-color-blue-8);
  --odn-button-primary-color-disabled: var(--odn-color-white);
  --odn-button-primary-bg-disabled: var(--odn-color-blue-3);
  --odn-button-primary-border-width-disabled: 1px;
  --odn-button-primary-border-style-disabled: solid;
  --odn-button-primary-border-color-disabled: var(--odn-color-blue-3);
  --odn-button-primary-outline-width-focus: 2px;
  --odn-button-primary-outline-style-focus: solid;
  --odn-button-primary-outline-color-focus: var(--odn-color-blue-2);
  --odn-button-danger-font-weight: 400;
  --odn-button-danger-color: var(--odn-color-white);
  --odn-button-danger-bg: var(--odn-color-red-6);
  --odn-button-danger-border-width: 1px;
  --odn-button-danger-border-style: solid;
  --odn-button-danger-border-color: var(--odn-color-red-6);
  --odn-button-danger-loading-icon-color: var(--odn-color-white);
  --odn-button-danger-color-light: var(--odn-color-red-6);
  --odn-button-danger-bg-hover: var(--odn-color-red-7);
  --odn-button-danger-border-width-hover: 1px;
  --odn-button-danger-border-style-hover: solid;
  --odn-button-danger-border-color-hover: var(--odn-color-red-7);
  --odn-button-danger-bg-active: var(--odn-color-red-8);
  --odn-button-danger-border-width-active: 1px;
  --odn-button-danger-border-style-active: solid;
  --odn-button-danger-border-color-active: var(--odn-color-red-8);
  --odn-button-danger-color-disabled: var(--odn-color-white);
  --odn-button-danger-bg-disabled: var(--odn-color-red-3);
  --odn-button-danger-border-width-disabled: 1px;
  --odn-button-danger-border-style-disabled: solid;
  --odn-button-danger-border-color-disabled: var(--odn-color-red-3);
  --odn-button-danger-outline-width-focus: 2px;
  --odn-button-danger-outline-style-focus: solid;
  --odn-button-danger-outline-color-focus: var(--odn-color-red-2);
}

[data-odn-button] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s cubic-bezier(0.32, 0.72, 0, 1);
}
[data-odn-button]:disabled, [data-odn-button][data-odn-button-loading=true] {
  cursor: not-allowed;
}
[data-odn-button][data-odn-button-loading=true] [data-odn-button-content],
[data-odn-button][data-odn-button-loading=true] [data-odn-button-icon],
[data-odn-button][data-odn-button-loading=true] [data-odn-button-right-icon] {
  opacity: 0;
}

[data-odn-button-loading-icon-wrapper] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}

[data-odn-button-hover-fill] {
  display: inline-block;
}

[data-odn-button-size=small] {
  padding: 0 var(--odn-button-small-padding-inline);
  height: var(--odn-button-small-height);
  font-size: var(--odn-button-small-font-size);
  border-radius: var(--odn-button-small-border-radius);
}
[data-odn-button-size=small] [data-odn-button-icon],
[data-odn-button-size=small] [data-odn-button-loading-icon],
[data-odn-button-size=small] [data-odn-button-right-icon] {
  width: var(--odn-button-small-icon-size);
  height: var(--odn-button-small-icon-size);
}
[data-odn-button-size=small] [data-odn-button-icon]:not(:only-child) {
  margin-right: var(--odn-button-small-icon-gap);
}
[data-odn-button-size=small] [data-odn-button-right-icon]:not(:only-child) {
  margin-left: var(--odn-button-small-icon-gap);
}
[data-odn-button-size=small]:has([data-odn-button-icon]:only-child), [data-odn-button-size=small]:has([data-odn-button-right-icon]:only-child) {
  padding: 0 calc(var(--odn-button-small-height) / 2 - var(--odn-button-small-icon-size) / 2 - var(--odn-button-normal-border-width));
}

.odn-button-hover-fill-small {
  border-radius: var(--odn-button-small-border-radius);
}

[data-odn-button-size=medium] {
  padding: 0 var(--odn-button-medium-padding-inline);
  height: var(--odn-button-medium-height);
  font-size: var(--odn-button-medium-font-size);
  border-radius: var(--odn-button-medium-border-radius);
}
[data-odn-button-size=medium] [data-odn-button-icon],
[data-odn-button-size=medium] [data-odn-button-loading-icon],
[data-odn-button-size=medium] [data-odn-button-right-icon] {
  width: var(--odn-button-medium-icon-size);
  height: var(--odn-button-medium-icon-size);
}
[data-odn-button-size=medium] [data-odn-button-icon]:not(:only-child) {
  margin-right: var(--odn-button-medium-icon-gap);
}
[data-odn-button-size=medium] [data-odn-button-right-icon]:not(:only-child) {
  margin-left: var(--odn-button-medium-icon-gap);
}
[data-odn-button-size=medium]:has([data-odn-button-icon]:only-child), [data-odn-button-size=medium]:has([data-odn-button-right-icon]:only-child) {
  padding: 0 calc(var(--odn-button-medium-height) / 2 - var(--odn-button-medium-icon-size) / 2 - var(--odn-button-normal-border-width));
}

.odn-button-hover-fill-medium {
  border-radius: var(--odn-button-medium-border-radius);
}

[data-odn-button-size=large] {
  padding: 0 var(--odn-button-large-padding-inline);
  height: var(--odn-button-large-height);
  font-size: var(--odn-button-large-font-size);
  border-radius: var(--odn-button-large-border-radius);
}
[data-odn-button-size=large] [data-odn-button-icon],
[data-odn-button-size=large] [data-odn-button-loading-icon],
[data-odn-button-size=large] [data-odn-button-right-icon] {
  width: var(--odn-button-large-icon-size);
  height: var(--odn-button-large-icon-size);
}
[data-odn-button-size=large] [data-odn-button-icon]:not(:only-child) {
  margin-right: var(--odn-button-large-icon-gap);
}
[data-odn-button-size=large] [data-odn-button-right-icon]:not(:only-child) {
  margin-left: var(--odn-button-large-icon-gap);
}
[data-odn-button-size=large]:has([data-odn-button-icon]:only-child), [data-odn-button-size=large]:has([data-odn-button-right-icon]:only-child) {
  padding: 0 calc(var(--odn-button-large-height) / 2 - var(--odn-button-large-icon-size) / 2 - var(--odn-button-normal-border-width));
}

.odn-button-hover-fill-large {
  border-radius: var(--odn-button-large-border-radius);
}

[data-odn-button-intent=normal] {
  font-weight: var(--odn-button-normal-font-weight);
  color: var(--odn-button-normal-color);
}
[data-odn-button-intent=normal][data-odn-button-light=true] {
  color: var(--odn-button-normal-color-light);
}
[data-odn-button-intent=normal]:not([data-odn-button-light=true]) {
  background: var(--odn-button-normal-bg);
  border: var(--odn-button-normal-border-width) var(--odn-button-normal-border-style) var(--odn-button-normal-border-color);
  outline: 0 var(--odn-button-normal-outline-style) var(--odn-button-normal-outline-color);
}
[data-odn-button-intent=normal]:disabled {
  color: var(--odn-button-normal-color-disabled);
  background: var(--odn-button-normal-bg-disabled);
  border: var(--odn-button-normal-border-width-disabled) var(--odn-button-normal-border-style-disabled) var(--odn-button-normal-border-color-disabled);
}
[data-odn-button-intent=normal][data-odn-button-loading=true] {
  background: var(--odn-button-normal-bg-active);
  border: var(--odn-button-normal-border-width-active) var(--odn-button-normal-border-style-active) var(--odn-button-normal-border-color-active);
}
[data-odn-button-intent=normal]:not(:disabled):not([data-odn-button-loading=true]):not([data-odn-button-light=true]):hover {
  background: var(--odn-button-normal-bg-hover);
  border: var(--odn-button-normal-border-width-hover) var(--odn-button-normal-border-style-hover) var(--odn-button-normal-border-color-hover);
}
[data-odn-button-intent=normal]:not(:disabled):not([data-odn-button-loading=true]):not([data-odn-button-light=true]):active {
  background: var(--odn-button-normal-bg-active);
  border: var(--odn-button-normal-border-width-active) var(--odn-button-normal-border-style-active) var(--odn-button-normal-border-color-active);
}
[data-odn-button-intent=normal]:not(:disabled):not([data-odn-button-loading=true]):not([data-odn-button-light=true]):focus-visible {
  outline: var(--odn-button-normal-outline-width-focus) var(--odn-button-normal-outline-style-focus) var(--odn-button-normal-outline-color-focus);
}
[data-odn-button-intent=normal] [data-odn-button-loading-icon-wrapper] {
  color: var(--odn-button-normal-loading-icon-color);
}

[data-odn-button-intent=danger] {
  font-weight: var(--odn-button-danger-font-weight);
  color: var(--odn-button-danger-color);
}
[data-odn-button-intent=danger][data-odn-button-light=true] {
  color: var(--odn-button-danger-color-light);
}
[data-odn-button-intent=danger]:not([data-odn-button-light=true]) {
  background: var(--odn-button-danger-bg);
  border: var(--odn-button-danger-border-width) var(--odn-button-danger-border-style) var(--odn-button-danger-border-color);
  outline: 0 var(--odn-button-danger-outline-style) var(--odn-button-danger-outline-color);
}
[data-odn-button-intent=danger]:disabled {
  color: var(--odn-button-danger-color-disabled);
  background: var(--odn-button-danger-bg-disabled);
  border: var(--odn-button-danger-border-width-disabled) var(--odn-button-danger-border-style-disabled) var(--odn-button-danger-border-color-disabled);
}
[data-odn-button-intent=danger][data-odn-button-loading=true] {
  background: var(--odn-button-danger-bg-active);
  border: var(--odn-button-danger-border-width-active) var(--odn-button-danger-border-style-active) var(--odn-button-danger-border-color-active);
}
[data-odn-button-intent=danger]:not(:disabled):not([data-odn-button-loading=true]):not([data-odn-button-light=true]):hover {
  background: var(--odn-button-danger-bg-hover);
  border: var(--odn-button-danger-border-width-hover) var(--odn-button-danger-border-style-hover) var(--odn-button-danger-border-color-hover);
}
[data-odn-button-intent=danger]:not(:disabled):not([data-odn-button-loading=true]):not([data-odn-button-light=true]):active {
  background: var(--odn-button-danger-bg-active);
  border: var(--odn-button-danger-border-width-active) var(--odn-button-danger-border-style-active) var(--odn-button-danger-border-color-active);
}
[data-odn-button-intent=danger]:not(:disabled):not([data-odn-button-loading=true]):not([data-odn-button-light=true]):focus-visible {
  outline: var(--odn-button-danger-outline-width-focus) var(--odn-button-danger-outline-style-focus) var(--odn-button-danger-outline-color-focus);
}
[data-odn-button-intent=danger] [data-odn-button-loading-icon-wrapper] {
  color: var(--odn-button-danger-loading-icon-color);
}

[data-odn-button-intent=primary] {
  font-weight: var(--odn-button-primary-font-weight);
  color: var(--odn-button-primary-color);
}
[data-odn-button-intent=primary][data-odn-button-light=true] {
  color: var(--odn-button-primary-color-light);
}
[data-odn-button-intent=primary]:not([data-odn-button-light=true]) {
  background: var(--odn-button-primary-bg);
  border: var(--odn-button-primary-border-width) var(--odn-button-primary-border-style) var(--odn-button-primary-border-color);
  outline: 0 var(--odn-button-primary-outline-style) var(--odn-button-primary-outline-color);
}
[data-odn-button-intent=primary]:disabled {
  color: var(--odn-button-primary-color-disabled);
  background: var(--odn-button-primary-bg-disabled);
  border: var(--odn-button-primary-border-width-disabled) var(--odn-button-primary-border-style-disabled) var(--odn-button-primary-border-color-disabled);
}
[data-odn-button-intent=primary][data-odn-button-loading=true] {
  background: var(--odn-button-primary-bg-active);
  border: var(--odn-button-primary-border-width-active) var(--odn-button-primary-border-style-active) var(--odn-button-primary-border-color-active);
}
[data-odn-button-intent=primary]:not(:disabled):not([data-odn-button-loading=true]):not([data-odn-button-light=true]):hover {
  background: var(--odn-button-primary-bg-hover);
  border: var(--odn-button-primary-border-width-hover) var(--odn-button-primary-border-style-hover) var(--odn-button-primary-border-color-hover);
}
[data-odn-button-intent=primary]:not(:disabled):not([data-odn-button-loading=true]):not([data-odn-button-light=true]):active {
  background: var(--odn-button-primary-bg-active);
  border: var(--odn-button-primary-border-width-active) var(--odn-button-primary-border-style-active) var(--odn-button-primary-border-color-active);
}
[data-odn-button-intent=primary]:not(:disabled):not([data-odn-button-loading=true]):not([data-odn-button-light=true]):focus-visible {
  outline: var(--odn-button-primary-outline-width-focus) var(--odn-button-primary-outline-style-focus) var(--odn-button-primary-outline-color-focus);
}
[data-odn-button-intent=primary] [data-odn-button-loading-icon-wrapper] {
  color: var(--odn-button-primary-loading-icon-color);
}