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

.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;
  border-radius: var(--button-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;
}

/* link elements do not support disabled attribute, so we need to use a class there */
.button--gJrlK:disabled,
.button--disabled--wb9RK {
  opacity: 0.5;
  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: 1;
  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%;
}

.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;
}

:root {
  /* https://www.colorhexa.com/66CC66 */

  --background-color-grid-cell: #fff;
  --background-color-grid-cell-outside-shiftplan: #fafafa;
  --border-color-today: var(--color-primary-500);
  --grid-is-hovered: rgba(171, 227, 171, 1);
  --grid-is-enabled: rgba(215, 242, 215, 1);
  --grid-is-disabled: rgba(228, 230, 231, 1);
}

.droppable--active.grid-cell--Tz2Mu {
  background: rgba(215, 242, 215, 1) !important;
  background: var(--grid-is-enabled) !important;
}

.droppable--hover.grid-cell--Tz2Mu {
  background-color: rgba(171, 227, 171, 1) !important;
  background-color: var(--grid-is-hovered) !important;
}

.grid-cell--header--qW56d {
  font-weight: var(--font-weight-semibold);
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  font-size: 0.9em;
}

.grid-cell--Tz2Mu {
  outline: none;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1.4;
  min-width: 0;
  min-height: var(--height-cell);
  background-color: #fff;
  background-color: var(--background-color-grid-cell);
  display: grid;
  padding: 2px 1px;
  grid-gap: 2px;
  gap: 2px;
  border: solid transparent;
  border-width: 0;
}

.grid-cell--no-gap--qc1f8 {
  gap: 0;
  padding: 0;
  border-width: 0;
}

.grid-cell--Tz2Mu.grid-cell--special-date--FqPSg,
.grid-cell--Tz2Mu.grid-cell--today--m0rV2 {
  border-left-width: 1px;
  border-right-width: 1px;
}

.grid-cell--outside-shiftplan--k3FiV {
  background-color: #fafafa;
  background-color: var(--background-color-grid-cell-outside-shiftplan);
}

.grid-cell--today--m0rV2 {
  border-color: var(--color-primary-500);
  border-color: var(--border-color-today);
}

.grid-cell--special-date--FqPSg {
  border-color: var(--background-color-special-day);
}

.grid-cell--last-row--y18R5 {
  border-bottom-width: 1px;
}

.grid-cell--droppable--wF1kA {}

.grid-cell--is-drop-active--MpnnN {
  background-color: var(--color-drop-active);
}

.grid-cell--is-drop-active--MpnnN > * {
  pointer-events: none;
}

.grid-cell--is-drag-over-active--eY9BD {
  background-color: var(--color-drag-over-active);
}

:root {
  --font-weight-semibold: 600;
  --font-weight-normal: 500;
}

.text-ellipsis--qhQVS {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-wrap--rCjf5 {
  /* this is the only option that is recognized
  * by html2canvas break-word
  * doesn't seem to work
  */
  word-break: break-all;
  white-space: normal;
  overflow-wrap: break-word;
}

.grid-table--NNkzz {
  --color-border-grid: #f0f0f0;
  --border-grid: 1px solid var(--color-border-grid);
  --background-color-print-header: #eee;
  --background-color-print: var(--color-bw-100);
  --border-grid-print: 1px solid var(--color-bw-100);
  --padding: 2px;
  --height-cell: 20px;
  --sticky-z-index: 50;
  --width-grid-label-column: 14rem;
  --grid-cell-padding-bottom: 1rem;
}

.grid-table--NNkzz {
  display: inline-grid;
  border: var(--border-grid);
  grid-template-columns: 1fr;
  background-color: var(--color-border-grid);
  gap: 1px;
  min-width: 100%;
  align-content: start;
}

.grid-table__header-cell--d2cH7 {
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  align-items: center;
  justify-content: stretch;
  font-size: 0.9em;
}

.grid-table__label-cell--Ufsnz {
  font-weight: var(--font-weight-semibold);
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
  padding: var(--padding);
  overflow: hidden;
}

.grid-table__subgrid--KFOwA {
  grid-column: 1 / -1;
  display: inherit;
  grid-template-columns: inherit;
  grid-gap: inherit;
  gap: inherit;
  -ms-grid-column-span: inherit;
  grid-auto-rows: inherit;
  --shadow-content-height: calc(100% + 1px); /* 1px for the grid-gap borders */
}

.grid-table__subgrid--emulate-gap--xOdU1 {
  padding-top: 1px;
}

.grid-table__header--xva9g {
  display: inherit;
  top: 0;
  background-color: var(--color-border-grid);
}

.grid-table__header--sticky--KGiHn {
  position: sticky;
  /* top header should be over labels column */
  z-index: calc(var(--sticky-z-index) + 1);
}

.grid-table__header--sticky--KGiHn::after {
  display: block;
  content: '';
  position: absolute;
  height: var(--size-material-shadow);
  width: calc(100% + 2px);
  bottom: calc(0px - var(--size-material-shadow));
  left: -1px;
  background: linear-gradient(
    to bottom,
    var(--color-material-shadow-inner),
    transparent
  );
}

.grid-table__content-cell--_ZUCB {
  align-content: flex-start;
  padding: var(--spacing-2);
}

.grid-table__content-cell--padding-bottom--zJaCE {
  padding-bottom: var(--grid-cell-padding-bottom);
  min-height: calc(var(--size-event-month) + var(--grid-cell-padding-bottom));
}

.grid-table__content-cell--minimal-padding-top--_uG8w {
  padding-top: var(--spacing-05);
}

.grid-table__content-cell--minimal-padding-bottom--TYK0d {
  padding-bottom: var(--spacing-05);
}

.grid-table__content-cell--stretch--e6aIU {
  align-content: inherit;
}

.grid-table__subheader-cell--zydYH {
  font-weight: var(--font-weight-semibold);
  text-align: center;
  align-items: center;
}

.grid-table--print--_JfUN {
  --background-color-grid-cell: var(--color-bw-50);
  --background-color-grid-cell-outside-shiftplan: var(--color-bw-50);
  --size-event-month: 32px;

  border: var(--border-grid-print);
  background-color: var(--background-color-print);
  min-width: 1600px;
}

.grid-table__print-content-cell--J_hPX {
  align-content: flex-start;
  white-space: pre-wrap;
}

.grid-table__print-header-cell--L3YS3 {
  font-weight: var(--font-weight-semibold);
  --background-color-grid-cell: var(--background-color-print-header);
}

.grid-table__print-label-cell--PfNUM {
  padding: 0 0.5rem;
  justify-content: flex-start;
  text-align: left;
}

.grid-table__print-header--rHVp6 {
  background-color: var(--color-bw-100);
}

:root {
  --height-cell: 20px; 
}
.time-grid--ocVrB {
  grid-template-rows: 1fr;
}

.time-grid--edited--d9Anl {
  cursor: move;
}

.time-grid--edited-move--JbRwM {
  cursor: move;
}

.time-grid--edited-horizontal--VOUcQ {
  cursor: ew-resize;
}

.time-grid--edited-vertical--y3zxX {
  cursor: ns-resize;
}

.time-grid--edited--d9Anl *:not(.time-grid__row--W9UDq) {
  pointer-events: none;
}

.time-grid__row--W9UDq {
  position: relative;
  grid-auto-rows: 20px;
  grid-auto-rows: var(--height-cell);
  background-image: linear-gradient(0deg,
    transparent 23.75%, 
  var(--color-border-grid) 23.75%,
  var(--color-border-grid) 25%, 
  transparent 25%, 
  transparent 48.75%,
  var(--color-border-grid) 48.75%, 
  var(--color-border-grid) 50%, 
  transparent 50%,
  transparent 73.75%, 
  var(--color-border-grid) 73.75%, 
  var(--color-border-grid) 75%, 
  transparent 75%, 
  transparent 98.75%, 
  var(--color-border-grid) 98.75%, 
  var(--color-border-grid) 100%);
  background-size: 80px 80px;
  background-repeat: repeat;
}

.time-grid__label-row--ORikM {
  grid-auto-rows: 20px;
  grid-auto-rows: var(--height-cell);
  position: sticky;
  left: 0;
  z-index: var(--sticky-z-index);
}

.time-grid__label-cell--m6w03 {
  height: 100%;
  line-height: 20px;
  line-height: var(--height-cell);
}

.time-grid__label-row--ORikM::after {
  display:    block;
  content:    '';
  position:   absolute;
  width:      var(--size-material-shadow);
  height:     calc(100% + 2px);
  top:        -1px;
  right:      calc(0px - var(--size-material-shadow));
  background: linear-gradient(to right, 
    var(--color-material-shadow-inner), 
    transparent);
}

.time-grid__label-cell--border-solid--yczEG {
  border-bottom: 1px solid var(--color-border-grid);
}

/* 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 {
  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 {
  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);
}

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

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

@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);
  }
}

.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);
}

.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);
}

.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;
          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__scroll-container--ifruC {
  z-index: 2;
  max-width: 100vw;
  height: 100vh;
  overflow: auto;
  display: grid;
  align-items: center;
}

.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%;
}

.dialog--c8N2S {
  --dialog-stretchable-max-width: 1280px;

  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--stretchable--yxSVU {
  max-width: var(--dialog-stretchable-max-width);
  width: -moz-max-content;
  width: max-content;
}

.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: 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;
}

.card--a_Gh7 {
  font: var(--font-sm-regular);
  padding: var(--spacing-4);
  box-shadow: var(--shadow-base);
  border-radius: var(--spacing-1);
}

.card-with-link--DC7Dk {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  transition: background var(--transition-default);
  border: 1px solid transparent;
  border: 1px solid var(--border-color, transparent);
  outline: 1px solid transparent;
  outline: 1px solid var(--outline-color, transparent);
}

.card-with-link--DC7Dk:hover {
  background: var(--color-grey-100);
}

.card-with-link--DC7Dk:focus,
.card-with-link--DC7Dk:active {
  --border-color: var(--color-primary-500);
  --outline-color: var(--color-primary-200);
}

.card-with-link__icon--HsRM5 {
  flex-shrink: 0;
  color: var(--color-grey-500);
}

.card-with-link__content--mcRnt {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font: var(--font-sm-medium);
  color: var(--color-grey-700);
}

.card-with-link__link--ksRMv {
  text-decoration: none;
}

.calendar-dialog-absence-group__list--UEVne {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: var(--spacing-5);
  flex-direction: column;
}

.calendar-dialog-absence-group__employment-name--qw5QU {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calendar-dialog-absence-group__employment-avatar--HJbTV {
  flex-shrink: 0;
}

/* stylelint-disable selector-class-pattern */

@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";
}

.location-dropdown__icon--f4TTV {
  font-size: var(--font-size-lg);
}

.location-dropdown__single-item--J669o {
  pointer-events: none;
}

.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: 50px;
  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;
  }
}

.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);
}

.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: -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);
}

.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: auto;
  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);
  background-color: var(--color-primary-500);
}

.navigation-button--active--jxiZC:hover {
  background-color: var(--color-primary-400);
}

.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__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;
}

.navigation-button__icon-text--B6gxP {
  position: absolute; 
  left: 1.25rem;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-primary-900);
  font: var(--font-xs-bold);
  z-index: 1;
}

.navigation--gO0k7 {
  --navigation-width: auto;

  width: var(--navigation-width);
  background: var(--color-grey-700);
  display: flex;
  flex-flow: row nowrap;
}

.navigation__brand-icon--Jac2h,
.navigation__brand-full--JWofH {
  padding: var(--spacing-2);
  width: 100%;
  display: none;
}

@media (min-width: 768px) {
  .navigation--gO0k7 {
    --navigation-width: 64px;

    flex-flow: column nowrap;
  }

  .navigation__brand-icon--Jac2h {
    display: inherit;
  }
}

@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 {
  flex-flow: row nowrap;
  display: flex;
  width: 100%;
}

@media (min-width: 768px) {
  .navigation__list--jjvlg {
    flex-flow: column nowrap;
  }
}

.navigation__list--jjvlg,
.navigation__button-support-container--EjYZv {
  list-style: none;
  margin: 0;
  padding: 0 var(--spacing-3);
}

.navigation__list-item--fGAvx {
  flex: 1 1;
  margin: var(--spacing-2) 0;
  position: relative;
}

.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 {
  align-content: center;
  justify-content: center;
  place-content: center center;
  display: none;
}

@media (min-width: 768px) {
  .navigation__button-support-container--EjYZv {
    display: flex;
  }
}

.navigation__logo--ijFiF {
  display: none;
}

@media (min-width: 768px) {
  .navigation__logo--ijFiF {
    display: flex;
  }
}


.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 {
  grid-area: "main";
  display: grid;
  grid-template:
    "navigation header" max-content
    "navigation view" 1fr / max-content 1fr;
  height: 100vh;
}

@media screen and (max-width: 767px) {
  .main-view--KzV6b {
    grid-template:
      "header" max-content
      "view" 1fr
      "navigation" 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;
  }
}

.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-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: -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));
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.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;
  flex: 1 1;
}

.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-checkmark--HHSxC {
  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-checkmark--HHSxC::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: var(--spacing-1);
  transition: border var(--transition-fast), background-color var(--transition-fast);
}

.input-checkbox--disabled--eDN7y .input-checkbox__input-checkmark--HHSxC {
  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-checkmark--HHSxC {
  cursor: default;
}

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

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

.input-checkbox__input--bPFJW:disabled ~ .input-checkbox__input-checkmark--HHSxC {
  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 ~ .input-checkbox__input-checkmark--HHSxC {
  background-color: var(--color-primary-400);
  transition: background-color var(--transition-fast);
}

.input-checkbox__input--bPFJW:indeterminate ~ .input-checkbox__input-checkmark--HHSxC::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: var(--spacing-1);
}

.input-checkbox__input--bPFJW:focus ~ .input-checkbox__input-checkmark--HHSxC {
  box-shadow: var(--shadow-focus);
}

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

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

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

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

.input-checkbox__input--bPFJW:checked:hover ~ .input-checkbox__input-checkmark--HHSxC {
  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 ~ .input-checkbox__input-checkmark--HHSxC {
  border-color: var(--color-grey-500);
  transition: border-color var(--transition-fast);
}

.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);
}

.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::placeholder {
  color: var(--color-grey-500);
}

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

.input-text-area__label--disabled--YQ9sm {
  cursor: default;
}

.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);
}

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

.base-tooltip--xSIoU {
  position: relative;

  /* allow display to inherit parent display, so flex-parents are respected */
  display: inherit;
}

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

  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(0, var(--tooltip-transform-top));
  transition: opacity var(--transition-fast);
  z-index: 99999;
  white-space: pre-line;
  max-width: 16rem;
}

.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;
}

.base-tooltip__text--popover--fPM7H {
  --tooltip-background: var(--color-bw-50);
  --tooltip-color: var(--color-grey-700);

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

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

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

.transition-slide-enter--EjY5d.base-tooltip__text--hWjj2,
.transition-slide-leave-to--t0CDD.base-tooltip__text--hWjj2 {
  opacity: 0 !important;
}

.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 */
}

.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-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;
}

.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--hTb5U:not(.input-text--disabled--_JWTL) .input-text__inner--WN977[focus-within] {
  border-color: var(--color-primary-500);
  box-shadow: var(--shadow-base);
}

.input-text--hTb5U:not(.input-text--disabled--_JWTL) .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:not(.input-text--disabled--_JWTL)
  .input-text__inner--WN977[focus-within] {
  border-color: var(--color-error-700);
}

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

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

.input-text--valid--h9YnI:not(.input-text--disabled--_JWTL) .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%;
}

.input-text__input--g7sMd:disabled {
  color: var(--color-grey-500);
}

/* 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::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 {
  cursor: pointer;
  font: var(--font-sm-medium);
  color: var(--color-grey-700);
  margin-bottom: var(--spacing-1);
}

.input-text--disabled--_JWTL .input-text__label--lnj1W {
  cursor: default;
}

.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-text__input--g7sMd:disabled {
  color: var(--color-grey-500);
}

.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;
}

.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);
}

.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;
}

.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;
}

.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);
  min-width: 0px;
  word-wrap: break-word;
}

.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;
}

.dialog-shift-conflicts--ODYsY {
  /* noop */
}

.dialog-shift-conflicts__buttons--imnmH {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-content: space-between;
  justify-content: space-between;
  place-content: space-between;
}

.dialog-shift-conflicts--buttons--primary--A4lEH {
  display: flex;
}

.section-heading--eruSO {
  align-items: center;
  background: var(--color-grey-50);
  display: grid;
  font: var(--font-base-medium);
  grid-template-columns: 1fr max-content;
  min-height: var(--spacing-10);
  padding: var(--spacing-3) 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: 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);
  font: var(--font-sm-medium);
}

.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--LhPq2:empty {
  border: 0;
}

.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);
}

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

.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: flex;
  flex-flow: column nowrap;
  overflow: hidden;
}

.select-panel__item-label--P8dWW {
  display: block;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}

.select-panel__item-sublabel--TZG5r {
  color: var(--color-grey-500);
  font: var(--font-xs-regular);
}

.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-pill-select--F5CA1 {
  position: relative;
  background: var(--color-bw-50);
}

.input-pill-select__input--BLkSa {
  color: var(--color-grey-900);
  font: var(--font-base-medium);
  outline: 0;
  border: 0;
  background: 0;
  flex: 1 1;
  min-width: var(--spacing-16);
  margin: var(--spacing-1) 0;
  padding: 0;
}

.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-3);
  border-radius: var(--spacing-1);
  border: 1px solid var(--color-grey-300);
  font: var(--font-sm-medium);
  color: var(--color-grey-500);
  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;
  align-items: center;
  min-width: 0;
}

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

.input-pill-select__validation-input--dLZBU {
  position: absolute;
  z-index: -99999;
}

.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-500);
  opacity: 0.5;
  -moz-transition: color var(--transition-fast);
  transition: color var(--transition-fast);
}

.input-pill-select__input--BLkSa::placeholder {
  color: var(--color-grey-500);
  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;
  color: var(--color-grey-900);
}

.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;
}

.input-pill-select__search-icon--ig3cS {
  margin-right: var(--spacing-1);
}

.form--F2wBb {
  flex: 1 1;
  grid-template-columns: initial;
  display: contents;
}

.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;
  grid-column: 1 / -1;
}

.form__action-button--B7i1Y {
  flex: 1 1;
}

.form__section-input--side-by-side--CmQn_ {
  width: 100%;
  grid-column: span 2;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 var(--spacing-6);
  grid-template-columns: 1fr 1fr;
}

/*
  form layout
  In some cases we want two forms to be shown side by side and align sections horizontally, so both forms are located in one grid
*/

/*
  wrapper class for slots
*/
.form__slot-wrapper--xBVQE {
  display: contents;
}

.form__section-tags--CXi5z {
  grid-row: 1 / 2;
}

.form__section-general--FOV2h {
  grid-row: 2 / 3;
}

.form__section-breaks--GlEVN {
  grid-row: 3 / 4;
}

.form__section-payments--OgwX1 {
  grid-row: 4 / 5;
}

.form__section-note--vtjc0 {
  grid-row: 5 / 6;
}

.form__section-actions--aFaFn {
  grid-row: 6 / 7;
}

.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);
}

.input-combobox__error--ebjQz {
  color: var(--color-error-500);
  font: var(--font-sm-medium);
}

.section-general__row--bLbh3 {
  /* noop */
}

.section-general__row--full-width--UhXNx {
  grid-column: span 2;
  width: 100%;
}

.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;
}

.additional-break--vDbxX {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;

  /* not supported in Safari < 14.1, won't look too bad though */
  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__add-button--IC5b7 {
  justify-self: flex-start;
}

.section-breaks__input--full-width--aa_1r {
  grid-column: 1 / -1;
}

.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--disabled--ZGgsH {
  /* noop */
}

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

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

.input-select--disabled--ZGgsH .input-select__label--VWVOa {
  cursor: default;
}

.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;
  outline: 0;
  width: 100%;
  cursor: pointer;

  /* needed to match the height of the inputs */
  line-height: 22px;
}

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

.input-select__validation-input--PaI6p {
  position: absolute;
  z-index: -99999;
}

.input-select__validation-input--PaI6p,
.input-select__validation-input--PaI6p.focus-visible--OSmJE {
  border: none;
  outline: 0;
  color: transparent;
}

.input-select__validation-input--PaI6p,
.input-select__validation-input--PaI6p:focus-visible {
  border: none;
  outline: 0;
  color: transparent;
}

.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;
  color: var(--color-grey-900);
  font: var(--font-base-medium);
}

.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);
}

.section--rPURP:not(:first-child) {
  border-top: 1px solid var(--color-grey-200);
}

.section--inherited--TkyxZ {
  /* noop */
}

.section__sub--KQPph {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: var(--spacing-4) 0;

  /* not supported in Safari < 14.1, won't look too bad though */
  gap: var(--spacing-3) var(--spacing-6);
}

.section__sub--KQPph:not(:first-child) {
  margin-top: var(--spacing-3);
}

.section__bonus--pSQrc {
  border: 1px solid var(--color-grey-200);
  padding: var(--spacing-6);
}

.section__select--YVOd8 {
  background: 0;
  flex: 4 1;
}

.section__input--s8rQB {
  flex: 1 1;
  min-width: 10ch;
  overflow: hidden;
  position: relative;
}

.section__input-value--AeDkb {
  width: 100%;
}

.section__button--zg15S {
  margin-top: var(--spacing-3);
  justify-self: flex-start;
}

.section__button-remove--hTjPV {
  align-self: flex-end;
}

.section-pay--wXdti {
  /* noop */
}

.section-pay__section--PXYYX {
  grid-column: 1 / -1;
}

.section-pay__section--PXYYX:not(:last-child) {
  margin-bottom: var(--spacing-8);
}

.section-pay__add-button--wU6Y1 {
  justify-self: flex-start;
}

.evaluation-container--wlK6E {
  --column-width: calc(var(--dialog-stretchable-max-width) / 2 - 2 * var(--spacing-8));

  display: grid;
  grid-auto-flow: row;
  grid-gap: var(--spacing-4) var(--spacing-10);
  gap: var(--spacing-4) var(--spacing-10);
  align-items: start;
  grid-auto-columns: minmax(var(--column-width), 1fr);
  grid-template-columns: minmax(auto, calc(var(--dialog-max-width) - 2 * var(--spacing-8)));
}

.evaluation-container__spinner--cICSG {
  font-size: 2em;
  margin: 0 auto;
  padding: var(--spacing-1);
  overflow: hidden;
}

.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;
}

.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);
}

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

.calendar-tooltip--U_4gq {
  /* noop */
}

.calendar-tooltip__text--SuV7h {
  --tooptip-tip-left: 50%;
  --tooltip-transform-top: calc(-100% - var(--tooltip-tip-size, 5px));
  --tooltip-background: var(--color-grey-900);
  --tooltip-color: var(--color-bw-50);

  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(0, var(--tooltip-transform-top));
  transition: opacity var(--transition-fast);
  z-index: 99999;
  white-space: pre-line;
  max-width: 16rem;
  align-items: center;
}

.calendar-tooltip__text--SuV7h::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;
}

.calendar-tooltip__text--popover--IlfXB {
  --tooltip-background: var(--color-bw-50);
  --tooltip-color: var(--color-grey-700);

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

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

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

.transition-slide-enter--GhaDn.calendar-tooltip__text--SuV7h,
.transition-slide-leave-to--IuB3q.calendar-tooltip__text--SuV7h {
  opacity: 0 !important;
}

.transition-slide-enter--GhaDn.calendar-tooltip__text--SuV7h,
.transition-slide-leave-to--IuB3q.calendar-tooltip__text--SuV7h {
  /* FAQ: because of some CSS modules ordering issue, we need to forcefully override the opacity */
}

.transition-slide-enter-to--uAEfZ.calendar-tooltip__text--SuV7h,
.transition-slide-leave--n0_Ai.calendar-tooltip__text--SuV7h {
  opacity: 1;
}

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

.calendar-tooltip__text--bottom--NXNSM::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;
}

.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);
  font-weight: var(--font-weight-semibold);
  padding: 0;
  color: var(--color-grey-900);
  margin: 0;
  word-wrap: break-word;
}

.popover-content__list--m6NbF {
  border-top: 1px solid var(--color-grey-200);
  margin: var(--spacing-3) 0 0;
  padding: var(--spacing-3) 0 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;
}

.balance-popover-content--VolpS {
  background: var(--color-bw-50);
}

:root {
  /* other */
  --dialog-min-height: 888px;
  --dialog-max-width: 768px;
  --dialog-max-width-sm: 480px;

  /* absences */
  --absence-new-color: var(--color-warning-600);
  --absence-new-bg-color: var(--color-warning-100);
  --absence-accepted-color: var(--color-success-600);
  --absence-accepted-bg-color: var(--color-success-100);

  /* 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(172, 135, 248, 0.2);
  --color-drag-over-active: rgba(140, 89, 245, 0.5);

  /* date/month picker colors */
  --color-datepicker-item-hovered: var(--color-primary-200);
  --color-datepicker-item-selected: var(--color-primary-100);
  --color-datepicker-selection-boundary: var(--color-primary-300);
}

/* 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;
}

.vue-recycle-scroller__item-wrapper,
.vue-recycle-scroller__item-view,
.vue-recycle-scroller__slot {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: inherit;
  grid-gap: inherit;
  gap: inherit;
  -ms-grid-column-span: inherit;
  grid-auto-rows: inherit;
  align-items: flex-start;
}

.vue-recycle-scroller__item-wrapper {
  overflow: visible !important;
  overflow: initial !important;
}

: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-xxs: 1rem;
  --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-xxs-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;
}

:root {
  --transition-timing-function-default: ease-out;
  --transition-duration-default: 0.3s;
  --transition-default: var(--transition-duration-default) var(--transition-timing-function-default);
  --transition-fast: var(--transition-timing-function-default) calc(var(--transition-duration-default) / 2);
}

@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url(c8ba52b05a9ef10f4758.woff2) format("woff2"), url(8c206db99195777c6769.woff) format("woff");
}

@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url(293fd13dbca5a3e450ef.woff2) format("woff2"), url(9053572c46aeb4b16caa.woff) format("woff");
}

@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: bold;
  src: url(ec64ea577b0349e055ad.woff2) format("woff2"), url(93c1301bd9f486c573b3.woff) format("woff");
}

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

.loader__svg--TGbBS {
  height: 64px;
  position: relative;
  width: 100%;
  z-index: 10;
}


/*# sourceMappingURL=main.css.map*/