/*! Copyright 2026 Fonticons, Inc. - https://webawesome.com/license */
import { css } from "lit";
var details_styles_default = css`:host {
  --spacing: var(--wa-space-m);
  --show-duration: 200ms;
  --hide-duration: 200ms;
  display: block;
}
details {
  display: block;
  overflow-anchor: none;
  border: var(--wa-panel-border-width) var(--wa-color-surface-border) var(--wa-panel-border-style);
  background-color: var(--wa-color-surface-default);
  border-radius: var(--wa-panel-border-radius);
  color: var(--wa-color-text-normal);
}
@media print {
  details {
    background: none;
    border: solid var(--wa-border-width-s) var(--wa-color-surface-border);
  }
  details summary {
    list-style: none;
  }
}
:host([appearance="plain"]) details {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
}
:host([appearance="outlined"]) details {
  background-color: var(--wa-color-surface-default);
  border-color: var(--wa-color-surface-border);
}
:host([appearance="filled"]) details {
  background-color: var(--wa-color-neutral-fill-quiet);
  border-color: transparent;
}
:host([appearance="filled-outlined"]) details {
  background-color: var(--wa-color-neutral-fill-quiet);
  border-color: var(--wa-color-neutral-border-quiet);
}
:host([disabled]) details {
  opacity: 0.5;
  cursor: not-allowed;
}
summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing);
  padding: var(--spacing);
  border-radius: calc(var(--wa-panel-border-radius) - var(--wa-panel-border-width));
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}
summary::marker,
summary::-webkit-details-marker {
  display: none;
}
summary:focus {
  outline: none;
}
summary:focus-visible {
  outline: var(--wa-focus-ring);
  outline-offset: calc(var(--wa-panel-border-width) + var(--wa-focus-ring-offset));
}
:host([open]) summary {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
:host([icon-placement="start"]) summary {
  flex-direction: row-reverse;
  justify-content: start;
}
[part~=icon] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  color: var(--wa-color-text-quiet);
  transition: rotate var(--wa-transition-normal) var(--wa-transition-easing);
}
:host([open]) [part~=icon] {
  rotate: 90deg;
}
:host([open]:dir(rtl)) [part~=icon] {
  rotate: -90deg;
}
:host([open]) slot[name=expand-icon],
:host(:not([open])) slot[name=collapse-icon] {
  display: none;
}
.body.animating {
  overflow: hidden;
}
.content {
  display: block;
  box-sizing: border-box;
  padding-block-start: var(--spacing);
  padding-inline: var(--spacing);
  padding-block-end: var(--spacing);
}
`;
export {
  details_styles_default as default
};
