* {
  box-sizing: border-box;
}

body {
  font-family: 'Noto IKEA';
  background: #f5f5f5;
}

@font-face {
  font-family: 'Noto IKEA';
  src: url('./IKEA_font_regular.woff2') format('truetype');
}

@layer base {
  div {
    padding: 0px 0px 0px 0px;
  }
}

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

/* Override search component's hover effect,
https://github.com/backstage/backstage/blob/master/plugins/search/src/components/SearchModal/SearchModal.tsx#L94 */
.MuiDialog-container
  .MuiPaper-root
  .MuiDialogContent-root
  .MuiGrid-root
  .MuiGrid-root
  button:hover {
  background: black;
}

div[class*='MuiPopover-paper']
  ul[class*='MuiList-root']
  li:first-child[class*='MuiMenuItem-root'] {
  white-space: normal;
}

/* Toolbox component styles */

div[class*='MuiButtonGroup-root'] button[class*='MuiButton-root'] {
  background: #f9f9f9;
  margin-right: 0px;
  color: black;
  border: none;
}

div[class*='MuiButtonGroup-root'] button[class*='MuiButton-root']:hover {
  background: #dfdfdf;
}

div[class*='MuiButtonGroup-root'] span[class*='MuiButton-root'] {
  background: #f9f9f9;
  margin-right: 0px;
  color: black;
}

div[class*='MuiButtonGroup-root'] span[class*='MuiButton-root']:hover {
  background: #dfdfdf;
}

button[class*='MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textInherit'] {
  background: #f9f9f9;
  color: black;
  min-width: 70px;
}

/* Remove the "open in separate window" button */
a:has(> svg[data-testid='OpenInNewIcon']),
button:has(> svg[data-testid='OpenInNewIcon']) {
  display: none;
}

div[class*='MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-lg-4'] {
  margin-top: 17px;
}

button[class*='MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textInherit']:hover {
  background: #dfdfdf;
}

li[class*='MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters'] {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}

div[class*='MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-8 MuiGrid-grid-lg-6']
  div[class*='MuiFormControl-root MuiTextField-root'] {
  margin-bottom: 5px;
}

div[class*='MuiGrid-root MuiGrid-item']
  label[class*='MuiFormControlLabel-root MuiFormControlLabel-labelPlacementStart']
  span[class*='MuiSwitch-root MuiSwitch-sizeMedium'] {
  background: #dfdfdf;
  border-radius: 24px;
  height: 24px;
}

.bui-Dialog {
  background: #fff !important;
  z-index: 2 !important;
}
.MuiDialog-root {
  z-index: 1 !important;
}

.bui-Button {
  border-radius: 30px !important;
  padding: 10px 16px !important;
}
.bui-Button[data-variant='primary'] {
  background-color: #000 !important;
}