@use '../../../styles/tools' as *;
@import 'variables';

ion-popover {
  --border-color: var(--sd-sys-color-surface-border);
  --max-height: 320px;
  --offset-y: 4px;
  --padding-bottom: 16px;
  --padding-end: 16px;
  --padding-start: 16px;
  --padding-top: 16px;
}

ion-popover {
  &::part(content) {
    @include shadow(md);
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color);
  }
}