/* src/base-components/action-button/ActionButton.module.css */
.button {
  min-height: var(--osdk-button-min-height);
  padding: calc(var(--osdk-surface-spacing) * 1.5) calc(var(--osdk-surface-spacing) * 1.75);
  border: var(--osdk-button-border);
  border-radius: var(--osdk-button-border-radius);
  box-shadow: var(--osdk-button-shadow);
  font-size: var(--osdk-typography-size-body-medium);
  cursor: pointer;
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
  &:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
}
.secondaryButton {
  background-color: var(--osdk-button-secondary-bg);
  border-color: var(--osdk-button-secondary-border-color);
  color: var(--osdk-button-secondary-color);
  &:hover:not(:disabled) {
    background-color: var(--osdk-button-secondary-bg-hover);
  }
  &:active:not(:disabled) {
    background-color: var(--osdk-button-secondary-bg-active);
  }
}
.primaryButton {
  background-color: var(--osdk-button-primary-bg);
  border-color: var(--osdk-button-primary-border-color);
  color: var(--osdk-button-primary-color);
  &:hover:not(:disabled) {
    background-color: var(--osdk-button-primary-bg-hover);
  }
  &:active:not(:disabled) {
    background-color: var(--osdk-button-primary-bg-active);
  }
}
.minimalButton {
  background-color: var(--osdk-button-minimal-bg);
  border: var(--osdk-button-minimal-border);
  box-shadow: var(--osdk-button-minimal-shadow);
  color: var(--osdk-button-secondary-minimal-color);
  &:hover:not(:disabled) {
    background-color: var(--osdk-button-minimal-bg-hover);
  }
  &:active:not(:disabled) {
    background-color: var(--osdk-button-minimal-bg-active);
  }
}
.primaryButton.minimalButton {
  color: var(--osdk-button-primary-minimal-color);
}

/* src/base-components/dialog/Dialog.module.css */
.backdrop {
  position: fixed;
  inset: 0;
  background-color: var(--osdk-dialog-backdrop-bg);
  z-index: var(--osdk-surface-z-index-1);
}
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: var(--osdk-dialog-min-width);
  max-width: var(--osdk-dialog-max-width);
  min-height: var(--osdk-dialog-min-height);
  max-height: var(--osdk-dialog-max-height);
  background-color: var(--osdk-dialog-bg);
  border-radius: var(--osdk-surface-border-radius);
  box-shadow: var(--osdk-dialog-shadow);
  z-index: var(--osdk-surface-z-index-2);
  display: flex;
  flex-direction: column;
}
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--osdk-dialog-header-padding);
  border-bottom: var(--osdk-surface-border);
}
.title {
  font-size: var(--osdk-dialog-title-font-size);
  font-weight: var(--osdk-dialog-title-font-weight);
  color: var(--osdk-dialog-title-color);
}
.body {
  display: flex;
  padding: var(--osdk-dialog-body-padding);
  overflow-y: auto;
  flex: 1;
}
.footer {
  display: flex;
  justify-content: flex-end;
  gap: calc(var(--osdk-surface-spacing) * 2);
  padding: var(--osdk-dialog-footer-padding);
  border-top: var(--osdk-surface-border);
}
.closeButton {
  background: none;
  border: none;
  padding: calc(var(--osdk-surface-spacing) * 0.5);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--osdk-surface-border-radius);
  &:hover {
    background-color: var(--osdk-surface-background-color-default-hover);
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.closeIcon {
  width: var(--osdk-iconography-size-small);
  height: var(--osdk-iconography-size-small);
  color: var(--osdk-typography-color-muted);
}

/* src/base-components/skeleton/SkeletonBar.module.css */
@keyframes skeleton-glow {
  from {
    background: var(--osdk-background-skeleton-from);
  }
  to {
    background: var(--osdk-background-skeleton-to);
  }
}
.skeletonBar {
  animation: 1000ms linear infinite alternate skeleton-glow;
  background: var(--osdk-background-skeleton-from);
  border-radius: var(--osdk-surface-border-radius);
  pointer-events: none;
  user-select: none;
}
@media (prefers-reduced-motion: reduce) {
  .skeletonBar {
    animation: none;
  }
}

/* src/base-components/tooltip/Tooltip.module.css */
.osdkTooltipTrigger {
  border: none;
  background: inherit;
}
.osdkTooltipPositioner {
  z-index: var(--osdk-tooltip-z-index);
}
.osdkTooltipPopup {
  padding: var(--osdk-tooltip-padding);
  background-color: var(--osdk-tooltip-bg);
  color: var(--osdk-tooltip-color);
  border-radius: var(--osdk-surface-border-radius);
  box-shadow: var(--osdk-tooltip-shadow);
  max-width: var(--osdk-tooltip-max-width);
  font-size: var(--osdk-tooltip-font-size);
}
.osdkTooltipArrow {
  display: flex;
  &[data-side=top] {
    bottom: -8px;
    rotate: 180deg;
  }
  &[data-side=bottom] {
    top: -8px;
    rotate: 0deg;
  }
  &[data-side=left] {
    right: -13px;
    rotate: 90deg;
  }
  &[data-side=right] {
    left: -13px;
    rotate: -90deg;
  }
}
.tooltipArrowFill {
  fill: var(--osdk-tooltip-bg);
}
.tooltipArrowOuterStroke {
  fill: var(--osdk-tooltip-border-color);
}
/*# sourceMappingURL=primitives.css.map */