/*! Copyright 2026 Fonticons, Inc. - https://webawesome.com/license */
import {
  i
} from "./chunk.7OBLIRXR.js";

// src/components/popover/popover.styles.ts
var popover_styles_default = i`:host {
  --arrow-size: 0.375rem;
  --max-width: 25rem;
  --show-duration: 100ms;
  --hide-duration: 100ms;
  display: contents;
  font-size: var(--wa-font-size-m);
  line-height: var(--wa-line-height-normal);
  text-align: start;
  white-space: normal;
}
.dialog {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  overflow: visible;
  pointer-events: none;
}
.dialog:focus {
  outline: none;
}
.dialog[open] {
  display: block;
}
.popover {
  --arrow-size: inherit;
  --popup-border-width: var(--wa-panel-border-width);
  --show-duration: inherit;
  --hide-duration: inherit;
  pointer-events: auto;
}
.popover::part(arrow) {
  background-color: var(--wa-color-surface-default);
  border-top: none;
  border-left: none;
  border-bottom: solid var(--wa-panel-border-width) var(--wa-color-surface-border);
  border-right: solid var(--wa-panel-border-width) var(--wa-color-surface-border);
  box-shadow: none;
}
.popover[placement^=top]::part(popup) {
  transform-origin: bottom;
}
.popover[placement^=bottom]::part(popup) {
  transform-origin: top;
}
.popover[placement^=left]::part(popup) {
  transform-origin: right;
}
.popover[placement^=right]::part(popup) {
  transform-origin: left;
}
.body {
  display: flex;
  flex-direction: column;
  width: auto;
  max-width: min(var(--max-width), 100vw);
  padding: var(--wa-space-l);
  background-color: var(--wa-color-surface-default);
  border: var(--wa-panel-border-width) solid var(--wa-color-surface-border);
  border-radius: var(--wa-panel-border-radius);
  border-style: var(--wa-panel-border-style);
  box-shadow: var(--wa-shadow-l);
  color: var(--wa-color-text-normal);
  user-select: none;
  -webkit-user-select: none;
}
.popover[data-current-placement^=top] .body,
.popover[data-current-placement^=bottom] .body {
  max-width: min(var(--max-width), 100vw - (var(--wa-space-m) * 2));
  margin-inline: var(--wa-space-m);
}
.popover[data-current-placement^=left] .body,
.popover[data-current-placement^=right] .body {
  max-height: calc(100vh - (var(--wa-space-m) * 2));
  margin-block: var(--wa-space-m);
}
`;

export {
  popover_styles_default
};
