:root,
page,
xhs-page {
  --bui-desktop-picker-zindex: var(--bui-z-index-tooltip);
  --bui-desktop-picker-bg: var(--bui-color-bg-view);
  --bui-desktop-picker-shadow: 0 0 0 2px var(--bui-color-bg-default);
}
.bui-desktop-picker {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
.bui-desktop-picker-container {
  position: absolute;
  box-sizing: border-box;
  visibility: hidden;
  z-index: var(--bui-desktop-picker-zindex);
}
.bui-desktop-picker-container-content {
  border-radius: 3px;
  background-color: var(--bui-desktop-picker-bg);
  box-shadow: var(--bui-desktop-picker-shadow);
}
.bui-desktop-picker-container-open {
  transform: none;
  transition: opacity 321ms cubic-bezier(0.4, 0, 0.2, 1), transform 214ms cubic-bezier(0.4, 0, 0.2, 1);
}
.bui-desktop-picker-container-close {
  opacity: 0;
  transform: scale(0.75, 0.5625);
  transition: opacity 321ms cubic-bezier(0.4, 0, 0.2, 1), transform 214ms cubic-bezier(0.4, 0, 0.2, 1) 107ms;
}
.bui-desktop-picker-top {
  margin-top: -6px;
}
.bui-desktop-picker-bottom {
  margin-top: 6px;
}