@utrecht/components/combobox/dist/index.css

Components for the Municipality of Utrecht based on the NL Design System architecture

/**
 * @license EUPL-1.2
 * Copyright (c) 2023 Frameless B.V.
 */
/**
 * @license EUPL-1.2
 * Copyright (c) 2023 Frameless B.V.
 */
/** 
 * Reset `padding` and `border` default styling from [popover] attribute.
 */
.utrecht-combobox {
  inline-size: 100%;
  max-inline-size: var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size));
  position: relative;
}

.utrecht-combobox__popover {
  border-width: 0;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  background-color: canvas;
  block-size: fit-content;
  color: canvastext;
  inline-size: fit-content;
  inset: 0;
  overflow: auto;
  position: absolute;
  z-index: var(--utrecht-combobox-popover-z-index);
}

.utrecht-combobox__popover--block-end {
  inset-block-start: 100%;
}

.utrecht-combobox__popover--hidden {
  display: none !important;
}