.icon--TpySZ {
  display: inline-block;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  width: var(--icon-item-width);
  height: var(--icon-item-height);
}

.icon__item--size-12--HKFgN {
  --icon-item-width: 0.75rem;
  --icon-item-height: 0.75rem;
}

.icon__item--size-16--axTU6 {
  --icon-item-width: 1rem;
  --icon-item-height: 1rem;
}

.icon__item--size-20--s3twh {
  --icon-item-width: 1.25rem;
  --icon-item-height: 1.25rem;
}

.icon__item--size-24--w1nCR {
  --icon-item-width: 1.5rem;
  --icon-item-height: 1.5rem;
}

.button--gJrlK {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: var(--button-height);
  stroke: none;
  font: var(--font);
  border-radius: 4px;
  box-sizing: border-box;
  padding: var(--button-padding-vertical) var(--button-padding-horizontal);
  background-color: var(--background-color);
  color: var(--font-color);
  transition: var(--transition-fast);
  outline: 1px solid transparent;
  outline: 1px solid var(--outline-color, transparent);
  border: 1px solid transparent;
  border: 1px solid var(--border-color, transparent);
  cursor: pointer;
  text-decoration: none;
}

.button--gJrlK:disabled {
  opacity: 50%;
  pointer-events: none;
}

/*Button Primary*/
/*Fill*/
.button--primary--P2B_g.button--fill--Rvklr {
  --background-color: var(--color-primary-500);
  --font-color: var(--color-bw-50);
}
.button--primary--P2B_g.button--fill--Rvklr:hover:not(:disabled) {
  --background-color: var(--color-primary-600);
}
.button--primary--P2B_g.button--fill--Rvklr:focus {
  --background-color: var(--color-primary-500);
  --border-color: var(--color-bw-50);
  --outline-color: var(--color-primary-500);
}

/*Stoke*/
.button--primary--P2B_g.button--stroke--JFPO7 {
  --background-color: var(--color-bw-50);
  --font-color: var(--color-primary-500);
  --border-color: var(--color-primary-500);
}
.button--primary--P2B_g.button--stroke--JFPO7:hover:not(:disabled) {
  --font-color: var(--color-primary-600);
  --border-color: var(--color-primary-600);
}
.button--primary--P2B_g.button--stroke--JFPO7:focus {
  --border-color: var(--color-primary-500);
  --outline-color: var(--color-primary-200);
}

/*Ghost*/
.button--primary--P2B_g.button--ghost--J7Fxa {
  --background-color: var(--color-primary-100);
  --font-color: var(--color-primary-700);
}
.button--primary--P2B_g.button--ghost--J7Fxa:hover:not(:disabled) {
  --background-color: var(--color-primary-200);
  --font-color: var(--color-primary-600);
}

.button--primary--P2B_g.button--ghost--J7Fxa:focus {
  --border-color: var(--color-bw-50);
  --font-color: var(--color-primary-700);
  --outline-color: var(--color-primary-700);
}

/*Button Primary*/
/*Fill*/
.button--secondary--x5OdG.button--fill--Rvklr {
  --background-color: var(--color-grey-800);
  --font-color: var(--color-bw-50);
}
.button--secondary--x5OdG.button--fill--Rvklr:hover:not(:disabled) {
  --background-color: var(--color-grey-900);
}
.button--secondary--x5OdG.button--fill--Rvklr:focus {
  --background-color: var(--color-grey-800);
  --border-color: var(--color-bw-50);
  --outline-color: var(--color-grey-800);
}
.button--secondary--x5OdG.button--fill--Rvklr:disabled {
  opacity: 100%;
  color: var(--color-grey-400);
}
/*Stroke*/
.button--secondary--x5OdG.button--stroke--JFPO7 {
  --background-color: var(--color-bw-50);
  --font-color: var(--color-grey-700);
  --border-color: var(--color-grey-300);
}
.button--secondary--x5OdG.button--stroke--JFPO7:hover:not(:disabled) {
  --border-color: var(--color-grey-300);
  --background-color: var(--color-grey-50);
}

.button--secondary--x5OdG.button--stroke--JFPO7:focus {
  --border-color: var(--color-grey-300);
  --outline-color: var(--color-grey-200);
}

/*Ghost*/
.button--secondary--x5OdG.button--ghost--J7Fxa {
  --background-color: var(--color-grey-100);
  --font-color: var(--color-grey-700);
}
.button--secondary--x5OdG.button--ghost--J7Fxa:hover:not(:disabled) {
  --background-color: var(--color-grey-200);
  --font-color: var(--color-grey-600);
}

.button--secondary--x5OdG.button--ghost--J7Fxa:focus {
  --border-color: var(--color-bw-50);
  --font-color: var(--color-grey-700);
  --outline-color: var(--color-grey-700);
}


/*Button Success*/
/*Fill*/
.button--success--xc3ND.button--fill--Rvklr {
  --background-color: var(--color-success-600);
  --font-color: var(--color-bw-50);
}
.button--success--xc3ND.button--fill--Rvklr:hover:not(:disabled) {
  --background-color: var(--color-success-700);
}
.button--success--xc3ND.button--fill--Rvklr:focus {
  --background-color: var(--color-success-600);
  --border-color: var(--color-bw-50);
  --outline-color: var(--color-success-600);
}
/*Stroke*/
.button--success--xc3ND.button--stroke--JFPO7 {
  --background-color: var(--color-bw-50);
  --font-color: var(--color-success-700);
  --border-color: var(--color-success-300);
}
.button--success--xc3ND.button--stroke--JFPO7:hover:not(:disabled) {
  --border-color: var(--color-success-300);
  --background-color: var(--color-success-50);
}

.button--success--xc3ND.button--stroke--JFPO7:focus {
  --border-color: var(--color-success-300);
  --outline-color: var(--color-success-200);
}
/*Ghost*/
.button--success--xc3ND.button--ghost--J7Fxa {
  --background-color: var(--color-success-100);
  --font-color: var(--color-success-700);
}
.button--success--xc3ND.button--ghost--J7Fxa:hover:not(:disabled) {
  --background-color: var(--color-success-200);
  --font-color: var(--color-success-600);
}

.button--success--xc3ND.button--ghost--J7Fxa:focus {
  --border-color: var(--color-bw-50);
  --font-color: var(--color-success-700);
  --outline-color: var(--color-success-700);
}

/* Button info */
/* Fill */
.button--info--dppxr.button--fill--Rvklr {
  --background-color: var(--color-info-600);
  --font-color: var(--color-bw-50);
}
.button--info--dppxr.button--fill--Rvklr:hover:not(:disabled) {
  --background-color: var(--color-info-700);
}
.button--info--dppxr.button--fill--Rvklr:focus {
  --background-color: var(--color-info-600);
  --border-color: var(--color-bw-50);
  --outline-color: var(--color-info-600);
}
/* Stroke */
.button--info--dppxr.button--stroke--JFPO7 {
  --background-color: var(--color-bw-50);
  --font-color: var(--color-info-700);
  --border-color: var(--color-info-300);
}
.button--info--dppxr.button--stroke--JFPO7:hover:not(:disabled) {
  --border-color: var(--color-info-300);
  --background-color: var(--color-info-50);
}

.button--info--dppxr.button--stroke--JFPO7:focus {
  --border-color: var(--color-info-300);
  --outline-color: var(--color-info-200);
}

/*Ghost*/
.button--info--dppxr.button--ghost--J7Fxa {
  --background-color: var(--color-info-100);
  --font-color: var(--color-info-700);
}
.button--info--dppxr.button--ghost--J7Fxa:hover:not(:disabled) {
  --background-color: var(--color-info-200);
  --font-color: var(--color-info-600);
}

.button--info--dppxr.button--ghost--J7Fxa:focus {
  --border-color: var(--color-bw-50);
  --font-color: var(--color-info-700);
  --outline-color: var(--color-info-700);
}

/* Button warning */
/* Fill */
.button--warning--YBKtA.button--fill--Rvklr {
  --background-color: var(--color-warning-600);
  --font-color: var(--color-bw-50);
}
.button--warning--YBKtA.button--fill--Rvklr:hover:not(:disabled) {
  --background-color: var(--color-warning-700);
}
.button--warning--YBKtA.button--fill--Rvklr:focus {
  --background-color: var(--color-warning-600);
  --border-color: var(--color-bw-50);
  --outline-color: var(--color-warning-600);
}
/* Stroke */
.button--warning--YBKtA.button--stroke--JFPO7 {
  --background-color: var(--color-bw-50);
  --font-color: var(--color-warning-700);
  --border-color: var(--color-warning-300);
}
.button--warning--YBKtA.button--stroke--JFPO7:hover:not(:disabled) {
  --border-color: var(--color-warning-300);
  --background-color: var(--color-warning-50);
}

.button--warning--YBKtA.button--stroke--JFPO7:focus {
  --border-color: var(--color-warning-300);
  --outline-color: var(--color-warning-200);
}

/*Ghost*/
.button--warning--YBKtA.button--ghost--J7Fxa {
  --background-color: var(--color-warning-100);
  --font-color: var(--color-warning-700);
}
.button--warning--YBKtA.button--ghost--J7Fxa:hover:not(:disabled) {
  --background-color: var(--color-warning-200);
  --font-color: var(--color-warning-600);
}

.button--warning--YBKtA.button--ghost--J7Fxa:focus {
  --border-color: var(--color-bw-50);
  --font-color: var(--color-warning-700);
  --outline-color: var(--color-warning-700);
}

/* Button Error */
/* Fill */
.button--error--MM_NN.button--fill--Rvklr {
  --background-color: var(--color-error-600);
  --font-color: var(--color-bw-50);
}
.button--error--MM_NN.button--fill--Rvklr:hover:not(:disabled) {
  --background-color: var(--color-error-700);
}
.button--error--MM_NN.button--fill--Rvklr:focus {
  --background-color: var(--color-error-600);
  --border-color: var(--color-bw-50);
  --outline-color: var(--color-error-600);
}

/*Stroke*/
.button--error--MM_NN.button--stroke--JFPO7 {
  --background-color: var(--color-bw-50);
  --font-color: var(--color-error-700);
  --border-color: var(--color-error-300);
}
.button--error--MM_NN.button--stroke--JFPO7:hover:not(:disabled) {
  --border-color: var(--color-error-300);
  --background-color: var(--color-error-50);
}

.button--error--MM_NN.button--stroke--JFPO7:focus {
  --border-color: var(--color-error-300);
  --outline-color: var(--color-error-200);
}

/* Ghost */
.button--error--MM_NN.button--ghost--J7Fxa {
  --background-color: var(--color-error-100);
  --font-color: var(--color-error-700);
}
.button--error--MM_NN.button--ghost--J7Fxa:hover:not(:disabled) {
  --background-color: var(--color-error-200);
  --font-color: var(--color-error-600);
}

.button--error--MM_NN.button--ghost--J7Fxa:focus {
  --border-color: var(--color-bw-50);
  --font-color: var(--color-error-700);
  --outline-color: var(--color-error-700);
}

/* Button sizes */
.button--x-large--k2puL {
  --button-height: 56px;
  --button-padding-vertical: 15px;
  --button-padding-horizontal: 19px;
  --font: var(--font-base-medium)
}
.button--large--Y8xsx {
  --button-height: 48px;
  --button-padding-vertical: 11px;
  --button-padding-horizontal: 19px;
  --font: var(--font-base-medium)
}

.button--medium--LApLk {
  --button-height: 40px;
  --button-padding-vertical: 9px;
  --button-padding-horizontal: 15px;
  --font: var(--font-sm-medium)
}

.button--small--T3jsA {
  --button-height: 36px;
  --button-padding-vertical: 7px;
  --button-padding-horizontal: 15px;
  --font: var(--font-sm-medium)
}
.button--x-small--vnwu4 {
  --button-height: 32px;
  --button-padding-vertical: 5px;
  --button-padding-horizontal: 11px;
  --font: var(--font-xs-medium)
}
.button--xx-small--XrU9C {
  --button-height: 24px;
  --button-padding-vertical: 3px;
  --button-padding-horizontal: 11px;
  --font: var(--font-xs-medium)
}

.button-icon--unHD3 {
  fill: currentColor;
}

.button-icon--alone--mQHyR {
  margin: 0 calc(var(--button-padding-vertical) - var(--button-padding-horizontal));
}

.button-icon--left--Ma2hC {
  margin-right: var(--spacing-2);
}

.button-icon--right--ahgNm {
  margin-left: var(--spacing-2);
}

.alert--LaMTU {
  border-radius: var(--spacing-1);
  box-sizing: border-box;
  padding: var(--spacing-4);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: var(--font-sm-medium);
  background-color: var(--alert-background-color);
  max-width: 100%;
  width: 624px;
}

.alert__content--zgKeO {
  padding: 0 var(--spacing-3);
}

.alert__group--AgRG4 {
  display: flex;
  align-items: flex-start;
}

.alert--info--B11lX {
  --title-color: var(--color-info-700);
  --message-color: var(--color-info-600);
  --icon-color: var(--color-info-500);
  --icon-background-color: transparent;
  --trailing-icon-color: var(--color-info-700);
  --trailing-icon-background: var(--color-info-100);
  --alert-background-color: var(--color-info-50);
}

.alert--success--iw5BD {
  --title-color: var(--color-success-800);
  --message-color: var(--color-success-700);
  --icon-color: var(--color-bw-50);
  --icon-background-color: var(--color-success-500);
  --trailing-icon-color: var(--color-success-700);
  --trailing-icon-background: var(--color-success-100);
  --alert-background-color: var(--color-success-50);
}

.alert--warning--l39Q6 {
  --title-color: var(--color-warning-800);
  --message-color: var(--color-warning-700);
  --icon-color: var(--color-warning-500);
  --icon-background-color: transparent;
  --trailing-icon-color: var(--color-warning-700);
  --trailing-icon-background: var(--color-warning-100);
  --alert-background-color: var(--color-warning-50);
}

.alert--error--GkYr8 {
  --title-color: var(--color-error-800);
  --message-color: var(--color-error-700);
  --icon-color: var(--color-bw-50);
  --icon-background-color: var(--color-error-500);
  --trailing-icon-color: var(--color-error-700);
  --trailing-icon-background: var(--color-error-100);
  --alert-background-color: var(--color-error-50);
}

.alert__title--fYvHl {
  color: var(--title-color);
}

.alert__message--AVtpB {
  color: var(--message-color);
  font-size: var(--font-sm-regular);
  margin-top: 0.5rem;
}

.alert__icon--vYmbZ {
  fill: var(--icon-color);
  background-color: var(--icon-background-color);
  min-width: 20px;
  border-radius: 9999px;
  box-sizing: border-box;
}

.header-cell--GX1HM {
  padding: var(--table-gap);
  background-color: var(--color-grey-50);
  background-color: var(--header-cell-background, var(--color-grey-50));
}

.header-cell__content--aWFWI {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.header-cell__content--stretch--EySqI {
  justify-content: left;
}

.header-cell__filter-icon--M04MX {
  margin: 0 var(--spacing-1) 0 0;
}

.header-cell__sort-icon--gAq9v {
  margin: 0 0 0 var(--spacing-1);
}

.header-cell__label--GmLsI {
  margin: 0 var(--spacing-3);
}

.header-cell__filter-wrapper--rRGfl {
  position: relative;
}

.header-cell__popup--QiDeA {
  background-color: var(--color-bw-50);
  display: flex;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  max-width: 300px;
  position: absolute;
  left: 0;
  top: calc(100% + var(--table-vertical-gap));
  width: 100%;
  z-index: 9999;
}

.header-cell--GX1HM:first-child {
  border-radius: var(--spacing-3) 0 0 var(--spacing-3);
}

.header-cell--GX1HM:last-child {
  border-radius: 0 var(--spacing-3) var(--spacing-3) 0;
}

.filter-button--PFi7u {
  position: relative;
}

.filter-button__popup--X3PA4 {
  background-color: var(--color-bw-50);
  display: flex;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  max-width: 300px;
  position: absolute;
  left: 0;
  top: calc(100% + var(--table-vertical-gap));
  width: 100%;
  z-index: 9999;
}

.filter-button__popup--right-align--RNq6c {
  left: auto;
  left: initial;
  right: 0;
}

th,
td {
  font-weight: normal;
  font-weight: initial;
}

.table__wrapper--JxHY1 {
  --table-vertical-gap: var(--spacing-3);
  --table-horizontal-gap: var(--spacing-6);
  --table-gap: var(--table-vertical-gap) var(--table-horizontal-gap);

  flex: 1 1;
  display: flex;
  flex-direction: column;
  font: var(--font-base-regular);
  overflow: hidden;
  padding: var(--spacing-1) 0;
}

.table__controls--XZk0d {
  display: flex;
  color: var(--color-grey-600);
  margin-bottom: var(--spacing-5);
}

.table__search--AgSlK {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1;
}

.table__search-icon--ogetv {
  margin-right: var(--spacing-3);
}

.table__search-input--qfamq {
  border: none;
  outline: none;
  color: inherit;
  flex: 1 1;
}

.table__pagination--QeYZp {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.table__pagination--hidden--nyOZK {
  visibility: hidden;
}

.table__pagination-info--T5b0B {
  margin-right: var(--spacing-13);
}

.table__pagination-controls--kfw8x {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-5);
}

.table__auxiliary-controls--sDb6x {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-7);
  margin: 0 0 0 var(--spacing-7);
}

.table--QoeQC {
  border-collapse: separate;
  border-spacing: 0;
  border: none;
  color: var(--color-grey-900);
  display: table;
  position: relative;
  table-layout: fixed;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}

.table__scroll-container--BMgQ1 {
  height: 100%;
  overflow-y: auto;
}

.table__header--jgRLB {
  margin-bottom: var(--spacing-5);
  line-height: var(--spacing-8);
  border-radius: var(--spacing-3);
  font-weight: normal;
  font-weight: initial;
}

.table__body--tuNlP {
  display: contents;
}

.table__body--tuNlP tr {
  transition: opacity var(--transition-timing-function-default) calc(var(--transition-duration-default) / 2);
}

.table--loading--S3H2t .table__body--tuNlP tr {
  opacity: 0.5;
  pointer-events: none;
}

.table__header-cell--ZsK_o {
  padding: var(--table-gap);
  background-color: var(--color-grey-50);
}

.table__header-select-cell--cVf57 {
  min-width: 14px;
  width: 14px;
}

.table__header-cell--stretch--ooFkg {
  text-align: left;
}

.table__body-cell--iTCYd {
  padding: var(--table-gap);
  overflow: hidden;
  text-overflow: ellipsis;
}

.table__body-cell--stretch--LE7EM {
  text-align: left;
  width: 100%;
}

.table__body-cell--nothing-found--QjC4n {
  color: var(--color-grey-700);
  font: var(--font-lg-medium);
  padding: var(--spacing-10) var(--table-gap);
}

.table__body-cell--left--KkOK_ {
  justify-self: start;
}

.table__loading-indicator--VdgfQ {
  -webkit-animation: slide-right--w6lrp 1.7s ease infinite;
          animation: slide-right--w6lrp 1.7s ease infinite;
  background: var(--color-primary-200) linear-gradient(90deg, var(--color-primary-600) 0%, var(--color-primary-600) 100%);
  background-repeat: no-repeat;
  background-position: calc(-100% / 3) center;
  background-size: 25%;
  height: 3px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 42px;
  width: 100%;
}

@-webkit-keyframes slide-right--w6lrp {
  0% {
    background-position: calc(-100% / 3) center;
  }

  10% {
    background-position: calc(-100% / 3) center;
  }

  90% {
    background-position: calc(100% + 100% / 3) center;
  }

  100% {
    background-position: calc(100% + 100% / 3) center;
  }
}

@keyframes slide-right--w6lrp {
  0% {
    background-position: calc(-100% / 3) center;
  }

  10% {
    background-position: calc(-100% / 3) center;
  }

  90% {
    background-position: calc(100% + 100% / 3) center;
  }

  100% {
    background-position: calc(100% + 100% / 3) center;
  }
}

.subheader--xbUZm {
  align-items: center;
  border-bottom: var(--color-grey-200) 1px solid;
  display: flex;
  justify-content: space-between;

  /* 51px */
  height: 3.1875rem;
  padding: 0 var(--spacing-7);
}

.subheader__title--HWE1Q {
  color: var(--color-grey-900);
  font: var(--font-xl-medium);
  letter-spacing: var(--font-heading-letter-spacing-h345);
  margin: 0;
}

.subheader__right--HmazL {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-3);
}

:root {
  --tooltip-tip-size: 5px;
}

.base-tooltip--xSIoU {
  --tooltip-text-transform-left: -50%;
  --tooptip-tip-left: 50%;
  --tooltip-text-transform-top: calc(-100% - var(--tooltip-tip-size, 5px));
  --tooltip-background: var(--color-grey-900);
  --tooltip-color: var(--color-bw-50);
}

.base-tooltip__popover--WN5_j {
  --tooltip-background: var(--color-bw-50);
  --tooltip-color: var(--color-grey-700);

  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
}

.base-tooltip__text--hWjj2 {
  background: var(--tooltip-background);
  color: var(--tooltip-color);
  -webkit-backdrop-filter: blur(var(--spacing-1));
          backdrop-filter: blur(var(--spacing-1));
  border-radius: var(--spacing-1);
  font: var(--font-sm-regular);
  padding: var(--spacing-4);
  position: absolute;
  transform: translate(var(--tooltip-text-transform-left), var(--tooltip-text-transform-top));
  transition: opacity var(--transition-fast);
  z-index: 99999;
  white-space: nowrap;
}

.base-tooltip__text--hWjj2::before {
  border: transparent solid;
  border-top-color: var(--tooltip-background);
  border-width: 5px 5px 0 5px;
  border-width: var(--tooltip-tip-size) var(--tooltip-tip-size) 0 var(--tooltip-tip-size);
  content: '';
  height: 0;
  left: 0;
  margin: 0 calc(var(--tooptip-tip-left) - 5px);
  margin: 0 calc(var(--tooptip-tip-left) - var(--tooltip-tip-size, 5px));
  position: absolute;
  top: 100%;
  width: 0;
}

/* used when tooltip is too close to right edge of the screen */
.base-tooltip__text--left--znIte {
  --tooltip-text-transform-left: -90%;
  --tooptip-tip-left: 90%;
}

/* used when tooltip is too close to left edge of the screen */
.base-tooltip__text--right--jaYoB {
  --tooltip-text-transform-left: 10%;
  --tooptip-tip-left: 10%;
}

.transition-slide-enter--EjY5d.base-tooltip__text--hWjj2,
.transition-slide-leave-to--t0CDD.base-tooltip__text--hWjj2 {
  /* FAQ: because of some CSS modules ordering issue, we need to forcefully override the opacity */
  opacity: 0 !important;
}

.transition-slide-enter-to--eToFg.base-tooltip__text--hWjj2,
.transition-slide-leave--sC_h4.base-tooltip__text--hWjj2 {
  opacity: 1;
}

.base-tooltip__text--bottom--FDBkc {
  --tooltip-text-transform-top: calc(-100% + var(--tooltip-tip-size, 5px));
}

.base-tooltip__text--bottom--FDBkc::before {
  border-color: transparent;
  border-bottom-color: var(--tooltip-background);
  border-width: 0 5px 5px 5px;
  border-width: 0 var(--tooltip-tip-size) var(--tooltip-tip-size) var(--tooltip-tip-size);
  bottom: 100%;
  top: auto;
  top: initial;
}

.cell-attachment--mjpjW {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-7);
  justify-content: center;

  /* so the tooltip is visible */
  overflow: visible;
  overflow: initial;
}

.cell-attachment__tooltip--tO1zS {
  display: inline-block;
}

.cell-attachment__link--LtLvF {
  color: var(--color-grey-900);
  text-decoration: none;
}

.avatar--gK2TM {
  width: var(--width);
  height: var(--height);
  position: relative;
  border-radius: 50%;
  background-color: var(--color-grey-100);
  display: flex;
  justify-content: center;
  align-items: center;
}

.avatar--initials--BCEoY {
  background-color: var(--color-grey-500);
  color: var(--color-bw-50);
  font: var(--font);
}

.avatar__image--JXs4K {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

/* Sizes */

.avatar--x-small--EUMI9 {
  --font: var(--font-xs-regular);
  --width: 1.5rem;
  --height: 1.5rem;
}

.avatar--small--umIow {
  --font: var(--font-sm-regular);
  --width: 2rem;
  --height: 2rem;
}

.avatar--medium--fl46W {
  --font: var(--font-base-regular);
  --width: 2.5rem;
  --height: 2.5rem;
}

.avatar--large--khvEG {
  --font: var(--font-lg-regular);
  --width: 3rem;
  --height: 3rem;
}

.avatar--x-large--VSIJq {
  --font: var(--font-xl-regular);
  --width: 3.5rem;
  --height: 3.5rem;
}

.avatar--2x-large--IeNES {
  --font: var(--font-2xl-regular);
  --width: 4rem;
  --height: 4rem;
}

.avatar--gK2TM .avatar__icon--_W1hZ {
  width: 100%;
  height: 100%;
  fill: var(--color-grey-300);
}

.cell-employment--hYysB {
  align-items: center;
  display: flex;
}

.cell-employment__avatar--LYdgf {
  margin: 0 var(--spacing-3) 0 0;
}

.badge--WodIv {
  --badge-color: var(--color-grey-100);
  --text-color: var(--color-grey-700);
  --close-background: var(--color-grey-200);
  --close-active-color: var(--badge-color);

  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--spacing-1);
  padding: var(--spacing-05) var(--spacing-2);
  box-sizing: border-box;
  background: var(--badge-color);
}

.badge--preset-primary--hqGre {
  --badge-color: var(--color-primary-100);
  --text-color: var(--color-primary-700);
  --close-background: var(--color-primary-200);
}

.badge--preset-error--Wale6 {
  --badge-color: var(--color-error-100);
  --text-color: var(--color-error-700);
  --close-background: var(--color-error-200);
}

.badge--preset-info--Z4vTL {
  --badge-color: var(--color-info-100);
  --text-color: var(--color-info-600);
  --close-background: var(--color-info-200);
}

.badge--preset-success--RrGAy {
  --badge-color: var(--color-success-100);
  --text-color: var(--color-success-700);
  --close-background: var(--color-success-200);
}

.badge--preset-warning--FyV8m {
  --badge-color: var(--color-warning-50);
  --text-color: var(--color-warning-600);
  --close-background: var(--color-warning-200);
}

.badge--size-extra-small--t2tFG {
  --dot-size: 0.25rem;
  --icon-size: 0.75rem;
  --close-size: 0.75rem;

  font: var(--font-xs-medium);
}

.badge--size-small--upq_D {
  --dot-size: 0.375rem;
  --icon-size: 1rem;
  --close-size: 1rem;

  font: var(--font-sm-medium);
}

.badge--size-medium--kyQQg {
  --dot-size: 0.5rem;
  --icon-size: 1.25rem;
  --close-size: 1.15rem;

  font: var(--font-base-medium);
}

.badge__label--IcBjd {
  color: var(--text-color);
}

.badge__icon--xlNAI {
  margin-right: 0.125rem;
  color: var(--text-color);
}

.badge__dot--k04YC {
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: calc(var(--dot-size) / 2);
  background-color: var(--text-color);
  margin-right: var(--spacing-2);
}

.badge__close--5coYt {
  margin-left: var(--spacing-05);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--close-size);
  height: var(--close-size);
  background: none;
  border: none;
  border-radius: 0.125rem;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  color: var(--text-color);
}

.badge__close--5coYt:hover {
  background: var(--close-background);
}

.badge__close--5coYt:active,
.badge__close--5coYt:focus {
  background: var(--text-color);
  color: var(--close-active-color);
}

/* Based on https://codepen.io/_fbrz/pen/ljuJn */

.spinner--BqdGl {
  --spinner-size: 1em;
  --spinner-size-half: calc(var(--spinner-size) / 2);
  --spinner-rim-size: calc(var(--spinner-size) / 4);
  --spinner-rim-size-small: calc(var(--spinner-size) / 15);

  color: currentColor;
  height: var(--spinner-size);
  position: relative;
  width: var(--spinner-size);
}

.spinner__icon--kQ907 {
  -webkit-animation: animate-spinner-rotation--s2EUP 1.5s linear infinite;
          animation: animate-spinner-rotation--s2EUP 1.5s linear infinite;
  color: currentColor;
  clip: rect(0, var(--spinner-size), var(--spinner-size), var(--spinner-size-half));
  height: var(--spinner-size);
  width: var(--spinner-size);
  position: absolute;
  left: calc(50% - var(--spinner-size-half));
  top: calc(50% - var(--spinner-size-half));
}

.spinner__icon--kQ907::after {
  -webkit-animation: animate-spinner-rim--RHipM 1.5s ease-in-out infinite;
          animation: animate-spinner-rim--RHipM 1.5s ease-in-out infinite;
  content: '';
  display: block;
  border-radius: 50%;
  clip: rect(0, var(--spinner-size), var(--spinner-size), var(--spinner-size-half));
  position: absolute;
  height: var(--spinner-size);
  width: var(--spinner-size);
}

@-webkit-keyframes animate-spinner-rotation--s2EUP {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(220deg);
  }
}

@keyframes animate-spinner-rotation--s2EUP {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(220deg);
  }
}

@-webkit-keyframes animate-spinner-rim--RHipM {
  0% {
    box-shadow: inset currentColor 0 0 0 var(--spinner-rim-size);
    transform: rotate(-140deg);
  }

  50% {
    box-shadow: inset currentColor 0 0 0 var(--spinner-rim-size-small);
  }

  100% {
    box-shadow: inset currentColor 0 0 0 var(--spinner-rim-size);
    transform: rotate(140deg);
  }
}

@keyframes animate-spinner-rim--RHipM {
  0% {
    box-shadow: inset currentColor 0 0 0 var(--spinner-rim-size);
    transform: rotate(-140deg);
  }

  50% {
    box-shadow: inset currentColor 0 0 0 var(--spinner-rim-size-small);
  }

  100% {
    box-shadow: inset currentColor 0 0 0 var(--spinner-rim-size);
    transform: rotate(140deg);
  }
}

.spacing-medium--tVpjq {
  --spacing: var(--spacing-8) var(--spacing-8) var(--spacing-6) var(--spacing-8);
}

.spacing-small--rQii6 {
  --spacing: var(--spacing-6);
}

.header--q1OI7 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  padding: var(--spacing);
}

.title--taWwp {
  color: var(--color-grey-900);
  font: var(--font-lg-medium);
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-width: calc(100% - 32px); /* 32px => Width of icon button*/
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}


.transition-slide-enter--DNge7.base-dialog__backdrop--bVEQ7,
.transition-slide-leave-to--DCUZX.base-dialog__backdrop--bVEQ7 {
  opacity: 0;
}

.transition-slide-enter-to--HQdX0.base-dialog__backdrop--bVEQ7,
.transition-slide-leave--_f4XI.base-dialog__backdrop--bVEQ7 {
  opacity: 1;
}

.base-dialog__container--oocpX {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  height: 100vh;
  justify-content: center;
  left: 0;
  padding: var(--spacing-10);
  position: fixed;
  top: 0;
  transition: opacity var(--transition-fast);
  width: 100vw;
  z-index: 99999;
}

.base-dialog__backdrop--bVEQ7 {
  top: 0;
  left: 0;
  background: rgba(46, 53, 61, 0.8);
  border: 0;
  height: 100%;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.base-dialog--DJGQ7 {
  border-radius: var(--spacing-2);
  background: var(--color-bw-50);
  display: flex;
  flex-flow: column nowrap;
  max-height: 80vh;
  min-width: var(--dialog-max-width-sm);
  overflow: hidden;
  max-width: 100vw;
  width: var(--dialog-max-width);
  z-index: 2;
}

.base-dialog__title-body-separator--iy9Fg {
  margin: 0 var(--spacing-6);
  border-top: 1px solid var(--color-grey-200);
}

.base-dialog__body--wcYTA {
  flex: 1 1;
  padding: 0 var(--spacing-6);
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
  width: 100%;
}

.prompt--jRreX {
  border-radius: var(--spacing-2);
  display: flex;
  flex-flow: column nowrap;
  max-height: 100%;
  overflow: hidden;
  width: 512px;
  max-width: 480px;
  max-width: var(--dialog-max-width-sm, 480px);
  background-color: var(--color-bw-50);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.prompt-content-wrapper--B7zpJ {
  padding: 0 var(--spacing-2);
}

.prompt-content--destructive--Ycyt7 {
  background-color: var(--color-error-50);
  color: var(--color-error-700);
  padding: var(--spacing-4) var(--spacing-3);
}

.prompt-content--T8zui {
  font: var(--font-sm-regular);
}

.prompt-footer--jdl_N {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  padding: var(--spacing-6) var(--spacing-8) var(--spacing-8) var(--spacing-8);
}

.prompt-footer__main-action-buttons--_471z {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}

.prompt-footer--jdl_N *:not(:last-child) {
  margin-right: var(--spacing-3);
}

.collisions--WbBJa {
  /* noop */
}

.collisions__section--D7mU2:not(:first-child) {
  margin-top: var(--spacing-7);
}

.collisions_title--rEdPV {
  font: var(--font-base-medium);
  margin: 0 0 var(--spacing-5);
}

.collisions_list--mvjTJ {
  display: grid;
  grid-auto-flow: row;
  grid-gap: var(--spacing-3) 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.collisions_list-item--oSBXT {
  font: var(--font-sm-medium);
}

.conflicts--nNj3o {
  /* noop */
}

.conflicts__item--H85gu:not(:first-child) {
  font: var(--font-base-medium);
  margin-top: var(--spacing-7);
}

.dropdown--d8tZ9 {
  --open-transition-easing: linear;
  --open-transition-duration: 100ms;

  transition: border var(--transition-fast);
  position: relative;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--spacing-1);
  border: 1px solid var(--color-grey-300);
}

.dropdown--without-border--WmmSd {
  border-color: transparent;
}

.dropdown--disabled--fiTxI {
  background-color: var(--color-grey-50);
}

.dropdown--d8tZ9:not(.hide-focus-border--hwxn0)[focus-within] {
  border: 1px solid var(--color-primary-500);
}

.dropdown--d8tZ9:not(.hide-focus-border--hwxn0):focus-within {
  border: 1px solid var(--color-primary-500);
}

.dropdown__button--rl5ky {
  font: var(--font-sm-medium);
  color: var(--color-grey-700);
  align-items: center;
  background: 0;
  border: 0;
  display: flex;
  line-height: inherit;
  outline: 0;
  padding: 0;
}

.dropdown__button--rl5ky:not(:disabled) {
  cursor: pointer;
}

.dropdown__prefix-icon--YzVAI {
  margin-right: var(--spacing-3);
  color: var(--color-grey-500);
}

.dropdown__chevron--XC3FC {
  margin: 0 0 0 var(--spacing-2);
  transform: rotate(0deg);
  transition: transform var(--transition-fast);
}

.dropdown--chevron-hidden--jAk6T .dropdown__button--rl5ky::after {
  display: none;
}

.dropdown__menu--R3Kzy {
  position: absolute;
  top: calc(100% + var(--spacing-1));
  left: 0;
  background: var(--color-bw-50);
  border-radius: var(--spacing-2);
  border: 1px solid var(--color-grey-300);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  list-style: none;
  margin: 0;
  max-height: 50vh;
  min-width: calc(100% + var(--spacing-8));
  max-width: calc(100% + var(--spacing-14));
  overflow-y: auto;
  padding: 0;
  text-align: left;
  transform: scaleY(1);
  transform-origin: top;
  transition: transform var(--open-transition-easing) var(--open-transition-duration);
  z-index: 1000;
}

.dropdown__menu--hidden--q96Wa {
  transform: scaleY(0);
}

.dropdown__chevron--menu-hidden--_j7_x {
  transform: rotate(180deg);
}

.dropdown__menu-item--biO8j {
  border: none;
  color: var(--color-grey-700);
  background-color: var(--color-bw-50);
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font: var(--font-sm-regular);
  padding: var(--spacing-2) var(--spacing-3);
  text-align: left;
  text-decoration: none;
  transition: all var(--transition-fast);
  white-space: nowrap;
  width: 100%;
}

.dropdown__menu-item-icon--gpqa3 {
  color: var(--color-grey-500);
  margin-right: var(--spacing-2);
}

.dropdown__menu-item--biO8j:focus {
  background-color: var(--color-primary-50);
  outline: none;
}

.dropdown__menu-item--pressed--VSqLt {
  background-color: var(--color-primary-500);
  color: var(--color-bw-50);
}

.dropdown__menu-item--biO8j:disabled {
  background-color: transparent;
  cursor: default;
  color: var(--color-grey-500);
}

.dropdown__menu-item--biO8j:disabled.dropdown__menu-item-icon--gpqa3 {
  color: var(--color-grey-400);
}

.dropdown__menu-item--biO8j:focus.dropdown__menu-item-icon--gpqa3 {
  color: var(--color-grey-500);
}

.dropdown__menu-item--biO8j:hover:not(:disabled) {
  background-color: var(--color-grey-50);
  color: var(--color-grey-900);
}

.dropdown__menu-item--biO8j:hover:not(:disabled).dropdown__menu-item-icon--gpqa3 {
  color: var(--color-grey-700);
}

.dropdown__menu-item-separator--a2aRP {
  background: rgba(0, 0, 0, 0.15);
  height: 1px;
}

.dropdown__menu-item-text--AKs1G {
  color: var(--color-grey-500);
  font: var(--font-sm-regular);
  cursor: default;
  max-width: 100%;
  white-space: pre-wrap;
}

.dropdown__menu-item-subtitle--qoOZ3 {
  color: var(--color-grey-500);
  font: var(--font-xs-medium);
  text-transform: uppercase;
  cursor: default;
}

.dropdown__menu-item--biO8j:hover:not(:disabled).dropdown__menu-item-subtitle--qoOZ3,
.dropdown__menu-item--biO8j:hover:not(:disabled).dropdown__menu-item-text--AKs1G {
  background-color: var(--color-bw-50);
  color: var(--color-grey-500);
}

.dropdown__menu--hidden--q96Wa.dropdown__menu-item--biO8j {
  opacity: 0;
  transition-delay: 0ms;
}

.dropdown__menu--left--SKrV5 {
  left: auto;
  left: initial;
  right: 0;
}

.dropdown-state--erlHi {
  display: inline-block;
  /* align dropdown menu with cell not with itself */
  position: static;
  position: initial;
}

.dropdown-state__pill--yFdiS {
  background: 0;
  border-radius: var(--spacing-2);
  display: flex;
  margin: calc(-1 * var(--spacing-2));
  padding: var(--spacing-1) var(--spacing-3);
  transition: background var(--transition-timing-function-default) calc(var(--transition-duration-default) / 2)
}

.dropdown-state__pill--info--xsS0l:hover {
  background: var(--color-info-100);
}

.dropdown-state__pill--error--sjinW:hover {
  background: var(--color-error-50);
}

.cell-state--GSvtB {
  /* so the tooltip is visible */
  overflow: visible;
  overflow: initial;

  /* align dropdown menu with cell not with itself */
  position: relative;
}

.cell-state__spinner--mF8dd {
  display: inline-block;
}

.dialog-decline__message--NxVue {
  background: 0;
  border: 0;
  outline: 0;
  padding: 0;
  resize: none;
  width: 100%;
}

.dialog-decline__message--NxVue::-moz-placeholder {
  color: var(--color-grey-700);
  opacity: 0.5;
}

.dialog-decline__message--NxVue:-ms-input-placeholder {
  color: var(--color-grey-700);
  opacity: 0.5;
}

.dialog-decline__message--NxVue::placeholder {
  color: var(--color-grey-700);
  opacity: 0.5;
}

.filter-popup--QPrUp {
  border-radius: var(--spacing-2);
  box-shadow: 0 5px 34px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.filter-popup__header--SQ7rK {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  font: var(--font-base-medium);
  justify-content: space-between;
  padding: var(--spacing-3) var(--spacing-4);
}

.filter-popup__close-button--gSa5v {
  margin: 0 0 0 var(--spacing-4);
}

.filter-popup__search--psxXP {
  align-items: center;
  color: var(--color-grey-700);
  display: flex;
  flex-direction: row;
  font: var(--font-xs-regular);
  padding: 0 var(--spacing-4);
}

.filter-popup__search-icon--aa0q6 {}

.filter-popup__search-input--vJ5pq {
  border: none;
  color: inherit;
  flex: 1 1;
  margin-left: var(--spacing-2);
  outline: none;

  /* custom 5px y-padding for better accessibility */
  padding: 0.3125rem 0;
}

.filter-popup__search--psxXP:first-child .filter-popup__search-input--vJ5pq {
  /* custom 11px y-padding for better accessibility */
  padding: 0.6875rem 0;
}

.filter-popup__list--toIys {
  border-top: 1px solid var(--color-grey-200);
  font: var(--font-sm-medium);
  list-style: none;
  margin: 0;
  max-height: 400px;
  overflow: auto;
  padding: var(--spacing-4);
}

.filter-popup__list--toIys:first-child {
  border-top: 0;
}

.filter-popup__list-item--RkwyA {
  color: var(--color-grey-800);
  text-align: left;
}

.filter-popup__list-item--RkwyA:not(:last-child) {
  margin-bottom: var(--spacing-3);
}

.filter-popup__list-item-content--Etc6U {
  align-items: center;
  display: flex;
}

.filter-popup__list-item-content--Etc6U > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-popup__list-item-checkbox--tdUlr {
  margin-right: var(--spacing-3);
}

.filter-popup__list-item-checkbox--tdUlr:checked {
  color: var(--shyftplan-green);
}

.header__dropdown--JcvhT {
  border-radius: 9999px;
  font: var(--font-base-regular);
  padding: var(--spacing-2) var(--spacing-5);
  transition: background var(--transition-timing-function-default) calc(var(--transition-duration-default) / 2);
}

.header__dropdown--JcvhT:hover {
  background: var(--color-grey-200);
}

.header__dropdown--JcvhT > button {
  line-height: 1.3;
}

.absences__table--xYMSX {
  --header-cell-background: var(--color-bw-50);

  margin: 0 var(--spacing-7);
}

.datepicker--PQJtd {
  --datepicker-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); /* from datepicker.css */

  background: var(--color-bw-50);
  border-radius: var(--spacing-2);
  box-shadow: var(--datepicker-shadow);
  font: var(--font-sm-medium);
  width: 100%;
}

.datepicker__grid--XH2aU {
  display: grid;
  grid-gap: var(--spacing-3) 0;
  grid-template-columns: repeat(7, -webkit-max-content);
  grid-template-columns: repeat(7, max-content);
  padding: var(--spacing-1);
  justify-content: center;
}

.datepicker__header--BqMSk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-7);
}

.datepicker__month-label--uNCoL {
  font: var(--font-base-regular);
}

.datepicker__grid-cell--RuJjP {
  /* noop */
}

.datepicker__grid-cell--header--syz37 {
  color: var(--color-grey-900);
  font: var(--font-xs-regular);
  margin-bottom: var(--spacing-5);
  opacity: 0.6;
  text-align: center;
}

.datepicker__interval--zoJei {
  color: var(--color-grey-900);
  font: var(--font-sm-medium);
  margin-top: var(--spacing-5);
  text-align: center;
}

.day--X4_Z2 {
  background: none;
  border: 0;
  color: var(--color-grey-900);
  display: flex;
  justify-content: center;
  outline: 0;
  padding: 0 var(--spacing-1);
  transition: background var(--transition-fast);
}

.day--interval-selected--eB1fn {
  background-color: var(--color-primary-100);
}

.day--single-selected--FD_zP {}

.day__label--jECML {
  border-radius: 9999px;
  cursor: pointer;
  display: block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  transition: background var(--transition-fast), color var(--transition-fast);
  width: 30px;
}

.day--X4_Z2:disabled {
  opacity: 0.5;
}

.day--X4_Z2:disabled .day__label--jECML {
  cursor: default;
}

/*
  focus/hover state
*/
.day--X4_Z2:not(.day--X4_Z2:disabled):not(.day--interval-selected--eB1fn):not(.day--single-selected--FD_zP):hover .day__label--jECML,
.day--X4_Z2:not(.day--X4_Z2:disabled):not(.day--interval-selected--eB1fn):not(.day--single-selected--FD_zP):not(.day--interval-selection-boundary-end--m5vxr):not(.day--interval-selection-boundary-start--mcaFw):focus .day__label--jECML,
.day--X4_Z2.day--pre-selection-interval-hovered--Qh6KQ:not(.day--interval-selected--eB1fn) {
  background-color: var(--color-athens-light);
  color: var(--color-grey-900);
}

.day--pre-selection-interval-hovered-start--nMukH {
  background: linear-gradient(-90deg, var(--color-athens-light), var(--color-athens-light) 50%, transparent 51%, transparent);
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.day--pre-selection-interval-hovered-end--vaQsK {
  background: linear-gradient(90deg, var(--color-athens-light), var(--color-athens-light) 50%, transparent 51%, transparent);
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

/* only show border when start and end of selection do not match */
.day--interval-selection-boundary-end--m5vxr:not(.day--interval-selection-boundary-start--mcaFw) {
  background: linear-gradient(90deg, var(--color-primary-100), var(--color-primary-100) 50%, transparent 51%, transparent);
}

/* only show border when start and end of selection do not match */
.day--interval-selection-boundary-start--mcaFw:not(.day--interval-selection-boundary-end--m5vxr) {
  background: linear-gradient(-90deg, var(--color-primary-100), var(--color-primary-100) 50%, transparent 51%, transparent);
}

/* single day selection should not have interval start or end border */
.day--interval-selection-boundary-start--mcaFw.day--interval-selection-boundary-end--m5vxr:not(.day--pre-selection-interval-hovered--Qh6KQ) {
  background: none;
}

.day__label--interval-selection-boundary--yo0H8,
.day__label--single-selected--vQjJR {
  background-color: var(--color-shyftplan-green);
  border-radius: 9999px;
  color: var(--color-white);
}

.day--first-column--x6CqG {
  border-radius: 9999px 0 0 9999px;
  padding-left: 0;
}

.day--last-column--w9MnW {
  border-radius: 0 9999px 9999px 0;
  padding-right: 0;
}

.filter-popup-timeframe--pEg1u {
  display: flex;
  flex-direction: column;
  font: var(--font-sm-medium);
  padding: var(--spacing-2) var(--spacing-4);
  min-width: 282px;
}

.filter-popup-timeframe__radio-wrapper--gqCgo {
  align-items: flex-start;
  color: var(--color-grey-800);
  display: flex;
  margin-bottom: var(--spacing-3);
}

.filter-popup-timeframe__radio-input--L_VdR {
  margin-right: var(--spacing-3);
}

.placeholder--mqOR6 {
  --placeholder-end-background-color: rgba(217, 218, 224, 0.4);
  --placeholder-start-background-color: rgba(221, 221, 221, 0.7);
  --transition-background-duration: 1.5s;
  --placeholder-height: calc(1em * var(--font-line-text-height));
  --placeholder-width: 5ch;

  -webkit-animation: pulse--t0K9x var(--transition-background-duration) infinite;

          animation: pulse--t0K9x var(--transition-background-duration) infinite;
  background: linear-gradient(270deg, var(--placeholder-start-background-color), var(--placeholder-end-background-color), var(--placeholder-start-background-color)) 0% 0% / 300% 300%;
  border-radius: 99999px;
  height: var(--placeholder-height);
  width: var(--placeholder-width);
}

@-webkit-keyframes pulse--t0K9x {
  0%,
  100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

@keyframes pulse--t0K9x {
  0%,
  100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

.figure--APw0z {
  align-items: center;
  display: flex;
  flex-flow: column;
  text-align: center;
}

.figure__number--mnUlV {
  color: var(--color-grey-800);
  font: var(--font-3xl-medium);
  letter-spacing: var(--font-heading-letter-spacing-h345);
}

.figure__label--ULHni {
  color: var(--color-grey-700);
  font: var(--font-sm-medium);
  letter-spacing: var(--font-heading-letter-spacing-h345);
  margin-top: var(--spacing-1);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.figure__label-placeholder--pcPTf {
  display: inline-block;
}

.figures-summary--h6jJ1 {
  align-items: flex-start;
  display: grid;
  flex: 1 1;
  grid-gap: var(--spacing-8) calc(2 * var(--spacing-10));
  justify-content: flex-end;
  margin: 0 0 0 calc(2 * var(--spacing-10));
  grid-template-columns: repeat(auto-fit, 78px);
}

.summary--Pt14P {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: var(--spacing-7) 0;
  padding: 0 var(--spacing-7);
}

.summary--hidden--kEhGN {
  visibility: hidden;
}

.summary__title--Pfdq8 {
  color: var(--color-grey-800);
  font: var(--font-heading-h3);
  letter-spacing: var(--font-heading-letter-spacing-h345);
  margin: 0;
}

.filter-popup-employments--Kc5qr {
  max-width: 300px;
}

.filter-popup-employments__item-avatar--UijeA {
  margin-right: var(--spacing-2);
}

.filter-popup-employments__item--DZhoK:not(:last-child) {
  margin-bottom: var(--spacing-4);
}

.attachment--etaHu {
  overflow: hidden;
}

.attachment__icon--VeXDM {
  height: var(--spacing-11);
  justify-content: center !important;
  width: var(--spacing-11);
}

.attachment__text--fTHHi {
  font: var(--font-lg-medium);
  margin-top: var(--spacing-3);
}

.attachment__preview--iTMaj {
  display: flex;
  align-items: center;
}

.attachment__preview-image--bxTu4 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  flex: 1 1;
  overflow: hidden;
}

.attachment__preview-icon--CtmqX {
  flex: 1 1;
  text-align: center;
}

.attachment__name--B1Q62 {
  color: var(--color-grey-700);
  font: var(--font-sm-medium);
  margin-top: var(--spacing-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attachment-upload--fLSf2 {
  align-items: center;
  border-radius: var(--spacing-2);
  border: var(--color-grey-300) 1px dashed;
  color: var(--color-grey-700);
  display: flex;
  flex: 1 1;
  flex-flow: column nowrap;
  justify-content: center;
  padding: var(--spacing-6);
  transition: background var(--transition-default), color var(--transition-default);
}

.attachment-upload--fLSf2:hover {
  background: var(--color-grey-50);
  cursor: pointer;
}

.attachment-upload--invalid--ppNrt {
  border-color: var(--color-error-300);
}

.attachment-upload__input--M88WE {
  display: none;
}

.attachment-upload__icon--TRXPl {
  color: var(--color-grey-500);
  height: var(--spacing-11);
  justify-content: center !important;
  width: var(--spacing-11);
}

.attachment-upload__text--XGars {
  font: var(--font-lg-medium);
  margin-top: var(--spacing-3);
}

.attachment-upload__clear-button--Tgy11 {
  margin: 0 0 0 var(--spacing-5);
}

.attachment-upload__error--qTfLV {
  color: var(--color-error-700);
}

.dialog--c8N2S {
  min-height: var(--dialog-min-height);
  max-height: 100%;
}

@media (max-height: 968px) {
  .dialog--c8N2S {
    min-height: 100%;
  }
}

@media (min-width: 767px) {
  .dialog--c8N2S {
    min-width: var(--dialog-max-width);
  }
}

.dialog__body--QNW30 {
  display: flex;
  flex-flow: column nowrap;
  padding: var(--spacing-6) 0;
}

.dialog__footer--embIn {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-3);
  background-color: var(--color-grey-100);
  padding: var(--spacing-6);
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.dialog__footer-start--yTCfU,
.dialog__footer-end--LOQHN {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-3);
}

.dialog__footer-start--yTCfU {
  justify-content: flex-start;
}

.dialog__footer-end--LOQHN {
  justify-content: flex-end;
}

.dialog__spinner--Ky7gA {
  margin: 0 auto;
  font-size: 2em;
}

.dialog__error--oa0hi {
  color: var(--color-error-700);
  background-color: var(--color-error-50);
  max-width: var(--dialog-max-width-sm);
  text-align: center;
  width: 100vw;
}

.form-dialog--SkcPF {
  display: grid;
  grid-auto-flow: row;
  grid-gap: var(--spacing-4) 0;
}

.form-dialog__section--hPyxc {
  /* noop */
}

.form-dialog__section--two-column--gtL6j {
  align-items: flex-start;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-4);
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}

.form-dialog__section-label--ZBShP {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  font: var(--font-sm-medium);
  height: var(--spacing-6);
}

.input-text--hTb5U {
  /* noop */
  --background: transparent;

  display: inline-flex;
  flex-flow: column nowrap;
  font-family: var(--font-family);
  overflow: visible;
  overflow: initial;
}

.input-text__inner--WN977 {
  background-color: var(--color-bw-50);
  display: flex;
  flex-flow: column nowrap;
  height: 2.5rem;
  justify-content: inherit;
  transition: background var(--transition-default), border var(--transition-default);
  position: relative;
  text-align: inherit;
  width: 100%;
  padding: 0 var(--spacing-3);
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
}

.input-text__inner--WN977[focus-within] {
  border-color: var(--color-primary-500);
  box-shadow: var(--shadow-base);
}

.input-text__inner--WN977:focus-within {
  border-color: var(--color-primary-500);
  box-shadow: var(--shadow-base);
}

.input-text--disabled--_JWTL .input-text__inner--WN977 {
  background-color: var(--color-grey-100);
}

.input-text--valid--h9YnI .input-text__inner--WN977 {
  border-color: var(--color-success-300);
}

.input-text--invalid--KdOLp .input-text__inner--WN977 {
  border-color: var(--color-error-300);
}

.input-text--invalid--KdOLp .input-text__inner--WN977[focus-within] {
  border-color: var(--color-error-700);
}

.input-text--invalid--KdOLp .input-text__inner--WN977:focus-within {
  border-color: var(--color-error-700);
}

.input-text--valid--h9YnI .input-text__inner--WN977[focus-within] {
  border-color: var(--color-success-700);
}

.input-text--valid--h9YnI .input-text__inner--WN977:focus-within {
  border-color: var(--color-success-700);
}

.input-text--hTb5U:not(.input-text--disabled--_JWTL) .input-text__inner--WN977:hover {
  background-color: var(--color-grey-50);
}

.input-text--hTb5U:not(.input-text--disabled--_JWTL) .input-text__inner--WN977[focus-within]::after {
  transform: scaleX(1);
}

.input-text--hTb5U:not(.input-text--disabled--_JWTL) .input-text__inner--WN977:focus-within::after {
  transform: scaleX(1);
}

.input-text__input-wrapper--cHE24 {
  align-items: center;
  display: flex;
  flex: 1 1;
}

.input-text__input--g7sMd {
  background: transparent;
  border: 0;
  flex: 1 1;
  height: 100%;
  min-width: 0;
  outline: 0;
  padding: 0;
  text-align: inherit;
  transition: color var(--transition-default);
  font: var(--font-base-regular);
  color: var(--color-grey-900);
  width: 100%;
}

/* move the calendar picker over our custom icon and make it invisible to
   maintain accessibility of the picker */
.input-text__input--g7sMd::-webkit-calendar-picker-indicator {
  height: var(--spacing-10);
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: calc(50% - var(--spacing-5));
  width: var(--spacing-10);
}

.input-text__input--g7sMd:focus {
  background: transparent;
}

.input-text__input--g7sMd::-moz-placeholder {
  color: var(--color-grey-500);
  opacity: 0.5;
  -moz-transition: color var(--transition-default);
  transition: color var(--transition-default);
  font: var(--font-base-regular);
}

.input-text__input--g7sMd:-ms-input-placeholder {
  color: var(--color-grey-500);
  opacity: 0.5;
  -ms-transition: color var(--transition-default);
  transition: color var(--transition-default);
  font: var(--font-base-regular);
}

.input-text__input--g7sMd::placeholder {
  color: var(--color-grey-500);
  opacity: 0.5;
  transition: color var(--transition-default);
  font: var(--font-base-regular);
}

.input-text__input--with-stepper--rZh6k::-webkit-inner-spin-button {
  display: none;
}

.input-text__input--with-stepper--rZh6k[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  max-width: 25%;
}

.input-text__input--g7sMd[type="date"] {
  font: var(--font-base-regular);
}

.input-text__label--lnj1W {
  align-items: center;
  color: var(--color-grey-700);
  cursor: pointer;
  display: flex;
  font: var(--font-sm-medium);
  height: var(--spacing-6);
  justify-content: inherit;
}

.input-text__stepper--NaN4A {
  display: flex;
  flex: 1 1;
}

.input-text__stepper--NaN4A:first-child {
  justify-content: flex-end;
}

.input-text__stepper--NaN4A:last-child {
  justify-content: flex-start;
}

.input-text__stepper-button--kLpS3 {
  width: var(--spacing-8);
  height: var(--spacing-8);
}

.input-text__calendar-icon--cI7nw {
  padding-right: var(--spacing-2);
}

.input-text__stepper-button--kLpS3,
.input-text__calendar-icon--cI7nw {
  background: transparent;
  border: 0;
  border-radius: 9999px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 0;
  transition: color var(--transition-default);
}

.input-text__stepper-button--kLpS3:disabled,
.input-text--disabled--_JWTL .input-text__calendar-icon--cI7nw {
  color: var(--color-grey-700);
  cursor: auto;
  cursor: initial;
  opacity: 0.6;
}

.input-text__stepper-button--kLpS3:focus,
.input-text__stepper-button--kLpS3:not(:disabled):hover,
.input-text__calendar-icon--cI7nw:focus,
.input-text__calendar-icon--cI7nw:hover {
  background: var(--color-grey-200);
}

.input-text--disabled--_JWTL .input-text__calendar-icon--cI7nw:focus,
.input-text--disabled--_JWTL .input-text__calendar-icon--cI7nw:hover {
  background: 0;
  cursor: auto;
  cursor: initial;
}

.input-text--calendar--n1VIg .input-text__input-wrapper--cHE24 {
  justify-content: center;
  position: relative;
}

.input-text--calendar--n1VIg .input-text__input--g7sMd {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.input-text--invalid--KdOLp .input-text__error--KXx7h {
  color: var(--color-error-700);
  font: var(--font-sm-regular);
  margin-top: var(--spacing-1);
}

.input-text__hint-text--KRctu {
  color: var(--color-grey-500);
  margin-left: var(--spacing-1);
  font: var(--font-sm-regular);
}

.input-text__helper-text--pYjg6 {
  color: var(--color-grey-500);
  font: var(--font-sm-regular);
  margin-top: var(--spacing-2);
}

.input-text--invalid--KdOLp .input-text__helper-text--pYjg6 {
  color: var(--color-error-700);
}

.input-text__icon--Qr_u8 {
  fill: var(--color-grey-400);
}

.input-text__left-icon--c1kSh {
  margin-right: var(--spacing-2);
}

.input-text__valid-icon--LRzsK {
  fill: var(--color-success-500);
}

.input-text__invalid-icon--gTqFR {
  fill: var(--color-error-500);
}

.input-text__info-icon--klLDW {
  fill: var(--color-grey-400);
  transition: all var(--transition-default);
}

.input-text--invalid--KdOLp .input-text__info-icon--klLDW,
.input-text--valid--h9YnI .input-text__info-icon--klLDW {
  margin-right: var(--spacing-1);
}

.input-text--hTb5U:not(.input-text--disabled--_JWTL) .input-text__inner--WN977:hover .input-text__info-icon--klLDW {
  fill: var(--color-grey-700);
}

.input-text__trailing-text--lsaRY {
  color: var(--color-grey-500);
  font: var(--font-base-regular);
  margin-right: var(--spacing-1);
}

.input-text__input--g7sMd:hover {
  color: var(--color-grey-700);
}

.input-date-time--aiz_g {
  align-items: flex-end;
  display: grid;
  grid-gap: var(--spacing-6);
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
}

.select-panel--qDixE {
  position: fixed;
  background-color: var(--color-bw-50);
  border-radius: var(--spacing-2);
  border: 1px solid var(--color-grey-300);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  list-style: none;
  margin: 0;
  max-height: 25vh;
  overflow-y: auto;
  padding: 0;
  text-align: left;
  transform-origin: top;
  transition: transform var(--open-transition-easing) var(--open-transition-duration);
  z-index: 1000;
}

.transition-slide-enter--utT6d.select-panel--qDixE,
.transition-slide-leave-to--ghApa.select-panel--qDixE {
  transform: scaleY(0);
}

.transition-slide-enter-to--lI0cm.select-panel--qDixE,
.transition-slide-leave--AH88m.select-panel--qDixE {
  transform: scaleY(1);
}

.select-panel__menu-item--iXE7Q {
  background-color: var(--color-bw-50);
  color: var(--color-grey-700);
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font: var(--font-sm-regular);
  padding: var(--spacing-2) var(--spacing-3);
  text-align: left;
  text-decoration: none;
  transition: all var(--transition-fast);
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  width: 100%;
  border: none;
}

.select-panel__menu-item-content--OHC7b {
  display: block;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}

.select-panel__menu-item-checkmark--X761T {
  flex-shrink: 0;
  margin-left: var(--spacing-2);
  color: var(--color-primary-500);
}

.select-panel__menu-item--iXE7Q:focus:not(.select-panel__menu-item--disabled--syQpI) {
  background-color: var(--color-primary-50);
  outline: none;
}

.select-panel__menu-item--iXE7Q:not(.select-panel__menu-item--disabled--syQpI):hover {
  background-color: var(--color-grey-50);
}

.select-panel__menu-item--disabled--syQpI {
  cursor: default;
  color: var(--color-grey-500);
}

.input-select--hK9Lr {
  display: inline-flex;
  flex-flow: column nowrap;
  transition: background var(--transition-fast), border var(--transition-fast);
  position: relative;
  overflow: hidden;
}

.input-select-wrapper--ZjbXE {
  position: relative;
}

.input-select__label--VWVOa {
  font: var(--font-sm-medium);
  color: var(--color-grey-700);
  margin-bottom: var(--spacing-1);
}

.input-select__hint-text--sHrTM {
  font: var(--font-sm-regular);
  margin-top: var(--spacing-2);
  color: var(--color-grey-500);
}

.input-select__suffix-icon--SG_w8 {
  margin-left: var(--spacing-2);
  flex-shrink: 0;
}

.input-select__hint-text--sHrTM.input-select__hint-text--error--v_F8v,
.input-select__suffix-icon--error--i9Cda {
  color: var(--color-error-500);
}

.input-select__hint-text--sHrTM.input-select__hint-text-success--VuSam,
.input-select__suffix-icon--success--k114N {
  color: var(--color-success-500);
}

.input-select__select-button--OzMWV {
  transition: border var(--transition-fast);
  position: relative;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--spacing-1);
  border: 1px solid var(--color-grey-300);
  font: var(--font-sm-medium);
  color: var(--color-grey-700);
  align-items: center;
  background: 0;
  display: flex;
  line-height: inherit;
  outline: 0;
  width: 100%;
  cursor: pointer;
}

.input-select__select-button--OzMWV:disabled {
  background-color: var(--color-grey-50);
  cursor: default;
}

.input-select__select-button--OzMWV[focus-within],
.input-select__select-button--expanded--yxLku {
  border-color: var(--color-primary-500);
}

.input-select__select-button--OzMWV:focus-within,
.input-select__select-button--expanded--yxLku {
  border-color: var(--color-primary-500);
}

.input-select__select-button--OzMWV.input-select__select-button--error--lmpfb,
.input-select__select-button--OzMWV.input-select__select-button--error--lmpfb[focus-within] {
  border-color: var(--color-error-500);
}

.input-select__select-button--OzMWV.input-select__select-button--error--lmpfb,
.input-select__select-button--OzMWV.input-select__select-button--error--lmpfb:focus-within {
  border-color: var(--color-error-500);
}

.input-select__select-button--OzMWV.input-select__select-button--success--UiAto,
.input-select__select-button--OzMWV.input-select__select-button--success--UiAto[focus-within] {
  border-color: var(--color-success-500);
}

.input-select__select-button--OzMWV.input-select__select-button--success--UiAto,
.input-select__select-button--OzMWV.input-select__select-button--success--UiAto:focus-within {
  border-color: var(--color-success-500);
}

.input-select__value--EciL0 {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}

.input-select__chevron--A38f7 {
  margin: 0 0 0 auto;
  transform: rotate(0deg);
  transition: transform var(--transition-fast);
  flex-shrink: 0;
}

.input-select__chevron--menu-hidden--gPnVe {
  transform: rotate(180deg);
}

.input-text-area--stNYV {
  display: flex;
  flex-direction: column;
}

.input-text-area__input--_0OHl {
  border-radius: var(--spacing-1);
  border: 1px solid var(--color-grey-300);
  transition: all var(--transition-fast);
  color: var(--color-grey-900);
  width: 100%;
  height: 100%;
  outline: 0;
  padding: var(--spacing-2) var(--spacing-3);
  text-align: inherit;
}

.input-text-area__input--_0OHl:disabled {
  background-color: var(--color-grey-100);
}

.input-text-area__input--_0OHl:focus {
  border-color: var(--color-primary-500);
}

.input-text-area__input--_0OHl.input-text-area__input--error--H30te {
  border-color: var(--color-error-300);
}

.input-text-area__input--_0OHl.input-text-area__input--success--x_mR5 {
  border-color: var(--color-success-300);
}

.input-text-area__input--_0OHl:not(:disabled):hover {
  background-color: var(--color-grey-50);
}

.input-text-area__input--_0OHl::-moz-placeholder {
  color: var(--color-grey-500);
}

.input-text-area__input--_0OHl:-ms-input-placeholder {
  color: var(--color-grey-500);
}

.input-text-area__input--_0OHl::placeholder {
  color: var(--color-grey-500);
}

.input-text-area__label--W_DrB {
  align-items: center;
  color: var(--color-grey-900);
  cursor: pointer;
  display: flex;
  font: var(--font-sm-medium);
  height: var(--spacing-6);
  justify-content: inherit;
}

.input-text-area__label--W_DrB {
  font: var(--font-sm-medium);
  color: var(--color-grey-700);
  margin-bottom: var(--spacing-1);
}

.input-text-area__hint-text--TbdI8 {
  display: block;
  font: var(--font-sm-regular);
  margin-top: var(--spacing-2);
  color: var(--color-grey-500);
}

.input-text-area__hint-text--TbdI8.input-text-area__hint-text--error--RybHp {
  color: var(--color-error-700);
}

.input-text-area__hint-text--TbdI8.input-text-area__hint-text--success--_jJst {
  color: var(--color-success-500);
}

.input-toggle--AkJNS {
  --shadow-focus: 0 0 0 1px var(--color-bw-50), 0 0 0 2px var(--color-primary-500);
  --color-disabled: rgba(140, 89, 245, 0.4);

  /* 19px */
  --knob-size: var(--spacing-5);

  /* 24px */
  --track-height: var(--spacing-6);

  /* 44px */
  --track-width: 2.75rem;

  display: inline-flex;
  justify-content: space-between;
  margin-right: 2px;
}

.input-toggle--has-label--y2Eeg {
  display: flex;
}

.input-toggle__input--m7wuT {
  height: 0;
  width: 0;
  opacity: 0;
}

.input-toggle__switch--WftSc {
  background: var(--color-grey-300);
  content: "";
  border-radius: calc(var(--track-height) / 2);
  cursor: pointer;
  display: inline-block;
  height: var(--track-height);
  position: relative;
  transition: background-color var(--transition-fast), color var(--transition-fast);
  min-width: var(--track-width);
  color: var(--color-grey-500);
  align-self: center;
}

.input-toggle__icon--Sauki {
  position: absolute;
  width: 12px;
  height: 24px;
  top: 0;
  z-index: 10;
}

.input-toggle__icon-unchecked--TpzZS {
  left: 6px;
  right: auto;
}

.input-toggle__icon-checked--XwP8v {
  display: none;
}

.input-toggle__switch--WftSc::after {
  background: var(--color-bw-50);
  border-radius: calc(var(--track-height) / 2);
  content: "";
  display: block;
  height: var(--knob-size);
  left: 0;
  margin: calc((var(--track-height) - var(--knob-size)) / 2);
  position: absolute;
  transition: transform var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);
  top: 0;
  width: var(--knob-size);
}

.input-toggle__label--It65c {
  color: var(--color-grey-700);
  cursor: pointer;
  display: flex;
  font: var(--font-sm-medium);
  width: calc(100% - var(--track-width));
  justify-content: inherit;
  transition: color var(--transition-fast);
}

.input-toggle--has-label--y2Eeg .input-toggle__label--It65c {
  flex-direction: column;
}

.input-toggle__description--n5jlz {
  color: var(--color-grey-500);
  font-weight: var(--font-weight-regular);
  transition: color var(--transition-fast);
}

.input-toggle--disabled--Yyk99 .input-toggle__label--It65c {
  cursor: default;
  opacity: 0.4;
}

.input-toggle__switch--WftSc:hover {
  background: var(--color-grey-400);
}

.input-toggle__input--m7wuT:focus + .input-toggle__switch--WftSc {
  box-shadow: var(--shadow-focus);
}

.input-toggle__input--m7wuT:disabled + .input-toggle__switch--WftSc {
  background: var(--color-grey-200);
  color: var(--color-grey-300);
  transition: background-color var(--transition-fast), color var(--transition-fast);
  cursor: default;
}

.input-toggle__input--m7wuT:checked + .input-toggle__switch--WftSc,
.input-toggle__input--m7wuT:checked:focus + .input-toggle__switch--WftSc {
  background: var(--color-primary-400);
  color: var(--color-primary-400);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.input-toggle__input--m7wuT:checked:hover + .input-toggle__switch--WftSc {
  background: var(--color-primary-500);
  color: var(--color-primary-500);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.input-toggle__input--m7wuT:checked:disabled + .input-toggle__switch--WftSc {
  background: var(--color-primary-500);
  color: var(--color-primary-500);
  transition: background-color var(--transition-fast), color var(--transition-fast);
  opacity: 0.4;
}

.input-toggle__input--m7wuT:checked + .input-toggle__switch--WftSc::after {
  transform: translateX(calc(var(--track-width) - var(--track-height)));
  transition: transform var(--transition-fast);
}

.input-toggle__input--m7wuT:checked + .input-toggle__switch--WftSc .input-toggle__icon-unchecked--TpzZS {
  display: none;
  transition: display var(--transition-fast);
}

.input-toggle__input--m7wuT:checked + .input-toggle__switch--WftSc .input-toggle__icon-checked--XwP8v {
  display: block;
  transition: display var(--transition-fast);
  left: auto;
  right: 6px;
}

.dialog-absence__attachment-link--LVc4x {
  color: var(--shyftplan-green);
  overflow: hidden;
  text-decoration: none;
}

.dialog-absence__attachment-link--LVc4x:hover {
  color: var(--color-grey-900);
}

.dialog-absence__error-list--tiJ2A {
  color: var(--color-error-700);
  font: var(--font-caption);
  list-style-position: inside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.dialog-absence__side-by-side--wk0zW {
  align-items: flex-start;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-4);
  grid-template-columns: 1fr 1fr;
  align-items: end;
}

.dialog-absence__input-toggle--jWQGs {
  align-items: center;
  display: grid !important;
  grid-template-columns: 1fr 0 -webkit-max-content;
  grid-template-columns: 1fr 0 max-content;
}

.dashboard-redirect--VgAAE {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: center;
  padding: var(--spacing-2) var(--spacing-5);
}

.dashboard-redirect__spinner--WEhqy {
  color: var(--shyftplan-green);
  font-size: 2rem;
}

.dropdown--nSWZ4 {
  position: relative;
}

.dropdown__button--aFDit {
  align-items: center;
  background: 0;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  outline: 0;
  padding: 0;
}

.dropdown__button--aFDit::after {
  border: 4px solid;
  border-color: currentColor transparent transparent;
  content: '';
  height: 0;
  margin: 0 0 0 8px;
  position: relative;
  top: 2px;
  width: 0;
}

.dropdown__menu--AvzGk {
  background: var(--color-bw-50);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  font-size: 14px;
  list-style: none;
  margin: 0;

  /* this is just a simple heuristic, we won't be using the component in the future anyway */
  max-height: 50vh;
  min-width: 160px;
  overflow-y: auto;
  padding: 5px 0;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1000;
}

.dropdown__menu--hidden--NwDsW {
  display: none;
}

.dropdown__menu-item--O0X3K {
  color: #656565;
  display: block;
  text-decoration: none;
  padding: 5px 20px;
  outline: 0;
  white-space: nowrap;
}

.dropdown__menu-item--O0X3K:focus,
.dropdown__menu-item--O0X3K:hover {
  background: #f5f5f5;
  color: #333;
}

.dropdown__menu-item-separator--bDZwF {
  background: rgba(0, 0, 0, 0.15);
  height: 1px;
  margin: var(--spacing-3) 0;
}

.chat-button--O0pXx {
  background: 0;
  border: 0;
  color: var(--color-grey-700);
  cursor: pointer;
  height: 100%;
  outline: 0;
  padding: var(--spacing-2) var(--spacing-4);
  position: relative;
}

.chat-button--O0pXx:hover {
  background-color: var(--color-primary-100);
}

.chat-button--O0pXx::before {
  border-radius: 50%;
  content: ' ';
  height: 10px;
  left: 15px;
  position: absolute;
  top: 10px;
  transform-origin: 0 0;
  transform: scale(0);
  transition: transform 0.3s ease-in 0.2s, opacity 0.3s ease-in 0.2s;
  width: 10px;
}

.chat-button--with-notification--xXsRk::before {
  opacity: 1;
  transform: scale(1) translate(13px, 17px);
}

@font-face {
  font-family: 'sp-icon-font';
  src: url(f02e1b481190015cfbd0.eot);
  src:
    url(f02e1b481190015cfbd0.eot?#iefix) format('embedded-opentype'),
    url(7255bcd9e2799e4c05f1.woff) format('woff'),
    url(c5e013127abc0b3ead6b.ttf) format('truetype'),
    url(c606989e39f8e0c081ba.svg#sp-font) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="sp-"],
[class*=" sp-"] {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: 'sp-icon-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="sp-"]::before,
[class*=" sp-"]::before {
  display: block;
  content: '';
}

.sp-absence--PrS54::before {
  content: "\e600";
}

.sp-absences-state-approved--Hky_i::before {
  content: "\e925";
}

.sp-add-circle--mSbKP::before {
  content: "\e601";
}

.sp-alarm-on--_0KPX::before {
  content: "\e911";
}

.sp-alarm-off--a7pgm::before {
  content: "\e912";
}

.sp-application--_DeQx::before {
  content: "\e93b";
}

.sp-arrow-back--aArve::before {
  content: "\e602";
}

.sp-arrow-next--XZwrc::before {
  content: "\e603";
}

.sp-bell--nY31J::before {
  content: "\e604";
}

.sp-billing--b6fJc::before {
  content: "\e605";
}

.sp-block--Kk0QC::before {
  content: "\e913";
}

.sp-blocked--qBuZI::before {
  content: "\e606";
}

.sp-calendar-open-shifts--u7T35::before {
  content: "\e93e";
}

.sp-cancel--HIIOR::before {
  content: "\e607";
}

.sp-cash-usd--gF3af::before {
  content: "\e91e";
}

.sp-chat--IgEE1::before {
  content: "\e934";
}

.sp-change--Fmlvs::before {
  content: "\e93c";
}

.sp-check-circle--QalnN::before {
  content: "\e608";
}

.sp-chevron-down--sEC1a::before {
  content: "\e90b";
}

.sp-chevron-up--qQT3X::before {
  content: "\e90a";
}

.sp-clear--YLYkf::before {
  content: "\e609";
}

.sp-clock--jiny8::before {
  content: "\e91f";
}

.sp-comment--XZ09j::before {
  content: "\e91a";
}

.sp-copy--pRAVS::before {
  content: "\e916";
}

.sp-dashboard--yQu35::before {
  content: "\e60a";
}

.sp-delete--vYljs::before {
  content: "\e917";
}

.sp-done--TPBh7::before {
  content: "\e60b";
}

.sp-day--QM64z::before {
  content: "\e630";
}

.sp-direct-swap--bloo5::before {
  content: "\e939";
}

.sp-dots-horizontal--eoIFG::before {
  content: "\e91b";
}

.sp-download--Ff_pz::before {
  content: "\e92c";
}

.sp-earned-amount--CjVDQ::before {
  content: "\e91c";
}

.sp-edit--ucpG_::before {
  content: "\e60c";
}

.sp-edit-table--da4sh::before {
  content: "\e92a";
}

.sp-edit-employee-rotation--HOyoH::before {
  content: "\e910";
}

.sp-equal--So5Eg::before {
  content: "\e62a";
}

.sp-evaluation--XP_9C::before {
  content: "\e60d";
}

.sp-event--tNRgM::before {
  content: "\e60e";
}

.sp-exclamation--S9AZK::before {
  content: "\e942";
}

.sp-export--pTzj5::before {
  content: "\e931";
}

.sp-export-table--_Xp7q::before {
  content: "\e929";
}

.sp-eye-on--h4i7x::before {
  content: "\e635";
}

.sp-eye-off--GRsmS::before {
  content: "\e636";
}

.sp-facebook--nOu64::before {
  content: "\e901";
}

.sp-filter--ldnFm::before {
  content: "\e90d";
}

.sp-flag--YRN0m::before {
  content: "\e626";
}

.sp-floppy-disk--TAF50::before {
  content: "\e908";
}

.sp-generate--tY3Oo::before {
  content: "\e918";
}

.sp-google-drive--NnHYx::before {
  content: "\e935";
}

.sp-google-plus--ngMIR::before {
  content: "\e903";
}

.sp-help--Doc9x::before {
  content: "\e60f";
}

.sp-import--zyMzv::before {
  content: "\e937";
}

.sp-info--odxpF::before {
  content: "\e610";
}

.sp-instagram--mwP6e::before {
  content: "\e906";
}

.sp-insurance--JJLOA::before {
  content: "\e62d";
}

.sp-link--X0UhH::before {
  content: "\e922";
}

.sp-linkedin--xi39K::before {
  content: "\e905";
}

.sp-link-off--twAzU::before {
  content: "\e921";
}

.sp-location--ULlVp::before {
  content: "\e611";
}

.sp-login--_HAYI::before {
  content: "\e907";
}

.sp-mail--hCZGU::before {
  content: "\e612";
}

.sp-maximized--MS1O3::before {
  content: "\e633";
}

.sp-maximum-money--IeZd5::before {
  content: "\e91d";
}

.sp-message--SRbyE::before {
  content: "\e612";
}

.sp-minimized--B7OOi::before {
  content: "\e634";
}

.sp-minus--wynie::before {
  content: "\e623";
}

.sp-mobile--s4UdV::before {
  content: "\e62e";
}

.sp-month--bLbwa::before {
  content: "\e632";
}

.sp-month-position--V6e72::before {
  content: "\e92e";
}

.sp-month-employees--hiZBK::before {
  content: "\e92f";
}

.sp-moon--BQ9oq::before {
  content: "\e936";
}

.sp-no-conficts-shifts--G800Y::before {
  content: "\e900";
}

.sp-note--C3Knk::before {
  content: "\e930";
}

.sp-occupied--xb4NW::before {
  content: "\e637";
}

.sp-overassigned-shifts--NG5zy::before {
  content: "\e923";
}

.sp-paperclip--YBfDF::before {
  content: "\e938";
}

.sp-payment--dud0I::before {
  content: "\e629";
}

.sp-pay-fixed--ucvVz::before {
  content: "\e61f";
}

.sp-pay-bonus_fixed--ozY68::before {
  content: "\e61f";
}

.sp-pay-bonus_percentage--ap5ed::before {
  content: "\e61f";
}

.sp-pay-hourly--lhTv8::before {
  content: "\e622";
}

.sp-pay-monthly--i9PAh::before {
  content: "\e61d";
}

.sp-person--jet50::before {
  content: "\e613";
}

.sp-personal--VESkF::before {
  content: "\e614";
}

.sp-pause--AAA37::before {
  content: "\e90c";
}

.sp-phone-old--iNcdu::before {
  content: "\e909";
}

.sp-pin--mbGXf::before {
  content: "\e627";
}

.sp-play--mbVEp::before {
  content: "\e915";
}

.sp-plus--rcddM::before {
  content: "\e624";
}

.sp-position--K0Ylh::before {
  content: "\e615";
}

.sp-print--XIjMP::before {
  content: "\e616";
}

.sp-punch--FGOEO::before {
  content: "\e617";
}

.sp-punch_timing--wsNZ3::before {
  content: "\e617";
}

.sp-range--WHA0L::before {
  content: "\e92b";
}

.sp-remove-circle--JWd2V::before {
  content: "\e618";
}

.sp-remaining-money--fcETb::before {
  content: "\e920";
}

.sp-report-problem--USwqT::before {
  content: "\e924";
}

.sp-request--hHaVE::before {
  content: "\e93d";
}

.sp-reset--Q0sGO::before {
  content: "\e919";
}

.sp-restore--BbUL2::before {
  content: "\e911";
}

.sp-rotation--KyDKO::before {
  content: "\e940";
}

.sp-round-exclamation--hDjE_::before {
  content: "\e941";
}

.sp-search--Y2xBy::before {
  content: "\e619";
}

.sp-send-message--VfmjY::before {
  content: "\e933";
}

.sp-settings--wVVCs::before {
  content: "\e61a";
}

.sp-shiftplan--D8vP0::before {
  content: "\e61d";
}

.sp-shift-full--PJD__::before {
  content: "\e910";
}

.sp-shift-horizontal--stW90::before {
  content: "\e61b";
}

.sp-shift-open--bhFiq::before {
  content: "\e90f";
}

.sp-shift-vertical--Y9udW::before {
  content: "\e61c";
}

.sp-sidebar-collapse--QYPqt::before {
  content: "\e928";
}

.sp-sort--QdQtz::before {
  content: "\e90e";
}

.sp-star--_Wn5A::before {
  content: "\e61f";
}

.sp-star-circle--BaRuw::before {
  content: "\e61e";
}

.sp-survey--oZLMA::before {
  content: "\e62f";
}

.sp-swap--zmkqf::before {
  content: "\e93a";
}

.sp-swap-circle--FS3Oa::before {
  content: "\e620";
}

.sp-tag--VLJw2::before {
  content: "\e932";
}

.sp-time--raU4x::before {
  content: "\e622";
}

.sp-twitter--oP_14::before {
  content: "\e902";
}

.sp-unoccupied--Za0U3::before {
  content: "\e900";
}

.sp-upload--gmZsI::before {
  content: "\e62c";
}

.sp-user-circle--lwjiM::before {
  content: "\e625";
}

.sp-week--HMK7H::before {
  content: "\e631";
}

.sp-week-employees--CLPad::before {
  content: "\e92d";
}

.sp-work--qrqic::before {
  content: "\e62b";
}

.sp-xing--SQThE::before {
  content: "\e904";
}

.notification-badge--h3Y6m {
  align-items: center;
  background: var(--color-primary-100);
  border-radius: 9999px;
  color: var(--color-primary-700);
  display: inline-flex;
  font: var(--font-xxs-regular);
  height: 14px;
  justify-content: center;
  text-align: center;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
}

.notification-badge--disabled--Yk6St {
  background-color: var(--color-grey-300);
  color: var(--color-grey-500);
}

.tabs--FOB4b {
  display: flex;
  flex-flow: column nowrap;
}

.tabs__tablist--AaFRb {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  min-height: 38px;
}

.tabs__tab--YLQGo {
  background: transparent;
  border: 0;
  border-bottom: transparent 2px solid;
  color: var(--color-grey-500);
  font: var(--font-sm-medium);
  outline: 0;
  padding: var(--spacing-2) var(--spacing-4);
  transition: border var(--transition-fast), color var(--transition-fast);
  white-space: nowrap;
  position: relative;
}

.tabs__tab-selected--pg6G1,
.tabs__tab-selected--pg6G1:focus {
  border-bottom-color: var(--color-primary-500);
  color: var(--color-primary-500);
}

.tabs__tab-selected--pg6G1:hover {
  border-bottom-color: var(--color-primary-600);
  color: var(--color-primary-600);
}

.tabs__tab-selected--pg6G1:not(:disabled),
.tabs__tab-selected--pg6G1:focus:not(:disabled) {
  border-bottom-color: var(--color-primary-500);
  color: var(--color-primary-500);
}

.tabs__tab-selected--pg6G1:hover:not(:disabled):not(:focus) {
  border-bottom-color: var(--color-primary-600);
  color: var(--color-primary-600);
}

.tabs__tab--YLQGo:disabled,
.tabs__tab--YLQGo:disabled:hover,
.tabs__tab--YLQGo:disabled:focus {
  border-bottom-color: transparent;
  color: var(--color-grey-300);
}

.tabs__tab--YLQGo:not(:disabled):not(.tabs__tab-selected--pg6G1) {
  color: var(--color-grey-400);
  cursor: pointer;
}

.tabs__tab--YLQGo:focus:not(:disabled):not(.tabs__tab-selected--pg6G1),
.tabs__tab--YLQGo:hover:not(:disabled):not(.tabs__tab-selected--pg6G1) {
  color: var(--color-grey-500);
  border-bottom-color: var(--color-grey-400);
  cursor: pointer;
}

.tabs__panel--Tq_RN {
  display: flex;
  flex: 1 1;
  flex-flow: column nowrap;
  overflow: auto;
}

.tabs__tab-content--uOXVp {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.tabs__tab-icon--lq6L9 {
  margin-right: var(--spacing-2);
}

.details--OrtOB {
  display: grid;
  grid-template-rows: 100%;
  max-width: var(--dialog-max-width-sm);
  max-width: var(--dialog-max-width, var(--dialog-max-width-sm));
  overflow: hidden;
  width: calc(100vw - 2 * var(--spacing-10));
  padding: var(--spacing-4);
}

.dialog-assignment-group__inner--HcmpW {
  background: var(--color-bw-50);
  display: flex;
  min-height: 20vh;
  margin: calc(-1 * var(--spacing-7)) calc(-1 * var(--spacing-4));
  overflow: hidden;
}

.shifts--Z57p7 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 100%;
  overflow: hidden;
}

.shifts__column--RwBCq {
  display: flex;
  flex-flow: column nowrap;
}

.shifts__spinner-container--tuJXy {
  display: flex;
  align-items: center;
  height: 100%;
  width: calc(100vw - 2 * var(--spacing-10));
}

.shifts__spinner--QR7Ki {
  margin: 0 auto;
  font-size: var(--font-size-heading-md);
}

.shifts__column--RwBCq:not(:last-child) {
  border-right: var(--color-grey-100) 1px solid;
}

.pagination--xvtyv {
  /* noop */
}

.pagination__list--CCUVM {
  display: grid;
  grid-auto-flow: column;
  grid-gap: var(--spacing-1);
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}

.pagination__list--CCUVM > li:first-child {
  margin-right: var(--spacing-2);
}

.pagination__list--CCUVM > li:last-child {
  margin-left: var(--spacing-2);
}

.pagination__button--ipFE3,
.pagination__ellipsis--oMRwV {
  align-items: center;
  color: var(--color-grey-500);
  display: flex;
  justify-content: center;
  line-height: var(--spacing-10);
  height: var(--spacing-10);
  width: var(--spacing-10);
}

.pagination__button--ipFE3 {
  background: 0;
  border: 0;
  cursor: pointer;
  transition: background 0.2s ease;
  border-bottom-width: var(--spacing-05);
  border-bottom-style: solid;
  border-bottom-color: transparent;
}

.pagination__button--arrow--NlnS0 {
  border: 1px solid var(--color-grey-300);
  border-radius: var(--spacing-1);
  width: 32px;
  height: 32px;
}

.pagination__button--ipFE3:disabled {
  color: var(--color-grey-300);
  cursor: auto;
  cursor: initial;
}

.pagination__button--ipFE3:not(:disabled):not(.pagination__button--arrow--NlnS0):hover,
.pagination__button--selected--JdQyY {
  color: var(--color-primary-600);
  border-bottom: var(--spacing-05) solid var(--color-primary-500);
}

.shifts-list--MxNLo {
  background-color: var(--color-bw-50);
  color: var(--color-grey-900);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: var(--font-base-regular);
  padding: var(--spacing-1) var(--spacing-2);
  border-bottom: 1px solid var(--color-grey-100);
}

.shifts-list--shift_details--RHjJK {
  flex: 1 1;
}

.shifts-list--datetime--zZtbe {
  font-weight: 500;
}

.shifts-list--position_employment--W9DHE {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--spacing-1);
  font: var(--font-sm-medium);
}

.shifts-list--position--RWpdL {
  flex: 0 1 50%;
}

.shifts-list--employment--_yM0F {
  flex: 0 1 50%;
}

.column__header--psnHS {
  align-items: center;
  background: var(--color-grey-100);
  color: var(--color-grey-700);
  display: flex;
  font: var(--font-sm-medium);
  justify-content: space-between;
  padding: var(--spacing-3);
}

.column__body--xr1eW {
  /* 8px is also the default for Firefox, the only browser supporting scrollbar-width */
  --scrollbar-width: 8px;

  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}

.column__body--xr1eW::-webkit-scrollbar {
  width: var(--scrollbar-width);
}

.column__body--xr1eW:hover {
  scrollbar-color: var(--color-grey-200) transparent;
}

.column__body--xr1eW:hover::-webkit-scrollbar-thumb {
  background: var(--color-grey-200);
  border-radius: var(--spacing-1);
}

.dialog-shiftplan-notifications__inner--x77fH {
  background: var(--color-bw-50);
  min-height: 20vh;
  margin: calc(-1 * var(--spacing-7)) calc(-1 * var(--spacing-4));
  width: var(--dialog-max-width-sm);
}

.dialog-shiftplan-notifications__tab--lpjnC {
  position: relative;
}

.input-button-select--RWPVC {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  padding: var(--spacing-4) 0;
}

.input-button-select__label--nj1xw {
  background: 0;
  display: flex;
  align-items: center;
  border: var(--color-grey-300) 1px solid;
  flex: 1 1;
  font: var(--font-sm-regular);
  outline: 0;
  padding: 0 var(--spacing-4);
  height: 40px;
  justify-content: center;
  transition: background var(--transition-fast), color var(--transition-fast);
}

.input-button-select__label--nj1xw .input-button-select__icon--IxSwp + .input-button-select__label-text--4Cu8s {
  margin-left: var(--spacing-2);
}

.input-button-select__label--nj1xw:not(.input-button-select__label--disabled--h6sVq) {
  cursor: pointer;
}

.input-button-select__label--nj1xw:not(.input-button-select__label--disabled--h6sVq):not(.input-button-select__label--selected--PT0Us):hover {
  background: var(--color-grey-50);
}

.input-button-select__label--nj1xw:first-child {
  border-radius: var(--spacing-2) 0 0 var(--spacing-2);
}

.input-button-select__label--nj1xw:last-child {
  border-radius: 0 var(--spacing-2) var(--spacing-2) 0;
}

.input-button-select__label--nj1xw:not(:first-child) {
  margin-left: -1px;
}

.input-button-select__label--disabled--h6sVq {
  opacity: 0.6;
}

.input-button-select__label--selected--PT0Us {
  background: var(--color-primary-100);
  color: var(--color-primary-600);
  border-color: var(--color-primary-600);
  position: relative;
  z-index: 1;
}

.input-button-select__input--ih33u {
  /* Hide the input without making it invisible to screenreaders */
  -webkit-clip-path: polygon(0 0);
          clip-path: polygon(0 0);
  width: 0;
}

.input-pill-select--F5CA1 {
  position: relative;
}

.input-pill-select__input--BLkSa {
  outline: 0;
  border: 0;
  background: 0;
  flex: 1 1;
  min-width: var(--spacing-16);
  margin: var(--spacing-1);
}

.input-pill-select__input--BLkSa:first-child {
  grid-column: span 2;
}

.input-pill-select__select--QEr2d {
  position: absolute;
  z-index: 1000;
  top: 30px;
  visibility: hidden;
}

.input-pill-select--F5CA1[focus-within] .input-pill-select__select--QEr2d {
  visibility: visible;
}

.input-pill-select--F5CA1:focus-within .input-pill-select__select--QEr2d {
  visibility: visible;
}

.input-pill-select__inner--FpOWj {
  display: flex;
  flex-flow: row nowrap;
  transition: border var(--transition-fast);
  position: relative;
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--spacing-1);
  border: 1px solid var(--color-grey-300);
  font: var(--font-sm-medium);
  color: var(--color-grey-700);
  align-items: center;
  background: 0;
  line-height: inherit;
  outline: 0;
  width: 100%;
  cursor: pointer;
}

.input-pill-select__label--TDa9Q {
  cursor: default;
  display: block;
  font: var(--font-sm-medium);
  color: var(--color-grey-700);
  margin-bottom: var(--spacing-1);
}

.input-pill-select__values-and-search--XEcf9 {
  display: flex;
  flex-flow: row wrap;
  flex-shrink: 1;
  flex-grow: 1;
}

.input-pill-select__suffix-wrapper--u54K4 {
  flex-shrink: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: center;
}

.input-pill-select__inner--active--dNf_p {
  border-color: var(--color-primary-500);
}

.input-pill-select__inner--FpOWj.input-pill-select__inner--error--TJcGh,
.input-pill-select__inner--FpOWj.input-pill-select__inner--error--TJcGh[focus-within] {
  border-color: var(--color-error-500);
}

.input-pill-select__inner--FpOWj.input-pill-select__inner--error--TJcGh,
.input-pill-select__inner--FpOWj.input-pill-select__inner--error--TJcGh:focus-within {
  border-color: var(--color-error-500);
}

.input-pill-select__inner--FpOWj.input-pill-select__inner--success--OlACV,
.input-pill-select__inner--FpOWj.input-pill-select__inner--success--OlACV[focus-within] {
  border-color: var(--color-success-500);
}

.input-pill-select__inner--FpOWj.input-pill-select__inner--success--OlACV,
.input-pill-select__inner--FpOWj.input-pill-select__inner--success--OlACV:focus-within {
  border-color: var(--color-success-500);
}

.input-pill-select__input--BLkSa::-moz-placeholder {
  color: var(--color-grey-700);
  opacity: 0.5;
  -moz-transition: color var(--transition-fast);
  transition: color var(--transition-fast);
}

.input-pill-select__input--BLkSa:-ms-input-placeholder {
  color: var(--color-grey-700);
  opacity: 0.5;
  -ms-transition: color var(--transition-fast);
  transition: color var(--transition-fast);
}

.input-pill-select__input--BLkSa::placeholder {
  color: var(--color-grey-700);
  opacity: 0.5;
  transition: color var(--transition-fast);
}

.input-pill-select__suffix-icon--O8tCh {
  margin-left: var(--spacing-2);
  flex-shrink: 0;
}

.input-pill-select__hint-text--H9iUh {
  display: block;
  font: var(--font-sm-regular);
  margin-top: var(--spacing-2);
  color: var(--color-grey-500);
}

.input-pill-select__hint-text--H9iUh.input-pill-select__hint-text-success--gJOg9,
.input-pill-select__suffix-icon--success--fSwhJ {
  color: var(--color-success-500);
}

.input-pill-select__hint-text--H9iUh.input-pill-select__hint-text--error--iZarU,
.input-pill-select__suffix-icon--error--bWUd0 {
  color: var(--color-error-500);
}

.input-pill-select__chevron--nslP1 {
  margin: 0 0 0 auto;
  transform: rotate(0deg);
  transition: transform var(--transition-fast);
  flex-shrink: 0;
}

.input-pill-select__chevron--menu-hidden--mG8tf {
  transform: rotate(180deg);
}

.input-pill-select-badge--CT9Ns {
  margin: var(--spacing-1);
}

.input-pill-select--disabled--GM_RL,
.input-pill-select--disabled--GM_RL .input-pill-select__chevron--nslP1,
.input-pill-select--disabled--GM_RL .input-pill-select__inner--FpOWj {
  background-color: var(--color-grey-50);
  cursor: default;
}

.message--oLdmy {
  padding: var(--spacing-3);
}

.message__type--BvDl0,
.message__positions-select-container--J2Avz {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.message__positions-select--bNEPL {
  max-width: 50%;
}

.message__select-button--fYVQ8 {
  max-width: 75%;
}

.message__message-input--n4FMH {
  width: 100%;
}

.notification--nEtn9 {
  padding: var(--spacing-3);
}

.notification__type--rLVMV {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notification__select-button--b9DDk {
  max-width: 70%;
}

.notification__message-input--SNX0l {
  width: 100%;
}

.input-color--gCoe9 {
  display: inline-flex;
  flex-flow: column nowrap;
  /* 57px */
  height: 3.5625rem;
}

.input-color--disabled--IntCY {
  opacity: 0.6;
}

.input-color__inner--ifMgY {
  position: relative;
}

.input-color__button--nozZa {
  align-items: center;
  background: 0;
  border: 0;
  cursor: pointer;
  display: flex;
  font: var(--font-lg-medium);
  height: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  text-align: left;
  text-align: initial;
}

.input-color__button--nozZa::before {
  background: currentColor;
  border-radius: 99999px;
  content: '';
  display: block;
  height: var(--spacing-10);
  width: var(--spacing-10);
}

.input-color__button--nozZa span {
  color: var(--color-grey-900);
  margin: 0 0 0 var(--spacing-2);
}

.input-color__input--JxFQ5 {
  cursor: pointer;
  height: var(--spacing-10);
  opacity: 0;
  position: absolute;
  top: 0;
  width: var(--spacing-10);
}

.input-color__label--CGpuy {
  align-items: center;
  color: var(--color-grey-900);
  cursor: pointer;
  display: flex;
  font: var(--font-sm-medium);
  height: var(--spacing-6);
  justify-content: inherit;
}

.input-color--disabled--IntCY .input-color__label--CGpuy {
  color: var(--color-grey-700);
}

.transition-slide-enter--ihZpv,
.transition-slide-leave-to--zgaaR {
  max-height: 0;
  opacity: 0;
  transition: max-height var(--transition-fast), opacity var(--transition-fast);
}

.transition-slide-enter-to--mPgz9,
.transition-slide-leave--cUuG5 {
  max-height: 9999px;
  opacity: 1;
  transition: max-height var(--transition-fast), opacity var(--transition-fast);
}

.dialog-shiftplan-publish--Nc6pm {
  display: flex;
  flex-direction: column;
}

.dialog-shiftplan-publish__input-toggle--TgZjE {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  justify-content: space-between;
  place-content: space-between;
  margin: var(--spacing-4) 0;
}

.dialog-shiftplan-publish__input-textarea--W_bI8 {
  width: 100%;
}

.copy-shiftplan__input-toggle--cW852 {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    place-content: space-between;
    margin: var(--spacing-4) 0;
}

.copy-shiftplan__datepicker--ObIgD {
  justify-self: center;
  width: auto;
  width: initial;
}

.copy-shiftplan__date-frame--tyrsM {
  display: flex;
  flex-wrap: wrap;
}

.copy-shiftplan__side-by-side--ktW0r {
  flex-grow: 1;
  width: 50%;
}

.input-checkbox--yA9E7 {
  --shadow-focus: 0 0 0 1px var(--color-bw-50), 0 0 0 2px var(--color-primary-500);
  --icon-size: var(--spacing-4);
  --size: var(--spacing-5);

  display: inline-flex;
  flex-flow: column nowrap;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 100%;
}

.input-checkbox__input-wrapper--p31pS {
  align-items: stretch;
  display: flex;
  flex: 1 1;
}

.input-checkbox__input--bPFJW {
  height: 0;
  width: 0;
  margin-right: calc(var(--icon-size) + var(--spacing-2));
}

.input-checkbox__label--XPEP7 {
  color: var(--color-grey-900);
  cursor: pointer;
  display: flex;
  font: var(--font-sm-medium);
  justify-content: inherit;
  align-items: flex-start;
  position: relative;
  min-height: var(--spacing-4);
  word-break: break-word;
}

.input-checkbox__icon--iOi86 {
  margin-right: var(--spacing-2);
}

.input-checkbox__text--lVM50 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.input-checkbox__description--_4dP8 {
  color: var(--color-grey-500);
  font-weight: var(--font-weight-regular);
}

.input-checkbox__input--bPFJW::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  height: var(--icon-size);
  width: var(--icon-size);
  border: 1px solid var(--color-grey-300);
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  transition: border var(--transition-fast);
}

.input-checkbox__input--bPFJW::after {
  cursor: pointer;
  content: "";
  width: 10px;
  height: 5px;
  background: none;
  border-left: 2px solid var(--color-bw-50);
  border-bottom: 2px solid var(--color-bw-50);
  transform: scale(0) rotate(-45deg);
  position: absolute;
  left: 3px;
  top: 6px;
  transition: border var(--transition-fast), background-color var(--transition-fast);
}

.input-checkbox__input--bPFJW:disabled::after {
  cursor: default;
}

.input-checkbox__input--bPFJW:hover::before {
  background-color: var(--color-grey-100);
  transition: background-color var(--transition-fast);
}

.input-checkbox__input--bPFJW:disabled {
  background-color: var(--color-grey-200);
  border-color: var(--color-grey-300);
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.input-checkbox__input--bPFJW:indeterminate::before {
  background-color: var(--color-primary-400);
  transition: background-color var(--transition-fast);
}

.input-checkbox__input--bPFJW:indeterminate::after {
  transform: scale(1) rotate(0deg);
  border-left: 0 solid var(--color-bw-50);
  border-bottom: 2px solid var(--color-bw-50);
  opacity: 1;
  width: var(--spacing-2);
  left: var(--spacing-1);
  top: 6px;
}

.input-checkbox--disabled--eDN7y .input-checkbox__input--bPFJW::before {
  background-color: var(--color-grey-200);
  transition: background-color var(--transition-fast);
}

.input-checkbox--disabled--eDN7y .input-checkbox__label--XPEP7,
.input-checkbox--disabled--eDN7y .input-checkbox__input--bPFJW::before {
  cursor: default;
}

.input-checkbox__input--bPFJW:focus::before {
  box-shadow: var(--shadow-focus);
}

.input-checkbox__input--bPFJW:checked::before {
  background-color: var(--color-primary-400);
  transition: background-color var(--transition-fast);
  border-width: 0;
}

.input-checkbox__input--bPFJW:indeterminate:hover::before {
  background-color: var(--color-primary-500);
  transition: background-color var(--transition-fast);
}

.input-checkbox__input--bPFJW:checked::after {
  transform: scale(1) rotate(-45deg);
}

.input-checkbox--disabled--eDN7y .input-checkbox__input--bPFJW:indeterminate::before,
.input-checkbox--disabled--eDN7y .input-checkbox__input--bPFJW:checked::before {
  background-color: var(--color-primary-500);
  transition: background-color var(--transition-fast);
  opacity: 0.4;
}

.input-checkbox__input--bPFJW:checked:hover::before {
  background-color: var(--color-primary-500);
  border-color: transparent;
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.input-checkbox--invalid--GIjbq .input-checkbox__label--XPEP7,
.input-checkbox--disabled--eDN7y .input-checkbox__label--XPEP7 {
  color: var(--color-grey-500);
  transition: color var(--transition-fast);
}

.input-checkbox--invalid--GIjbq .input-checkbox__input--bPFJW:not(:checked) + .input-checkbox__label--XPEP7::before {
  border-color: var(--color-grey-500);
  transition: border-color var(--transition-fast);
}

.section-location-positions--ivVnv {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: var(--spacing-3) 0 0;
}

.section-location-positions__item--eChRc {
  flex: 1 1 33%;
}

.section-location-positions__toggle-container--R7SSv {
  display: flex;
  align-content: flex-end;
  justify-content: flex-end;
  place-content: flex-end;
}

.section-location-positions__toggle-all--sI6op {
  align-content: end;
  justify-content: end;
  place-content: end;
}

.two-column--uOWK3 {
  display: grid;
  grid-template-columns: 318px 1fr;
  grid-template-columns: var(--column-one-width, 318px) 1fr;
  height: 100vh;
  overflow: hidden;
}

.two-column__one--URXam {
  background: var(--color-bw-50);
  overflow: hidden;
}

.two-column__two--J2k6Z {
  background: var(--color-grey-50);
  overflow: hidden;
}

.shift-schedule--MYAQA {
  background: var(--color-grey-50);
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

.shift-schedule--employee--fgeGV {
  padding-left: var(--spacing-5);
}

.shift-schedule__sidebar-wrapper--C0dC7 {
  /* needed for position of reset filters button */
  position: relative;
  height: 100%;
  overflow: hidden;
}

.shift-schedule__sidebar--DOAl4 {
  /* 8px is also the default for Firefox, the only browser supporting scrollbar-width */
  --scrollbar-width: 8px;

  background: var(--color-grey-50);
  height: 100%;
  overflow-y: scroll;

  /* spacing-15 to leave space for the button on the bottom */
  padding: 0 var(--spacing-1) var(--spacing-15) var(--spacing-1);
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}

.shift-schedule__sidebar--DOAl4::-webkit-scrollbar {
  width: var(--scrollbar-width);
}

.shift-schedule__sidebar--DOAl4:hover {
  scrollbar-color: var(--color-grey-200) transparent;
}

.shift-schedule__sidebar--DOAl4:hover::-webkit-scrollbar-thumb {
  background: var(--color-grey-200);
  border-radius: var(--spacing-1);
}

.shift-schedule__main--vk3OS {
  background: var(--color-grey-50);
  border-radius: var(--spacing-1);
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: hidden;
}

.shift-schedule__main--vk3OS:only-child {
  margin: 0 0 0 var(--spacing-6);
}

.shift-schedule__container--vR2yM {
  padding: var(--spacing-5);
}

.shift-schedule__container--sidebar-collapsed--kIlD4 {
  --column-one-width: 0;
}

.shift-schedule__controls--aGTUj {
  margin-bottom: var(--spacing-3);
}

.shift-schedule__calendar--GMTNZ {
  overflow: auto;
}

.loader--pyadU {
  display: inline-block;
  margin: 3.5em auto 2.5em;
  position: relative;
  text-align: center;
  width: 100%;
}

.loader__svg--TGbBS {
  -webkit-animation: loaderbounce--HuDRW 1s cubic-bezier(0.51, 0.23, 0.02, 0.96) infinite;
          animation: loaderbounce--HuDRW 1s cubic-bezier(0.51, 0.23, 0.02, 0.96) infinite;
  fill: var(--shyftplan-green);
  height: 32px;
  position: relative;
  width: 100%;
  z-index: 10;
}

.loader--pyadU::after {
  -webkit-animation: loadershadow--IQPKi 1s infinite;
          animation: loadershadow--IQPKi 1s infinite;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  bottom: 1px;
  content: '';
  display: block;
  height: 4px;
  left: calc(50% - 9px);
  position: absolute;
  width: 20px;
}

@-webkit-keyframes loaderbounce--HuDRW {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(0.85, 1.1) translateY(-15px);
  }
}

@keyframes loaderbounce--HuDRW {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(0.85, 1.1) translateY(-15px);
  }
}

@-webkit-keyframes loadershadow--IQPKi {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(0.7, 1);
    background: rgba(black, 0.05);
  }
}

@keyframes loadershadow--IQPKi {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(0.7, 1);
    background: rgba(black, 0.05);
  }
}

.filter-box--ST3nY {
  background: var(--color-bw-50);
  border-radius: var(--spacing-1);
  margin-bottom: var(--spacing-5);
  overflow: hidden;
  position: relative;
  box-shadow: var(--shadow-base);
}

.filter-box__header--kfcYY {
  align-items: center;
  background: var(--color-grey-100);
  color: var(--color-grey-700);
  display: flex;
  font: var(--font-sm-medium);
  padding: 0 var(--spacing-3);
  height: 40px;
}

.filter-box__label--ghzeo {
  flex: 1 1;
  margin: 0 var(--spacing-4) 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.filter-box__controls--iHNDZ {
  display: flex;
  grid-gap: var(--spacing-2);
  gap: var(--spacing-2);
}

.filter-box__button--RfIwm {
  background: 0;
  border: 0;
  color: var(--color-grey-700);
  cursor: pointer;
  height: var(--spacing-6);
  outline: 0;
  padding: 0;
  border-radius: calc(var(--spacing-1) / 2);
  transition: background var(--transition-fast), color var(--transition-fast);
  width: var(--spacing-6);
  text-decoration: none;
  text-align: center;
}

.filter-box__button--RfIwm:focus {
  color: var(--color-primary-600);
}

.filter-box__button--RfIwm:hover {
  background: var(--color-grey-700);
  color: var(--color-bw-50);
}

.filter-box__icon--OO21I {
  justify-content: center !important;
  height: 100%;
}

.filter-box__body--gKpQi {
  transform-origin: top;
  transition: opacity var(--transition-default), max-height var(--transition-default);
}

.transition-slide-enter--uXDER.filter-box__body--gKpQi,
.transition-slide-leave-to--_6lR1.filter-box__body--gKpQi {
  opacity: 0;
  max-height: 0;
}

.transition-slide-enter-to--_LTNl.filter-box__body--gKpQi,
.transition-slide-leave--M50Pg.filter-box__body--gKpQi {
  opacity: 1;
  max-height: 1200px;
}

.position-dot--OMmPC {
  border-radius: 9999px;
  display: inline-block;
  height: 8px;
  margin: 2px;
  overflow: hidden;
  padding: 0;
  text-indent: -10000px;
  width: 8px;
}

.employment-item--z9reO {
  align-items: center;
  display: grid;
  grid-gap: 0 var(--spacing-1);
  grid-template-columns: -webkit-max-content 1fr 28px;
  grid-template-columns: max-content 1fr 28px;
  padding: var(--spacing-1) var(--spacing-2);
}

.employment-item--z9reO:not(:last-child) {
  border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
}

.employment-item--selected--b2FoG {
  background: var(--color-primary-100);
}

.employment-item__info--rtNpc {
  overflow: hidden;
}

.employment-item__name--brjBx {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employment-item__hours-report--wIDKW {
  display: block;
  color: #adadad;
  font-size: 12px;
  line-height: 16px;
}

.employment-item__positions--riH84 {
  display: flex;
  flex-wrap: wrap;
}

.employment-item__position-dot--DkPY0 {
  display: flex;
}

.filter-box-employment__list--JQ74l {
  list-style: none;
  margin: 0;
  padding: 0;
}

.filter-box-employment__top-bar--wGvPO {
  display: flex;
  border-bottom: 1px solid #f3f3f3;
}

.filter-box-employment__button--X3n2s {
  align-items: center;
  background: 0;
  border: 0;
  color: #898989;
  cursor: pointer;
  display: flex;
  flex: 1 1;
  font-size: 14px;
  justify-content: center;
  padding: 10px 0;
}

.filter-box-employment__button--active--VgTpm {
  color: var(--color-primary-600);
}

.filter-box-employment__icon--uSqwq {
  margin: 0 0.25ch 0 0;
}

.filter-box-employment__search--aJYf9 {
  border-bottom: #f3f3f3 0 solid;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, border-bottom-width;
  transition-delay: 0s, 0.35s;
}

.filter-box-employment__search--expanded--opw48 {
  /* 60px */
  max-height: 3.75rem;
  border-bottom-width: 1px;
  transition-delay: 0s;
}

.filter-box-employment__input--LNauo {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: #f6f6f6 1px solid;
  border-radius: 9999px;
  color: #adadad;
  font-size: 14px;
  line-height: 1.428571429;
  outline: 0;
  padding: 4px 12px 4px 30px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100%;
}

.filter-box-employment__input--LNauo:focus {
  border-color: var(--shyftplan-green);
}

.filter-box-employment__label--antZK {
  display: block;
  margin: 10px;
  position: relative;
}

.filter-box-employment__label-icon--xWRfD {
  color: #adadad;
  font-size: 18px;
  left: 0;
  padding: 6px 8px 0;
  position: absolute;
  top: 0;
}

.filter-box-employment__pagination--bLeLf {
  border-top: rgba(0,0,0,0.1) 1px solid;
}

.filter-box-employment__draggable--yMrxo.draggable--handle {
  max-width: 300px;
  border: 1px solid var(--color-grey-200);
  opacity: 1;
}

.shiftplan-selector--Kl6MC {
  border-radius: var(--spacing-1);
  color: var(--color-grey-800);
  font: var(--font-base-regular);
  line-height: 1;
  padding: var(--spacing-3);
  transition: background var(--transition-fast);
}

.shiftplan-selector__shiftplan--IEnia {
  color: var(--color-warning-700);
  font: inherit;
  font: var(--font-sm-regular);
}

.shiftplan-selector__shiftplan--IEnia:focus,
.shiftplan-selector__shiftplan--IEnia:hover {
  color: var(--color-warning-700);
}

.shiftplan-selector__shiftplan--unpublished--GN8vq {
  color: var(--color-error-700);
}

.shiftplan-selector__shiftplan--unpublished--GN8vq:focus,
.shiftplan-selector__shiftplan--unpublished--GN8vq:hover {
  background: var(--color-error-50);
  color: var(--color-error-700);
}

.shiftplan-selector__shiftplan--expired--fwkdi {
  color: var(--shyftplan-green);
}

.shiftplan-selector__shiftplan--expired--fwkdi:focus,
.shiftplan-selector__shiftplan--expired--fwkdi:hover {
  background: var(--color-primary-100);
  color: var(--shyftplan-green);
}

.shiftplan-selector__shiftplan--selected--zPRnG {
  font: var(--font-sm-bold);
}

.header--AnKD_ {
  align-items: center;
  background: var(--color-grey-50);
  display: grid;
  grid-gap: var(--spacing-3) var(--spacing-5);
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  padding: var(--spacing-3) var(--spacing-5);
}

.header__shiftplan-selector-container--H1f7p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.header__shiftplan-selector--ZIz20 {
  justify-self: center;
  margin-right: var(--spacing-3);
}

.header__title--wjoPi {
  color: var(--color-primary-600);
  font: var(--font-lg-regular);
  line-height: 2rem;
  margin: 0;
}

.header__actions--vs5ZE {
  display: grid;
  grid-auto-flow: column;
  grid-gap: var(--spacing-3) var(--spacing-4);
}

.checkbox-list--YMAjG {
  margin: 0;
  padding: 0;
}

.item--njj65 {
  align-items: center;
  color: var(--color-grey-800);
  display: grid;
  font: var(--font-sm-medium);
  grid-gap: 0 var(--spacing-2);
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  list-style-position: inside;
  list-style-type: none;
  padding: var(--spacing-2) var(--spacing-3);
}

.item__label--b9Nmg {
  overflow: hidden;
  text-overflow: ellipsis;
}

.item--njj65:not(:last-child) {
  border-bottom: var(--color-grey-200) 1px solid;
}

.filter-box-quick__item--CDuNh {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.filter-box-quick__icon--JOCdz {
  font-size: 15px;
}

.checkbox-list-with-paging-and-filtering--mRupI {
  font: var(--font-sm-regular);
}

.checkbox-list-with-paging-and-filtering__pagination--u0ovu {
  border-top: rgba(0, 0, 0, 0.1) 1px solid;
}

.checkbox-list-with-paging-and-filtering__top-bar--wbYV_ {
  align-items: center;
  border-bottom: var(--color-grey-200) 1px solid;
  display: flex;
  flex-direction: row;
  padding: var(--spacing-2) var(--spacing-3);
  font: var(--font-sm-medium);
}

.checkbox-list-with-paging-and-filtering__icon--i5lv6 {
  margin: 0 0.25ch 0 0;
  color: var(--color-grey-500);
}

.checkbox-list-with-paging-and-filtering__search--G428T {
  border-bottom: var(--color-grey-200) 0 solid;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, border-bottom-width;
  transition-delay: 0s, 0.35s;
}

.checkbox-list-with-paging-and-filtering__search-container--v3vXE {
  align-items: center;
  color: var(--color-grey-800);
  display: flex;
  flex: 2 1;
  overflow: hidden;
}

.checkbox-list-with-paging-and-filtering__search-input--SXgvp {
  border: 0;
  color: inherit;
  flex: 1 1;
  font: inherit;
  min-width: 0;
  outline: 0;
  padding-left: var(--spacing-1);
}

.checkbox-list-with-paging-and-filtering__select-all--bfWMf {
  align-items: center;
  color: var(--color-grey-800);
  display: grid;
  flex: 1 1;
  grid-gap: 0 var(--spacing-2);
  grid-template-columns: auto 1fr;
}

.calendar-absences-container--AtyGC {
  width: 100%;
  height: 100%;
  color: var(--color-grey-700);
  overflow: auto;
}

.controls--V6Y1M {
  align-items: center;
  background: var(--color-grey-50);
  display: flex;
  justify-content: space-between;
}

.controls__group--_5WNi {
  display: grid;
  grid-column-gap: var(--spacing-3);
  -moz-column-gap: var(--spacing-3);
       column-gap: var(--spacing-3);
  grid-auto-flow: column;
}

.monthpicker--EFd0v {
  --monthpicker-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  background: var(--color-white);
  border-radius: var(--spacing-2);
  box-shadow: var(--monthpicker-shadow);
  font: var(--font-sm-medium);
  width: 100%;
}

.monthpicker__grid--z3NHO {
  display: grid;
  grid-gap: var(--spacing-3) 0;
  grid-template-columns: repeat(3, -webkit-max-content);
  grid-template-columns: repeat(3, max-content);
  padding: var(--spacing-1);
}

.monthpicker__header--OCsnL {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-7);
}

.monthpicker__year-label--UlOTT {
  font: var(--font-base-regular);
}

.monthpicker__month--y1t4L {
  background: none;
  border: 0;
  color: var(--color-grey-900);
  display: flex;
  justify-content: center;
  outline: 0;
  padding: 0 var(--spacing-1);
  transition: background var(--transition-fast);
}

.monthpicker__month-label--Lp_cP {
  border-radius: 9999px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: var(--spacing-3) var(--spacing-4);
  transition: background var(--transition-fast), color var(--transition-fast);
  width: 100%;
}

.monthpicker__month--selected--HInmu .monthpicker__month-label--Lp_cP {
  background-color: var(--color-primary-100);
}

.monthpicker__month--disabled--N_8Yb {
  opacity: 0.5;
}

.monthpicker__month--disabled--N_8Yb .monthpicker__month-label--Lp_cP {
  cursor: default;
}

.monthpicker__month--y1t4L:not(.monthpicker__month--disabled--N_8Yb):hover .monthpicker__month-label--Lp_cP,
.monthpicker__month--y1t4L:not(.monthpicker__month--disabled--N_8Yb):focus .monthpicker__month-label--Lp_cP {
  background-color: var(--color-athens-light);
  color: var(--color-grey-900);
}

.controls-datepicker__popup--SkZg7 {
  padding: var(--spacing-3) 0;
  position: absolute;
  top: 100%; /* will be overridden */
  left: 33%; /* will be overridden */
  z-index: 999999;
}

.controls-datepicker__label--_bsX0 {
  white-space: nowrap;
  padding: 0 var(--spacing-3);
}

.controls-datepicker--BsxuH {
  --background-color-button: var(--color-grey-100) !important;

  border-radius: 4px;
  transition: background var(--transition-fast);
}

.controls-datepicker--BsxuH:hover,
.controls-datepicker--BsxuH:focus {
  --background-color-button: var(--color-grey-200) !important;
}

.timeframe-control--hOmVs {
  display: flex;
  flex-direction: row;
  position: relative;
}

.timeframe-control__today--PpnS8 {
  --background-color-button: var(--color-grey-100) !important;

  flex-shrink: 2;
  margin-right: var(--spacing-1);
  border-radius: 4px;
  transition: background var(--transition-fast);
}

.timeframe-control__today--PpnS8:hover,
.timeframe-control__today--PpnS8:focus {
  --background-color-button: var(--color-grey-200) !important;
}

.button-reset-filters--iDsQx {}

.button-reset-filters__wrapper--i7xEH:not(:empty) {
  position: absolute;

  /* take spacing of the sidebar and it's scrollbar into account */
  width: calc(100% - var(--spacing-4));
  bottom: 0;
  left: 0;
  display: flex;
  padding: var(--spacing-3);
  justify-content: center;
  background-color: rgba(247, 248, 250, 0.5);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.calendar-controls__tooltip-text--E0Z3H {
  text-align: center;
}

.screen--wbAn4 {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: center;
  padding: var(--spacing-2) var(--spacing-5);
}

.screen__visual--p4tuo {
  color: var(--color-grey-700);
  font-size: 78px;
}

.screen__title--z11PQ {
  font: var(--font-3xl-medium);
  letter-spacing: var(--font-heading-letter-spacing-h012);
  margin: var(--spacing-7) 0 0;
}

.screen__message--z4A70 {
  font: var(--font-base-regular);
  margin: var(--spacing-7) 0 0;
  text-align: center;
}

.screen__message--z4A70 a {
  color: var(--color-primary-600);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.screen__message--z4A70 a:hover {
  color: var(--color-grey-900);
}

.container__wrapper--dYsnC {
  display: contents;
}

.section-heading--eruSO {
  align-items: center;
  background: var(--color-grey-50);
  display: grid;
  font: var(--font-base-medium);
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  min-height: var(--spacing-10);
  padding: var(--spacing-4);
  border-bottom: 1px solid var(--color-grey-200);
  border-top-left-radius: var(--spacing-1);
  border-top-right-radius: var(--spacing-1);
}

.section-heading--with-context--wcIK4 {
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
}

.section-heading__context--iCdud {
  color: var(--color-grey-700);
  opacity: 0.5;
}

.section-heading__summary--HDR96 {
  color: var(--color-primary-600);
}

.form-section--LhPq2 {
  display: grid;
  grid-template-rows: auto auto;
  width: 100%;
  border-radius: var(--spacing-1);
  border: 1px solid var(--color-grey-200);
}

.form-section__content--WEqpi {
  display: grid;
  grid-gap: var(--spacing-4) var(--spacing-6);
  gap: var(--spacing-4) var(--spacing-6);
  grid-template-columns: repeat(2, 1fr);
  padding: var(--spacing-2) var(--spacing-4);
  grid-column: 1 / -1;
}

.form-section__heading--V51cZ {
  grid-column: 1 / -1;
  margin-bottom: var(--spacing-2);
}

.section-positions--KdwCc {
  /* noop */
}

.section-positions__list--N2NS7 {
  list-style: none;
  margin: 0;
  padding: 0;
  grid-column: span 2;
}

.section-positions__item--xcZD8 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: var(--spacing-4);
  gap: var(--spacing-4);
}

.section-positions__checkbox--nDxfS {
  height: 100%;
  display: flex;
  overflow: hidden;
  width: 100%;
  align-items: center;
}

.section-positions__item--xcZD8 {
  display: grid;
  grid-template-columns: 1fr 15ch;
}

.section-positions__item--xcZD8:not(:last-child) {
  border-bottom: var(--color-grey-200) 1px solid;
  padding: var(--spacing-2) 0;
}

.section-positions__checkbox--nDxfS label {
  font: var(--font-base-regular);
  flex-flow: row;
}

.section-positions__input--SUWDC label {
  justify-content: flex-end;
  align-items: center;
}

.section-positions__input--SUWDC {
  padding: var(--spacing-2) 0;
}

.section-positions__input--SUWDC input {
  text-align: right;
}

.section-positions__alert--y5YbH {
  margin: 0 var(--spacing-4);
}

.dialog-apply-rotation--L7gek {
  /* noop */
}

.dialog-apply-rotation__alert--BI2Zt {
  margin: 0 var(--spacing-4);
}

.dialog-calendar-export--thDdG {
  /* noop */
}

.dialog-calendar-export__description--F0iDc {
  font: var(--font-sm-medium);
}

.router-link-icon--cBlG3 {
  align-items: center;
  border-radius: 4px;
  color: var(--color-primary-600);
  display: inline-flex;
  justify-content: center;
  outline: transparent 1px solid;
  transition: background var(--transition-fast), outline var(--transition-fast);
  text-decoration: none;
}

.router-link-icon--cBlG3:focus {
  background: var(--color-primary-100);
  outline-color: var(--color-primary-100);
}

.router-link-icon--cBlG3:hover {
  background: var(--color-primary-100);
}

.router-link-icon--xxsmall--ZT_5E {
  height: 24px;
  width: 24px;
}

.router-link-icon--xsmall--WkJRG {
  height: 32px;
  width: 32px;
}

.router-link-icon--small--IHGz7 {
  height: 36px;
  width: 36px;
}

.router-link-icon--medium--Dk3M1 {
  height: 40px;
  width: 40px;
}

.router-link-icon--large--lPJMa {
  height: 48px;
  width: 48px;
}

.router-link-icon--xlarge--eTNZC {
  height: 56px;
  width: 56px;
}

.filter-box-assignment-group__group--M8gl_ {
  display: flex;
  flex-flow: column nowrap;
}

.filter-box-assignment-group__stats--N1Wbj {
  color: #adadad;

  /* 12px */
  font-size: 0.75rem;
  font-weight: 400;
  margin-top: var(--spacing-1);
}

.dialog-shift__inner--jnYja {
  background: var(--color-bw-50);
  width: 100%;
}

.dialog-shift__tab-inner--kELSW {
  margin-top: var(--spacing-4);
}

.input-combobox--hONOG {
  position: relative;
}

.input-combobox__input-wrappper--Yicp1,
.input-combobox__input--B8ESb {
  width: 100%;
}

.input-combobox__hint-text--MiNkM {
  display: block;
  font: var(--font-sm-regular);
  margin-top: var(--spacing-2);
  color: var(--color-grey-500);
}

.input-combobox__hint-text--MiNkM.input-combobox__hint-text-success--AfqoW,
.input-combobox__suffix-icon--success--r0Pqu {
  color: var(--color-success-500);
}

.input-combobox__hint-text--MiNkM.input-combobox__hint-text--error--OyMUn,
.input-combobox__suffix-icon--error--mrCIb {
  color: var(--color-error-500);
}

.section-general__row--bLbh3 {
  /* noop */
}

.section-general__row--full-width--UhXNx {
  grid-column: span 2;
}

.section-general__row--side-by-side--me4ui {
  width: 100%;
  grid-column: span 2;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-6);
  grid-template-columns: 1fr 1fr;
}

.employment-with-avatar--wjyun {
  align-items: center;
  color: var(--color-grey-900);
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: 0 var(--spacing-3);
  font: var(--font-base-regular);
}

/* Used in columnAssigned */
.employment-with-avatar__vacancy--z8gqM {
  border-radius: 9999px;
  height: 1.875rem;
  height: var(--avatar-size, 1.875rem);
  width: 1.875rem;
  width: var(--avatar-size, 1.875rem);
}

.employment-with-avatar__avatar-with-indicator--BgDOU {
  display: flex;
  position: relative;
}

.employment-with-avatar__container--BiSYH {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  width: 100%;
}

.employment-with-avatar__name--xYsuv {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employment-with-avatar__staff-number--kRIlx {
  color: var(--color-grey-700);
  font: var(--font-sm-regular);
  margin-top: var(--spacing-1);
}

.additional-break--vDbxX {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;

  /* not supported in Safari < 14.1, won't look too bad though */
  grid-gap: var(--spacing-3) var(--spacing-6);
  gap: var(--spacing-3) var(--spacing-6);
  grid-column: 1 / -1;
}

.additional-break__input--x85BM {
  flex: 1 1;
  grid-template-columns: 1fr;
  min-width: 14ch;
  overflow: hidden;
  position: relative;
}

.additional-break__input--x85BM > div {
  display: flex;
  width: 100%;
}

.additional-break__button-delete--WmcG6 {
  align-self: end;
}

.breaks--FBUiN {
  align-items: center;
  display: grid;
  grid-gap: var(--spacing-3) var(--spacing-6);
  gap: var(--spacing-3) var(--spacing-6);
}

.breaks__unpaid-break-input--dm1vq {
  grid-column: 1 / -1;
}

.breaks__centered-button--gJzEq {
  grid-column: 1 / -1;
  justify-content: center;
  display: flex;
  margin: var(--spacing-4) auto 0;
}

.section-breaks__row--vAlWh {
  /* noop */
}

.section-breaks__row--full-width--ZY2JD {
  grid-column: span 2;
}

.section-tags__row--rNsKA {
  /* noop */
}

.section-tags__row--full-width--yrIBy {
  grid-column: span 2;
}

.section-shift-rotations__row--TqJUa {
  /* noop */
}

.section-shift-rotations__row--full-width--k51FI {
  grid-column: span 2;
}

.section-shift-rotations__pill-section--lPR1j {
  display: flex;
  grid-gap: var(--spacing-4);
  gap: var(--spacing-4);
  flex-wrap: wrap;
}

.section-shift-rotations__pill--TFSMX {
  padding: var(--spacing-2) var(--spacing-4);
}

.input-repeat-dates--LNMbf {
  grid-gap: var(--spacing-4);
  gap: var(--spacing-4);
  display: grid;
}

.input-repeat-dates__label--dxSBM {
  color: var(--color-grey-900);
  font: var(--font-sm-medium);
  margin-bottom: var(--spacing-2);
}

.input-repeat-dates__options--z23Ne {
  justify-self: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.section-settings__row--ZmLHA {
  /* noop */
}

.section-settings__row--full-width--eSpoE {
  grid-column: span 2;
}

.section-settings__row--with-tooltip--sw6Ni {
  display: flex;
  align-items: flex-end;
}

.section-settings__tooltip-icon--kcSsw {
  font-size: var(--icon-font-size-lg);
  margin-left: var(--spacing-4);
  display: flex;
  align-items: flex-end;
  color: var(--color-grey-700);
}

.section-notes__row--ZJLm0 {
  /* noop */
}

.section-notes__row--full-width--Cvs4Z {
  grid-column: span 2;
}

.section-shift-evaluation-tags__row--NnNAg {
  /* noop */
}

.section-shift-evaluation-tags__row--full-width--FV5FE {
  grid-column: span 2;
}

.additional-qualification--ixnCi {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--spacing-3) var(--spacing-6);
  gap: var(--spacing-3) var(--spacing-6);
  grid-column: 1 / -1;
}

.additional-qualification__input--QScvR {
  flex: 1 1;
  grid-template-columns: 1fr;
  min-width: 14ch;
  overflow: hidden;
  position: relative;
}

.additional-qualification__select--HQ6f3 {
  flex: 1 1;
  grid-template-columns: 1fr;
  min-width: 14ch;
  overflow: hidden;
  position: relative;
}

.additional-qualification__input--QScvR > div {
  display: flex;
  width: 100%;
}

.additional-qualification__button-delete--YZmOP {
  align-self: end;
}

.qualifications--XL0NK {
  align-items: center;
  display: grid;
  grid-gap: var(--spacing-3) var(--spacing-6);
  gap: var(--spacing-3) var(--spacing-6);
}

.qualifications__centered-button--ZBli6 {
  grid-column: 1 / -1;
  justify-content: center;
  display: flex;
  margin: var(--spacing-4) auto 0;
}

.section-qualifications__row--full-width--jWAmw {
  grid-column: span 2;
}

.conflicts--F0CI7 {
  /* noop */
}

.conflicts__item--Lfgle {
  color: var(--color-grey-800);
  font: var(--font-base-medium);
  margin: 0;
}

.conflicts__item--Lfgle:not(:first-child) {
  margin-top: var(--spacing-8);
}

.conflicts__item-title--ydhTg {
  font: var(--font-base-medium);
  margin: 0 0 var(--spacing-5);
}

.conflicts__item-text--XREUp {
  font: var(--font-sm-medium);
  margin: var(--spacing-5) 0 0;
}

.details--VF3Rk {
  display: flex;
  flex-direction: column;
  grid-gap: var(--spacing-4);
  gap: var(--spacing-4);
  overflow-y: scroll;
}

.details__alert--m6mMu {
  width: 100%;
}

.details__employment-spinner--wgNww,
.details__employment--mC_UU {
  margin: var(--spacing-2) 0 0;
}

.details__employment-spinner--wgNww {
  --spinner-size: 30px;
}

.details__message--Tb_KS {
  margin: var(--spacing-2) 0 0;
}

.loading-indicator--Wn4p7 {
  -webkit-animation: slide-right--W0WhN 1.7s ease infinite;
          animation: slide-right--W0WhN 1.7s ease infinite;
  background: var(--color-primary-100) linear-gradient(90deg, var(--color-primary-600) 0%, var(--color-primary-600) 100%);
  background-position: calc(-100% / 3) center;
  background-repeat: no-repeat;
  background-size: 25%;
  height: 3px;
  overflow: hidden;
  width: 100%;
}

@-webkit-keyframes slide-right--W0WhN {
  0% {
    background-position: calc(-100% / 3) center;
  }

  10% {
    background-position: calc(-100% / 3) center;
  }

  90% {
    background-position: calc(100% + 100% / 3) center;
  }

  100% {
    background-position: calc(100% + 100% / 3) center;
  }
}

@keyframes slide-right--W0WhN {
  0% {
    background-position: calc(-100% / 3) center;
  }

  10% {
    background-position: calc(-100% / 3) center;
  }

  90% {
    background-position: calc(100% + 100% / 3) center;
  }

  100% {
    background-position: calc(100% + 100% / 3) center;
  }
}

.checkbox-general--uypy2 {
  display: flex;
}

.checkbox-general__input--usQ1u {
  -webkit-clip-path: polygon(0 0);
          clip-path: polygon(0 0);
  height: 0;
  width: 0;
}

.checkbox-general__input--usQ1u:focus + .checkbox-general__label--vzHTK .checkbox-general__icon--uyl_6 {
  background: var(--color-grey-100);
  box-shadow: 0 0 0 var(--spacing-2) var(--color-grey-100);
}

.checkbox-general__label--vzHTK {
  cursor: pointer;
  display: block;
  transition: color var(--transition-fast);
  width: 100%;
}

.checkbox-general__input--usQ1u:checked + .checkbox-general__label--vzHTK {
  color: var(--color-primary-600);
}

.checkbox-general__tooltip--ybHh1 {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-1);
  justify-content: center;
}

.checkbox-general__icon--uyl_6 {
  border-radius: 9999px;
  box-shadow: 0 0 0 var(--spacing-2) transparent;
  display: block;
  overflow: hidden;
  text-align: center;
  transition: background var(--transition-fast), box-shadow var(--transition-fast);
}

.checkbox-general__other--UGxkj {
  font: var(--font-sm-medium);
}

.column-assigned__header--ZDTiH {
  align-items: center;
  background: var(--color-grey-100);
  color: var(--color-grey-700);
  display: flex;
  font: var(--font-sm-medium);
  justify-content: space-between;
  padding: var(--spacing-2) var(--spacing-4);
}

.column-assigned__leave-request-filter--Msj6n {
  --color-checked: var(--color-warning-700);
}

.column-assigned__body--l6YED {
  /* 8px is also the default for Firefox, the only browser supporting scrollbar-width */
  --scrollbar-width: var(--spacing-2);

  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}

.column-assigned__body--l6YED::-webkit-scrollbar {
  width: var(--scrollbar-width);
}

.column-assigned__body--l6YED:hover {
  scrollbar-color: var(--color-grey-200) transparent;
}

.column-assigned__body--l6YED:hover::-webkit-scrollbar-thumb {
  background: var(--color-grey-200);
  border-radius: var(--spacing-1);
}

.column-assigned__item-container--zfkC7 {
  overflow: hidden;
  padding: var(--spacing-1) var(--spacing-2);
  position: relative;
  transition: background var(--transition-fast), opacity var(--transition-fast);
  display: flex;
  justify-content: space-between;
  min-height: 54px; /* to make sure both columns in row height same */
  align-content: center;
}

.column-assigned__item-container--zfkC7:not(:last-child) {
  border-bottom: var(--color-grey-100) 1px solid;
}

.column-assigned__item-container--zfkC7:hover {
  background: rgba(247,248,250,0.50196);
}

.column-assigned__item--V6R9I {
  position: relative;
  width: calc(100% - 30px); /* 100 - action icon button */
  display: flex;
  align-items: center;
}

.column-assigned__employment-avatar--oIkFj {
  padding-right: var(--spacing-1);
}

.column-assigned__unassign-button--UTsDl {
  background-color: var(--color-error-100);
  color: var(--color-error-700);
  outline: none;
}

.column-assigned__unassign-button--UTsDl:focus,
.column-assigned__unassign-button--UTsDl:hover {
  background-color: var(--color-error-200);
}

.column-assigned__tooltip--V2tMB {
  display: flex;
  align-items: center;
  justify-content: center;
}

.column-assigned__icon--PqTTO {
  color: var(--color-grey-700);
  transition: color var(--transition-fast);
}

.column-assigned__leave-shift-indicator--xGCWM {
  position: absolute;
  left: var(--spacing-7);
  top: calc((-1) * var(--spacing-1));
}

.column-assigned__loading-indicator--JS3l1 {
  position: -webkit-sticky;
  position: sticky;
  z-index: 9999;
  top: 0;
}

.column-assigned__loading-indicator--JS3l1:not(:last-child) {
  margin-bottom: calc((-1) * var(--spacing-1));
}

.column-assigned__assignment-group-unassign-dialog-body--Bf5jr {
  max-width: calc(13 * var(--spacing-16));
}

.indicator-leave-shift-request__icon--xvYBL {
  background: var(--color-warning-700);
  border: var(--color-bw-50) 1px solid;
  border-radius: 9999px;
  color: var(--color-bw-50);
  height: var(--spacing-4);
  justify-content: center !important;
  width: var(--spacing-4);
}

.collapsible-qualifications--cjRw6 {
  border-bottom: 1px solid var(--color-athens);
}

.collapsible-qualifications__header--ggen3 {
  align-items: center;
  background: var(--color-athens-light);
  color: var(--color-comet);
  display: flex;
  font: var(--font-caption);
  justify-content: space-between;
  padding-left: var(--spacing-4);
}

.collapsible-qualifications__button--FNGTk {
  background: 0;
  border: 0;
  color: var(--color-comet);
  cursor: pointer;
  height: var(--spacing-11);
  outline: 0;
  padding: 0;
  transition: background var(--transition-fast), color var(--transition-fast);
  width: var(--spacing-11);
  text-decoration: none;
}

.collapsible-qualifications__button--FNGTk:focus {
  color: var(--color-shyftplan-green);
}

.collapsible-qualifications__button--FNGTk:hover {
  background: var(--color-comet);
  color: var(--color-white);
}

.collapsible-qualifications__icon--Arh2u {
  justify-content: center !important;
}

.collapsible-qualifications__body--kv_Cd {
  transform-origin: top;
  transition: opacity var(--transition-default), max-height var(--transition-default);
  color: var(--color-comet);
  font: var(--font-caption);
  padding: var(--spacing-3) var(--spacing-4);
}

.transition-slide-enter--Cojsb.collapsible-qualifications__body--kv_Cd,
.transition-slide-leave-to--Ccr8q.collapsible-qualifications__body--kv_Cd {
  opacity: 0;
  max-height: 0;
}

.transition-slide-enter-to--lSeOB.collapsible-qualifications__body--kv_Cd,
.transition-slide-leave--bVUJ3.collapsible-qualifications__body--kv_Cd {
  opacity: 1;
  max-height: 1200px;
}

.input-radio--HAE9v {
  --shadow-focus: 0 0 0 1px var(--color-bw-50), 0 0 0 2px var(--color-primary-500);
  --icon-size: var(--spacing-4);

  display: inline-flex;
  flex-flow: column nowrap;
  position: relative;
}

.input-radio__input-wrapper--JB_yY {
  min-width: calc(var(--icon-size) + 2px);
  min-height: calc(var(--icon-size) + 4px);
  align-items: stretch;
  display: flex;
  flex: 1 1;
  position: relative;
}

.input-radio__input--B_v0B {
  height: 0;
  width: 0;
  margin-right: calc(var(--icon-size) + var(--spacing-2));
  position: absolute;
  top: 1px;
  left: 2px;
}

.input-radio__input--B_v0B::before {
  box-sizing: border-box;
  position: absolute;
  content: " ";
  border-radius: 50%;
  border: 1px solid var(--color-grey-300);
  height: var(--icon-size);
  width: var(--icon-size);
  top: 1px;
  cursor: pointer;
  background: transparent;
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.input-radio__input--B_v0B::after {
  box-sizing: border-box;
  content: " ";
  position: absolute;
  top: 6px;
  left: 5px;
  background: var(--color-bw-50);
  height: 6px;
  width: 6px;
  border-radius: var(--spacing-2);
  transform: scale(0);
  transition: transform var(--transition-fast);
}

.input-radio__label--JmJ9i {
  color: var(--color-grey-900);
  cursor: pointer;
  display: flex;
  font: var(--font-sm-medium);
  justify-content: inherit;
  align-items: flex-start;
  margin-left: calc(var(--spacing-2) + var(--icon-size));
  transition: color var(--transition-fast);
}

.input-radio__icon--a63Bu {
  margin-right: var(--spacing-2);
}

.input-radio__text--hj6LD {
  display: flex;
  flex-direction: column;
}

.input-radio__description--_CW5a {
  color: var(--color-grey-500);
  font-weight: var(--font-weight-regular);
  transition: color var(--transition-fast);
}

.input-radio--disabled--EEvC7 .input-radio__input--B_v0B::before {
  color: var(--color-grey-300);
  transition: color var(--transition-fast);
}

.input-radio--disabled--EEvC7 .input-radio__label--JmJ9i {
  cursor: default;
  opacity: 0.4;
}

.input-radio--invalid--YuVH7 .input-radio__input--B_v0B {
  color: var(--color-grey-500);
  transition: color var(--transition-fast);
}

.input-radio__input--B_v0B:hover::before {
  background: var(--color-grey-100);
  transition: background-color var(--transition-fast);
}

.input-radio__input--B_v0B:focus::before {
  box-shadow: var(--shadow-focus);
}

.input-radio__input--B_v0B:disabled::before {
  background: var(--color-grey-200);
  border-color: var(--color-grey-300);
  cursor: default;
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.input-radio__input--B_v0B:checked::before {
  background: var(--color-primary-400);
  border-color: var(--color-primary-400);
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.input-radio__input--B_v0B:checked:hover::before {
  background: var(--color-primary-500);
  border-color: var(--color-primary-500);
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.input-radio__input--B_v0B:checked::after {
  transform: scale(1);
}

.input-radio__input--B_v0B:checked:disabled::before {
  background: var(--color-primary-500);
  color: var(--color-primary-500);
  transition: background-color var(--transition-fast), color var(--transition-fast);
  opacity: 0.4;
  cursor: default;
}

.input-radio__input--B_v0B:checked:disabled + .input-radio__label--JmJ9i {
  cursor: default;
}

.rotation-group__options--ZJA67 {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
}

.rotation-group__option--xAn0Z {
  color: var(--color-outer-space);
  text-align: left;

  /* spacing doesn't align with grid */
  padding: var(--spacing-3) 8px;
  display: flex;
}

.rotation-group--info-panel--WXf9L {
  margin-top: var(--spacing-1);
}

.indicator--i4PDl {
  background: var(--color-grey-700);
  border-radius: 9999px;
  display: block;
  width: var(--spacing-3);
  height: var(--spacing-3);
}

.indicator--available--rIzW3 {
  background: var(--color-primary-600);
}

.indicator--unavailable--l2D7M {
  background: var(--color-error-700);
}

.indicator--partly-available--Mf1We {
  background: linear-gradient(180deg, var(--color-primary-600) 50%, var(--color-primary-100) 50%);
}

.indicator--partly-unavailable--qeDQj {
  background: linear-gradient(180deg, var(--color-error-700) 50%, var(--color-error-50) 50%);
}

.indicator--partly-both--zGSPV {
  background: var(--color-warning-700);
}

.checkbox-availability--_pOTR {
  display: flex;
}

.checkbox-availability__input--dwRIj {
  -webkit-clip-path: polygon(0 0);
          clip-path: polygon(0 0);
  height: 0;
  width: 0;
}

.checkbox-availability__label--SLE6w {
  cursor: pointer;
  display: block;
  width: 100%;
}

.checkbox-availability__input--dwRIj:checked + .checkbox-availability__label--SLE6w {
  background: var(--color-grey-100);
}

.checkbox-availability__indicator--zcqzY {
  display: block;
  text-indent: -9999px;
  margin: var(--spacing-3) auto;
}

.filtering--AFEKe {
  display: flex;
}

.filtering__qualifications--qMoqh {
  list-style-type: none;
  padding: var(--spacing-2);
  margin: 0;
}

.filtering__checkbox--IfmtH {
  width: 100%;
  margin: var(--spacing-3) 0;
}

.popover-content--r9LoC {
  background: var(--color-bw-50);
}

.popover-content__heading--OdlmG {
  background: var(--color-bw-50);
  border-radius: var(--spacing-2) var(--spacing-2) 0 0;
  font: var(--font-sm-medium);
  padding: 0 0 var(--spacing-3);
  color: var(--color-grey-900);
  border-bottom: 1px solid var(--color-grey-200);
  margin: 0 0 var(--spacing-3);
}

.popover-content__list--m6NbF {
  margin: 0;
}

.popover-content__item-header--fpUyG {
  color: var(--color-grey-700);
  font: var(--font-sm-medium);
  margin: 0;
}

.popover-content__item-header--fpUyG:not(:first-child) {
  margin: var(--spacing-4) 0 0;
}

.popover-content__item--X7t4X {
  color: var(--color-grey-700);
  font: var(--font-sm-regular);
  margin: 0;
  text-align: left;
}

.hour-balance--FCYNP {
  color: var(--color-grey-700);
  font: var(--font-xs-medium);
  display: flex;
  align-items: center;
  /*
    needed to avoid moving of content when user moves
    between hour account and payment information
   */
  min-height: var(--spacing-1);
}

.hour-balance__hour-account--naVLL {
  margin: -1em 0 -1em var(--spacing-2);
}

.hour-balance__badge--CR2Lo {
  margin-left: var(--spacing-1);
}

.indicator-conflict--RWL4f {
  /* noop */
}

.indicator-conflict__icon--tmnC4 {
  color: var(--color-error-700);
  height: var(--spacing-4);
  justify-content: center !important;
  width: var(--spacing-4);
}

.collisions--sAhNB {
  list-style: none;
  margin: 0;
  padding: 0;
}

.collisions__item--soAtl {
  margin: 0;
  padding: 0;
}

.indicator-join-request--THwXb {
  /* noop */
}

.indicator-join-request__icon--xo3mL {
  background: var(--color-info-600);
  border: var(--color-bw-50) 1px solid;
  border-radius: 9999px;
  color: var(--color-bw-50);
  height: var(--spacing-4);
  justify-content: center !important;
  width: var(--spacing-4);
}

.payment-balance--Ua371 {
  color: var(--color-grey-700);
  font: var(--font-xs-medium);
  /*
  needed to avoid moving of content when user moves
  between hour account and payment information
  */
  min-height: var(--spacing-1);
}

.search--2TzHl {
  /* noop */
}

.search__input--QZJK6 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: #f6f6f6 1px solid;
  border-radius: 9999px;
  color: #adadad;
  font-size: 14px;
  line-height: 1.428571429;
  outline: 0;
  padding: 4px 12px 4px 30px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100%;
}

.search__input--QZJK6:focus {
  border-color: var(--shyftplan-green);
}

.search__label--thaj_ {
  display: block;
  margin: var(--spacing-3);
  position: relative;
}

.search__label-icon--uhlrg {
  color: #adadad;
  font-size: 18px;
  left: 0;
  padding: 6px 8px 0;
  position: absolute;
  top: 0;
}

.sorting--LTMS3 {
  --order-indicator-size: 4px;

  display: flex;
}

.sorting__tabs--wgtdL {
  width: 100%;
}

.sorting__tab-label--MNDn_ {
  align-items: center;
  background: var(--color-bw-50);
  display: grid;
  grid-gap: 0 var(--spacing-1);
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  justify-content: center;
  margin: -10px calc(-1 * var(--spacing-5));
  padding: 10px var(--spacing-5);
}


.sorting__radio-button--q1RZC {
  color: var(--color-grey-800);
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  padding: var(--spacing-3);
  position: relative;
  transition: color var(--transition-fast), opacity var(--transition-fast);
  width: 100%;
}

.sorting__radio-button--selected--yps_O {
  color: var(--color-primary-600);
  opacity: 1;
}

.sorting__input--ZJxKo {
  width: 0;
  height: 0;
  visibility: hidden;
}

.sorting__order-indicator--jX_DE {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  left: calc(50% - var(--order-indicator-size) + var(--spacing-5));
  position: absolute;
  top: calc(50% - var(--order-indicator-size) * 1.5);
}

.sorting__order-indicator--jX_DE::before {
  border: transparent var(--order-indicator-size) solid;
  border-bottom-color: var(--color-primary-600);
  content: '';
  display: block;
  height: 0;
  transform-origin: 50% calc(100% - var(--order-indicator-size) / 2);
  transition: transform var(--transition-fast);
  width: 0;
}

.sorting__order-indicator--jX_DE:checked::before {
  transform: rotate(180deg);
}

.filtering-and-sorting--EF2XQ {
  display: flex;
  background-color: var(--color-grey-100);
  border-bottom: var(--color-grey-100) 1px solid;
}

.column-assignment__filter-section--kSKAw {
  border-bottom: var(--color-grey-100) 1px solid;
  transition: opacity var(--transition-default), max-height var(--transition-default);
}

.column-assignment__list--XJ4WI {
  /* 8px is also the default for Firefox, the only browser supporting scrollbar-width */
  --scrollbar-width: 8px;

  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  position: relative;
}

.column-assignment__list--XJ4WI::-webkit-scrollbar {
  width: var(--scrollbar-width);
}

.column-assignment__list--XJ4WI:hover {
  scrollbar-color: var(--color-grey-200) transparent;
}

.column-assignment__list--XJ4WI:hover::-webkit-scrollbar-thumb {
  background: var(--color-grey-200);
  border-radius: var(--spacing-1);
}

.column-assignment__list--loading--P18xp .column-assignment__item--RYsjs {
  opacity: 0.5;
  pointer-events: none;
}

.transition-slide-enter--XNjKD.column-assignment__filter-section--kSKAw,
.transition-slide-leave-to--gvkUW.column-assignment__filter-section--kSKAw {
  opacity: 0;
  max-height: 0;
}

.transition-slide-enter-to--LpO2P.column-assignment__filter-section--kSKAw ,
.transition-slide-leave--TDBMe.column-assignment__filter-section--kSKAw {
  opacity: 1;
  max-height: 400px;
}

.column-assignment__loading-indicator--WYZRz {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
}

.column-assignment__loading-indicator--WYZRz:not(:last-child) {
  margin-bottom: -3px;
}

.column-assignment__availability-indicator--KrlWF {
  top: 0;
  right: calc(-1 * var(--spacing-1));
  position: absolute;
}

.column-assignment__conflict-indicator--tzm20 {
  left: calc(-1 * var(--spacing-1));
  position: absolute;
  bottom: calc(-1 * var(--spacing-2));
}

.column-assignment__join-request-indicator--IDNKc {
  right: calc(-1 * var(--spacing-1));
  position: absolute;
  bottom: calc(-1 * var(--spacing-2));
}

.column-assignment__item--RYsjs {
  overflow: hidden;
  padding: var(--spacing-1) var(--spacing-2);
  position: relative;
  transition: background var(--transition-fast), opacity var(--transition-fast);
  display: flex;
}

.column-assignment__item--RYsjs:hover {
  background: rgba(247,248,250,0.50196);
}

.column-assignment__item--RYsjs:not(:last-child) {
  border-bottom: var(--color-grey-100) 1px solid;
}

.column-assignment__employment--Rzzng {
  flex: 1 1;
  width: calc(100% - 50px); /* 100 - action icon button */
  padding-right: var(--spacing-1);
}

.column-assignment__button--K92ni {
  background-color: var(--color-success-100);
  color: var(--color-success-700);
}


.column-assignment__button--K92ni:focus,
.column-assignment__button--K92ni:hover {
  background-color: var(--color-success-200);
}

.column-assignment__button--unassign--yiQMr {
  background-color: var(--color-grey-100);
  color: var(--color-grey-700);
  margin-left: var(--spacing-1);
}

.column-assignment__button--unassign--yiQMr:focus,
.column-assignment__button--unassign--yiQMr:hover {
  background-color: var(--color-grey-200);
}

.column-assignment__tooltip--RFAcK {
  display: flex;
  align-items: center;
  justify-content: center;
}

.manager-view--Qrxwx {
  display: grid;
  grid-gap: var(--spacing-4);
  gap: var(--spacing-4);
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 100%;
  overflow: hidden;
  padding: calc(var(--spacing-1) / 2);
}

.manager-view__column--GKqvB {
  display: flex;
  flex-flow: column nowrap;
  border-radius: var(--spacing-1);
  box-shadow: var(--shadow-base);
}

.manager-view__column--GKqvB:not(:last-child) {
  border-right: var(--color-grey-100) 1px solid;
}

.employees--CR4p0 {
  display: grid;
  grid-gap: var(--spacing-7) var(--spacing-10);
  grid-template-columns: repeat(auto-fit, 1fr);
  padding: var(--spacing-7) var(--spacing-4);
}

.employees__item--ljp0Q {
  overflow: hidden;
}

.employees__none--HFt9j {
  font: var(--font-base-medium);
  margin: 0;
  text-align: center;
}

.form--F2wBb {
  flex: 1 1;
  grid-template-columns: initial;
  max-width: none;
  max-width: initial;
}

.form__pill-select--ADxtn {
  margin: 0 var(--spacing-4);
  width: auto;
  width: initial;
}

.form__section-input--H70p0 {
  /* noop */
}

.form__section-input--full-width--UTWv4 {
  grid-column: 1 / -1;
}

.form__centered-button--A8ZBJ {
  margin: 0 auto;
}

.section-breaks__input--full-width--aa_1r {
  grid-column: 1 / -1;
}

.section--rPURP {
  /* noop */
}

.section--inherited--TkyxZ {
  background: var(--color-grey-200);
}

.section--dense--rNp83 .section__select--YVOd8 {
  flex: 0 0 100%;
}

.section__sub--KQPph {
  align-items: center;
  display: flex;
  flex-wrap: wrap;

  /* not supported in Safari < 14.1, won't look too bad though */
  grid-gap: var(--spacing-3) var(--spacing-6);
  gap: var(--spacing-3) var(--spacing-6);
}

.section__sub--KQPph:not(:first-child) {
  margin-top: var(--spacing-3);
}

.section__select--YVOd8 {
  background: 0;
  flex: 2 1;
}

.section__input--s8rQB {
  flex: 1 1;
  min-width: 10ch;
  overflow: hidden;
  position: relative;
}

.section__input-value--AeDkb {
  width: 100%;
}

.section__tooltip--pYF9v {
  position: absolute;
  top: 0;
  right: 0;
}

.section__icon-inherited--Jec9W {
  color: var(--color-warning-700);
}

.section__button--zg15S {
  margin: var(--spacing-3) auto 0;
}

.section-pay--QSGkx {
  /* noop */
}

.section-pay__section--qjQyr {
  grid-column: 1 / -1;
}

.section-pay__section--qjQyr:not(:last-child) {
  margin-bottom: var(--spacing-8);
}

.section-pay__button--bh5cW {
  grid-column: 1 / -1;
  margin: var(--spacing-4) auto 0;
}

.evaluation-container--wlK6E {
  align-items: flex-start;
  display: flex;
  flex-flow: row;
  grid-gap: 0 var(--spacing-10);
  gap: 0 var(--spacing-10);
  justify-content: flex-start;
}

.evaluation-container--flipped--D7FWN {
  flex-flow: row-reverse;
}

.evaluation-container__spinner--cICSG {
  font-size: 2em;
  margin: 0 auto;
}

.evaluations--eHO5a {
  max-width: 900px;
  width: calc(100vw - 2 * var(--spacing-10));
}

.evaluations__list--eXkSE {
  list-style: none;
  margin: 0;
  padding: 0;
}

.evaluations__list-item--jlWiR {
  overflow: hidden;
}

.evaluations__list-item--jlWiR:not(:first-child) {
  border-top: var(--color-grey-100) 1px solid;
}

.evaluations__list-item-button--MYUL7 {
  align-items: center;
  background: 0;
  border: 0;
  cursor: pointer;
  display: flex;
  grid-gap: 0 var(--spacing-3);
  gap: 0 var(--spacing-3);
  justify-content: space-between;
  outline: 0;
  padding: var(--spacing-3) var(--spacing-4);
  text-align: left;
  transition: background var(--transition-fast);
  width: 100%;
}

.evaluations__list-item-button--MYUL7:hover {
  background: var(--color-grey-100);
}

.evaluations__evaluation--mM8oe {
  grid-column: 1 / -1;
}

.icon-state--VAeq9 {
  border-radius: 9999px;
  color: var(--color-bw-50);
  height: var(--spacing-8);
  justify-content: center !important;
  width: var(--spacing-8);
}

.icon-state--green--V0vG2 {
  background: var(--color-primary-600);
}

.icon-state--orange--m1f9c {
  background: var(--color-warning-700);
}

.join-shift--KB8Kj {
  /* noop */
}

.join-shift__message--LZDUZ {
  color: var(--color-grey-900);
  font: var(--font-base-medium);
  margin: 0;
  padding: var(--spacing-7) var(--spacing-4);
  text-align: center;
}

.join-shift__message-state--Bg1yQ {
  color: var(--color-grey-900);
  font: var(--font-base-medium);
  margin: 0;
  padding: 0 var(--spacing-4) var(--spacing-7);
  text-align: center;
}

.join-shift__button--KL7Uh {
  margin: var(--spacing-7) auto 0;
}

.leave-shift--Lnq05 {
  /* noop */
}

.leave-shift__message--tNNde {
  color: var(--color-grey-900);
  font: var(--font-base-medium);
  margin: 0;
  padding: var(--spacing-7) var(--spacing-4);
  text-align: center;
}

.leave-shift__message-state--qeejy {
  color: var(--color-grey-900);
  font: var(--font-base-medium);
  margin: 0;
  padding: 0 var(--spacing-4) var(--spacing-7);
  text-align: center;
}

.leave-shift__button--hTrnx {
  margin: var(--spacing-7) auto 0;
}

.paygrades--BhYXV {
  grid-template-columns: 1fr;
  padding: var(--spacing-4) 0;
  width: calc(100vw - 2 * var(--spacing-10));
}

.paygrades__none--LlYjP {
  font: var(--font-base-medium);
  margin: 0;
  padding: var(--spacing-7) var(--spacing-4);
  text-align: center;
}

.paygrades__section--SYe72 {
  padding: 0 var(--spacing-4);
}

.paygrades__button--PeXQK {
  justify-self: center;
}

.paygrades__spinner--e7MMf {
  margin: var(--spacing-5) auto;
  font-size: 2em;
}

.paygrades__placeholder--section--S0w8S {
  --placeholder-height: var(--spacing-19);
  --placeholder-width: calc(100% - 2 * var(--spacing-4));
  margin: 0 auto;
}

.paygrades__placeholder--button--mYGMn {
  --placeholder-height: var(--spacing-10);
  --placeholder-width: 120px;
  margin: 0 auto;
}

.cancel-offer--eFq5O {
  font: var(--font-base-medium);
  text-align: center;
  padding: var(--spacing-7) var(--spacing-4);
}

.cancel-offer__message--pjR0J {
  color: var(--color-grey-900);
  font: var(--font-base-medium);
  margin: 0;
  padding: var(--spacing-7) 0;
  text-align: center;
}

.cancel-offer__button--J4YiW {
  margin: var(--spacing-7) auto 0;
}

.create-offer--Z3M_q {
  font: var(--font-base-medium);
  text-align: center;
  padding: var(--spacing-7) var(--spacing-4);
}

.create-offer__message--zby46 {
  color: var(--color-grey-900);
  font: var(--font-base-medium);
  margin: 0;
  padding: var(--spacing-7) 0;
  text-align: center;
}

.create-offer__button--IgyFd {
  margin: var(--spacing-7) auto 0;
}

.row--rpmkX {
  display: flex;
  justify-content: space-between;
}

.row__information--r_ps3 {
  align-items: center;
  color: var(--color-grey-900);
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-3);
  font: var(--font-base-regular);
}

.offerer--z6MuG {
  background: var(--color-grey-200);
  display: grid;
  grid-auto-flow: row;
  grid-gap: var(--spacing-2) 0;
  padding: var(--spacing-4);
}

.offerer__title--ujzuY {
  color: var(--color-grey-900);
  font: var(--font-sm-medium);
}

.offerer-list--pot1R {
  /* noop */
}

.offerer-list__offerer--zsvj2:not(:first-child) {
  margin-top: var(--spacing-3);
}

.requester-list--iX_bM {
  /* noop */
}

.requester-list__offerer--x5Vc2:not(:first-child) {
  margin-top: var(--spacing-3);
}

.requester-list__requester--IPzPD {
  display: grid;
  grid-auto-flow: row;
  grid-gap: var(--spacing-2) 0;
  padding: var(--spacing-4);
}

.requester-list__requester-title--HFKq6 {
  background: var(--color-grey-100);
  color: var(--color-grey-900);
  font: var(--font-sm-medium);
  margin: calc(-1 * var(--spacing-4)) calc(-1 * var(--spacing-3)) 0;
  padding: var(--spacing-3) var(--spacing-3);
}

.replace-requests--DZ7ud {
  /* noop */
}

.replace-requests__none--GsBBS {
  font: var(--font-base-medium);
  margin: 0;
  padding: var(--spacing-7) var(--spacing-4);
  text-align: center;
}

.calendar-container--bd19N {
  width: 100%;
  height: 100%;
  color: var(--color-grey-700);
  overflow: auto;
}

.filter-box-tag__draggable--NNmYS {
  /* noop */
}

.filter-box-tag__draggable--NNmYS.draggable--handle {
  width: 100%;
  min-height: 25px;
  height: 25px;
  max-width: 300px;
  border: 1px solid var(--color-grey-200);
  opacity: 1;
}

.filter-box-tag__draggable--NNmYS.draggable--handle input {
  visibility: hidden;
}

.radio-button-group--ZG4fA {
  --radio-button-border-radius: 4px;

  display: flex;
}

.radio-button-group__button--HAgHp {
  background: var(--color-grey-100);
  border: 0;
  border-radius: 0;
  margin: 0;
  min-height: var(--spacing-10);
  min-width: var(--spacing-13);
  outline: none;
  padding: var(--spacing-1) var(--spacing-3);
  transition: background var(--transition-fast);
}

.radio-button-group__button--HAgHp:hover {
  background: var(--color-grey-200);
}

.radio-button-group__tooltip--gUbC2 {
  display: inline-block;
}

.radio-button-group__tooltip-text--cl9E9 {
  text-align: center;
  display: inline-block;
}

.radio-button-group__tooltip--gUbC2:first-child .radio-button-group__button--HAgHp {
  border-radius: var(--radio-button-border-radius) 0 0 var(--radio-button-border-radius);
}

.radio-button-group__tooltip--gUbC2:last-child .radio-button-group__button--HAgHp {
  border-radius: 0 var(--radio-button-border-radius) var(--radio-button-border-radius) 0;
}

.radio-button-group__tooltip--gUbC2:only-child .radio-button-group__button--HAgHp {
  border-radius: var(--radio-button-border-radius);
}

.radio-button-group__button--HAgHp:not(:disabled) {
  cursor: pointer;
}

.radio-button-group__button--selected--sWpm7 {
  background: var(--color-primary-600);
}

.radio-button-group__button--selected--sWpm7:hover {
  background: var(--color-primary-600);
}

.radio-button-group__button-icon--JV_v_ {
  color: var(--color-grey-700);
  font-size: var(--spacing-5);
  transition: color var(--transition-fast);
  width: var(--spacing-7);
  height: var(--spacing-7);
  line-height: var(--spacing-7);
}

.radio-button-group__button--selected--sWpm7 .radio-button-group__button-icon--JV_v_ {
  color: var(--color-bw-50);
}

.button--lzoVF {
  display: flex;
}

.button__tooltip--X2WiD {
  display: inline-block;
}

.button-square--Z1Cch {
  --background-color: transparent;
  --hover-color: #60c560;
  --text-color: var(--shyftplan-green);

  border: 0;
  margin: 0;
  outline: none;
  padding: var(--spacing-2);
  border-radius: var(--spacing-1);
  background-color: var(--background-color);
  color: var(--text-color);
  box-shadow: inset 0 0 0 2px currentColor;
}

.button-square--Z1Cch:hover {
  color: var(--hover-color);
}

.button-square--Z1Cch:disabled {
  color: var(--neutral-comet);
  opacity: 0.6;
}

.button-toolbar--xEPeZ {
  border: 0;
  margin: 0;
  outline: none;
  padding: var(--spacing-2);
  border-radius: var(--spacing-1);
  background-color: var(--background-color);
  color: var(--text-color);
  width: 38px;
}

.button-toolbar--outer-space--EGamB {
  --background-color: var(--outer-space);
  --hover-color: #585d64;
  --text-color: var(--color-bw-50);
}

.button-toolbar--shyftplan-green--zNHgy {
  --background-color: var(--shyftplan-green);
  --hover-color: #60c560;
  --text-color: var(--color-bw-50);
}

.button-toolbar--xEPeZ:hover {
  background-color: var(--hover-color);
}

.button-toolbar--xEPeZ:disabled {
  color: var(--neutral-comet);
  opacity: 0.6;
}

.button-toolbar__icon--uSMF5 {
  color: var(--text-color);
}

.filter-popup-quick__wrapper--J9L2E {
  position: relative;
}

.filter-popup-quick--vaiDF {
  margin-top: var(--spacing-2);
  border-radius: var(--spacing-1);
  box-shadow: 0 5px 34px rgba(0, 0, 0, 0.1);
  background: var(--color-bw-50);
  width: 250px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

.filter-popup-quick__header--YHu5J {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  background-color: var(--color-grey-200);
  font: var(--font-base-medium);
  justify-content: space-between;
  padding: var(--spacing-2);
}

.filter-popup-quick__close-button--S1hBb {
  margin: 0 0 0 var(--spacing-4);
}

.filter-popup-quick__list--KwHsy {
  border-bottom: 1px solid var(--color-grey-200);
  font: var(--font-sm-medium);
  list-style: none;
  margin: 0;
  max-height: 400px;
  overflow: auto;
  padding: var(--spacing-2) var(--spacing-2) 0 var(--spacing-2);
}

/* .filter-popup-quick__list:first-child {
  border-top: 0;
} */

.filter-popup-quick__list-item--crp_9 {
  color: var(--color-grey-800);
  text-align: left;

  /* spacing doesn't align with grid */
  padding: var(--spacing-3) 8px;
  display: flex;
}

.filter-popup-quick__apply-button--MqmUT {
  margin: var(--spacing-2) var(--spacing-3);
}

.button--vhDlb {
  display: flex;
}

.button__button--iUoI1 {
  background: var(--color-athens-light);
  border: 0;
  margin: 0;
  min-height: var(--spacing-10);
  min-width: var(--spacing-13);
  outline: none;
  padding: var(--spacing-1) var(--spacing-3);
  transition: background var(--transition-fast);
}

.button__button--iUoI1:hover,
.button__button--iUoI1:focus {
  background: var(--color-athens);
}

.button__button--iUoI1 {
  border-radius: 3px;
}

.button__button--iUoI1:not(:disabled) {
  cursor: pointer;
}

.button__button--selected--DTIPR {
  background: var(--color-shyftplan-green);
}

.button__button--selected--DTIPR:hover,
.button__button--selected--DTIPR:focus {
  background: var(--color-shyftplan-green);
}

.button__button-icon--NXXLQ {
  color: var(--color-comet);
  font-size: var(--spacing-5);
  transition: color var(--transition-fast);
  width: var(--spacing-7);
  height: var(--spacing-7);
  line-height: var(--spacing-7);
}

.button__button--selected--DTIPR .button__button-icon--NXXLQ {
  color: var(--color-white);
}

.button__tooltip--HTtmM {
  display: inline-block;
}

.calendar-print-controls__print--gavdP {
  background: var(--color-grey-100);
  transition: background var(--transition-fast);
  min-height: var(--spacing-10);
  min-width: var(--spacing-13);
  color: var(--color-grey-700);
  box-shadow: none;
  cursor: pointer;
}

.calendar-print-controls__print--gavdP:disabled {
  opacity: 0.6;
  cursor: auto;
  cursor: initial;
}

.calendar-print-controls__print--gavdP:hover,
.calendar-print-controls__print--gavdP:focus {
  background: var(--color-grey-200);
  color: var(--color-grey-700);
}

.calendar-print-controls__tooltip-text--sHwXK {
  text-align: center;
}

.calendar-container--OWq0p {
  width: 100%;
  height: 100%;
  color: var(--color-grey-700);
  overflow: auto;
}

.section-create-kind--Qz_Y6 {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content
}

.section-create-kind__label--AdRy_ {
  color: var(--color-grey-900);
  cursor: pointer;
  font: var(--font-sm-medium);
}

.section-time-frame-kind--lDnEA {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content
}

.section-time-frame-kind__label--R3nEj {
  color: var(--color-grey-900);
  cursor: pointer;
  font: var(--font-sm-medium);
}

.dialog-create-shiftplan__datepicker--e0Te8 {
  justify-self: center;
  width: auto;
  width: initial;
}

.location-dropdown__icon--f4TTV {
  font-size: 28px;
}

.header--EaF_t {
  align-items: center;
  position: relative;
  color: var(--color-bw-50);
  display: flex;
  justify-content: flex-end;
  background: var(--color-bw-50);
  height: 64px;
  box-shadow: var(--shadow-sm);
}

.header__dropdown--DagIu {
  align-items: center;
  color: var(--color-grey-700);
  cursor: pointer;
  display: flex;
  height: 100%;
  font: var(--font-sm-regular);
  padding: 0 var(--spacing-5);
}

.header__dropdown--DagIu:hover {
  background-color: var(--color-primary-100);
}

.header__dropdown-inner--VaQhZ {
  align-items: center;
  cursor: pointer;
  display: flex;
}

.header__user--ExdP_ {
  margin: 0 0 0 var(--spacing-1);
}

@media (max-width: 767px) {
  .header__user--ExdP_ {
    display: none;
  }
}

.link-button--iQxFV {
  --color-background: transparent;
  --color-background-hover: var(--color-peppermint);
  --color-text: var(--shyftplan-green);
  --disabled-opacity: 0.6;

  display: inline-flex;
  align-items: center;
  padding: var(--spacing-2) var(--spacing-7);
  font: var(--font-body-small);
  text-decoration: none;
  color: var(--color-text);
  background: var(--color-background);
  border: 0;
  border-radius: 9999px;
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--color-text);
  cursor: pointer;
  transition:
    background var(--transition-default),
    box-shadow var(--transition-default),
    color var(--transition-default);
}

.link-button--iQxFV:focus {
  outline: none;
}

.link-button--iQxFV:hover {
  --color-background: var(--color-background-hover);
}

.link-button--iQxFV:active {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
}

/* colors */

.link-button--outer-space--Pcv4c {
  --color-text: var(--color-outer-space);
  --color-background-hover: var(--color-grey-200);
  --color-background-active: var(--color-grey-400);
}

.link-button--shyftplan-green--pIK7V {
  --color-text: var(--shyftplan-green);
  --color-background-hover: rgba(68,187,68,0.12549);
  --color-background-active: rgba(68,187,68,0.50196);
}

.cell-actions--Tno_G {
  text-align: right;
}

.cell-actions__link--A74Tb {
  --button-icon-dimension: var(--button-icon-size-sm);

  /* Fix for Chrome issue: https://www.chromestatus.com/feature/5213452823953408 */
  height: var(--button-icon-dimension);
  width: var(--button-icon-dimension);
  justify-content: center;
  padding: 0;

  /* override LinkButton style */
  box-shadow: none;
}

.cell-employment--kTvsr {
  align-items: center;
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  text-align: left;
}

.cell-employment__avatar--cb69c {
  margin: 0 var(--spacing-3) 0 0;
  grid-row: span 2;
}

.cell-employment__staff-number--xt7Ln {
  font: var(--font-sm-regular);
  color: var(--color-grey-500);
}

.cell-employment__name--JhoKm {
  text-overflow: ellipsis;
  overflow: hidden;
}

.table--yHfcC {
  --header-cell-background: var(--color-white);

  margin: 0 var(--spacing-7);
  flex: 1 1;
}

.cell-contract-hours--FIRXB {
  /* noop */
}

.cell-contract-hours__tooltip--o2lfu {
  display: inline-block;
}

.filter-box--etmaP {
  margin-bottom: var(--spacing-5);
  overflow: hidden;
  position: relative;
  box-shadow: var(--shadow-base);
}

.filter-box__header--oyi4q {
  align-items: center;
  background: var(--color-white);
  color: var(--color-comet);
  display: flex;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  border-radius: var(--spacing-3);
  padding: var(--spacing-3) var(--spacing-6);
}

.filter-box__icon--UxMtc {
  justify-content: center !important;
}

.filter-box__body--X70sQ {
  transform-origin: top;
  transition:
    opacity var(--transition-default),
    max-height var(--transition-default);
}

.filter-box__summary-badge--remhq {
  color: var(--color-info-600);
  background: var(--color-info-100);
  padding: var(--spacing-1) var(--spacing-3);
  margin-left: var(--spacing-2);
}

.filter-box__button-reset--a7O71 {
  outline: 0;
  background: 0;
  border: 0;
  cursor: pointer;
  border-radius: 9999px;
  padding: 0;
}

.filter-box__button-reset--a7O71:hover {
  background: var(--color-info-200);
}

.filter-box__button-reset--a7O71:active {
  background: var(--color-info-600);
  color: var(--color-white);
}

.filter-box__inner--Ajv1M {
  /* noop */
}

.filter-employments--AKT_U {
  /* noop */
}

.filter-employments--AKT_U .filter-employments__input--NhsVU:hover {
  background: none;
}

.filter-positions--QXdYA {
  /* noop */
}

.filter-positions--QXdYA .filter-positions__input--p4Grz:hover {
  background: none;
}

.filter-locations--f3toN {
  /* noop */
}

.filter-locations--f3toN .filter-locations__input--sC5Ub:hover {
  background: none;
}

.filter-timeframe--C2NOH {
  /* noop */
}

.filter-timeframe__datepicker--h1ska {
  border-radius: var(--spacing-3);
  padding-bottom: var(--spacing-3);
  /* hack to enable a height transition -> https://css-tricks.com/using-css-transitions-auto-dimensions/#aa-technique-1-max-height */
  max-height: 500px;
}

.filter-timeframe__toggle--G6m9N {
  width: 100%;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  color: var(--color-shyftplan-green);
  text-align: left;
  margin: var(--spacing-2) 0 0;
  padding: var(--spacing-2) var(--spacing-2);
  border-radius: var(--spacing-3);
  transition: background var(--transition-default),
    box-shadow var(--transition-default), margin var(--transition-default);
}

.filter-timeframe__toggle--G6m9N:hover {
  background: var(--color-peppermint);
}

.filter-timeframe__toggle--G6m9N:active {
  box-shadow: inset 0px 0px 0px 9999px rgba(0, 0, 0, 0.1);
}

.filter-timeframe__toggle--is-opened--NrKyO {
  margin-bottom: var(--spacing-2);
}

/* enter/leave animation */
.filter-timeframe__datepicker-transition-enter-active,
.filter-timeframe__datepicker-transition-leave-active {
  transition: max-height var(--transition-default),
    opacity var(--transition-default);
}

.filter-timeframe__datepicker-transition-enter,
.filter-timeframe__datepicker-transition-leave-to {
  max-height: 0;
  opacity: 0;
}

.availability-aggregations--sZSsE {
  padding: 0 calc(var(--spacing-16) * 2);
  display: grid;
  grid-template-columns: 301px auto;
}

.availability-aggregations__header--aWrvg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--spacing-7);
  grid-column: span 2;
}

.availability-aggregations__title--jN7p9 {
  font: var(--font-3xl-regular);
}

.availabiltiy-aggregations__filters--TgDHU {
  /* noop */
}

.navigation-button--OVi8Z {
  align-items: center;
  color: var(--color-grey-300);
  font: var(--font-sm-medium);
  padding: var(--spacing-2);
  display: flex;
  overflow: hidden;
  width: 40px;
  height: 40px;
  position: relative;
  text-decoration: none;
  border-radius: var(--spacing-1);
}

.navigation-button--OVi8Z:hover {
  overflow: visible;
  overflow: initial;
  background-color: var(--color-grey-600);
}

.navigation-button--active--jxiZC {
  color: var(--color-bw-50);
}

.navigation-button__icon--acwkD {
  /* fix for alignment glitch of old web app */
  transform: translateY(-2px);
}

.navigation-button__label--y4awz {
  margin: 0 0 0 13px;

  /* fix for alignment glitch of old web app */
  transform: translateY(-1px);
}

@media (max-width: 1919px) {
  .navigation-button--OVi8Z {
    justify-content: center;
  }

  .navigation-button__label--y4awz {
    /* to increase accessibility, never hide label, just move out of viewport */
    margin: 0;
    text-indent: -99999px;
  }

  .navigation-button--active--jxiZC {
    background-color: var(--color-primary-500);
  }

  .navigation-button__badge--HD0Ws {
    position: absolute;
    right: 3px;
    top: 0;
    border-radius: 50%;
  }
}

@media (min-width: 1920px) {
  .navigation-button--OVi8Z {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    place-content: flex-start;
  }
}

.navigation-button__tooltip--kp6fX {
  background: var(--color-bw-100);
  border-radius: var(--spacing-1);
  color: var(--color-bw-50);
  font: var(--font-xs-regular);
  left: 100%;
  margin-left: var(--spacing-2);
  max-width: 0;
  opacity: 0;
  position: absolute;
  transition:
    opacity var(--transition-duration-default),
    max-width 0s,
    padding 0s;
  transition-delay:
    0s,
    var(--transition-duration-default),
    var(--transition-duration-default);
  white-space: nowrap;
}

.navigation-button__tooltip--kp6fX::before {
  border: transparent solid;
  border-right-color: var(--color-bw-100);
  border-width: var(--spacing-1) var(--spacing-1) var(--spacing-1) 0;
  content: '';
  height: 0;
  left: 0;
  margin: calc(var(--spacing-1)* -1) 0 0 calc(var(--spacing-1)* -1);
  position: absolute;
  top: 50%;
  width: 0;
}

.navigation-button--OVi8Z:hover .navigation-button__tooltip--kp6fX {
  max-width: 200px;
  opacity: 0.9;
  padding: var(--spacing-1) var(--spacing-2);
  transition-delay: 0s;
  z-index: 99999;
}

.navigation-button--OVi8Z:hover .navigation-button__tooltip--kp6fX::before {
  /* noop */
}

@media (max-width: 767px), (min-width: 1920px) {
  .navigation-button__tooltip--kp6fX {
    display: none;
  }
}

.navigation-button__container--lh_W2 {
  display: flex;
  align-items: center;
}

.support-banner--G2tb5 {
  background: #42A5F5;
  bottom: 0;
  color: var(--color-bw-50);
  display: flex;
  left: 0;
  line-height: 1.8;
  padding: 10px;
  position: fixed;
  transition: transform 0.3s ease;
  width: 100%;
  z-index: 9999;
}

.support-banner__text--Gm8Wi {
  flex: 1 1;
  font-size: 14px;
  text-align: center;
}

.support-banner__text--Gm8Wi a {
  color: inherit;
  font-weight: bold;
}

.support-banner__text--Gm8Wi a:focus,
.support-banner__text--Gm8Wi a:hover {
  text-decoration: none;
}

.support-banner__button--N26VC {
  background: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  outline: 0;
  padding: 0;
}

.support-banner__icon--ZAKIP {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.2;
}

.transition-slide-enter--Li8Rg.support-banner--G2tb5,
.transition-slide-leave-to--mUrls.support-banner--G2tb5 {
  transform: translateY(100%);
}

.transition-slide-enter-to--vLq9f.support-banner--G2tb5,
.transition-slide-leave--q9IH6.support-banner--G2tb5 {
  transform: translateY(0);
}

.navigation--gO0k7 {
  --navigation-width: 64px;

  width: var(--navigation-width);
  background: var(--color-grey-700);
  display: flex;
  flex-flow: column nowrap;
}

.navigation__brand-icon--Jac2h,
.navigation__brand-full--JWofH {
  padding: var(--spacing-2);
  width: 100%;
}

.navigation__brand-full--JWofH {
  display: none;
}

@media (min-width: 1920px) {
  .navigation--gO0k7 {
    --navigation-width: 280px;
  }

  .navigation__list-item--fGAvx {
    display: flex;
    align-content: center;
    justify-content: center;
    place-content: center center;
  }

  .navigation__brand-icon--Jac2h {
    display: none;
  }

  .navigation__brand-full--JWofH {
    display: inherit;
    width: 160px;
    margin-right: 86px;
  }
}

.navigation__list--jjvlg, .navigation__button-support-container--EjYZv {
  list-style: none;
  margin: 0;
  padding: 0 var(--spacing-3);
}

@media (max-width: 767px) {
  .navigation__list--jjvlg {
    display: flex;
  }
}

.navigation__list-item--fGAvx {
  flex: 1 1;
  margin: var(--spacing-2) 0;
}

.navigation__button-support--DXCok {
  background: 0;
  border: 0;
  cursor: pointer;
  margin-top: auto;
  outline: 0;
}

@media (max-width: 767px) {
  .navigation__button-support--DXCok {
    display: none;
  }
}

.navigation__button-support-container--EjYZv {
  display: flex;
  align-content: center;
  justify-content: center;
  place-content: center center;
}

.chat--KB5wQ {
  background: var(--color-bw-50);
  color: var(---color-grey-500);
  flex: 0 1;
  font-size: var(--font-size-sm);
  overflow: hidden;
  transition: flex var(--transition-duration-default);
}

.chat--open--PH1NQ {
  flex: 2 1;
  overflow: hidden;
}

/* legacy */
.chat-container {
  height: 100% !important;
}

.icon-button {
  color: var(--shyftplan-green);
  text-decoration: none;
}

.sp-absence::before {
  content: "\e600";
}

.sp-absences-state-approved::before {
  content: "\e925";
}

.sp-add-circle::before {
  content: "\e601";
}

.sp-alarm-on::before {
  content: "\e911";
}

.sp-alarm-off::before {
  content: "\e912";
}

.sp-application::before {
  content: "\e93b";
}

.sp-arrow-back::before {
  content: "\e602";
}

.sp-arrow-next::before {
  content: "\e603";
}

.sp-bell::before {
  content: "\e604";
}

.sp-billing::before {
  content: "\e605";
}

.sp-block::before {
  content: "\e913";
}

.sp-blocked::before {
  content: "\e606";
}

.sp-cancel::before {
  content: "\e607";
}

.sp-cash-usd::before {
  content: "\e91e";
}

.sp-chat::before {
  content: "\e934";
}

.sp-change::before {
  content: "\e93c";
}

.sp-check-circle::before {
  content: "\e608";
}

.sp-chevron-down::before {
  content: "\e90b";
}

.sp-chevron-up::before {
  content: "\e90a";
}

.sp-clear::before {
  content: "\e609";
}

.sp-clock::before {
  content: "\e91f";
}

.sp-comment::before {
  content: "\e91a";
}

.sp-copy::before {
  content: "\e916";
}

.sp-dashboard::before {
  content: "\e60a";
}

.sp-delete::before {
  content: "\e917";
}

.sp-done::before {
  content: "\e60b";
}

.sp-day::before {
  content: "\e630";
}

.sp-direct-swap::before {
  content: "\e939";
}

.sp-dots-horizontal::before {
  content: "\e91b";
}

.sp-download::before {
  content: "\e92c";
}

.sp-earned-amount::before {
  content: "\e91c";
}

.sp-edit::before {
  content: "\e60c";
}

.sp-edit-table::before {
  content: "\e92a";
}

.sp-equal::before {
  content: "\e62a";
}

.sp-evaluation::before {
  content: "\e60d";
}

.sp-event::before {
  content: "\e60e";
}

.sp-export::before {
  content: "\e931";
}

.sp-export-table::before {
  content: "\e929";
}

.sp-eye-on::before {
  content: "\e635";
}

.sp-eye-off::before {
  content: "\e636";
}

.sp-facebook::before {
  content: "\e901";
}

.sp-filter::before {
  content: "\e90d";
}

.sp-flag::before {
  content: "\e626";
}

.sp-floppy-disk::before {
  content: "\e908";
}

.sp-generate::before {
  content: "\e918";
}

.sp-google-drive::before {
  content: "\e935";
}

.sp-google-plus::before {
  content: "\e903";
}

.sp-help::before {
  content: "\e60f";
}

.sp-import::before {
  content: "\e937";
}

.sp-info::before {
  content: "\e610";
}

.sp-instagram::before {
  content: "\e906";
}

.sp-insurance::before {
  content: "\e62d";
}

.sp-link::before {
  content: "\e922";
}

.sp-linkedin::before {
  content: "\e905";
}

.sp-link-off::before {
  content: "\e921";
}

.sp-location::before {
  content: "\e611";
}

.sp-login::before {
  content: "\e907";
}

.sp-mail::before {
  content: "\e612";
}

.sp-maximized::before {
  content: "\e633";
}

.sp-maximum-money::before {
  content: "\e91d";
}

.sp-message::before {
  content: "\e612";
}

.sp-minimized::before {
  content: "\e634";
}

.sp-minus::before {
  content: "\e623";
}

.sp-mobile::before {
  content: "\e62e";
}

.sp-month::before {
  content: "\e632";
}

.sp-month-position::before {
  content: "\e92e";
}

.sp-month-employees::before {
  content: "\e92f";
}

.sp-moon::before {
  content: "\e936";
}

.sp-note::before {
  content: "\e930";
}

.sp-occupied::before {
  content: "\e637";
}

.sp-overassigned-shifts::before {
  content: "\e923";
}

.sp-paperclip::before {
  content: "\e938";
}

.sp-payment::before {
  content: "\e629";
}

.sp-pay-fixed::before {
  content: "\e61f";
}

.sp-pay-bonus_fixed::before {
  content: "\e61f";
}

.sp-pay-bonus_percentage::before {
  content: "\e61f";
}

.sp-pay-hourly::before {
  content: "\e622";
}

.sp-pay-monthly::before {
  content: "\e61d";
}

.sp-person::before {
  content: "\e613";
}

.sp-personal::before {
  content: "\e614";
}

.sp-pause::before {
  content: "\e90c";
}

.sp-phone-old::before {
  content: "\e909";
}

.sp-pin::before {
  content: "\e627";
}

.sp-play::before {
  content: "\e915";
}

.sp-plus::before {
  content: "\e624";
}

.sp-position::before {
  content: "\e615";
}

.sp-print::before {
  content: "\e616";
}

.sp-punch::before {
  content: "\e617";
}

.sp-punch_timing::before {
  content: "\e617";
}

.sp-range::before {
  content: "\e92b";
}

.sp-remove-circle::before {
  content: "\e618";
}

.sp-remaining-money::before {
  content: "\e920";
}

.sp-report-problem::before {
  content: "\e924";
}

.sp-request::before {
  content: "\e93d";
}

.sp-reset::before {
  content: "\e919";
}

.sp-restore::before {
  content: "\e911";
}

.sp-search::before {
  content: "\e619";
}

.sp-send-message::before {
  content: "\e933";
}

.sp-settings::before {
  content: "\e61a";
}

.sp-shiftplan::before {
  content: "\e61d";
}

.sp-shift-full::before {
  content: "\e910";
}

.sp-shift-horizontal::before {
  content: "\e61b";
}

.sp-shift-open::before {
  content: "\e90f";
}

.sp-shift-vertical::before {
  content: "\e61c";
}

.sp-sidebar-collapse::before {
  content: "\e928";
}

.sp-sort::before {
  content: "\e90e";
}

.sp-star::before {
  content: "\e61f";
}

.sp-star-circle::before {
  content: "\e61e";
}

.sp-survey::before {
  content: "\e62f";
}

.sp-swap::before {
  content: "\e93a";
}

.sp-swap-circle::before {
  content: "\e620";
}

.sp-tag::before {
  content: "\e932";
}

.sp-time::before {
  content: "\e622";
}

.sp-twitter::before {
  content: "\e902";
}

.sp-unoccupied::before {
  content: "\e900";
}

.sp-upload::before {
  content: "\e62c";
}

.sp-user-circle::before {
  content: "\e625";
}

.sp-week::before {
  content: "\e631";
}

.sp-week-employees::before {
  content: "\e92d";
}

.sp-work::before {
  content: "\e62b";
}

.sp-xing::before {
  content: "\e904";
}

.main-view--KzV6b {
  display: grid;
  grid-template-areas:
    'navigation header'
    'navigation view';
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  height: 100vh;

  /* legacy */
  font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 767px) {
  .main-view--KzV6b {
    grid-template-areas:
      'header'
      'view'
      'navigation';
    grid-template-columns: none;
    grid-template-rows: -webkit-max-content 1fr -webkit-max-content;
    grid-template-rows: max-content 1fr max-content;
  }
}

.main-view__header--clwGv {
  grid-area: header;
}

.main-view__navigation--h4u9P {
  grid-area: navigation;
}

.main-view__view--WbfS4 {
  background: var(--color-grey-50);
  display: flex;
  grid-area: view;
  overflow: hidden;
}

.main-view__main--VJIfn {
  flex: 3 1;
  overflow: hidden;
  transition: flex var(--transition-duration-default);
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .main-view__main--chat-open--tsEvS {
    flex: 0 1;
  }
}

.snackbar--z3rmn {
  bottom: var(--spacing-2);
  left: 0;
  margin: 0 var(--spacing-3);
  max-width: 690px;
  overflow: hidden;
  position: fixed;
  box-shadow: var(--shadow-lg);
  transition: transform var(--transition-default), opacity var(--transition-default);
  width: calc(100% - 2 * var(--spacing-3));
  z-index: 99999;
}

.transition-slide-enter--UMkwq.snackbar--z3rmn,
.transition-slide-leave-to--KOIqd.snackbar--z3rmn {
  opacity: 0;
  transform: translateY(50vh);
}

.transition-slide-enter-to--bD2Dl.snackbar--z3rmn,
.transition-slide-leave--ZdVAx.snackbar--z3rmn {
  opacity: 1;
  transform: translateY(0);
}

.navigation-button--ikZdG {
  color: var(--color-grey-500);
  display: flex;
  justify-content: space-between;
  opacity: 0.6;
  padding: var(--spacing-4) var(--spacing-7);
  text-decoration: none;
  transition: background var(--transition-default), color var(--transition-default);
}

.navigation__button--active--SFzJm {
  background: var(--color-primary-100);
  color: var(--color-primary-500);
  opacity: 1;
}

.navigation__button--disabled--rPvDC {
  cursor: default;
}

.navigation-button__icon--aK2Ei {
  justify-content: center !important;
  width: var(--spacing-8);
  height: var(--spacing-8);
}

.navigation--NF_1K {
  display: flex;
  align-items: center;
  flex: 1 1;
  width: 100%;
}

.navigation__list--JJzFb {
  list-style: none;
  padding: 0;
  width: 100%;
}

.navigation__list-item--bS_PN {
  font: var(--font-xl-medium);
}

.navigation__button-enabled--dbsv5 {
  color: var(--color-grey-900);
  opacity: 1;
}

.rotation-wizard__left--MXrbk {
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  overflow-y: auto;
  height: 100%;
  background-color: var(--color-grey-50);
}

.rotation-wizard__main--RcpBt {
  height: 100%;
  overflow-y: auto;
}

.rotation-wizard__brand--OIkfg {
  height: var(--spacing-11);
  margin: var(--spacing-7);
}

.rotation-wizard__back--WCvJk {
  align-items: center;
  color: var(--color-primary-500);
  display: flex;
  font: var(--font-base-regular);
  margin: var(--spacing-7);
  text-decoration: none;
}

.rotation-wizard__back-icon--NfcSf {
  height: var(--spacing-6);
  justify-content: center !important;
  margin: 0 var(--spacing-1) 0 0;
  width: var(--spacing-6);
}

.action-button-wrapper--wMO6c {
  display: grid;
  grid-gap: 0 var(--spacing-10);
  gap: 0 var(--spacing-10);
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
}

.step-wrapper--PVXdI {
  display: flex;
  flex-flow: column nowrap;
  min-height: 100%;
  margin: 0 calc(var(--spacing-12) + var(--spacing-11));
}

.step-wrapper__heading--fGGZL {
  font: var(--font-3xl-medium);
  letter-spacing: var(--font-heading-letter-spacing-h345);
  margin: 0;
  padding-top: var(--spacing-12);
  text-align: center;
}

.step-wrapper__footer--mIvPs {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -50%, var(--color-grey-50) 66%);
  bottom: 0;
  padding: 0 0 var(--spacing-12);
  position: -webkit-sticky;
  position: sticky;
}

.general-setup--nwggp {
  /* noop */
}

.general-setup__form--U99T3 {
  align-content: center;
  display: grid;
  flex: 1 1;
  grid-gap: var(--spacing-15) 0;
  gap: var(--spacing-15) 0;
  margin: var(--spacing-10) auto;
  /* 378px */
  max-width: 23.625rem;
  width: calc(100% - var(--spacing-7));
}

.general-setup__form-input--JKzR_ {
  --background: var(--color-bw-50);

  justify-content: center;
  text-align: center;
}

/* exception, otherwise calendar picker will be misaligned in Chrome */
.general-setup__form-input--JKzR_ input[type='date'] {
  flex: initial;
  position: relative;
}

/* exception, otherwise calendar picker will be misaligned in Chrome */
.general-setup__form-input--JKzR_ input[type='date']::-webkit-calendar-picker-indicator {
  left: calc(-1 * var(--spacing-10));
}

.general-setup__button-icon--aK_KJ {
  height: 1em;
  justify-content: flex-end !important;
  width: var(--spacing-10);
}

.general-setup__static-input--_B7xO {
  background: var(--color-bw-50);
  border-bottom: var(--color-grey-700) 1px solid;
  color: var(--color-grey-900);
  cursor: default;
  font: var(--font-xl-medium);
  justify-content: center;
  letter-spacing: var(--font-heading-letter-spacing-h345);
  opacity: 0.6;
  padding: 0 0 var(--spacing-2);
  text-align: center;
}

.general-setup__static-input-label--iD2il {
  font: var(--font-sm-medium);
  line-height: 1.5;
  margin-bottom: var(--spacing-2);
  text-align: center;
}

.general-setup__static-input-text--R65vy {
  display: flex;
  align-items: center;
  justify-content: center;
}

.general-setup__avatar--f8uJJ {
  margin: 0 var(--spacing-2) 0 0;
}

.general-setup__spinner--aUFZ2 {
  font-size: 1.3125rem;
}

.general-setup__conflict-list--ewqkX {
  list-style: disc inside;
  margin: var(--spacing-8) 0 0;
  padding: 0;
}

.general-setup__conflict-list-item--rQ6qz {
  font: var(--font-sm-medium);
  font-weight: 700;
}

.modal__error-list--aLovV {
  color: var(--color-error-700);
  font: var(--font-sm-medium);
}

.accordion--gHI6c {
  /* noop */
}

.accordion__lid--wd5dN {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-bw-50);
  font: var(--font-xl-medium);
  height: 63px;
  margin: var(--spacing-3) 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 0 var(--spacing-7);
}

.accordion__lid-button--FlK5A {
  padding-left: var(--spacing-5);
  height: 100%;
  margin: 0;
  text-align: left;
  border-style: none;
  background: none;
  flex: 1 1;
  cursor: pointer;
}

.accordion__lid-arrow-button--nHiS7 {
  border-radius: 9999px;
  height: var(--spacing-10);
  width: var(--spacing-10);
  border-style: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.accordion__lid-arrow-button--nHiS7:hover {
  background: var(--color-grey-200);
}

.accordion__lid-content-overlay--UnVaI {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-bw-50);
  z-index: 1;
}

.accordion__content--lqsT1 {
  /* noop */
}

.accordion__content--open--KnESq {
  /* noop */
}

.shift-group-setup--TD9Wa {
  /* noop */
}

.shift-group-setup__button-wrapper--BZf17 {
  display: flex;
  grid-gap: var(--spacing-2);
  gap: var(--spacing-2);
}

.name-edit-form--hyvQb {
  --grid-gap: var(--spacing-2);

  width: 100%;
  height: 100%;
  padding: var(--spacing-4) var(--spacing-7) var(--spacing-4) var(--spacing-5);
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(-webkit-max-content, 1fr) minmax(var(--spacing-7), 1fr);
  grid-template-columns: minmax(0, 1fr) minmax(max-content, 1fr) minmax(var(--spacing-7), 1fr);
  justify-items: center;
}

.name-edit-form__form--sB4Zz {
  grid-column: 2 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  grid-gap: var(--grid-gap);
  gap: var(--grid-gap);
  height: 100%;
  width: 100%;
  transition: border 0.2s ease, width 0.2s ease;
  border-bottom: 1.5px var(--color-primary-600) solid;
}

.name-edit-form__form--sB4Zz[focus-within] {
  border-bottom: 1.5px var(--color-primary-600) solid;
}

.name-edit-form__form--sB4Zz:focus-within {
  border-bottom: 1.5px var(--color-primary-600) solid;
}

.name-edit-form__input--qKWGB {
  height: 100%;
  background: none;
  border-style: none;
  flex: 1 1;
  transition: color var(--transition-default);
}

.name-edit-form__input--qKWGB:focus,
.name-edit-form__input--qKWGB:hover {
  color: var(--color-primary-600);
}

.name-edit-form__input--invalid--UuKV7,
.name-edit-form__input--invalid--UuKV7:focus,
.name-edit-form__input--invalid--UuKV7:hover {
  color: var(--color-error-700);
}

.name-edit-form__error--TgCd2 {
  color: var(--color-error-700);
  font: var(--font-sm-medium);
  grid-column: 3 / 4;
  justify-self: left;
  white-space: pre;
}

/* enter/leave animation */
.accordion-header-transition-enter .name-edit-form__form--sB4Zz {
  width: calc(300% - 6 * var(--grid-gap));
  border-bottom: 1.5px transparent solid;
}

.accordion-header-transition-leave-to .name-edit-form__form--sB4Zz {
  width: calc(300% - 6 * var(--grid-gap));
  border-bottom: 1.5px transparent solid;
}

/* hide error during animation */
.accordion-header-transition-enter-active .name-edit-form__error--TgCd2,
.accordion-header-transition-leave-active .name-edit-form__error--TgCd2 {
  visibility: hidden;
}

.day-cell--qJ6aZ {
  background: none;
  border-radius: var(--spacing-1);
  border: 1px dashed var(--color-grey-800);
  cursor: pointer;
  height: 100%;
  min-height: 52px;
  position: relative;
  width: 100%;
}

.day-cell--qJ6aZ:hover {
  background: var(--color-primary-100);
  border-color: var(--color-primary-500);
}

.day-cell--with-preset--oBUE8 {
  /* Will be overridden in component */
  background-color: var(--color-grey-800);
  border: none;
  cursor: pointer;
  font: var(--font-base-regular);
  overflow: hidden;
  width: 100%;
}

.day-cell__button--JtFbO {
  align-items: center;
  background: none;
  border: 0;
  color: var(--color-grey-800);
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.day-cell__button--JtFbO:disabled {
  opacity: 0.6;
  cursor: auto;
  cursor: initial;
}

.day-cell--with-preset--oBUE8::before {
  background: currentColor;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}

.day-cell--with-preset--oBUE8:hover .day-cell__button--JtFbO {
  color: var(--color-grey-800);
}

.day-cell--resting-day--Qd6Qa {
  background-color: var(--color-grey-100);
  color: var(--color-grey-800);
}

.day-cell--resting-day--Qd6Qa:hover {
  background-color: var(--color-grey-100);
  color: var(--color-grey-800);
}

.day-cell--preset-select-open--VhyGR {
  overflow: visible;
  overflow: initial;
}

.day-cell--qJ6aZ:hover:not(.day-cell--with-preset--oBUE8) .day-cell__button--JtFbO {
  color: var(--color-primary-500);
}

.preset-select--OKBSj {
  background: var(--color-bw-50);
  border-radius: var(--spacing-2);
  box-shadow: 0 5px 34px rgba(0, 0, 0, 0.1);
  left: 50%;
  min-width: 210px;
  position: absolute;
  top: 33%;
  transform: translateX(-50%);
  z-index: 9999;
}

.preset-select__header--Okomu {
  align-items: center;
  border-bottom: var(--color-grey-200) 1px solid;
  color: var(--color-grey-900);
  display: flex;
  font: var(--font-lg-bold);
  height: var(--spacing-13);
  line-height: 17px;
  padding: 0 var(--spacing-3);
  width: 100%;
}

.preset-select__list--kahSn {
  display: grid;
  grid-auto-flow: row;
  grid-gap: var(--spacing-3) 0;
  padding: var(--spacing-3);
}

.preset-select__list-item--aNBoz {
  /* Will be overridden in component */
  background-color: var(--color-grey-200);
  align-items: center;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  display: flex;
  font: var(--font-base-medium);
  min-height: 32px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.preset-select__list-item--aNBoz::before {
  content: "";
  width: 2px;
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  background: currentColor;
}

.preset-select__list-item--resting-day--JtdrJ {
  background-color: var(--color-grey-200);
  color: var(--color-grey-800);
}

.preset-select__list-item-label--oG7Ph {
  color: var(--color-grey-800);
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}

.weeks-grid--XMzlx {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto repeat(7, 1fr);
  grid-gap: var(--spacing-7);
  gap: var(--spacing-7);
  align-items: center;
  justify-items: center;
  margin-bottom: var(--spacing-7);
}

.weeks-grid__header--eT5L_ {
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.weeks-grid__header--eT5L_ > :first-child {
  grid-column-start: 2;
}

.rotation-pattern-setup__content--WIlkY {
  flex: 1 1;
}

.rotation-pattern-setup__content--center--SmLdl {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: var(--spacing-12) 0;
}

.rotation-pattern-setup__weeks-grid--Zlhe4 {
  width: 100%;
}

.rotation-pattern-setup__alert--RXOpr {
  margin: var(--spacing-9) auto;
}

.employment-assignment--uVtwG {
  background: var(--color-bw-50);
  display: flex;
  height: 100%;
  overflow: hidden;
}

.employment-assignment__sidebar--z4P8_ {
  /* 8px is also the default for Firefox, the only browser supporting scrollbar-width */
  --scrollbar-width: 8px;

  background: var(--color-grey-200);
  min-width: 309px;
  padding: 0 var(--spacing-8);
  scrollbar-width: thin;
  overflow-y: auto;
}

.employment-assignment__sidebar--z4P8_::-webkit-scrollbar {
  width: var(--scrollbar-width);
}

.employment-assignment__sidebar--z4P8_:hover::-webkit-scrollbar-thumb {
  background: var(--color-grey-700);
}

.employment-assignment__main--XB34E {
  padding: var(--spacing-10) var(--spacing-8);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.employment-assignment__title--q4NzT {
  font: var(--font-2xl-medium);
  margin: 0 0 var(--spacing-8);
}

.card--a_Gh7 {
  font: var(--font-sm-regular);
  padding: var(--spacing-4);
  box-shadow: var(--shadow-base);
  border-radius: var(--spacing-1);
}

.rotation-group-card--FXyeW {
  --card-border-radius: var(--spacing-4) !important;
  --card-outer-shadow-color: transparent !important;
  background-color: var(--color-bw-50);

  padding: var(--spacing-4);
}

.rotation-group-card--FXyeW {
  margin: var(--spacing-3) 0 var(--spacing-5);
}

.rotation-group-card__header--D8iEV {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 var(--spacing-4);
}

.rotation-group-card__title--KNpoy {
  font: var(--font-base-regular);
  color: var(--outer-space);
  margin: 0;
}

.rotation-group-card__actions--D8VKc {
  display: grid;
  grid-auto-flow: column;
  grid-gap: var(--spacing-2);
  gap: var(--spacing-2);
}

.rotation-group-card__icon-button--MIslU {
  --button-icon-text-color: var(--color-grey-900) !important;

  height: var(--spacing-8);
  justify-content: center !important;
  width: var(--spacing-8);
}

.rotation-group-card__main--SQjPG {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.rotation-group-card__users-number--vDj6O {
  align-items: center;
  color: var(--outer-space);
  display: flex;
  font: var(--font-sm-medium);
}

.rotation-group-card__user-icon--JwOGE {
  height: var(--spacing-7);
  justify-content: center !important;
  margin: 0 var(--spacing-1) 0 0;
  width: var(--spacing-7);
}

.rotation-group-card__button--ivNTb {
  transition: opacity var(--transition-default);
}

.rotation-group-card__button--hidden--G0htZ {
  opacity: 0 !important;
}

.rotation-group-preview--NZM9d {
  position: absolute;
  top: 0;
  z-index: 9999;
  display: grid;
  grid-template-columns: repeat(7, var(--spacing-10));
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-auto-rows: var(--spacing-10);
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(2.8px);
          backdrop-filter: blur(2.8px);
  box-shadow: -5px 22px 31.1622px rgba(28, 28, 28, 0.09);
  border-radius: var(--spacing-3);
  padding: var(--spacing-5);
  justify-content: stretch;
  grid-gap: var(--spacing-3);
  gap: var(--spacing-3);
  margin: var(--spacing-2) 0 0 calc(var(--spacing-2) * -1);
}

.rotation-group-preview__item--dGoDj {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: var(--color-grey-200);
  font: var(--font-sm-medium);
  overflow: hidden;
  border-radius: 1.48px;
  padding: var(--spacing-3);
}

.rotation-group-preview__item--dGoDj::before {
  content: "";
  width: 2px;
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  background: currentColor;
}

.rotation-group-preview__item-label--PMlDN {
  color: var(--color-grey-800);
}

.rotation-group-preview__item--resting-day--R9URF {
  background-color: var(--color-grey-200);
  color: var(--color-grey-700);
}

.rotation-group-preview__header--f33sR {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-grey-800);
  font: var(--font-text-xxs);
}

.sidebar--PgypR {
  /* noop */
}

.sidebar__header--aVaeK {
  -webkit-backdrop-filter: blur(9px);
          backdrop-filter: blur(9px);

  /* is color-athens at 85% opacity */
  background: rgba(231, 232, 237, 0.85);
  padding: calc(3 * var(--spacing-10)) 0 var(--spacing-3);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
}

.sidebar__title--cNY0K {
  color: var(--color-grey-500);
  font: var(--font-sm-regular);
  text-transform: uppercase;
  margin: 0 0 var(--spacing-2);
}

.sidebar__unassigned--JIDzL {
  align-items: center;
  color: var(--color-grey-700);
  display: flex;
  font: var(--font-sm-medium);
  justify-content: space-between;
}

.sidebar__unassigned-filter-button--hwzhu {
  --button-icon-text-color: var(--color-grey-900) !important;

  height: var(--spacing-8);
  justify-content: center !important;
  width: var(--spacing-8);
}

.sidebar__unassign-button--jR513 {
  margin: 0 0 var(--spacing-12);
}

.dialog-overlap--XHrB0 {
  max-width: var(--dialog-max-width-sm);
  width: 100vw;
}

.dialog-overlap__text--DE_nT {
  font: var(--font-base-medium);
  margin: var(--spacing-5) 0;
}

.dialog-overlap__text--DE_nT:first-child {
  margin-top: 0;
}

.dialog-overlap__text--DE_nT:last-child {
  margin-bottom: 0;
}

.dialog-overlap__list--QfvtW {
  display: grid;
  grid-auto-flow: row;
  grid-gap: var(--spacing-3) 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.dialog-overlap__list-item--ScPyK {
  font: var(--font-sm-medium);
}

.table__employment-cell--Hhjdp {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.table__employment-cell-avatar--GozJK {
  margin-right: var(--spacing-3);
}

.rotation-wizard-edit-container__message--jI2jc {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.breadcrumbs__list--x3FJ0 {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs__list-item--i4rwD {
  margin-right: var(--spacing-2);
  text-decoration: none;
}

.breadcrumbs__list-item--large--cwaU8 {
  margin-right: var(--spacing-4);
  text-decoration: none;
  font: var(--font-3xl-regular);
}

.breadcrumbs__list-item--i4rwD * {
  color: var(--color-grey-500);
  text-decoration: none;
}

.breadcrumbs__list-item--selected--DLxBP * {
  color: var(--color-grey-700);
}

.breadcrumbs__list-item--i4rwD:hover * {
  color: var(--color-grey-600);
  transition: color var(--transition-fast);
}

.breadcrumbs__list-item--i4rwD:not(.breadcrumbs__list-item--large--cwaU8) {
  font: var(--font-sm-regular);
}

.breadcrumbs__list-item--icon--pMOYV {
  margin-right: var(--spacing-2);
  color: var(--color-grey-500);
}

.button--diQZv {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 calc(-1 * var(--spacing-7));
  padding: var(--spacing-4) var(--spacing-7);
  text-decoration: none;
  transition: background var(--transition-fast), color var(--transition-fast);
}

.button--active--Zk8Rb,
.button--diQZv:not(.button--disabled--RvH1w):hover {
  background: var(--color-primary-100);
  color: var(--color-primary-600);
}

.button--disabled--RvH1w {
  color: var(--color-grey-600);
  cursor: default;
  opacity: 0.6;
}

.button__label--lOVpJ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.button__icon--YWmpk {
  color: var(--color-primary-600);
  justify-content: center !important;
  width: var(--spacing-8);
  height: var(--spacing-8);
}

.subnavigation--irEpb {
  /* noop */
}

.subnavigation__list--rswEQ {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.subnavigation__list-item--NEVmt {
  font: var(--font-xl-medium);
  letter-spacing: var(--font-heading-letter-spacing-h345);
  margin: 0 0 0 var(--spacing-7);
}

.subnavigation__list-item--NEVmt:not(:last-child) {
  border-bottom: var(--color-grey-200) 1px solid;
}

.subnavigation__button-enabled--n_OQz {
  color: var(--cod-gray);
  opacity: 1;
}

.sub-view--WnBLg {
  /* 8px is also the default for Firefox, the only browser supporting scrollbar-width */
  --scrollbar-width: 8px;

  display: grid;
  grid-template:
    "subheader subheader" -webkit-max-content
    "subnavigation main" 1fr / 20% 1fr;
  grid-template:
    "subheader subheader" max-content
    "subnavigation main" 1fr / 20% 1fr;
  height: 100%;
}

.sub-view__subheader--pZdkP {
  grid-area: subheader;
}

.sub-view__subnavigation--G_3Hk {
  grid-area: subnavigation;
  padding-top: var(--spacing-7);
  overflow-y: auto;
}

.sub-view__main--FOZ5w {
  border-left: var(--color-grey-200) 1px solid;
  grid-area: main;
  overflow-y: auto;
  padding: var(--spacing-7) var(--spacing-14);
}

.sub-view__subnavigation--G_3Hk,
.sub-view__main--FOZ5w {
  scrollbar-color: var(--color-grey-300) transparent;
  scrollbar-width: thin;
}

.sub-view__subnavigation--G_3Hk::-webkit-scrollbar,
.sub-view__main--FOZ5w::-webkit-scrollbar {
  width: var(--scrollbar-width);
}

.sub-view__subnavigation--G_3Hk::-webkit-scrollbar-thumb,
.sub-view__main--FOZ5w::-webkit-scrollbar-thumb {
  background: var(--color-grey-300);
}

.single--fNaxd {
  /* noop */
}

.single__breadcrumb--JIQuW {
  color: var(--color-grey-900);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.single__breadcrumb--JIQuW:hover,
.single__breadcrumb--active--G6mvB {
  color: var(--color-primary-600);
}

.rotation-group-card--APiNo {
  display: flex;
  flex-flow: column;
  padding: var(--spacing-6);
  background-color: var(--color-bw-50);
}

.rotation-group-card__actions--cNg6X {
  display: flex;
  justify-content: flex-end;
  grid-gap: var(--spacing-2);
  gap: var(--spacing-2);
}

.rotation-group-card__button--yfeId {
  align-self: flex-end;
  padding: 0;
  margin: 0 0 var(--spacing-2) var(--spacing-2);
}

.rotation-group-card__button--yfeId ul {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.rotation-group-card__title--UiN6a {
  color: var(--color-grey-900);
  font: var(--font-2xl-medium);
  margin: 0;
}

.rotation-group-card__subtitle--OEjxa {
  color: var(--color-grey-700);
  font: var(--font-sm-medium);
  margin: 0 0 var(--spacing-5);
}

.rotation-group-card__list--b3SYV {
  color: var(--color-grey-800);
  display: grid;
  font: var(--font-sm-medium);
  grid-auto-flow: row;
  grid-gap: var(--spacing-2);
  list-style: none;
  margin: 0;
  padding: 0;
}

.rotation-group-card__list--b3SYV li {
  align-items: center;
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: var(--spacing-1);
}

.rotation-group-card__icon--FFN79 {
  justify-content: center !important;
  height: var(--spacing-7);
  width: var(--spacing-7);
}

.rotation-groups--M2j4M {
  /* noop */
}

.rotation-groups__title--rKz6_ {
  color: var(--color-grey-900);
  font: var(--font-lg-medium);
  margin: 0 0 var(--spacing-6);
}

.rotation-groups__cards--GZjxU {
  display: grid;
  grid-gap: var(--spacing-14);
  grid-template-columns: repeat(3, 1fr);
}

.rotation-groups__card--jYCcp {
  overflow: hidden;
  background-color: var(--color-bw-50);
}

.rotation-groups__button-wrapper--uuAbY {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-gap: var(--spacing-3);
}

.rotation-groups__button--oIRtP {
  align-items: center;
  background: 0;
  border: 0;
  color: var(--color-grey-800);
  cursor: pointer;
  display: flex;
  font: var(--font-xl-medium);
  height: 100%;
  letter-spacing: var(--font-heading-letter-spacing-h345);
  outline: 0;
  padding: var(--spacing-6);
  text-decoration: none;
  transition: background var(--transition-fast), color var(--transition-fast);
  width: 100%;
}

.rotation-groups__button--oIRtP:focus,
.rotation-groups__button--oIRtP:hover {
  background: var(--color-primary-100);
  color: var(--color-primary-600);
}

.rotation-groups__button-icon--MbeL4 {
  --icon-font-size-lg: var(--spacing-6);

  background: var(--color-grey-100);
  height: var(--spacing-14);
  justify-content: center !important;
  width: var(--spacing-14);
  margin: 0 var(--spacing-5) 0 0;
  transition: background var(--transition-fast), color var(--transition-fast);
}

.rotation-groups__button--oIRtP:focus .rotation-groups__button-icon--MbeL4,
.rotation-groups__button--oIRtP:hover .rotation-groups__button-icon--MbeL4 {
  background: var(--color-primary-600);
  color: var(--color-bw-50);
}

.rotation-groups__spinner--Aj9SA {
  align-self: center;
  justify-self: center;
}

.dialog-rotation-assignment__conflict-list--LCkvk {
  list-style: circle;
  list-style-position: inside;
  margin-bottom: 0;
  padding: 0;
}

.dialog-rotation-assignment__conflict-list-item--LzGMw {
  font: var(--font-sm-bold);
}

.dialog-rotation-assignment__unassignment--EdRts {
  display: flex;
  flex-direction: column;
}

.dialog-rotation-assignment__unassignment-radio-input--N0Qkh:not(:last-child) {
  margin-bottom: var(--spacing-4);
}

.dialog-position__locations--yIobU {
  display: grid;
  grid-gap: var(--spacing-3);
  grid-template-columns: 1fr 1fr;
  list-style: none;
  padding: 0;
  margin: var(--spacing-3) 0 0;
}

:root {
  /* transitions */
  --transition-fast:
    var(--transition-timing-function-default) calc(var(--transition-duration-default) / 2);

  /* other */
  --dialog-min-height: 888px;
  --dialog-max-width: 768px;
  --dialog-max-width-sm: 480px;

  /* absences */
  --absence-new-color: var(--color-warning-900);
  --absence-new-bg-color: var(--color-warning-400);
  --absence-accepted-color: var(--color-success-900);
  --absence-accepted-bg-color: var(--color-success-400);

  /* availabilities */
  --color-availability-available: var(--color-success-400);
  --color-availability-unavailable: var(--color-success-500);
  --color-availability-available-border: var(--color-error-400);
  --color-availability-unavailable-border: var(--color-error-500);

  /* special days */
  --background-color-special-day: var(--color-warning-400);
  --text-color-special-day: var(--color-warning-900);

  /* employments */
  --size-employee-avatar: 1.6rem;

  /* shift presets */
  --shift-preset-free-color: var(--color-grey-300);

  /* drag-and-drop */
  --color-drop-active: rgba(205, 238, 205, 1);
  --color-drag-over-active: rgba(159, 223, 159, 1);
}

/* END New color mappings */
html {
  box-sizing: border-box;
  height: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.root--gUYzg {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  /* generic font settings */
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-regular);
  font-size: 100%;
}

body {
  height: 100%;

  /* TODO: copied from sppt, should not really use them in the future */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-feature-settings: "pnum", "kern" false;
  font-feature-settings: "pnum", "kern" false;

  /* prevent overflow-scrolling on safari/iOS */
  overflow: hidden;
}

:root {
  /* Grey */
  --color-grey-50: #f9fafb;
  --color-grey-100: #f3f4f6;
  --color-grey-200: #e5e7eb;
  --color-grey-300: #d1d5db;
  --color-grey-400: #9ca3af;
  --color-grey-500: #6b7280;
  --color-grey-600: #4b5563;
  --color-grey-700: #374151;
  --color-grey-800: #1f2937;
  --color-grey-900: #111827;

  /* Primary */
  --color-primary-50: #f8f5ff;
  --color-primary-100: #eee7fe;
  --color-primary-200: #ddcffc;
  --color-primary-300: #cdb7fb;
  --color-primary-400: #ac87f8;
  --color-primary-500: #8c59f5;
  --color-primary-600: #6927f2;
  --color-primary-700: #500dd8;
  --color-primary-800: #3e0aa8;
  --color-primary-900: #2c0778;

  /* Info */
  --color-info-50: #ecf3fe;
  --color-info-100: #d3e5fd;
  --color-info-200: #a3c7fa;
  --color-info-300: #73aaf8;
  --color-info-400: #428df5;
  --color-info-500: #106ef2;
  --color-info-600: #0b59c6;
  --color-info-700: #084396;
  --color-info-800: #052d66;
  --color-info-900: #04224e;

  /* Success */
  --color-success-50: #f7fdfb;
  --color-success-100: #e6faf2;
  --color-success-200: #bcf1db;
  --color-success-300: #91e8c4;
  --color-success-400: #67e0ae;
  --color-success-500: #3cd797;
  --color-success-600: #26ba7d;
  --color-success-700: #1d9061;
  --color-success-800: #156644;
  --color-success-900: #0c3b27;

  /* Warning */
  --color-warning-50: #fff5e5;
  --color-warning-100: #ffebcc;
  --color-warning-200: #ffd799;
  --color-warning-300: #ffc266;
  --color-warning-400: #ffae33;
  --color-warning-500: #fd9900;
  --color-warning-600: #e58b00;
  --color-warning-700: #b26c00;
  --color-warning-800: #804d00;
  --color-warning-900: #663e00;

  /* Error */
  --color-error-50: #fff0f3;
  --color-error-100: #ffd6e0;
  --color-error-200: #ffbdcc;
  --color-error-300: #ffa3b8;
  --color-error-400: #ff7091;
  --color-error-500: #ff3d6a;
  --color-error-600: #ff0a43;
  --color-error-700: #d60032;
  --color-error-800: #a30026;
  --color-error-900: #70001a;

  /* B&W */
  --color-bw-50: #fff;
  --color-bw-100: #000;
}

:root {
  /* Font families. */
  --font-family: Inter, sans-serif;
  --font-family-base: var(--font-family); /* default */

  /* Font Weight */
  --font-weight-regular: normal;
  --font-weight-base: var(--font-weight-regular); /* default */
  --font-weight-medium: 500;
  --font-weight-bold: bold;

  /* Font sizes. */
  --font-size-xxs: 0.5rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;

  /* Line heights. */
  --line-height-xs: 1.25rem;
  --line-height-sm: 1.25rem;
  --line-height-base: 1.5rem;
  --line-height-lg: 1.75rem;
  --line-height-xl: 2rem;
  --line-height-2xl: 2.25rem;
  --line-height-3xl: 2.25rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.4375rem;
  --line-height-6xl: 4.375rem;

  /* Fonts */
  --font-xxs-regular: var(--font-weight-regular) var(--font-size-xxs) /var(--line-height-xxs) var(--font-family);
  --font-xs-medium: var(--font-weight-medium) var(--font-size-xxs) /var(--line-height-xxs) var(--font-family);
  --font-xxs-bold: var(--font-weight-bold) var(--font-size-xxs) /var(--line-height-xxs) var(--font-family);

  --font-xs-regular: var(--font-weight-regular) var(--font-size-xs) /var(--line-height-xs) var(--font-family);
  --font-xs-medium: var(--font-weight-medium) var(--font-size-xs) /var(--line-height-xs) var(--font-family);
  --font-xs-bold: var(--font-weight-bold) var(--font-size-xs) /var(--line-height-xs) var(--font-family);

  --font-sm-regular: var(--font-weight-regular) var(--font-size-sm) /var(--line-height-sm) var(--font-family);
  --font-sm-medium: var(--font-weight-medium) var(--font-size-sm) /var(--line-height-sm) var(--font-family);
  --font-sm-bold: var(--font-weight-bold) var(--font-size-sm) /var(--line-height-sm) var(--font-family);

  --font-base-regular: var(--font-weight-regular) var(--font-size-base) /var(--line-height-base) var(--font-family);
  --font-base-medium: var(--font-weight-medium) var(--font-size-base) /var(--line-height-base) var(--font-family);
  --font-base-bold: var(--font-weight-bold) var(--font-size-base) /var(--line-height-base) var(--font-family);

  --font-lg-regular: var(--font-weight-regular) var(--font-size-lg) /var(--line-height-lg) var(--font-family);
  --font-lg-medium: var(--font-weight-medium) var(--font-size-lg) /var(--line-height-lg) var(--font-family);
  --font-lg-bold: var(--font-weight-bold) var(--font-size-lg) /var(--line-height-lg) var(--font-family);

  --font-xl-regular: var(--font-weight-regular) var(--font-size-xl) /var(--line-height-xl) var(--font-family);
  --font-xl-medium: var(--font-weight-medium) var(--font-size-xl) /var(--line-height-xl) var(--font-family);
  --font-xl-bold: var(--font-weight-bold) var(--font-size-xl) /var(--line-height-xl) var(--font-family);

  --font-2xl-regular: var(--font-weight-regular) var(--font-size-2xl) /var(--line-height-2xl) var(--font-family);
  --font-2xl-medium: var(--font-weight-medium) var(--font-size-2xl) /var(--line-height-2xl) var(--font-family);
  --font-2xl-bold: var(--font-weight-bold) var(--font-size-2xl) /var(--line-height-2xl) var(--font-family);

  --font-3xl-regular: var(--font-weight-regular) var(--font-size-3xl) /var(--line-height-3xl) var(--font-family);
  --font-3xl-medium: var(--font-weight-medium) var(--font-size-3xl) /var(--line-height-3xl) var(--font-family);
  --font-3xl-bold: var(--font-weight-bold) var(--font-size-3xl) /var(--line-height-3xl) var(--font-family);

  --font-4xl-regular: var(--font-weight-regular) var(--font-size-4xl) /var(--line-height-4xl) var(--font-family);
  --font-4xl-medium: var(--font-weight-medium) var(--font-size-4xl) /var(--line-height-4xl) var(--font-family);
  --font-4xl-bold: var(--font-weight-bold) var(--font-size-4xl) /var(--line-height-4xl) var(--font-family);

  --font-5xl-regular: var(--font-weight-regular) var(--font-size-5xl) /var(--line-height-5xl) var(--font-family);
  --font-5xl-medium: var(--font-weight-medium) var(--font-size-5xl) /var(--line-height-5xl) var(--font-family);
  --font-5xl-bold: var(--font-weight-bold) var(--font-size-5xl) /var(--line-height-5xl) var(--font-family);

  --font-6xl-regular: var(--font-weight-regular) var(--font-size-6xl) /var(--line-height-6xl) var(--font-family);
  --font-6xl-medium: var(--font-weight-medium) var(--font-size-6xl) /var(--line-height-6xl) var(--font-family);
  --font-6xl-bold: var(--font-weight-bold) var(--font-size-6xl) /var(--line-height-6xl) var(--font-family);
}

:root {
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
:root {
  --spacing-05: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  /* Legacy usage starts below */
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-13: 3.25rem;
  --spacing-14: 3.5rem;
  --spacing-15: 3.75rem;
  --spacing-16: 4rem;
}


/*# sourceMappingURL=main.css.map*/