@value (colorBackgroundTertiary) from '../../styles/variables/_color.css';
@value (size160, sizeFluid, size300, size240) from '../../styles/variables/_size.css';
@value (borderRadiusMedium) from '../../styles/variables/_border.css';
@value (elevationMenu) from '../../styles/variables/_elevation.css';

.overlayWrapper {
  composes: boxShadow2 from '../../styles/shadow.module.css';
  composes: borderPrimary from '../../styles/border.module.css';
  display: flex;
  position: relative;
  background-color: colorBackgroundTertiary;
  flex-flow: column;
  min-width: size160;
  border-radius: borderRadiusMedium;
}

.overlayContainer {
  width: var(--dropdown-width);
  z-index: var(--menu-elevation);
}

.medium {
  width: size300;
  min-width: size300;
}

.small {
  width: size240;
  min-width: size240;
}

.fluid {
  width: sizeFluid;
  min-width: size160;
}

.isFluid {
  width: sizeFluid;
}