@use "../../../styles/spacing.scss";
@use "../../../styles/colors.scss";
@use "../../../styles/elevation.scss";
@use "sass:map";

.container {
  --border-color: #fff;
  --border-size: calc(#{spacing.$spacing-1} / 2);

  width: 100%;
  height: auto;
  max-width: spacing.$spacing-8;
  margin: var(--border-size);
  filter: drop-shadow(var(--border-size) 0 var(--border-color))
    drop-shadow(calc(-1 * var(--border-size)) 0 var(--border-color))
    drop-shadow(0 var(--border-size) var(--border-color))
    drop-shadow(0 calc(-1 * var(--border-size)) var(--border-color))
    drop-shadow(map.get(elevation.$shadow-sizes, "100"));
}