/* Document
 * ========================================================================== */

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  background-repeat: no-repeat; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Breaks words to prevent overflow in all browsers (opinionated).
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Remove the grey highlight on links in iOS (opinionated).
 * 6. Prevent adjustments of font size after orientation changes in iOS.
 */

:where(:root) {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  overflow-wrap: break-word; /* 3 */
  -moz-tab-size: 4; /* 4 */
  tab-size: 4; /* 4 */
  -webkit-tap-highlight-color: transparent; /* 5 */
  -webkit-text-size-adjust: 100%; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

:where(body) {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 */

:where(hr) {
  color: inherit; /* 1 */
  height: 0; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */

:where(nav li)::before {
  content: "\200B";
  float: left;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */

:where(pre) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Add the correct text decoration in Safari.
 */

:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

:where(code, kbd, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

:where(small) {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

:where(iframe) {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

:where(svg:not([fill])) {
  fill: currentColor;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

:where(table) {
  border-collapse: collapse; /* 1 */
  border-color: inherit; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

:where(button, input, select) {
  margin: 0;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
  -webkit-appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

:where(fieldset) {
  border: 1px solid #a0a0a0;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

:where(progress) {
  vertical-align: baseline;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 3. Change the resize direction in all browsers (opinionated).
 */

:where(textarea) {
  margin: 0; /* 1 */
  resize: vertical; /* 3 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

:where([type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct styles in Safari.
 */

:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in Safari.
 */

:where(details > summary:first-of-type) {
  display: list-item;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

:where([aria-busy="true" i]) {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

:where([aria-controls]) {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

:where([aria-disabled="true" i], [disabled]) {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

:where([aria-hidden="false" i][hidden]) {
  display: initial;
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@charset "UTF-8";
@font-face {
  font-family: "Museo Sans";
  src: url("/newpont/api/fonts/museo-sans-cyrl-500.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("/newpont/api/fonts/museo-sans-cyrl-700.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("/newpont/api/fonts/museo-sans-cyrl-900.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
html {
  font-family: "Museo Sans", sans-serif;
  font-size: 50%;
  overflow-y: scroll;
}

body {
  font-size: 1.8rem;
  line-height: 2.5rem;
  background-color: #f7f9fa;
}

h1 {
  font-size: 3.1rem;
  line-height: 4.3rem;
  margin: 3.3rem 0 3.6rem;
  text-align: center;
}

h2 {
  max-width: 65.4rem;
  margin: 0 auto 5.6rem;
  font-size: 2.4rem;
  line-height: 3.4rem;
  color: #808080;
  text-align: center;
}

h1 + h2 {
  margin-top: -2.4rem;
}

h3 {
  font-size: 2.1rem;
  line-height: 2.9rem;
  margin: 0 0 1.4rem;
}

.link--related {
  flex-grow: 1;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  opacity: 0.3;
  cursor: pointer;
}

[contenteditable=true] {
  cursor: text;
  white-space: pre-wrap;
  -webkit-user-select: text;
  user-select: text;
}
[contenteditable=true]:not([data-multiline]) br {
  display: none;
}
[contenteditable=true]:focus {
  outline: none;
}
[contenteditable=true]:empty:before {
  content: attr(placeholder);
  opacity: 0.3;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.menu {
  display: flex;
  list-style: none;
  padding: 2.8rem;
  background: white;
  box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  flex: 0 0 24.8rem;
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  font-size: 1.7rem;
  line-height: 2.4rem;
  position: sticky;
  top: 0;
  height: 100vh;
}
.body--loading .menu, .menu--hidden {
  display: none;
}

.menu__logo {
  margin-bottom: 4.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.menu__logo-full svg, .menu__logo-short svg {
  height: 2.4rem;
}
.menu__logo-enter {
  margin-left: 0.8rem;
}
.menu__logo-enter svg {
  height: 1rem;
}
.menu__logo-enter, .menu__logo-text {
  opacity: 0.5;
}
.menu__logo-text {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-left: 0.8rem;
}
.menu__logo:hover .menu__logo-full {
  display: none;
}
.menu__logo:not(:hover) .menu__logo-short, .menu__logo:not(:hover) .menu__logo-text {
  display: none;
}
.menu__main {
  flex-grow: 1;
  overflow: auto;
  width: 100%;
}
.menu__item {
  margin-bottom: 2.8rem;
}
.menu > .menu__item {
  margin-bottom: 0;
}
.menu__link {
  color: black;
  opacity: 0.5;
  display: flex;
  text-decoration: none;
}
.menu__link svg {
  height: 1.8rem;
  margin-right: 1.8rem;
  opacity: 0.6;
  position: relative;
  top: -1px;
}
.menu__link--active, .menu__link:hover {
  font-weight: 700;
  opacity: 1;
}
.menu__link--active svg, .menu__link:hover svg {
  opacity: 1;
}
.menu__sub .menu__link {
  margin-top: 1.4rem;
  margin-left: 5.2rem;
  font-weight: 500;
}

.main {
  display: flex;
  flex-grow: 1;
  max-width: 153.6rem;
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
}
.main__content {
  padding: 1.6rem 1.6rem 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.content {
  background-color: white;
  border-radius: 0.4rem;
  box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  padding: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.content--auth {
  margin: auto;
  max-width: 45.2rem;
  width: 100%;
}
.content--setup, .content--project {
  margin-top: 7.8rem;
}
.body--loading .content {
  display: none;
}

@media (max-width: 767px) {
  .content--project {
    margin-top: 6rem;
    padding: 0;
    margin-bottom: 0;
  }
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
}
.body--loading .loader {
  display: block;
}

.loader svg {
  position: absolute;
  width: 7.2rem;
  height: 7.2rem;
  left: calc(50% - 3.6rem);
  top: calc(50% - 3.6rem);
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.feedback {
  position: fixed;
  bottom: 4rem;
  right: 4rem;
  z-index: 11;
}
.feedback h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2rem;
}
.feedback__close {
  padding: 1.4rem;
  background: #f1f3f4;
  border-radius: 50%;
  cursor: pointer;
}
.feedback__close svg {
  display: block;
  width: 1.1rem;
}
.feedback__button {
  width: 7.3rem;
  height: 7.3rem;
  background: #0ab675;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(10, 182, 117, 0.24);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
}
.feedback__button svg {
  width: 3.6rem;
  margin: auto;
}
.feedback__button svg path {
  fill: white;
}
.feedback__form {
  display: none;
  position: absolute;
  bottom: 0;
  right: calc(100% + 2rem);
  background: white;
  padding: 3.6rem;
  border-radius: 1.2rem;
  box-shadow: 0 0.8rem 3.2rem 0 rgba(0, 0, 0, 0.12);
}
.feedback__form fieldset {
  border-radius: 0.4rem;
  border-color: rgba(0, 0, 0, 0.4);
  padding: 0.6rem 1rem 1.2rem;
  margin-bottom: 2.8rem;
  font-weight: bold;
  width: 36rem;
}
.feedback__form fieldset:last-of-type {
  margin-bottom: 3.6rem;
}
.feedback__form fieldset legend {
  opacity: 0.5;
  font-size: 1.2rem;
  line-height: 1.6rem;
  padding: 0 0.6rem;
}
.feedback__form fieldset input,
.feedback__form fieldset textarea,
.feedback__form fieldset select {
  border: none;
  background: none;
  font-family: "Museo Sans";
  line-height: 2.5rem;
  font-size: 1.8rem;
  width: 100%;
  padding: 0 0.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-height: 30rem;
}
.feedback__form fieldset input:focus,
.feedback__form fieldset textarea:focus,
.feedback__form fieldset select:focus {
  outline: none;
}
.feedback__select {
  position: relative;
}
.feedback__select::after {
  content: url("/newpont/api/icons/triangle.svg");
  position: absolute;
  right: 1.2rem;
  top: 0.4rem;
  width: 1rem;
  opacity: 0.5;
}
.feedback--active .feedback__button {
  background: white;
}
.feedback--active .feedback__button svg path {
  fill: rgba(10, 182, 117, 0.5);
}
.feedback--active .feedback__form {
  display: block;
}

.mobile-warning {
  background: #0ab675;
  color: white;
  padding: 1.6rem 2.4rem;
  text-align: center;
}
@media (min-width: 768px) {
  .mobile-warning {
    display: none;
  }
}

.alerts {
  position: fixed;
  bottom: 4rem;
  left: 4rem;
  z-index: 11;
  font-size: 1.8rem;
  line-height: 2.5rem;
}

.alert {
  display: flex;
  background: white;
  padding: 1.8rem 1.8rem 1.8rem 3.2rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.6rem;
}
.alert--error {
  background: #e77676;
  color: white;
}
.alert--error .alert__close {
  background: rgba(255, 255, 255, 0.15);
  color: white;
}
.alert--error .alert__close path {
  stroke: white;
}
.alert__close {
  margin-left: 3.4rem;
  padding: 1.4rem;
  background: #f1f3f4;
  border-radius: 50%;
  cursor: pointer;
}
.alert__close svg {
  width: 1.1rem;
  display: block;
}

@media (min-width: 768px) {
  .alert {
    border-radius: 1.2rem;
    box-shadow: 0 -0.8rem 3.2rem 0 rgba(0, 0, 0, 0.12);
  }
}
@media (max-width: 767px) {
  .alerts {
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.footer {
  text-align: center;
  padding: 4rem 0;
}
.body--loading .footer {
  display: none;
}

.footer__link {
  font-size: 1.4rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  margin: 0 1.6rem;
}

.search {
  position: absolute;
  display: none;
  left: 0.3rem;
  top: 0.95rem;
}
.search__row {
  background: white;
  border: 1px solid rgba(10, 182, 117, 0.7);
  padding: 1.6rem 2.4rem;
  border-radius: 0.4rem;
  width: 60rem;
  display: flex;
  align-items: center;
  box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}
.search__row input:focus {
  outline: none;
}
.search__row input {
  font-size: 1.8rem;
  line-height: 2.5rem;
  border: none;
  margin: 0 0.8rem;
  flex-grow: 1;
}
.search--visible {
  z-index: 10;
  display: block;
}
.search__results {
  margin-top: 0.6rem;
  margin-left: 0.95rem;
  background: white;
  width: 37rem;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.12), 0 0 1.6rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.6rem;
}
.search__result {
  padding: 1.2rem 2.4rem;
  display: flex;
  text-decoration: none;
  color: inherit;
  align-items: center;
}
.search__result:hover {
  background: #f1f3f4;
}
.search__result-image {
  width: 2.4rem;
}
.search__result-name {
  flex-grow: 1;
  margin-left: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search__result strong {
  color: #0ab675;
}
.search__logo svg {
  height: 2.4rem;
}
.search__symbol svg {
  height: 1rem;
}

.fold {
  padding: 1rem;
  margin-left: 0.4rem;
  cursor: pointer;
  opacity: 0;
}
.fold::before {
  content: "";
  display: block;
  border-bottom: 0.15rem solid black;
  border-right: 0.15rem solid black;
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(-45deg);
}
.fold:hover {
  background: #f7f9fa;
}
.fold:hover, .fold--open {
  opacity: 1;
}
.fold--open::before {
  transform: rotate(45deg);
  position: relative;
  top: -1px;
}

.filter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.7rem;
}
.filter--wide {
  justify-content: space-between;
}
.filter--wide .filter__switch-date {
  display: block;
}
.filter--wide .filter__switch {
  flex: 0 0 14rem;
}
.filter__name {
  position: absolute;
  margin: 0;
  left: 0;
}
.filter__title {
  margin: 0 0.4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  display: flex;
  align-items: center;
}
.filter__title-range {
  padding-left: 2.5rem;
}
.filter__title-range:only-child {
  padding-right: 2.5rem;
}
.filter__switch--prev::before, .filter__switch--next::after, .filter__reset {
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  height: 1.6rem;
  width: 1.6rem;
}
.filter__switch {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.filter__switch-date {
  display: none;
  margin: 0 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.filter__switch--next {
  justify-content: flex-end;
}
.filter__switch:hover::before, .filter__switch:hover::after {
  background-color: #f1f3f4;
}
.filter__switch--prev::before, .filter__switch--next::after {
  content: "";
  background-image: url("/newpont/api/icons/arrow-filter.svg");
  background-size: 0.5rem 1rem;
}
.filter__switch--prev::before {
  transform: scaleX(-1);
}
.filter__reset {
  background-image: url("/newpont/api/icons/cross-thin.svg");
  background-size: 0.6rem;
  margin-left: 0.9rem;
  display: inline-block;
  cursor: pointer;
}
.filter__reset:hover {
  background-color: #f1f3f4;
}

.tooltip {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  padding: 1.6rem 2.4rem;
  color: #ccc;
  white-space: nowrap;
  z-index: 1;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.tooltip__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.2rem;
  cursor: pointer;
}
.tooltip__close svg {
  width: 0.8rem;
  display: block;
}
.tooltip--open {
  display: block;
}
.tooltip:not(.tooltip--open) {
  pointer-events: none;
}
.tooltip:not(.tooltip--open) .tooltip__close {
  display: none;
}
.tooltip__pointer {
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-width: 0;
}
.tooltip--right .tooltip__pointer {
  border-width: 0.625rem 1rem 0.625rem 0;
  border-color: transparent black;
  right: 100%;
  top: calc(50% - 0.4rem);
}
.tooltip--top .tooltip__pointer {
  border-width: 1rem 0.625rem 0;
  border-color: black transparent transparent;
  right: calc(50% - 0.55rem);
  top: 100%;
}
.tooltip--bottom .tooltip__pointer {
  border-width: 0 0.625rem 1rem;
  border-color: transparent transparent black;
  right: calc(50% - 0.55rem);
  bottom: 100%;
}
.tooltip--fixed {
  position: fixed;
}
.tooltip__target {
  position: relative;
}
.tooltip__target:hover .tooltip {
  display: block;
}
.tooltip__target:hover .tooltip--right {
  left: calc(100% + 1.2rem);
  top: calc(-50% - 0.9rem);
}
.tooltip__issue {
  margin-top: 1rem;
}
.tooltip__issue-link {
  color: #0ab675;
  text-decoration: none;
}
.tooltip__issue-link:hover {
  text-decoration: underline;
}
.tooltip__workitem {
  white-space: pre;
  display: flex;
  align-items: flex-start;
}
.tooltip__duration {
  color: #fff;
  font-weight: bold;
}
.tooltip__project-name {
  color: #fff;
  font-weight: bold;
}
.tooltip__content {
  overflow: auto;
  height: calc(100% + 3.2rem);
  margin: -1.6rem 0;
  padding: 1.6rem 0;
}

.time-chart {
  white-space: nowrap;
  position: relative;
  font-variant-numeric: tabular-nums;
}
.time-chart__wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 0.4rem;
}
.time-chart table {
  width: 100%;
}
.time-chart th {
  background: #f1f3f4;
}
.time-chart th:first-child {
  padding-left: 4.8rem;
  text-align: left;
}
.time-chart th, .time-chart__total, .time-chart__estimate, .time-chart__tooltip-target {
  padding: 1rem 1.2rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.time-chart__name {
  max-width: 19.1rem;
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.5rem;
  background: #f7f9fa;
}
.time-chart__name img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  margin-right: 1.2rem;
}
.time-chart__name a {
  text-decoration: none;
  color: black;
  display: flex;
  align-items: center;
  padding: 1rem 1.2rem;
}
.time-chart__name span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.time-chart__team td {
  background: #fff;
  font-weight: bold;
}
.time-chart__team .time-chart__name {
  padding: 0.9rem 1.2rem 0.9rem 4.8rem;
}
.time-chart__team .time-chart__name div {
  min-height: 2.2rem;
}
.time-chart__total, .time-chart__estimate {
  min-width: 6rem;
  text-align: right;
  background: #f7f9fa;
}
.time-chart__estimate input {
  width: 100%;
  max-width: 3.6rem;
  text-align: right;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  padding: 0;
  background: none;
}
.time-chart__current {
  font-weight: bold;
}
.time-chart__cell {
  color: rgba(0, 0, 0, 0.4);
  text-align: right;
  padding: 0.6rem 1.2rem;
  min-height: 3.4rem;
}
.time-chart__cell--weekend {
  opacity: 0.5;
}
.time-chart__cell--vacation {
  background: #ffe692;
}
.time-chart__cell--vacation-start {
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
.time-chart__cell--vacation-end {
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.time-chart__cell--suspicious {
  background: #ffcccc;
}
.time-chart__cell--editable {
  cursor: pointer;
}
.time-chart__cell--editable span {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.time-chart__tooltip-target {
  padding: 0.45rem 0;
  background: #f7f9fa;
}
.time-chart__tooltip-target--weekend {
  background: #fbfcfd;
}

.color-palette {
  background-color: white;
  position: absolute;
  z-index: 2;
  border-radius: 0.6rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-wrap: wrap;
  max-width: 32rem;
}
.color-palette__cell {
  height: 2.6rem;
  width: 2.6rem;
  border-radius: 0.4rem;
  opacity: 0.5;
  margin: 0.3rem;
}
.color-palette__cell:hover {
  opacity: 0.8;
}

.team__heading {
  display: flex;
  align-items: center;
  margin-bottom: -0.5rem;
  padding-top: 1rem;
}
.team__name {
  color: #0ab675;
  opacity: 0.7;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.5rem;
}
.team__usergroup {
  margin-left: 1.2rem;
}

.member {
  position: relative;
  display: flex;
}
.member__container {
  padding: 0.7rem 1rem;
  border-radius: 0.6rem;
  display: inline-flex;
  align-items: center;
  border: 0.2rem solid transparent;
  white-space: nowrap;
  margin-left: -1rem;
}
.member__avatar {
  border-radius: 0.4rem;
  margin-right: 1.2rem;
  overflow: hidden;
  width: 2.4rem;
  height: 2.4rem;
  background: #f1f3f4;
}
.member__avatar img {
  width: 100%;
  height: 100%;
}
.member__delimiter {
  width: 0.375rem;
  height: 0.375rem;
  background: #808080;
  border-radius: 50%;
  margin: 0 0.8rem;
}
.member__name {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.member__name strong {
  color: #0ab675;
}
.member__name a {
  color: #000;
  text-decoration: none;
}
.member__title,
.member [contenteditable=true] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 300;
}
.member__results {
  position: fixed;
  border-radius: 0.6rem;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.12), 0 0 1.6rem 0 rgba(0, 0, 0, 0.06);
  background: #fff;
  z-index: 1;
}
.member__container:hover .fold:not(.fold--open) {
  opacity: 0.3;
}
.member__results .member {
  cursor: pointer;
}
.member__results .member:hover, .member__results .member--selected {
  background: #f1f3f4;
}
.member__results .member__container {
  margin-left: 0;
}
.member__teams {
  margin-left: 3.6rem;
}

.calendar__filter {
  font-size: 1.8rem;
  line-height: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.calendar__switch {
  padding: 1.6rem;
  cursor: pointer;
}
.calendar__switch svg {
  height: 1.6rem;
}
.calendar__switch--prev {
  transform: scale(-1, 1);
}
tbody .calendar__date {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar td {
  width: 4.6rem;
  height: 4.6rem;
  position: relative;
  padding: 0;
}
.calendar__date {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.5rem;
  height: 100%;
  cursor: pointer;
}
.calendar__date:not(.calendar__date--selected):hover {
  background: #f1f3f4;
}
.calendar__date--taken {
  background: #ffcc00;
  color: black;
}
.calendar__date--weekend {
  color: rgba(0, 0, 0, 0.3);
}
.calendar__date--other-month {
  color: rgba(0, 0, 0, 0.2);
}
.calendar__date--selected.calendar__date--weekend {
  background: #f8d6d6;
}
.calendar__date--selected {
  background: #e77676;
  color: white;
}
.calendar__date--top-left {
  border-top-left-radius: 50%;
}
.calendar__date--top-right {
  border-top-right-radius: 50%;
}
.calendar__date--bottom-left {
  border-bottom-left-radius: 50%;
}
.calendar__date--bottom-right {
  border-bottom-right-radius: 50%;
}
.calendar__date .tooltip {
  display: block;
  text-align: left;
  left: 7.1rem;
}

.collapsible + .collapsible {
  margin-top: 1.2rem;
}
.collapsible__head {
  display: flex;
  padding: 0.9rem 1.8rem;
  cursor: pointer;
}
.collapsible__title {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.collapsible__title h3 {
  margin-bottom: 0;
}
.collapsible__button {
  font-size: 1.6rem;
  line-height: 2.2rem;
  position: relative;
  opacity: 0.4;
  margin-left: 2.7rem;
  display: none;
  align-items: center;
  user-select: none;
  text-decoration: none;
  color: black;
}
.collapsible__button svg {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0.7rem;
  position: relative;
  top: -0.2rem;
}
.collapsible__button:hover {
  opacity: 1;
}
.collapsible__button-delete svg {
  stroke: black;
}
.collapsible__button-delete:hover svg {
  stroke: #e77676;
}
.collapsible__button-delete:hover, .collapsible__button-stop:hover {
  color: #e77676;
}
.collapsible__fold {
  padding: 0.65rem;
}
.collapsible__fold svg {
  height: 1.2rem;
  stroke: #0ab675;
}
.collapsible__body {
  display: none;
  width: 100%;
  padding: 0.9rem 1.8rem 0;
}
.collapsible__description {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 1.2rem;
}
.collapsible--new .collapsible__fold svg {
  stroke: black;
  opacity: 0.3;
}
.collapsible--open {
  background: #f7f9fa;
}
.collapsible--open .collapsible__fold {
  transform: rotate(90deg);
}
.collapsible--open .collapsible__body {
  display: inline-block;
}
.collapsible--open .collapsible__button {
  display: flex;
}
.collapsible:not(.collapsible--open) .collapsible__head h3 {
  pointer-events: none;
}

.project-block:not(.project-block--open) .project-block__list {
  display: none;
}
.project-block--open .project-block__heading-open svg {
  transform: rotate(90deg);
}
.project-block:not(.project-block--open) .project-block__heading-button {
  display: none;
}
.project-block--members .tooltip,
.project-block--members .tooltip__target:hover .tooltip {
  display: block;
  top: -0.2rem;
  left: 15rem;
}
.project-block__item {
  background: #eff1f2;
  display: flex;
  border-radius: 0.6rem;
  align-items: center;
  position: relative;
}
.project-block__item--add {
  justify-content: center;
  cursor: pointer;
  display: none;
}
.project-block__item--add svg {
  width: 1.1rem;
}
.project-block__list--tags .project-block__delete {
  margin-right: 0;
}
.project-block__list--tags .project-block__item {
  padding: 0.6rem 1.2rem;
}
.project-block__list--tags .project-block__item--add {
  min-height: 3.4rem;
}
.project-block__list--tags .project-block__item--add::after {
  content: "Add tag";
  margin-left: 1rem;
}
.project-block__list--members .project-block__item--add, .project-block__list--links .project-block__item--add {
  min-height: 6.5rem;
  width: 6.5rem;
}
.project-block__list--links .project-block__avatar {
  padding: 0.5rem;
}
.project-block__heading {
  font-size: 1.9rem;
  line-height: 2.7rem;
  padding: 1.2rem 1.8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.project-block__heading svg {
  height: 1.2rem;
  stroke: black;
}
.project-block__heading-open svg {
  margin-left: 1.2rem;
}
.project-block__heading-button {
  margin-left: 2.4rem;
  background: #eff1f2;
  padding: 0.6rem 1.2rem;
  border-radius: 0.6rem;
}
.project-block__heading-button:hover {
  background: #e3e3e3;
}
.project-block__heading-button svg {
  margin-right: 1.2rem;
}
.project-block__heading-button--animated svg {
  animation: spin 2s linear infinite;
}
.project-block__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.project-block__list > .project-block__item {
  margin-right: 1.2rem;
  margin-bottom: 1.2rem;
}
.project-block__avatar {
  width: 4.7rem;
  height: 4.7rem;
  border-radius: 0.4rem;
  margin-right: 1.2rem;
  position: relative;
}
.project-block__avatar svg,
.project-block__avatar img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.project-block__avatar .tooltip {
  bottom: calc(100% + 1.2rem);
  left: 50%;
  transform: translateX(-50%);
}
.project-block__link {
  display: flex;
  align-items: center;
  color: black;
  text-decoration: none;
  padding: 0.9rem 1.2rem;
}
.project-block__title {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.project-block__select {
  position: relative;
}
.project-block__select--empty {
  opacity: 0.3;
}
.project-block__select--empty .project-block__select-icon {
  opacity: 1;
}
.project-block__select label {
  position: relative;
  padding-right: 2.7rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.project-block__select-icon {
  position: absolute;
  right: 0.3rem;
  opacity: 0.5;
  transform: rotate(90deg);
  pointer-events: none;
}
.project-block__select-icon svg {
  width: 0.7rem;
  stroke: black;
}
.project-block__select select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.project-block__subtitle {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 300;
}
.project-block__checkbox, .project-block__unblock {
  position: absolute;
  right: 0;
  top: 0;
}
.project-block__checkbox label,
.project-block__checkbox span, .project-block__unblock label,
.project-block__unblock span {
  cursor: pointer;
}
.project-block__checkbox label svg,
.project-block__checkbox span svg, .project-block__unblock label svg,
.project-block__unblock span svg {
  width: 1.2rem;
}
.project-block__checkbox label rect,
.project-block__checkbox span rect {
  fill: #b7b7b7;
}
.project-block__checkbox input {
  display: none;
}
.project-block__checkbox input:checked ~ label rect,
.project-block__checkbox span svg rect {
  fill: #0ab675;
}
.project-block__delete {
  margin-right: 1.8rem;
  margin-left: 0.6rem;
  padding: 0.6rem;
  cursor: pointer;
  display: none;
}
.project-block__delete svg {
  width: 0.7rem;
  display: block;
}
.collapsible--edit .project-block__delete {
  display: inline-block;
}
.collapsible--edit .project-block__item--add {
  display: flex;
}
.project-block__suggest {
  margin-left: auto;
  margin-right: 1.2rem;
  background: rgba(10, 182, 117, 0.12);
  color: #0ab675;
  border: 0;
  border-radius: 0.6rem;
  padding: 0.6rem 1.2rem;
  font-weight: 600;
  font-size: 1.2rem;
  cursor: pointer;
  transition: background 0.15s ease;
}
.project-block__suggest:hover {
  background: rgba(10, 182, 117, 0.2);
}
.project-block__combobox {
  position: relative;
  flex: 1;
  min-width: 0;
}
.project-block__combobox-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  background: #eff1f2;
  border-radius: 0.6rem;
  padding: 0.9rem 1.2rem;
  cursor: pointer;
  font-size: 1.5rem;
}
.project-block__combobox-value--empty {
  color: #8a929c;
}
.project-block__combobox-icon svg {
  width: 1rem;
  transform: rotate(90deg);
  opacity: 0.5;
}
.project-block__combobox-menu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.4rem);
  left: 0;
  right: 0;
  background: white;
  border-radius: 0.8rem;
  box-shadow: 0 0.6rem 2.4rem rgba(27, 39, 51, 0.18);
  overflow: hidden;
}
.project-block__combobox-search {
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(27, 39, 51, 0.08);
  padding: 1rem 1.2rem;
  font-size: 1.4rem;
  outline: none;
}
.project-block__combobox-list {
  max-height: 24rem;
  overflow-y: auto;
}
.project-block__combobox-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.9rem 1.2rem;
  cursor: pointer;
  font-size: 1.4rem;
}
.project-block__combobox-option:hover {
  background: rgba(10, 182, 117, 0.08);
}
.project-block__combobox-option--selected {
  background: rgba(10, 182, 117, 0.14);
  font-weight: 600;
}
.project-block__combobox-option-tag {
  flex-shrink: 0;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #8a929c;
  background: rgba(27, 39, 51, 0.06);
  border-radius: 10rem;
  padding: 0.2rem 0.7rem;
}
.project-block__combobox-empty {
  padding: 1.2rem;
  color: #8a929c;
  font-size: 1.4rem;
  text-align: center;
}

.button {
  display: block;
  width: 100%;
  max-width: 24rem;
  padding: 1.2rem;
  border: 1px solid #0ab675;
  border-radius: 0.6rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(10, 182, 117, 0.24);
  background: #0ab675;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: white;
  text-align: center;
  margin: auto;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}
.button--wide {
  max-width: initial;
}
.button--secondary {
  background: white;
  text-shadow: 0 0.4rem 0.8rem rgba(10, 182, 117, 0.24);
  color: #0ab675;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(10, 182, 117, 0.08);
  border-color: rgba(10, 182, 117, 0.4);
}
.button--delete {
  background: #e77676;
  color: white;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(231, 118, 118, 0.24);
  border-color: #e77676;
}
.button--disabled {
  background: #f7f9fa;
  color: rgba(0, 0, 0, 0.3);
  border-color: #f7f9fa;
  pointer-events: none;
  box-shadow: none;
  text-shadow: none;
}
.button--auth {
  margin-bottom: 1.6rem;
  background: rgba(10, 182, 117, 0.1);
  box-shadow: none;
  color: #0ab675;
}
.button__icon {
  position: absolute;
  left: 2.4rem;
  top: 1.2rem;
}
.button__icon svg {
  height: 1.4rem;
}
.button__icon--right {
  left: inherit;
  right: 2.4rem;
}
.button:focus {
  outline: none;
}

.vacation {
  display: inline-flex;
  border-radius: 0.4rem;
  background: #ffe692;
  padding: 1.2rem 1.8rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  align-items: center;
  justify-content: space-between;
}
.vacation__cancel svg {
  width: 1rem;
  margin-left: 1.8rem;
  cursor: pointer;
}

.auth-input {
  position: relative;
  padding-top: 2.2rem;
  padding-bottom: 0.2rem;
  margin-bottom: 1.6rem;
}
.auth-input__input {
  width: 100%;
  flex: 1 1 auto;
  padding: 0.6rem 1.2rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  border: none;
  background: transparent;
}
.auth-input__input::placeholder {
  opacity: 0;
}
.auth-input__input:focus {
  outline: none;
  border-bottom-color: #4c4c4c;
}
.auth-input__input:-webkit-autofill {
  box-shadow: 0 0 0 3rem white inset !important;
  -webkit-box-shadow: 0 0 0 3rem white inset !important;
}
.auth-input__input:invalid {
  box-shadow: none;
}
.auth-input__border {
  height: 0.2rem;
  min-width: 100%;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 1px;
}
.auth-input__label {
  position: absolute;
  top: 0.6rem;
  left: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.7rem;
  pointer-events: none;
  padding: 0 1.2rem;
  transition: all linear 0.1s;
  color: rgba(0, 0, 0, 0.5);
}
.auth-input__message {
  margin-left: 0.8rem;
  opacity: 0;
  color: #e77676;
}
.auth-input__postfix {
  content: "";
  position: absolute;
  background-size: contain;
}
.auth-input__input:placeholder-shown:not(:focus) ~ .auth-input__label {
  top: 3.2rem;
  font-size: 1.8rem;
}
.auth-input--error .auth-input__border, .auth-input__input:invalid ~ .auth-input__border {
  background: #e77676;
  box-shadow: 0 1px 1px 0 rgba(231, 118, 118, 0.5);
}
.auth-input--success .auth-input__border {
  background: #0ab675;
  box-shadow: 0 1px 0.4rem 0 rgba(10, 182, 117, 0.5);
}
.auth-input--error .auth-input__postfix, .auth-input--success .auth-input__postfix, .auth-input__input:invalid ~ .auth-input__postfix {
  content: "";
  position: absolute;
  background-size: contain;
  top: 3.4rem;
}
.auth-input--error .auth-input__postfix, .auth-input__input:invalid ~ .auth-input__postfix {
  right: 2.5rem;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("/newpont/api/icons/input-error.svg");
}
.auth-input--success .auth-input__postfix {
  right: 1.8rem;
  width: 1.7rem;
  height: 1.2rem;
  background-image: url("/newpont/api/icons/input-success.svg");
}
.auth-input--error .auth-input__message {
  opacity: 1;
}

.checkbox {
  display: flex;
  cursor: pointer;
  color: #34343e;
  font-size: 1.2rem;
  line-height: 1.9rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox__input {
  display: none;
}
.checkbox__link {
  color: #00ad46;
  text-decoration: none;
  font-weight: bold;
}
.checkbox__checkmark {
  height: 1.375rem;
  flex: 0 0 1.375rem;
  margin-right: 1.2rem;
  border-radius: 0.2rem;
  border: 1px solid #147539;
}
.checkbox__input:checked ~ .checkbox__checkmark {
  background-color: #0ab675;
  background-image: url("/newpont/api/icons/checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.input {
  position: relative;
  padding-top: 1.4rem;
  padding-bottom: 1rem;
  margin-bottom: 0.4rem;
}
.input__input {
  width: 100%;
  padding: 1.2rem 1.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: transparent;
}
.input__input::placeholder {
  opacity: 0;
}
.input__input:focus {
  outline: none;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(10, 182, 117, 0.24);
  border-color: rgba(10, 182, 117, 0.7);
}
.input__input:-webkit-autofill {
  box-shadow: 0 0 0 3rem white inset !important;
  -webkit-box-shadow: 0 0 0 3rem white inset !important;
}
.input__input:invalid {
  box-shadow: none;
}
.input__label {
  position: absolute;
  top: 0.6rem;
  left: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  pointer-events: none;
  padding: 0 0.6rem;
  transition: all linear 0.1s;
  color: rgba(0, 0, 0, 0.5);
  background: white;
}
.input__input:focus ~ .input__label {
  color: #0ab675;
}
.input__input:placeholder-shown:not(:focus) ~ .input__label {
  top: 3.2rem;
  font-size: 1.8rem;
}

.invoice__item {
  display: flex;
  align-items: flex-start;
}
.invoice__item-add {
  width: 22rem;
  padding: 1rem;
  display: flex;
}
.invoice__item-add svg {
  margin-left: 1rem;
}
.invoice__item-delete {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 1.9rem 0;
}
.invoice__item-add, .invoice__item-delete {
  background: #eff1f2;
  border-radius: 0.6rem;
  justify-content: center;
  cursor: pointer;
}
.invoice__item-add svg, .invoice__item-delete svg {
  width: 1.1rem;
  height: 1.1rem;
}
.invoice__input {
  flex: 2;
  margin-right: 1.6rem;
  border-radius: 0.4rem;
  background: #f1f3f4;
  padding: 1.2rem 1.6rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.invoice__input--info {
  flex: 8;
}
.invoice__input--name {
  margin-bottom: 1.6rem;
}
.invoice__list-cell {
  padding: 1.2rem 1.6rem;
  background: #eff1f2;
}
.invoice__list-cell:first-child {
  margin-left: 0;
}
.invoice__list-cell--1 {
  flex: 1;
}
.invoice__list-cell--2 {
  flex: 2;
}
.invoice__list-cell--4 {
  flex: 4;
}
.invoice__list-cell--6 {
  flex: 6;
}
.invoice__list-cell--24 {
  flex: 24;
}
.invoice__list-head .invoice__list-cell {
  background: #e1e4e4;
}
.invoice__list-item, .invoice__list-head {
  display: flex;
}
.invoice__list-sub {
  color: #727272;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 1rem;
}
.invoice__date {
  display: flex;
  align-items: center;
}
.invoice__date-select {
  display: flex;
  border-radius: 0.6rem;
  padding: 1rem;
  cursor: pointer;
  background: #eff1f2;
  margin-right: 1rem;
}
.invoice__date-select svg {
  width: 2rem;
  height: 2rem;
}
.invoice__field {
  line-height: 2.5rem;
  margin-bottom: 1.2rem;
}
.invoice__field span {
  font-size: 1.6rem;
  opacity: 0.4;
}
.invoice__field-raw {
  white-space: pre-line;
}
.invoice__list-item, .invoice__field, .invoice__date-range {
  font-size: 1.8rem;
}
.invoice__items, .collapsible:not([data-invoice]) .invoice__item, .invoice__list, .invoice__heading {
  margin-bottom: 1.8rem;
}

.select {
  position: relative;
}
.select:after {
  content: "";
  background-image: url("/newpont/api/icons/chevron-right.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0.8rem;
  height: 100%;
  width: 0.5rem;
  top: 0;
  pointer-events: none;
  transform: rotate(-90deg);
}
.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding-right: 2rem;
  width: 100%;
}
.select select:focus {
  outline: none;
}

.steps {
  position: absolute;
  top: -8.4rem;
  left: 50%;
  transform: translateX(-50%);
}
.steps__label {
  margin-bottom: 1.8rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
}
.steps__nav {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  align-items: center;
  width: 25.2rem;
  height: 3.6rem;
  margin: 0 auto;
}
.steps__step svg {
  width: 2.4rem;
}
.steps__step--current svg {
  width: 3.6rem;
}
.steps__step:not(.steps__step--active) use:last-child {
  opacity: 0.5;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  align-items: center;
  justify-content: center;
  z-index: 10;
  display: none;
}
.popup--open {
  display: flex;
}
.popup--action .popup__wrapper {
  padding: 2.4rem 4.6rem;
}
.popup--action .popup__top {
  margin-bottom: 1.2rem;
}
.popup--action .popup__title {
  margin: 0;
  font-size: 2.4rem;
  line-height: 3.4rem;
}
.popup--action .popup__close {
  top: 3rem;
}
.popup__wrapper {
  border-radius: 1.2rem;
  box-shadow: 0 0.8rem 3.2rem 0 rgba(0, 0, 0, 0.12);
  background: white;
  padding: 4.6rem 9.2rem;
  position: relative;
}
.popup__top {
  margin-bottom: 4.6rem;
}
.popup__title {
  margin: 0;
}
.popup__close {
  position: absolute;
  top: 5.4rem;
  right: 4.6rem;
  cursor: pointer;
}
.popup__close svg {
  width: 2.4rem;
}

.users-table--wrapper {
  width: 100%;
  overflow: auto hidden;
  white-space: nowrap;
}
.users-table table {
  width: 100%;
}
.users-table thead {
  text-align: left;
  background: #f1f3f4;
}
.users-table thead th {
  padding: 1.2rem;
}
.users-table__row--new {
  background: rgba(10, 182, 117, 0.1);
}
.users-table__cell {
  position: relative;
  padding: 0;
  min-width: 20rem;
}
.users-table__cell input {
  border: 0.2rem solid transparent;
  border-radius: 0.6rem;
  background: none;
  font-size: 1.8rem;
  line-height: 2.5rem;
  width: 100%;
  padding: 1.1rem;
}
.users-table__cell input:focus {
  outline: none;
}
.users-table__cell--new input {
  background: #f7f9fa;
  border-color: #0ab675;
}
.users-table__user {
  max-width: 19.1rem;
  padding: 0;
}
.users-table__user img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  margin-right: 1.2rem;
}
.users-table__user a {
  text-decoration: none;
  color: black;
  display: flex;
  align-items: center;
  padding: 1.2rem;
}
.users-table__user span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.users-table__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem;
  align-items: center;
}
.users-table__title h3 {
  margin: 0;
}
.users-table__buttons {
  display: flex;
}
.users-table__button {
  cursor: pointer;
  font-size: 1.8rem;
  line-height: 2.9rem;
  opacity: 0.3;
  margin: 0 0.6rem;
}
.users-table__button svg {
  width: 1.5rem;
  margin-right: 0.8rem;
  position: relative;
  top: -1px;
}
.users-table__icon {
  padding: 1.1rem;
  border-radius: 0.4rem;
  cursor: pointer;
  display: flex;
  visibility: hidden;
}
.users-table__icon svg {
  stroke: black;
  opacity: 0.3;
  height: 1.7rem;
  width: 1.7rem;
}
.users-table__icon:hover svg {
  opacity: 1;
  stroke: white;
}
.users-table__icon--delete:hover {
  background: #e77676;
}
tr:last-child .users-table__icon--delete {
  display: none;
}
tr:hover .users-table__icon {
  visibility: visible;
}
.users-table td:last-child {
  padding: 0.6rem;
  width: 5.125rem;
  min-width: 5.125rem;
}

.textarea {
  position: relative;
  padding-top: 1.4rem;
  padding-bottom: 1rem;
  margin-bottom: 0.4rem;
}
.textarea__input {
  width: 100%;
  padding: 1.2rem 1.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: transparent;
  resize: vertical;
  min-height: 20rem;
}
.textarea__input::placeholder {
  opacity: 0;
}
.textarea__input:focus {
  outline: none;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(10, 182, 117, 0.24);
  border-color: rgba(10, 182, 117, 0.7);
}
.textarea__label {
  position: absolute;
  top: 0.6rem;
  left: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  pointer-events: none;
  padding: 0 0.6rem;
  transition: all linear 0.1s;
  color: rgba(0, 0, 0, 0.5);
  background: white;
}
.textarea__input:focus ~ .textarea__label {
  color: #0ab675;
}
.textarea__input:placeholder-shown:not(:focus) ~ .textarea__label {
  top: 3.2rem;
  font-size: 1.8rem;
}

.tracking-chart {
  margin-bottom: 3.6rem;
}
.tracking-chart__table td {
  padding: 0.4rem;
}
.tracking-chart__table td:first-child {
  width: 100%;
  text-align: right;
  white-space: nowrap;
  font-size: 1.4rem;
  line-height: 2rem;
}
.tracking-chart__table tr:last-child {
  font-size: 1.6rem;
  line-height: 2.3rem;
  white-space: nowrap;
}
.tracking-chart__table--weekend td:first-child {
  opacity: 0.3;
}
.tracking-chart__item {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.4rem;
}
.tracking-chart__item--work {
  background-color: #0ab675;
}
.tracking-chart__item--holiday {
  background-color: #ffcc00;
}
.tracking-chart__item--empty {
  background-color: #f1f3f4;
}
.tracking-chart__item--today {
  background-color: #76a4e7;
}

.members-table {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.members-table__wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 0.4rem;
}
.members-table table {
  width: 100%;
}
.members-table th {
  font-weight: normal;
  background: #f1f3f4;
}
.members-table th, .members-table__estimate {
  padding: 0.55rem 0.8rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.members-table__name {
  max-width: 20vw;
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 0;
}
.members-table__name img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  margin-right: 1.2rem;
}
.members-table__name a {
  text-decoration: none;
  color: black;
  display: flex;
  align-items: center;
  padding: 0.45rem 1.2rem;
}
.members-table__name span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.members-table th.members-table__name {
  padding-left: 4.8rem;
}
.members-table__estimate {
  min-width: 6rem;
  text-align: right;
}
.members-table__months {
  display: flex;
  position: relative;
}
.members-table th.members-table__months > div {
  padding: 0 0.8rem;
}
.members-table td.members-table__months {
  margin: 0.35rem 0.8rem;
  padding: 0;
}
.members-table__week {
  height: 100%;
  display: flex;
}
.members-table__week-wrapper {
  height: 2.6rem;
}
.members-table__day {
  opacity: 0.5;
  height: 100%;
}
.members-table__day--left-border {
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
.members-table__day--right-border {
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.members-table__day:hover {
  opacity: 0.75;
}
.members-table__member {
  background: white;
}
.members-table__member:first-child .members-table__current-day {
  height: calc(100% + 1.05rem);
}
.members-table__member--colored {
  background: #f7f9fa;
}
.members-table__current-day {
  position: absolute;
  background: #c36161;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(169, 29, 29, 0.5);
  z-index: 0;
  height: calc(100% + 0.7rem);
  width: 0.2rem;
  bottom: -0.35rem;
}

.setup-table {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.setup-table--wrapper {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
}
.setup-table table {
  width: 100%;
}
.setup-table thead {
  text-align: left;
  background: #f1f3f4;
}
.setup-table thead th {
  padding: 1.2rem;
}
.setup-table__cell {
  padding: 1.2rem;
  position: relative;
}
.setup-table__cell--with-input {
  padding: 0;
}
.setup-table__cell--with-input input {
  border: none;
  background: none;
  font-size: 1.8rem;
  line-height: 2.5rem;
  width: 100%;
  padding: 1.2rem;
}
.setup-table__cell--with-input input:focus {
  outline: none;
}
.setup-table__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
}
.setup-table__title h3 {
  margin: 0;
}
.setup-table__button {
  cursor: pointer;
  font-size: 1.8rem;
  line-height: 2.9rem;
  opacity: 0.3;
}
.setup-table__button svg {
  width: 1.5rem;
  margin-right: 0.8rem;
  position: relative;
  top: -1px;
}
.setup-table__icon {
  padding: 1.1rem;
  border-radius: 0.4rem;
  cursor: pointer;
  display: flex;
  visibility: hidden;
}
.setup-table__icon svg {
  stroke: black;
  opacity: 0.3;
  height: 1.7rem;
  width: 1.7rem;
}
.setup-table__icon:hover svg {
  opacity: 1;
  stroke: white;
}
.setup-table__icon--delete:hover {
  background: #e77676;
}
tr:last-child .setup-table__icon--delete {
  display: none;
}
tr:hover .setup-table__icon {
  visibility: visible;
}
.setup-table--services {
  margin-bottom: 2rem;
}
.setup-table--services .setup-table__cell--with-input input {
  border-bottom: 1px solid grey;
  padding: 0;
}

.setup-service,
.setup-service--slack {
  width: 21.5rem;
  margin: 1.2rem;
  text-align: center;
  cursor: pointer;
}
.setup-service:hover .setup-service__logo, .setup-service--done .setup-service__logo,
.setup-service:hover .setup-service--slack__logo,
.setup-service--done .setup-service--slack__logo,
.setup-service--slack:hover .setup-service__logo,
.setup-service--slack--done .setup-service__logo,
.setup-service--slack:hover .setup-service--slack__logo,
.setup-service--slack--done .setup-service--slack__logo {
  box-shadow: 0 0.8rem 3.2rem 0 rgba(10, 182, 117, 0.24);
  border-color: #0ab675;
  background: #f4fbf7;
}
.setup-service--done .setup-service__logo::after,
.setup-service--done .setup-service--slack__logo::after,
.setup-service--slack--done .setup-service__logo::after,
.setup-service--slack--done .setup-service--slack__logo::after {
  content: url("/newpont/api/icons/mark.svg");
  position: absolute;
  height: 2.4rem;
  width: 2.4rem;
  top: 0.6rem;
  right: 0.6rem;
  padding: 0.6rem 0.35rem;
}
.setup-service__logo,
.setup-service--slack__logo {
  border-radius: 0.6rem;
  box-shadow: 0 0.8rem 3.2rem 0 rgba(0, 0, 0, 0.12);
  background: white;
  padding: 2.8rem 0;
  display: block;
  margin-bottom: 1.8rem;
  border: 0.2rem solid transparent;
  position: relative;
}
.setup-service__logo svg,
.setup-service--slack__logo svg {
  height: 6.4rem;
}
.setup-service__name,
.setup-service--slack__name {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.setup-service__buttons,
.setup-service--slack__buttons {
  display: flex;
  justify-content: center;
}
.setup-service__buttons > .button,
.setup-service--slack__buttons > .button {
  margin: 0 1rem;
}
.setup-service__delete,
.setup-service--slack__delete {
  color: #e77676;
  background: white;
  border-color: #e77676;
  box-shadow: none;
}

.feed__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  position: relative;
}
.feed__title h3 {
  margin: 0;
}
.feed__settings {
  padding: 0.6rem 1.2rem;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 2.2rem;
  cursor: pointer;
}
.feed__settings svg {
  width: 1.5rem;
  margin-right: 1.2rem;
  position: relative;
  top: -1px;
}
.feed__settings:hover, .feed__settings--active {
  background: #f1f3f4;
}
.feed__selector {
  background: white;
  padding: 2.2rem 2.7rem;
  border-radius: 0.6rem;
  box-shadow: 0 0.8rem 3.2rem 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  z-index: 1;
  right: -1rem;
  top: calc(100% + 0.65rem);
  width: 100%;
  max-width: 42rem;
}
.feed__selector-title {
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 700;
  color: #0ab675;
}
.feed__source {
  margin: 1.2rem 0;
}
.feed__source input {
  display: none;
}
.feed__source input:checked + label:before, .feed__source input:indeterminate + label:before {
  background-color: #0ab675;
  border-width: 1px;
  border-color: #147539;
}
.feed__source input:checked + label:before {
  background-image: url("/newpont/api/icons/checkmark.svg");
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: center;
}
.feed__source input:indeterminate + label:before {
  content: "–";
  color: white;
  text-align: center;
  line-height: 1.7rem;
}
.feed__source label {
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 2.2rem;
  font-size: 1.6rem;
}
.feed__source label:before {
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.2rem;
  border: 0.25rem solid #0ab675;
  margin-right: 1.2rem;
}
.feed__source--all {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.feed__clear {
  margin-top: 2.6rem;
  padding: 0.8rem 4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  max-width: max-content;
}
.feed__wrapper {
  background: #f1f3f4;
  border-radius: 0.4rem;
  padding: 0.6rem 0.4rem;
  position: relative;
  min-height: 4.7rem;
}
.feed__row {
  padding: 0.5rem 0.8rem;
  margin: 0.25rem;
  font-size: 1.4rem;
  line-height: 2rem;
  align-items: center;
  display: flex;
  border-radius: 0.4rem;
}
.feed__row--empty {
  display: none;
}
.feed__row--empty:only-child {
  display: block;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  opacity: 0.5;
  font-size: 1.4rem;
  line-height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.feed__row--urgent-not-important {
  background-color: rgba(0, 187, 68, 0.1);
}
.feed__row--action-required {
  background-color: rgba(255, 0, 68, 0.1);
}
.feed__row--non-urgent-important {
  background-color: rgba(255, 187, 0, 0.1);
}
.feed__row--postponed {
  background-color: rgba(153, 85, 221, 0.1);
}
.feed__event {
  flex: 1;
}
.feed__event a {
  text-decoration: none;
  color: black;
}
.feed__event a:hover {
  color: #0ab675;
}
.feed__when {
  opacity: 0.5;
  font-size: 1.2rem;
  line-height: 2.2rem;
  margin-left: 1.8rem;
}
.feed__remove-button {
  flex: 0 0 1rem;
  background-image: url("/newpont/api/icons/cross-thin.svg");
  height: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0.65rem;
  cursor: pointer;
}
.feed__logo {
  height: 1.8rem;
  flex: 0 0 1.8rem;
  margin-right: 1.2rem;
  background-position: center;
  background-repeat: no-repeat;
}
.feed__logo--youtrack {
  background-image: url("/newpont/api/icons/youtrack.svg");
}
.feed__logo--github {
  background-image: url("/newpont/api/icons/github.svg");
}
.feed__logo--gitlab {
  background-image: url("/newpont/api/icons/gitlab.svg");
}
.feed__logo--slack {
  background-image: url("/newpont/api/icons/slack.svg");
}
.feed__logo--jira {
  background-image: url("/newpont/api/icons/jira.svg");
}

.usergroup {
  padding: 1px 0.6rem;
  border-radius: 0.4rem;
  background: #f1f3f4;
  display: flex;
  font-size: 1.6rem;
  line-height: 2.2rem;
  position: relative;
}
.usergroup::before {
  content: url("/newpont/api/icons/slack.svg");
  width: 1.2rem;
  margin-right: 0.6rem;
}
.usergroup--autogenerated span {
  opacity: 0.5;
}

.activity {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  border-radius: 0.4rem;
}
.activity__filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin: 0 0.6rem 2.4rem;
}
.activity__select {
  position: absolute;
  top: calc(100% + 0.6rem);
  right: 0;
  border-radius: 0.6rem;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.12), 0 0 1.6rem 0 rgba(0, 0, 0, 0.06);
  background: white;
  z-index: 1;
}
.activity__select-item {
  min-width: 16rem;
  padding: 1.2rem 2.4rem;
  color: black;
  cursor: pointer;
}
.activity__select-item:hover {
  background: #f1f3f4;
}
.activity__select--hidden {
  display: none;
}
.activity__buttons {
  display: flex;
}
.activity__tag, .activity__button {
  display: flex;
  margin: 0 0.6rem;
  padding: 0.6rem 1.2rem;
  border-radius: 0.4rem;
  background: rgba(255, 204, 0, 0.5);
  position: relative;
}
.activity__button {
  cursor: pointer;
}
.activity__button--add {
  color: #0ab675;
  background: rgba(10, 182, 117, 0.1);
}
.activity__button--reset {
  color: rgba(0, 0, 0, 0.4);
  background: #f1f3f4;
}
.activity__button--reset:hover {
  color: white;
  background: #e77676;
}
.activity__tag {
  margin-bottom: 1.2rem;
}
.activity__tag-calendar svg {
  height: 1.5rem;
  margin-right: 1.2rem;
  position: relative;
  top: -0.2rem;
}
.activity__tag-close svg {
  width: 0.6rem;
  margin-left: 1.2rem;
  cursor: pointer;
}
.activity__tag-type {
  opacity: 0.5;
  margin-right: 0.3rem;
}
.activity__tag--gray {
  background: #e5e7e8;
}
.activity__filters {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1.2rem;
}
.activity__table {
  overflow-x: auto;
  overflow-y: hidden;
}
.activity__table table {
  width: 100%;
}
.activity th {
  background: #f1f3f4;
}
.activity th:first-child {
  padding-left: 4.8rem;
  text-align: left;
}
.activity th,
.activity td.activity__total {
  padding: 0.65rem 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: right;
}
.activity td.activity__name {
  max-width: 23.5rem;
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 0.45rem 1.2rem;
}
.activity td.activity__name img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  margin-right: 1.2rem;
}
.activity td.activity__name a {
  text-decoration: none;
  color: black;
  display: flex;
  align-items: center;
}
.activity td.activity__name span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.activity td.activity__details {
  padding: 0.35rem 0.4rem;
  width: 100%;
}
.activity__row--highlighted, .activity__row--empty {
  background: #f7f9fa;
}
.activity__row--empty td {
  padding: 0.65rem;
  text-align: center;
}
.activity__bar {
  background: rgba(10, 182, 117, 0.2);
  border-radius: 0.4rem;
  padding: 0.25rem 0.8rem;
}
.activity__title {
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: black;
}
.activity__issue {
  margin-top: 0;
}
.activity__issue ~ .activity__issue {
  margin-top: 1rem;
}

.auth {
  position: relative;
}
.auth__divider {
  margin-bottom: 0.6rem;
  opacity: 0.5;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  color: black;
}
.auth__subdomain {
  display: flex;
  align-items: center;
  position: relative;
}
.auth__subdomain-sub {
  flex-grow: 1;
  position: unset;
}
.auth__subdomain-sub input {
  text-align: right;
}
.auth__subdomain-sub .auth-input__postfix {
  left: 1.2rem;
}
.auth__subdomain-sub .auth-input__input:placeholder-shown:not(:focus) ~ .auth-input__postfix {
  display: none;
}
.auth__subdomain-main {
  margin-left: 0.6rem;
  font-size: 1.8rem;
  position: relative;
  line-height: 2.5rem;
  top: 1px;
}
.auth__form .button {
  margin-top: 2.4rem;
}
.auth__bottom-nav {
  position: absolute;
  padding: 2.4rem 0;
  top: calc(100% + 2.4rem);
  width: 100%;
  text-align: center;
}
.auth__bottom-nav a {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5rem;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
.auth__bottom-nav a:not(:first-child) {
  padding-top: 1rem;
}

.dashboard__info {
  flex: 1;
  margin-right: 3.6rem;
}
.dashboard__body {
  display: flex;
  flex-wrap: wrap;
}
.dashboard__feed {
  flex: 1;
  min-width: 26rem;
}
.dashboard__tracked-hours {
  margin-bottom: 4.6rem;
  padding: 1.2rem;
  background: #f1f3f4;
  border-radius: 0.4rem;
  line-height: 2rem;
  font-size: 1.4rem;
}
.dashboard__tracked-hours-row {
  display: flex;
}
.dashboard__tracked-hours-row:not(:first-child) {
  margin-top: 1.3rem;
}
.dashboard__tracked-hours-label {
  flex: 1;
  margin-right: 0.2rem;
}
.dashboard__tracked-hours-time {
  flex: 1;
  font-weight: bold;
}
.dashboard__matrix {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 4.6rem;
}
.dashboard__matrix-events {
  flex-direction: column;
  display: flex;
}
.dashboard__matrix-events-title {
  background: #f1f3f4;
  text-align: center;
  padding: 0.65rem;
  font-size: 1.4rem;
  line-height: 2rem;
  border-radius: 0.4rem 0.4rem 0 0;
}
.dashboard__matrix-events-wrapper {
  position: relative;
  background: #f7f9fa;
  display: flex;
  flex-wrap: wrap;
  min-height: 12.95rem;
  align-content: flex-start;
  padding: 0.25rem 0.75rem;
  border-radius: 0 0 0.4rem 0.4rem;
}
.dashboard__matrix-events--drop .dashboard__matrix-events-title {
  background: #edf4f8;
}
.dashboard__matrix-events--drop .dashboard__matrix-events-wrapper {
  background: #f3f9fb;
}
.dashboard__user {
  margin-bottom: 3.6rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.dashboard__user-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.dashboard__user-info {
  display: flex;
  align-items: flex-start;
}
.dashboard__user-info img {
  width: 4.8rem;
  border-radius: 0.8rem;
  margin-right: 1.6rem;
  margin-top: 0.55rem;
}
.dashboard__user-name {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 3.4rem;
}
.dashboard__user-title {
  opacity: 0.5;
}
.dashboard__user-vacation {
  margin-right: 1.2rem;
  margin-top: 1.2rem;
}
.dashboard__buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: -1.2rem;
}
.dashboard__buttons > * {
  margin: 0;
  margin-left: 2rem;
}
.dashboard__vacation-reason {
  border-radius: 0.4rem;
  background: #f1f3f4;
  padding: 1.2rem 1.6rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: black;
  border: none;
  width: 44rem;
  margin-bottom: 3.6rem;
}
.dashboard__vacation-reason:focus {
  outline: none;
}
.dashboard__calendar {
  margin: 0 6rem 3.6rem;
}
.dashboard__team {
  position: relative;
  margin-bottom: 3.6rem;
}
.dashboard__upcoming {
  margin-bottom: 3.7rem;
}
.dashboard__upcoming-user {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.dashboard__upcoming-user-info {
  font-size: 1.8rem;
  line-height: 2.5rem;
  padding: 1rem 1.2rem;
  margin-bottom: 0.9rem;
  flex: 1 0 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard__upcoming-user-info img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  margin-right: 0.9rem;
}
.dashboard__upcoming-vacation {
  margin-bottom: 0.9rem;
  margin-left: 1.2rem;
}

.hr-setup__project-color-choice {
  height: 2.6rem;
  width: 2.6rem;
  border-radius: 0.4rem;
  opacity: 0.5;
}
.hr-setup__project-color-choice:hover {
  opacity: 0.8;
}

.hr-vacations {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.hr-vacations__margin {
  height: 3.6rem;
}
.hr-vacations__vacation, .hr-vacations__buttons, .hr-vacations__button {
  display: flex;
  align-items: center;
}
.hr-vacations__vacation-user {
  display: flex;
  align-items: center;
  margin-left: 1.2rem;
  margin-right: 1.8rem;
  text-decoration: none;
  color: black;
}
.hr-vacations__vacation-user img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  margin-right: 1.2rem;
  display: block;
}
.hr-vacations__vacation-item {
  font-size: 1.4rem;
  line-height: 2rem;
  background: rgba(255, 204, 0, 0.5);
  padding: 0.3rem 1.2rem;
  margin-right: 2rem;
}
.hr-vacations__button {
  height: 3.7rem;
  width: 3.7rem;
  border-radius: 0.4rem;
  cursor: pointer;
  justify-content: center;
}
.hr-vacations__button:not(:hover) {
  opacity: 0.3;
}
.hr-vacations__button svg {
  width: 1.4rem;
}
.hr-vacations__button[data-action=approve]:hover {
  background: rgba(0, 0, 0, 0.05);
}
.hr-vacations__button[data-action=delete]:not(:hover) path {
  stroke: black;
}
.hr-vacations__button[data-action=delete]:hover {
  background: #e77676;
}

.integrations {
  width: 100%;
}
.integrations th:first-child {
  text-align: left;
}
.integrations td:not(:first-child) {
  text-align: center;
}
.integrations .button {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  width: auto;
}
.integrations .button svg {
  opacity: 0.75;
  margin-right: 1.2rem;
  height: 1.6rem;
  position: relative;
  top: -1px;
}
.integrations__sync path {
  fill: white;
}
.integrations__remove svg {
  stroke: white;
}

.settings {
  font-size: 1.6rem;
  line-height: 2.4rem;
  position: relative;
  max-width: 96rem;
  margin: 0 auto;
}
.settings__title {
  margin: -1rem 0 3.2rem;
}
.settings__checklists-link {
  position: absolute;
  right: 0;
  top: 0.8rem;
}
.settings fieldset {
  border: none;
  padding: 0;
  margin: 0 0 2rem;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.settings fieldset legend {
  display: block;
  float: none;
  padding: 0;
  margin-bottom: 0.7rem;
  font-size: 1.25rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 700;
  color: #6b7785;
}
.settings fieldset input,
.settings fieldset textarea,
.settings fieldset select {
  font-family: "Museo Sans";
  font-size: 1.55rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: #1b2733;
  width: 100%;
  padding: 1.05rem 1.3rem;
  background: white;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-radius: 0.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.settings fieldset input::placeholder,
.settings fieldset textarea::placeholder,
.settings fieldset select::placeholder {
  color: rgba(27, 39, 51, 0.32);
  font-weight: 500;
}
.settings fieldset input:hover,
.settings fieldset textarea:hover,
.settings fieldset select:hover {
  border-color: rgba(27, 39, 51, 0.18);
}
.settings fieldset input:focus,
.settings fieldset textarea:focus,
.settings fieldset select:focus {
  outline: none;
  border-color: #0ab675;
  box-shadow: 0 0 0 0.3rem rgba(10, 182, 117, 0.14);
}
.settings fieldset textarea {
  resize: vertical;
  min-height: 9rem;
}
.settings fieldset > span {
  display: block;
  padding: 1.05rem 1.3rem;
  background: #f7f9fa;
  border: 1px solid transparent;
  border-radius: 0.8rem;
  font-weight: 600;
  color: #1b2733;
  min-height: 2.2rem;
}
.settings__select {
  position: relative;
}
.settings__select select {
  padding-right: 3.4rem;
  cursor: pointer;
}
.settings__select::after {
  content: url("/newpont/api/icons/triangle.svg");
  position: absolute;
  right: 1.3rem;
  bottom: 1.4rem;
  width: 1rem;
  opacity: 0.5;
  pointer-events: none;
}
.settings .fieldset--wide {
  grid-column: 1/-1;
}
.settings__checkbox {
  margin-top: 2rem;
}
.settings__checkbox input {
  display: none;
}
.settings__checkbox input:checked + label:before {
  background-color: #0ab675;
  border-color: #0ab675;
  background-image: url("/newpont/api/icons/checkmark.svg");
  background-size: 0.9rem;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__checkbox label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 1.5rem;
  color: #1b2733;
}
.settings__checkbox label:before {
  content: "";
  flex: 0 0 auto;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 0.5rem;
  border: 1.5px solid rgba(27, 39, 51, 0.18);
  margin-right: 1.2rem;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}
.settings__comment {
  margin-top: 1.6rem;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #6b7785;
}
.settings__comment a {
  color: #0ab675;
  font-weight: 600;
}
.settings h3 {
  font-size: 1.9rem;
  line-height: 2.6rem;
  margin: 0 0 1.6rem;
}
.settings__admin > h3,
.settings > h3 {
  margin-top: 4.8rem;
  padding-top: 2.4rem;
  border-top: 1px solid rgba(27, 39, 51, 0.1);
}
.settings__organization {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.2rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 767px) {
  .settings__organization {
    grid-template-columns: 1fr;
  }
}
.settings__organization-info, .settings__organization-idp {
  background: white;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-radius: 1.2rem;
  padding: 2.8rem 2.8rem 3rem;
}
.settings__organization-info h3, .settings__organization-idp h3 {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.settings__header {
  position: relative;
  margin: 4.8rem 0 2rem;
  padding-top: 2.4rem;
  border-top: 1px solid rgba(27, 39, 51, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.settings__header h3 {
  margin: 0;
  padding-top: 0;
  border-top: none;
}
.settings__header-button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: #0ab675;
  color: white;
  padding: 0.9rem 1.6rem;
  font-weight: 700;
  font-size: 1.45rem;
  border-radius: 0.8rem;
  box-shadow: 0 0.4rem 1.2rem 0 rgba(10, 182, 117, 0.28);
  transition: transform 0.1s ease, box-shadow 0.12s ease;
}
.settings__header-button:hover {
  box-shadow: 0 0.6rem 1.6rem 0 rgba(10, 182, 117, 0.36);
  transform: translateY(-1px);
}
.settings--setup .settings__header {
  display: block;
  border-top: none;
  padding-top: 0;
}
.settings--setup .settings__selector {
  display: block;
  position: static;
  margin: 0 0 4rem;
  padding: 0;
  box-shadow: none;
  border: none;
}
.settings__selector {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 0.8rem;
  display: none;
  padding: 2.4rem 2.4rem 0.8rem;
  background: white;
  z-index: 5;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-radius: 1.2rem;
  box-shadow: 0 1.6rem 4rem 0 rgba(27, 39, 51, 0.16);
}
.settings__selector--visible {
  display: block;
}
.settings__selector-type {
  color: #6b7785;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}
.settings__selector-list {
  display: grid;
  grid-template-columns: repeat(4, 8.4rem);
  gap: 0.8rem;
  margin-bottom: 2rem;
}
.settings__selector-item {
  cursor: pointer;
  padding: 1.2rem 0.4rem;
  border-radius: 0.8rem;
  transition: background 0.12s ease;
}
.settings__selector-item:hover {
  background: rgba(10, 182, 117, 0.07);
}
.settings__selector-item--done:not(:hover) {
  opacity: 0.45;
}
.settings__selector-logo {
  position: relative;
  border-radius: 1rem;
  background: #f7f9fa;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 0 auto 1rem;
  width: 5.2rem;
  height: 5.2rem;
}
.settings__selector-logo svg {
  height: 2.8rem;
  width: 2.8rem;
}
.settings__selector-item--done .settings__selector-logo::after {
  content: url("/newpont/api/icons/mark.svg");
  width: 1.2rem;
  position: absolute;
  right: -0.4rem;
  top: -0.4rem;
}
.settings__selector-name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-align: center;
  font-weight: 600;
}
.settings__services {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6rem;
}
.settings__integration {
  background: white;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-radius: 1.2rem;
  padding: 2.2rem 2.4rem 2.4rem;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.settings__integration:hover {
  border-color: rgba(27, 39, 51, 0.18);
  box-shadow: 0 0.6rem 2rem 0 rgba(27, 39, 51, 0.06);
}
.settings__integration-header {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-bottom: 2rem;
}
.settings__integration-title {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  min-width: 0;
}
.settings__integration-logo {
  flex: 0 0 auto;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 1rem;
  background: #f7f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settings__integration-logo svg {
  width: 2.4rem;
  height: 2.4rem;
}
.settings__integration-header-name {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.settings__integration-actions {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-left: auto;
}
.settings__integration-remove, .settings__integration-sync {
  font-size: 1.35rem;
  line-height: 1.8rem;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-weight: 600;
  color: #6b7785;
  padding: 0.7rem 1.1rem;
  border-radius: 0.7rem;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
.settings__integration-remove svg, .settings__integration-sync svg {
  height: 1.5rem;
  width: 1.5rem;
  stroke: currentColor;
}
.settings__integration-sync:hover {
  background: rgba(10, 182, 117, 0.1);
  color: #0ab675;
}
.settings__integration-remove:hover {
  background: rgba(231, 97, 109, 0.1);
  color: #e7616d;
}
.settings__integration-google-status-button {
  padding-top: 0;
}
.settings__integration-google-file {
  display: none;
}
.settings__fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
  gap: 2rem 1.8rem;
}
.settings__fields fieldset {
  margin: 0;
  min-width: 0;
}
.settings__fields .button {
  padding: 1rem 1.2rem;
  margin: 0;
}
.settings__fields .settings__checkbox {
  margin: 0;
}
.settings__health {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  flex-wrap: wrap;
  margin-top: 1.8rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(27, 39, 51, 0.1);
  font-size: 1.35rem;
  color: #6b7785;
}
.settings__health-sync {
  font-weight: 600;
}
.settings__health-error {
  flex-basis: 100%;
  color: #e7616d;
  background: rgba(231, 97, 109, 0.08);
  border-radius: 0.8rem;
  padding: 0.9rem 1.2rem;
  font-weight: 600;
  font-family: ui-monospace, monospace;
  font-size: 1.3rem;
  word-break: break-word;
}
.settings__integration-verify {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
  color: #0ab675;
  font-weight: 600;
}
.settings__integration-verify svg {
  width: 1.4rem;
  height: 1.4rem;
  stroke: currentColor;
}
.settings__integration-verify:hover {
  text-decoration: underline;
}
.settings__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 0.4rem 1rem;
  border-radius: 10rem;
}
.settings__badge::before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: currentColor;
}
.settings__badge--on {
  color: #0ab675;
  background: rgba(10, 182, 117, 0.12);
}
.settings__badge--off {
  color: #6b7785;
  background: rgba(27, 39, 51, 0.07);
}
.settings__needs-setup {
  background: rgba(230, 167, 0, 0.1);
  border: 1px solid rgba(230, 167, 0, 0.35);
  border-radius: 0.8rem;
  padding: 1.2rem 1.6rem;
  font-size: 1.4rem;
  color: #7a5b00;
}
.settings__needs-setup strong {
  font-weight: 700;
}
.settings__slack-button, .settings__github-button, .settings__gitlab-button {
  cursor: pointer;
  padding: 1.1rem 1.6rem;
  border-radius: 0.8rem;
  border: 1px solid rgba(27, 39, 51, 0.18);
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  background: white;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.settings__slack-button:hover, .settings__github-button:hover, .settings__gitlab-button:hover {
  border-color: #0ab675;
  background: rgba(10, 182, 117, 0.05);
}
.settings__slack-button svg, .settings__github-button svg, .settings__gitlab-button svg {
  width: 2.1rem;
  height: 2.1rem;
  margin-right: 1rem;
}
.settings__automate {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.settings__automate-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  background: #0ab675;
  color: white;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 1.1rem 1.8rem;
  border-radius: 0.8rem;
  text-decoration: none;
  box-shadow: 0 0.4rem 1.2rem 0 rgba(10, 182, 117, 0.28);
  transition: transform 0.1s ease, box-shadow 0.12s ease;
}
.settings__automate-btn svg {
  width: 2rem;
  height: 2rem;
}
.settings__automate-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 0.6rem 1.6rem 0 rgba(10, 182, 117, 0.36);
}
.settings__automate-note {
  color: #6b7785;
  font-size: 1.35rem;
  flex: 1;
  min-width: 20rem;
}
.settings__manifest-block {
  margin-bottom: 2rem;
}
.settings__manifest-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #6b7785;
  margin-bottom: 0.8rem;
}
.settings__manifest {
  margin: 0;
  background: #1b2733;
  color: #e7edf2;
  border-radius: 0.8rem;
  padding: 1.4rem 1.6rem;
  font-family: ui-monospace, monospace;
  font-size: 1.25rem;
  line-height: 1.7;
  max-height: 26rem;
  overflow: auto;
  white-space: pre;
}
.settings__manifest-note {
  display: block;
  margin-top: 0.9rem;
  font-size: 1.35rem;
  color: #6b7785;
}
.settings__manifest-note a {
  color: #0ab675;
  font-weight: 600;
}
.settings__setup {
  background: #f7f9fa;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-radius: 0.8rem;
  padding: 1.6rem 1.8rem;
  margin-bottom: 2.4rem;
}
.settings__setup-title {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #6b7785;
  margin-bottom: 1.2rem;
}
.settings__setup-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.8rem;
}
.settings__setup-label {
  flex: 0 0 9rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #6b7785;
}
.settings__setup-value {
  flex: 1;
  min-width: 0;
  font-family: monospace;
  font-size: 1.35rem;
  color: #1b2733;
  background: white;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-radius: 0.6rem;
  padding: 0.7rem 1rem;
  overflow-x: auto;
  white-space: nowrap;
}
.settings__setup-note {
  font-size: 1.35rem;
  line-height: 1.9rem;
  color: #6b7785;
  margin-top: 0.8rem;
  padding-left: 1.6rem;
  position: relative;
}
.settings__setup-note::before {
  content: "•";
  position: absolute;
  left: 0.4rem;
  color: #0ab675;
}
.settings__copy {
  flex: 0 0 auto;
  cursor: pointer;
  width: 3.4rem;
  height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  color: #6b7785;
}
.settings__copy svg {
  width: 1.6rem;
  height: 1.6rem;
}
.settings__copy:hover {
  background: rgba(10, 182, 117, 0.1);
  color: #0ab675;
}
.settings__submit, .settings__submit--admin {
  max-width: 32rem;
  margin: 3.2rem auto 1.6rem;
}
.settings__admin {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6rem;
}
.settings__status-button {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.settings__status-button button {
  flex: 0 0 16.65rem;
  padding: 1.1rem 1.2rem;
  margin: 0;
}
.settings__status-button > div {
  flex: 1;
  background: #f7f9fa;
  border-radius: 0.8rem;
  line-height: 4.4rem;
  padding: 0 1.6rem;
  color: #6b7785;
  font-weight: 600;
}
.settings__code {
  margin: 1.6rem 0 3.2rem;
}
.settings__idp-file {
  display: none;
}
.settings__idp-row {
  display: flex;
  align-items: flex-end;
  gap: 1.6rem;
  margin-bottom: 0.6rem;
}
.settings__idp-row fieldset {
  flex: 1;
  margin-bottom: 0;
}
.settings__idp-verify-status--valid {
  color: #0ab675;
}
.settings__idp-verify-status--invalid {
  color: #e7616d;
}
.settings__idp-upload-button {
  flex: 0 0 10rem;
  margin: 0;
}
.settings__idp-delete-button {
  background: rgba(27, 39, 51, 0.05);
  border-radius: 0.8rem;
  height: 4.7rem;
  width: 4.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.12s ease;
}
.settings__idp-delete-button svg {
  height: 1.6rem;
  stroke: #1b2733;
}
.settings__idp-delete-button:hover {
  background: #e7616d;
}
.settings__idp-delete-button:hover svg {
  stroke: white;
}
.settings__idp .settings__status-button {
  margin-top: 2rem;
}
.settings__login-highlighted td {
  font-weight: bold;
}
.settings__login-code {
  font-family: monospace;
}
.settings__login-collapsible {
  margin-top: 2.4rem;
}
.settings__login-collapsible .collapsible__head,
.settings__login-collapsible .collapsible__body {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.settings__login-collapsible table {
  width: 100%;
  text-align: left;
}

.article-topics {
  font-size: 1.6rem;
  line-height: 2.4rem;
  max-width: 96rem;
  margin: 0 auto;
}
.article-topics .at-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  margin: -1rem 0 3.2rem;
}
.article-topics .at-header__title {
  text-align: left;
  margin: 0 0 0.6rem;
}
.article-topics .at-header__sub {
  color: #6b7785;
  font-size: 1.5rem;
  margin: 0;
}
.article-topics .at-header__actions {
  display: flex;
  gap: 1rem;
  flex: none;
}
.article-topics .at-header__actions form {
  margin: 0;
}
.article-topics .at-header__actions .button {
  margin: 0;
  max-width: none;
  padding: 1rem 1.6rem;
  white-space: nowrap;
}
.article-topics .at-section {
  margin-bottom: 4rem;
}
.article-topics .at-section__head {
  display: flex;
  align-items: baseline;
  gap: 1.2rem;
  padding-bottom: 1.2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid rgba(27, 39, 51, 0.1);
}
.article-topics .at-section__title {
  text-align: left;
  margin: 0;
  font-size: 2rem;
}
.article-topics .at-section__meta {
  color: #6b7785;
  font-size: 1.35rem;
}
.article-topics .at-notice {
  background: rgba(10, 182, 117, 0.1);
  color: #077c50;
  border-radius: 0.8rem;
  padding: 1.2rem 1.6rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
}
.article-topics .at-blank {
  color: #6b7785;
  background: #f7f9fa;
  border-radius: 0.8rem;
  padding: 1.6rem 1.8rem;
}
.article-topics .at-intro {
  background: white;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-radius: 1.2rem;
  padding: 2.4rem 2.8rem;
  color: #1b2733;
  max-width: 64rem;
}
.article-topics .at-intro p {
  margin: 0 0 1.2rem;
}
.article-topics .at-intro__note {
  color: #6b7785;
  font-size: 1.4rem;
  margin-bottom: 0 !important;
}
.article-topics .at-projects {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
  gap: 1.4rem;
}
.article-topics .at-project {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: white;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-radius: 1.2rem;
  padding: 1.6rem 1.8rem;
  text-decoration: none;
  color: #1b2733;
  transition: border-color 0.12s ease, box-shadow 0.12s ease, transform 0.1s ease;
}
.article-topics .at-project:hover {
  border-color: #0ab675;
  box-shadow: 0 0.6rem 2rem 0 rgba(27, 39, 51, 0.06);
  transform: translateY(-1px);
}
.article-topics .at-project__name {
  font-weight: 700;
}
.article-topics .at-project__count {
  background: rgba(10, 182, 117, 0.12);
  color: #0ab675;
  font-weight: 700;
  font-size: 1.25rem;
  padding: 0.4rem 1rem;
  border-radius: 10rem;
}
.article-topics .at-project__view {
  color: #6b7785;
  font-size: 1.35rem;
  font-weight: 600;
}
.article-topics .at-cat {
  --at-accent: #0ab675;
  margin-bottom: 3.2rem;
}
.article-topics .at-cat--technical {
  --at-accent: #378add;
}
.article-topics .at-cat--marketing {
  --at-accent: #d4537e;
}
.article-topics .at-cat--general {
  --at-accent: #0ab675;
}
.article-topics .at-cat__title {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.55rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 1.6rem;
  text-align: left;
}
.article-topics .at-cat__dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--at-accent);
}
.article-topics .at-cat__count {
  color: #6b7785;
  font-weight: 600;
  font-size: 1.3rem;
  letter-spacing: 0;
}
.article-topics .at-topics {
  display: grid;
  gap: 1.4rem;
}
.article-topics .at-topic {
  background: white;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-left: 4px solid var(--at-accent);
  border-radius: 1.2rem;
  padding: 2rem 2.2rem;
}
.article-topics .at-topic__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.4rem;
  margin-bottom: 1rem;
}
.article-topics .at-topic__title {
  margin: 0;
  font-size: 1.75rem;
  line-height: 2.3rem;
}
.article-topics .at-topic__badges {
  display: flex;
  gap: 0.6rem;
  flex: none;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.article-topics .at-topic__angle {
  margin: 0 0 1.4rem;
  color: #2c3540;
}
.article-topics .at-topic__facts {
  margin: 0;
}
.article-topics .at-topic__facts > div {
  display: flex;
  gap: 1rem;
  padding: 0.7rem 0;
  border-top: 1px solid #f7f9fa;
}
.article-topics .at-topic__facts dt {
  flex: 0 0 7rem;
  color: #6b7785;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  padding-top: 0.2rem;
}
.article-topics .at-topic__facts dd {
  margin: 0;
  flex: 1;
  color: #2c3540;
  font-size: 1.45rem;
}
.article-topics .at-topic__evidence {
  margin-top: 1.4rem;
  border-top: 1px solid #f7f9fa;
  padding-top: 1.2rem;
}
.article-topics .at-topic__evidence summary {
  cursor: pointer;
  color: #0ab675;
  font-weight: 600;
  font-size: 1.4rem;
}
.article-topics .at-topic__evidence ul {
  margin: 1.2rem 0 0;
  padding: 0;
  list-style: none;
}
.article-topics .at-topic__evidence li {
  font-size: 1.4rem;
  color: #2c3540;
  padding: 0.7rem 0;
  border-top: 1px solid #f7f9fa;
  line-height: 2rem;
}
.article-topics .at-topic__ev-src {
  display: inline-block;
  font-family: ui-monospace, monospace;
  font-size: 1.2rem;
  color: #6b7785;
  margin-right: 0.6rem;
}
.article-topics .at-badge {
  flex: none;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.4rem 1rem;
  border-radius: 10rem;
  background: rgba(27, 39, 51, 0.07);
  color: #6b7785;
  white-space: nowrap;
}
.article-topics .at-badge--this_week {
  background: rgba(10, 182, 117, 0.14);
  color: #0ab675;
}
.article-topics .at-badge--conf {
  text-transform: capitalize;
}
.article-topics .at-badge--archetype {
  background: var(--at-accent);
  color: white;
}
.article-topics .at-badge--ungrounded {
  background: rgba(192, 57, 43, 0.12);
  color: #c0392b;
}
.article-topics .at-badge--used {
  background: rgba(30, 126, 69, 0.16);
  color: #1e7e45;
}
.article-topics .at-badge--accepted {
  background: rgba(55, 138, 221, 0.16);
  color: #247bd2;
}
.article-topics .at-topic__actions {
  display: flex;
  gap: 0.8rem;
  margin-top: 1.6rem;
  padding-top: 1.4rem;
  border-top: 1px solid #f7f9fa;
}
.article-topics .at-topic__action {
  margin: 0;
}
.article-topics .at-action {
  border: 1px solid rgba(27, 39, 51, 0.18);
  background: white;
  color: #2c3540;
  border-radius: 0.8rem;
  padding: 0.6rem 1.4rem;
  font-size: 1.35rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.12s ease, color 0.12s ease, background 0.12s ease;
}
.article-topics .at-action:hover {
  border-color: #0ab675;
  color: #0ab675;
}
.article-topics .at-action--accepted:hover {
  border-color: #378add;
  color: #378add;
}
.article-topics .at-action--used:hover {
  border-color: #1e7e45;
  color: #1e7e45;
}
.article-topics .at-action--rejected:hover {
  border-color: #c0392b;
  color: #c0392b;
}
.article-topics .at-action:disabled {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}
.article-topics .at-topic--rejected {
  display: none;
}

.debug {
  font-size: 1.5rem;
  line-height: 2.2rem;
  max-width: 120rem;
  margin: 0 auto;
}
.debug__head {
  margin: -1rem 0 3.2rem;
}
.debug__title {
  text-align: left;
  margin: 0 0 0.6rem;
}
.debug__sub {
  color: #6b7785;
  font-size: 1.45rem;
  margin: 0;
}
.debug__section {
  margin-bottom: 4rem;
}
.debug__h2 {
  text-align: left;
  font-size: 1.9rem;
  margin: 0 0 1.6rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(27, 39, 51, 0.1);
}
.debug__blank {
  color: #6b7785;
  background: #f7f9fa;
  border-radius: 0.8rem;
  padding: 1.6rem 1.8rem;
}
.debug__table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border: 1px solid rgba(27, 39, 51, 0.1);
  border-radius: 1.2rem;
  overflow: hidden;
  table-layout: fixed;
}
.debug__table th,
.debug__table td {
  text-align: left;
  padding: 1.1rem 1.4rem;
  border-top: 1px solid rgba(27, 39, 51, 0.1);
  vertical-align: top;
  word-break: break-word;
}
.debug__table th {
  background: #f7f9fa;
  border-top: none;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6b7785;
  font-weight: 700;
}
.debug__svc {
  font-weight: 700;
  text-transform: capitalize;
}
.debug__mono {
  font-family: ui-monospace, monospace;
  font-size: 1.3rem;
  color: #2c3540;
}
.debug__err {
  font-family: ui-monospace, monospace;
  font-size: 1.25rem;
  color: #e7616d;
  white-space: pre-wrap;
}
.debug__badge {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.3rem 0.9rem;
  border-radius: 10rem;
  text-transform: capitalize;
  background: rgba(27, 39, 51, 0.07);
  color: #6b7785;
}
.debug__badge--ok, .debug__badge--completed {
  background: rgba(10, 182, 117, 0.14);
  color: #0ab675;
}
.debug__badge--error, .debug__badge--discarded, .debug__badge--cancelled {
  background: rgba(231, 97, 109, 0.12);
  color: #e7616d;
}
.debug__badge--retryable, .debug__badge--executing, .debug__badge--scheduled, .debug__badge--available {
  background: rgba(230, 167, 0, 0.14);
  color: #8a6a00;
}

.teams__wrapper {
  display: flex;
}
.teams__heading {
  display: flex;
  align-items: center;
  margin-bottom: 1.4rem;
}
.teams__heading h3 {
  margin-bottom: 0;
}
.teams__button {
  font-size: 1.6rem;
  opacity: 0.4;
  cursor: pointer;
  text-decoration: none;
  color: black;
  margin-left: 2.7rem;
  line-height: 2.2rem;
  position: relative;
  align-items: center;
  user-select: none;
  display: flex;
}
.teams__button span {
  margin-right: 1.2rem;
  position: relative;
  top: -0.1rem;
  opacity: 0.75;
}
.teams__button span svg {
  height: 1.5rem;
  width: 1.5rem;
}
.teams__button:hover {
  opacity: 1;
}
.teams__tree {
  flex-grow: 1;
}
.teams__reserve .team {
  position: sticky;
  top: 0;
}
.teams__block {
  display: inline-flex;
  align-items: center;
  padding: 0.7rem 1rem;
  border-radius: 0.6rem;
  border: 0.2rem solid transparent;
}
.teams__block:not(.teams__block--hidden) {
  margin-left: -0.9rem;
}
.teams__block--hidden {
  opacity: 0;
}
.teams__block--delete {
  cursor: pointer;
}
.teams__block-icon {
  border-radius: 0.4rem;
  margin-right: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: #f1f3f4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teams__block-icon svg {
  width: 1rem;
  opacity: 0.3;
  stroke: black;
}
.teams__block-main {
  font-size: 1.8rem;
  line-height: 2.5rem;
  min-width: 10rem;
  font-weight: 300;
}
.teams__block-main:not([contenteditable=true]) {
  opacity: 0.3;
}
.teams__block:hover .teams__block-main:empty::before, .teams__block:hover .teams__block-icon svg, .teams__block--active .teams__block-main:empty::before, .teams__block--active .teams__block-icon svg {
  opacity: 1;
}
.teams__block--delete:hover .teams__block-icon {
  background: #e77676;
}
.teams__block--delete:hover .teams__block-icon svg {
  stroke: white;
}
.teams__block--delete:hover .teams__block-main {
  opacity: 1;
}
.teams__block:hover .fold:not(.fold--open) {
  opacity: 0.3;
}
.team__heading:hover .teams__block, .member:hover .teams__block, .teams__block--active {
  opacity: 1;
}
.teams__drop-team {
  height: 0.25rem;
  background: #0ab675;
  position: relative;
  opacity: 0;
  z-index: 1;
}
.teams__drop-team--visible {
  opacity: 1;
}
.teams__drop-team::before {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  border: 0.25rem solid #0ab675;
  border-radius: 50%;
  left: -0.75rem;
  top: -0.25rem;
}
.teams__drop-user--visible {
  border-color: #0ab675;
  background: #f7f9fa;
}
.teams__drag-user--visible {
  background: #f7f9fa;
}
.teams__drag-user--visible > * {
  opacity: 0.3;
}
.teams__popup-text {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 3.2rem;
  text-align: center;
}
.teams__popup-buttons {
  display: grid;
  gap: 2rem;
  grid-auto-flow: column;
}
.teams__popup-buttons > div {
  width: 24rem;
}

.users {
  position: relative;
  font-size: 1.8rem;
  line-height: 2.5rem;
  width: 100%;
}
.users__vacations-link {
  position: absolute;
  right: 0;
  top: 0.8rem;
}

.setup {
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.5rem;
  width: 100%;
}
.setup__form-row {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
}
.setup__form-row .input {
  min-width: calc(50% - 2.4rem);
}
.setup__form-navigation {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: flex-end;
  margin-top: 6rem;
}
.setup__form-navigation > * {
  margin: 0;
  margin-left: 2rem;
}
.setup__submit--icon {
  padding-right: 2.4rem;
}
.setup__services-list {
  display: flex;
  flex-wrap: wrap;
  margin: -1.2rem;
}

.profile {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.profile__summary {
  display: flex;
  margin-bottom: 3.6rem;
}
.profile__summary-right {
  flex-grow: 1;
  margin-left: 5rem;
}
.profile__summary-links {
  display: flex;
  align-items: center;
}
.profile__summary-separator {
  height: 1.2rem;
  width: 1px;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 1.8rem;
}
.profile__readonly-flag {
  margin-left: 1rem;
}
.profile__pass {
  position: relative;
  margin-bottom: 3.6rem;
  min-width: 44rem;
}
.profile__pass-input {
  width: 100%;
  padding: 1.2rem 1.6rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: transparent;
  border-radius: 0.4rem;
}
.profile__pass-input::placeholder {
  opacity: 0;
}
.profile__pass-input:focus {
  outline: none;
}
.profile__pass-input:-webkit-autofill {
  box-shadow: 0 0 0 3rem white inset !important;
  -webkit-box-shadow: 0 0 0 3rem white inset !important;
}
.profile__pass-input:invalid {
  box-shadow: none;
}
.profile__pass-label {
  position: absolute;
  top: -0.85rem;
  left: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.7rem;
  pointer-events: none;
  padding: 0 0.6rem;
  left: 1rem;
  transition: all linear 0.1s;
  color: rgba(0, 0, 0, 0.5);
  background: white;
  font-weight: 700;
}
.profile__pass-input:placeholder-shown:not(:focus) ~ .profile__pass-label {
  left: 1px;
  top: 1.8rem;
  font-size: 1.8rem;
  padding: 0 1.6rem;
  font-weight: 500;
}
.profile__pass--error .profile__pass-label {
  color: #e77676;
}
.profile__pass--error .profile__pass-input {
  border-color: #e77676;
}
.profile__pass--error {
  box-shadow: 0 0.4rem 0.8rem 0 rgba(231, 118, 118, 0.24);
}
.profile__pass--error .tooltip {
  display: block;
  top: -0.1rem;
  left: calc(1rem + 100%);
  background: #e77676;
  color: white;
}
.profile__pass--error .tooltip__pointer {
  border-color: transparent #e77676;
}
.profile__activity {
  margin-top: 1.8rem;
}
.profile__activity-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.8rem;
}
.profile__activity-head h3 {
  margin-bottom: 0;
}
.profile__activity-type {
  margin-left: 1.8rem;
  opacity: 0.3;
  flex-grow: 1;
}
.profile__activity-picker {
  display: flex;
  opacity: 0.3;
}
.profile__activity-picker svg {
  width: 2rem;
  margin-right: 1.2rem;
}
.profile__activity canvas {
  background: #f1f3f4;
  display: none;
}
.profile__summary .profile__table {
  margin-bottom: 3rem;
}
.profile__avatar {
  width: 26rem;
  overflow: hidden;
}
.profile__avatar--current {
  position: relative;
}
.profile__avatar:hover .profile__avatar-upload {
  display: flex;
}
.profile__avatar--progress::before, .profile__avatar--success::before, .profile__avatar--error::before {
  position: absolute;
  top: calc(50% - 3.5rem);
  left: calc(50% - 3.5rem);
  width: 7rem;
  height: 7rem;
}
.profile__avatar--progress::before {
  content: "";
  border-radius: 50%;
  border: 0.5rem solid #147539;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.profile__avatar--success::before {
  content: url("/newpont/api/icons/input-success.svg");
}
.profile__avatar--error::before {
  content: url("/newpont/api/icons/input-error.svg");
}
.profile__avatar-upload {
  padding: 1rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  pointer-events: none;
  align-items: center;
  justify-content: center;
}
.profile__avatar-upload svg {
  width: 1.2rem;
  margin-right: 1.85rem;
}
.profile__avatar-upload svg path {
  stroke: white;
}
.profile__avatar-upload::after {
  content: attr(data-title);
}
.profile__avatar img {
  width: 100%;
  border-radius: 0.8rem;
}
.profile__avatar input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.profile__last-track, .profile__title {
  opacity: 0.3;
}
.profile__last-track {
  margin-top: 4rem;
}
.profile__name {
  font-size: 2.4rem;
  line-height: 3.4rem;
  margin-right: 1rem;
}
.profile__name-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  margin-bottom: 3rem;
}
.profile__title {
  opacity: 0.5;
}
.profile__vacation {
  display: flex;
  margin-top: 1.2rem;
}
.profile__delimiter {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin: 1.2rem 0 1.8rem;
}
.profile__arrow {
  margin: 0 0.6rem;
  opacity: 0.3;
}
.profile__arrow svg {
  width: 1.2rem;
}
.profile__team {
  display: inline-block;
}
.profile__project-title {
  font-size: 1.6rem;
  opacity: 0.5;
}
.profile__manager img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  margin-right: 1.2rem;
}
.profile__manager a {
  text-decoration: none;
  color: black;
  display: flex;
  align-items: center;
}
.profile__table {
  width: 100%;
}
.profile__table td:first-child {
  width: 18rem;
  padding: 0.9rem 1.6rem 0.9rem 0;
}
.profile__table-heading {
  opacity: 0.5;
  white-space: nowrap;
}
.profile__service-edit {
  margin-left: 0.6rem;
}
.profile__service-edit .tooltip {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.profile__service-edit .profile__pen, .profile__service-edit .profile__close {
  display: block;
  padding: 1.15rem;
  border-radius: 0.4rem;
  cursor: pointer;
  margin: 0;
}
.profile__service-edit .profile__pen:hover, .profile__service-edit .profile__close:hover {
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
.profile__service-edit .profile__pen svg, .profile__service-edit .profile__close svg {
  display: block;
}
.profile__info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.profile__info a {
  color: #000;
  text-decoration: none;
}
.profile__info h3 {
  margin-bottom: 1.8rem;
}
.profile__info h3 a {
  font-size: 1.8rem;
  font-weight: 500;
  margin-left: 1.8rem;
  opacity: 0.3;
}
.profile__editable {
  display: flex;
  align-items: center;
}
.profile__editable-input {
  border-bottom: 1px solid transparent;
}
.profile__editable-input[contenteditable=true] {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}
.profile__editable td.profile__editable--services {
  padding: 0;
}
.profile__pen, .profile__save, .profile__close {
  opacity: 0.5;
  margin-left: 1.7rem;
  cursor: pointer;
}
.profile__pen svg, .profile__save svg, .profile__close svg {
  width: 1.5rem;
  display: block;
}
.profile__service {
  display: flex;
  align-items: center;
}
.profile__service-link {
  display: flex;
  align-items: center;
}
.profile__service-avatar {
  width: 2rem;
  height: 2rem;
  margin: 1.15rem 1rem 1.15rem 0;
}
.profile__service-avatar-select {
  padding: 1.15rem;
  border-radius: 0.4rem;
  cursor: pointer;
}
.profile__service-avatar-select:hover {
  background: rgba(0, 0, 0, 0.05);
}
.profile__service-avatar-select svg {
  display: block;
  width: 1.4rem;
  opacity: 0.3;
}
.profile__service-avatar-select--selected svg, .profile__service-avatar-select:hover svg {
  opacity: 1;
}
.profile__service .tooltip {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.profile__service .tooltip__target {
  margin-left: 0.6rem;
}
.profile__integration {
  margin-bottom: 1.8rem;
}
.profile__integration select {
  display: block;
  width: 100%;
  margin-top: 0.8rem;
}
.profile__integration-title {
  opacity: 0.5;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.profile__permission {
  margin: 1.2rem 0;
}
.profile__permission input {
  display: none;
}
.profile__permission input:checked + label:before, .profile__permission input:indeterminate + label:before {
  background-color: #0ab675;
  border-width: 1px;
  border-color: #147539;
}
.profile__permission input:checked + label:before {
  background-image: url("/newpont/api/icons/checkmark.svg");
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: center;
}
.profile__permission input:indeterminate + label:before {
  content: "–";
  color: white;
  text-align: center;
  line-height: 1.7rem;
}
.profile__permission label {
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 2.2rem;
  font-size: 1.6rem;
}
.profile__permission label:before {
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.2rem;
  border: 0.25rem solid #0ab675;
  margin-right: 1.2rem;
}
.profile__permission--all {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.profile__permissions {
  margin-top: 2.4rem;
}
.profile__permissions-head {
  display: flex;
  align-items: center;
  margin-bottom: 1.8rem;
}
.profile__permissions-head h3 {
  margin-bottom: 0;
}
.profile__permissions-list--disabled {
  opacity: 0.3;
  pointer-events: none;
}
.profile__permissions-edit, .profile__permissions-save {
  font-size: 1.6rem;
  line-height: 2.2rem;
  opacity: 0.4;
  margin-left: 2.55rem;
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.profile__permissions-edit svg, .profile__permissions-save svg {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
  position: relative;
  top: -0.2rem;
}
.profile__permissions-edit:hover, .profile__permissions-save:hover {
  opacity: 1;
}

.projects__button-open, .projects__button-add {
  max-width: 36rem;
}
.projects__button-open--disabled, .projects__button-add--disabled {
  opacity: 0.7;
  pointer-events: none;
}
.projects__button-add {
  margin-top: 2.4rem;
}
.projects__button-open {
  margin: 1.2rem auto;
}
.projects__collapsible-field {
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.projects__collapsible-field--hidden {
  display: none;
}
.projects__collapsible-field > *:first-child {
  margin-right: 0.8rem;
}
.projects__collapsible-contact {
  display: inline-flex;
}
.projects__collapsible-contact .project-block__avatar {
  height: 2.4rem;
  width: 2.4rem;
}
.projects__collapsible-logo {
  max-height: 2rem;
  margin-right: 1rem;
}
.projects__collapsible-image {
  margin-bottom: 1.2rem;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.projects__collapsible-image--hidden {
  display: none;
}
.projects__collapsible-image .tooltip {
  top: calc(100% + 1rem);
}
.projects__collapsible-image--selected .projects__collapsible-input, .projects__collapsible-image--selected .projects__collapsible-icon {
  opacity: 1;
}
.projects__collapsible-image--selected .projects__collapsible-input {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.projects__collapsible-input {
  opacity: 0.5;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.projects__collapsible-icon {
  width: 1.8rem;
  height: 1.8rem;
  opacity: 0.3;
  margin-left: 1.7rem;
  position: relative;
}
.projects__collapsible-icon svg {
  max-width: 100%;
  max-height: 100%;
}
.projects__collapsible-icon--progress {
  opacity: 1;
}
.projects__collapsible-icon--progress svg {
  display: none;
}
.projects__collapsible-icon--progress:before {
  content: "";
  background: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.projects__collapsible-icon--progress:after {
  content: "";
  border-radius: 1.4rem;
  border: 0.2rem solid #147539;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.projects__collapsible-attachment {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.projects__collapsible-delete {
  position: absolute;
  right: -3rem;
  cursor: pointer;
  padding: 0.5rem;
}
.projects__collapsible-delete svg {
  width: 0.7rem;
  display: block;
}
.projects__filter {
  display: flex;
  justify-content: center;
  margin-bottom: 2.4rem;
}
.projects__tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: -0.6rem;
}
.projects__tag, .projects__archived {
  background: rgba(0, 0, 0, 0.03);
  font-size: 1.6rem;
  line-height: 2.2rem;
  border-radius: 0.6rem;
  padding: 0.6rem 1.2rem;
  margin: 0.6rem;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.projects__tag--selected, .projects__archived--selected {
  color: white;
  background: #0ab675;
}
.projects__archived {
  margin: 0 0 0 2.4rem;
  position: relative;
}
.projects__archived::before {
  content: "";
  width: 1px;
  top: 0.6rem;
  bottom: 0.6rem;
  left: -1.2rem;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.projects__popup-text {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 3.2rem;
  text-align: center;
}
.projects__popup-buttons {
  display: grid;
  gap: 2rem;
  grid-auto-flow: column;
}
.projects__popup-buttons > div {
  width: 24rem;
}
.projects__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 2.4rem;
}
.projects__last-activity {
  margin-right: auto;
  margin-left: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
}
.projects__button-add, .projects__button-suggest {
  margin: 0;
  max-width: 24rem;
}
.projects__button-add--disabled, .projects__button-suggest--disabled {
  opacity: 0.7;
  pointer-events: none;
}
.projects__suggestions {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  max-width: 56rem;
  max-height: 60vh;
  overflow-y: auto;
}
.projects__suggestions-hint {
  font-size: 1.4rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 0.8rem;
}
.projects__suggestions-empty {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: rgba(0, 0, 0, 0.5);
  padding: 1.6rem 0;
  text-align: center;
}
.projects__suggestion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1.2rem 1.6rem;
  border: 1px solid rgba(10, 182, 117, 0.16);
  border-radius: 0.8rem;
}
.projects__suggestion-name {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: bold;
}
.projects__suggestion-meta {
  font-size: 1.4rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.5);
}
.projects__suggestion-actions {
  display: flex;
  gap: 0.8rem;
  flex-shrink: 0;
}
.projects__suggestion-button {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0.6rem 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.projects__suggestion-decline {
  border: none;
  background: none;
  margin: 0;
  padding: 0.6rem 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.projects__suggestion-decline:hover {
  color: #e77676;
}
.projects__suggestion-created {
  flex-shrink: 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0ab675;
}

.dashboard__period {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 2rem;
}
.dashboard__period-btn {
  padding: 0.6rem 1.4rem;
  border: 1px solid rgba(10, 182, 117, 0.2);
  border-radius: 0.6rem;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.6);
  background: white;
  cursor: pointer;
  text-decoration: none;
}
.dashboard__period-btn--active {
  background: #0ab675;
  border-color: #0ab675;
  color: white;
}
.dashboard__period-custom {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-left: 0.8rem;
}
.dashboard__period-custom input[type=date] {
  padding: 0.4rem 0.8rem;
  border: 1px solid rgba(10, 182, 117, 0.2);
  border-radius: 0.6rem;
  font-size: 1.3rem;
}
.dashboard__period-dash {
  color: rgba(0, 0, 0, 0.4);
}
.dashboard__chart-note {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.2rem;
}
.dashboard__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}
.dashboard__metric {
  background: rgba(10, 182, 117, 0.06);
  border-radius: 0.8rem;
  padding: 1.2rem 1.6rem;
}
.dashboard__metric-label {
  font-size: 1.3rem;
  color: rgba(0, 0, 0, 0.5);
}
.dashboard__metric-value {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 3.6rem;
}
.dashboard__chart-title {
  font-size: 1.4rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
  margin: 1.6rem 0 0.8rem;
}
.dashboard__chart {
  position: relative;
  height: 26rem;
  margin-bottom: 1.2rem;
}
.dashboard__chart--short {
  height: 18rem;
}
.dashboard__cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  gap: 2.4rem;
  margin-top: 1.6rem;
}
.dashboard__empty {
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.4);
  padding: 1.2rem 0;
}
.dashboard__contributor {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
.dashboard__contributor-name {
  width: 12rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard__contributor-bar {
  flex: 1;
  height: 1.6rem;
  background: rgba(10, 182, 117, 0.08);
  border-radius: 0.4rem;
  overflow: hidden;
}
.dashboard__contributor-fill {
  height: 100%;
  background: #0ab675;
}
.dashboard__contributor-meta {
  width: 11rem;
  text-align: right;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1.2rem;
}
.dashboard__themes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
}
.dashboard__theme {
  padding: 0.4rem 1rem;
  border-radius: 0.6rem;
  background: rgba(10, 182, 117, 0.08);
  color: rgba(10, 182, 117, 0.9);
  line-height: 1.3;
}

.profile__dashboard {
  margin: 2.4rem 0;
}
.profile__dashboard h3 {
  margin-bottom: 1.6rem;
}

.checklists {
  font-size: 1.8rem;
  line-height: 2.5rem;
  position: relative;
}
.checklists__settings-link {
  position: absolute;
  right: 0;
  top: 0.8rem;
}
.checklists__heading {
  margin-top: 1.4rem;
}
.checklists__drop-target {
  border-top: 0.2rem solid #0ab675;
  position: relative;
  opacity: 0;
  margin-bottom: -0.2rem;
}
.checklists__drop-target--visible {
  opacity: 1;
}
.checklists__drop-target::before {
  content: "";
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border: 0.2rem solid #0ab675;
  border-radius: 50%;
  left: -0.8rem;
  top: -0.5rem;
}
.checklists__action {
  display: flex;
  padding: 0.9rem 0;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  position: relative;
}
.checklists__action[draggable=true] {
  cursor: pointer;
}
.checklists__action--done {
  opacity: 0.3;
}
.checklists__action--skipped {
  opacity: 0.1;
  pointer-events: none;
}
.checklists__action--drag-target {
  opacity: 0.3;
}
.checklists__action-skip {
  cursor: pointer;
  white-space: nowrap;
}
.checklists__action-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
}
.checklists__action-item {
  display: flex;
  align-items: center;
}
.checklists__action-delimiter {
  width: 0.4rem;
  height: 0.4rem;
  background: #808080;
  border-radius: 50%;
  margin: 0 0.8rem;
  position: relative;
  top: -0.2rem;
}
.checklists__action-delimiter:last-child {
  display: none;
}
.checklists__action-done, .checklists__action-remove {
  cursor: pointer;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 1.3rem;
  flex-shrink: 0;
}
.checklists__action-done--disabled, .checklists__action-remove--disabled {
  pointer-events: none;
  opacity: 0.3;
}
.checklists__action:not([data-service]) .checklists__action-checkmark {
  border-radius: 0.2rem;
  border: 0.25rem solid #147539;
  top: 1rem;
  width: 1.75rem;
  height: 1.75rem;
}
.checklists__action[data-service] .checklists__action-checkmark:after {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 0.8rem;
  width: 2.2rem;
  height: 2.2rem;
}
.checklists__action[data-service=google] .checklists__action-checkmark:after {
  background-image: url("/newpont/api/icons/google.svg");
}
.checklists__action[data-service=youtrack] .checklists__action-checkmark:after {
  background-image: url("/newpont/api/icons/youtrack.svg");
}
.checklists__action[data-service=github] .checklists__action-checkmark:after {
  background-image: url("/newpont/api/icons/github.svg");
}
.checklists__action[data-service=slack] .checklists__action-checkmark:after {
  background-image: url("/newpont/api/icons/slack.svg");
}
.checklists__action-checkbox {
  display: none;
}
.checklists__action-checkbox:checked ~ .checklists__action-checkmark {
  background-color: #147539;
  background-image: url("/newpont/api/icons/checkmark.svg");
  background-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0.2rem;
  border: 0.25rem solid #147539;
  top: 1rem;
  width: 1.75rem;
  height: 1.75rem;
}
.checklists__action-checkbox:checked ~ .checklists__action-checkmark:after {
  left: 1.4rem;
  top: 1.45rem;
  width: 1.4rem;
  height: 1.4rem;
  background-size: 1rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
}
.checklists__action:not([data-service]) .checklists__action-done--progress .checklists__action-checkmark, .checklists__action[data-service] .checklists__action-done--progress .checklists__action-checkmark {
  border-radius: 0.2rem;
  border: 0.25rem solid #147539;
  top: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.checklists__action:not([data-service]) .checklists__action-done--progress .checklists__action-checkmark:after, .checklists__action[data-service] .checklists__action-done--progress .checklists__action-checkmark:after {
  content: none;
}
.checklists__action-remove {
  border-radius: 0.2rem;
  border: 0.25rem solid #147539;
  top: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  top: 0;
  border-color: #e77676;
  background-color: #e77676;
  background-image: url("/newpont/api/icons/cross-white.svg");
  background-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0.35rem;
  margin-right: 1.65rem;
}
.checklists__action-label:not([contenteditable=true]) {
  cursor: pointer;
}
.checklists__action-label:not([contenteditable=true]) p {
  margin: 0;
}
.checklists__action-secondary {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 300;
}
.checklists__action-input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.checklists__action-input:empty {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}
.checklists__action-input:empty:before {
  opacity: 1;
}
.checklists__action-input:focus {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}
.checklists__action-input:focus:empty:before {
  opacity: 0.5;
}
.checklists__action-select {
  position: relative;
}
.checklists__action-select label {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
  padding-right: 2rem;
  display: block;
}
.checklists__action-select label:after {
  content: "";
  background-image: url("/newpont/api/icons/chevron-right.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0.8rem;
  height: 100%;
  width: 0.5rem;
  top: 0;
  pointer-events: none;
  transform: rotate(-90deg);
}
.checklists__action-select select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.checklists__action-button {
  user-select: none;
  cursor: pointer;
  border-radius: 0.3rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(10, 182, 117, 0.24);
  background: #0ab675;
  color: white;
  padding: 0.25rem 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.checklists__action-button--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.checklists__button {
  margin-bottom: 2.4rem;
  max-width: 36rem;
}
.checklists__button--done {
  margin-top: 2.8rem;
}
.checklists__button--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.checklists__add {
  background: #f1f3f4;
  border-radius: 0.4rem;
  padding: 0.7rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 2rem auto 2.8rem;
  cursor: pointer;
}
.checklists__add svg {
  width: 1rem;
  margin-right: 0.6rem;
}

.resource-planning {
  font-size: 1.8rem;
  line-height: 2.5rem;
  position: relative;
}
.resource-planning__setup-link {
  position: absolute;
  right: 0;
  top: 0.8rem;
}
.resource-planning__projects {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
}
.resource-planning__project {
  padding: 0.3rem 0.6rem;
  position: relative;
  font-size: 1.4rem;
  line-height: 2rem;
  z-index: 1;
  margin-bottom: 0.8rem;
}
.resource-planning__project:not(:last-child) {
  margin-right: 0.6rem;
}
.resource-planning__project::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  opacity: 0.5;
  z-index: -1;
  background: var(--background);
}

.invoices__add {
  max-width: 36rem;
  margin-top: 2.4rem;
}
.invoices__calendar {
  margin-bottom: 3rem;
}
.invoices__rate {
  margin-bottom: 3.6rem;
  border-radius: 0.4rem;
  background: #f1f3f4;
  padding: 1.2rem 1.6rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
}

.time-tracks h3, .time-tracks__toggl {
  margin-left: 1.2rem;
}
.time-tracks__not-matched {
  margin-top: 4.8rem;
}
.time-tracks__matched, .time-tracks__not-matched {
  margin-bottom: 2.4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.time-tracks__date {
  opacity: 0.3;
  margin: 1.65rem 0 0.55rem 1.2rem;
}
.time-tracks__row {
  display: flex;
  padding: 0.55rem 0 0.55rem 1.2rem;
}
.time-tracks__row:hover {
  background: #f7f9fa;
}
.time-tracks__duration {
  flex-basis: 5rem;
}
.time-tracks__issue {
  flex-basis: 16rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 1rem;
}
.time-tracks__type {
  flex-basis: 10rem;
  padding-left: 1rem;
}
.time-tracks__description {
  flex: 1;
  padding-left: 1rem;
  white-space: pre-wrap;
}
.time-tracks__toggl-error {
  padding: 1rem;
  background: #f7f9fa;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.time-tracks__toggl-error pre {
  white-space: pre-wrap;
}
.time-tracks__toggl {
  margin-top: 4.8rem;
}
.time-tracks__toggl-token {
  min-width: 5rem;
}
.time-tracks__toggl-workspaceid {
  min-width: 5rem;
}
.time-tracks__toggl-synced {
  min-width: 15rem;
}
.time-tracks__toggl-row {
  display: flex;
  align-items: flex-end;
}
.time-tracks__toggl-row fieldset {
  border-radius: 0.4rem;
  border-color: rgba(0, 0, 0, 0.4);
  padding: 0.4rem 2rem 0.9rem 1.6rem;
  margin: 0;
}
.time-tracks__toggl-row fieldset:first-child {
  flex-grow: 1;
}
.time-tracks__toggl-row fieldset input {
  border: 0;
  padding: 0;
  width: 100%;
}
.time-tracks__toggl-row fieldset input:focus {
  outline: none;
}
.time-tracks__toggl-row fieldset input,
.time-tracks__toggl-row fieldset div {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.time-tracks__toggl-row fieldset legend {
  opacity: 0.5;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.time-tracks__toggl-row > *:not(:first-child) {
  margin-left: 1.8rem;
}
.time-tracks__toggl-checkbox {
  padding-top: 1.6rem;
}
.time-tracks__toggl-sync-button, .time-tracks__toggl-remove-button, .time-tracks__toggl-add-button {
  background: #0ab675;
  border-radius: 0.6rem;
  height: 4.8rem;
  width: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.time-tracks__toggl-sync-button--disabled, .time-tracks__toggl-remove-button--disabled, .time-tracks__toggl-add-button--disabled {
  background: #808080;
  cursor: default;
}
.time-tracks__toggl-sync-button svg, .time-tracks__toggl-remove-button svg, .time-tracks__toggl-add-button svg {
  width: 1.8rem;
}
.time-tracks__toggl-sync-button svg path, .time-tracks__toggl-remove-button svg path, .time-tracks__toggl-add-button svg path {
  fill: white;
}

.time-reports__top {
  position: relative;
}
.time-reports__heading {
  display: inline-block;
  width: 100%;
}
.time-reports__toggle {
  position: absolute;
  top: 0.65rem;
  right: 0;
  font-size: 1.8rem;
  line-height: 2.5rem;
  opacity: 0.3;
  cursor: pointer;
}
.time-reports__toggle::before {
  content: url("/newpont/api/icons/expand.svg");
  width: 1.5rem;
  position: absolute;
  left: -2rem;
  top: 1px;
}
.time-reports .filter {
  margin-bottom: 2rem;
}
.content--wide .time-reports__top {
  margin-bottom: 2.4rem;
}
.content--wide .time-reports__toggle {
  top: 0;
}
.content--wide .time-reports__toggle::before {
  content: url("/newpont/api/icons/minimize.svg");
}
.content--wide .time-reports__heading {
  display: flex;
  align-items: center;
}
.content--wide .time-reports__heading h1 {
  margin: 0 1.2rem 0 0;
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.content--wide .time-reports__heading h2 {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 300;
  color: black;
}
.content--wide .time-reports .filter {
  margin-bottom: 1.2rem;
}

.project {
  position: relative;
}
.project__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: -8.4rem;
  left: 1.8rem;
  right: 1.8rem;
}
.project__head svg {
  height: 2.4rem;
}
.project__serokell {
  color: #000;
  text-decoration: none;
  opacity: 0.3;
}
.project__title {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: #0ab675;
}
.project__title svg {
  margin-top: -0.4rem;
  margin-right: 0.4rem;
}
.project__title span {
  opacity: 0.7;
  position: relative;
  top: -1px;
}
.project__logo {
  margin-left: 0.8rem;
  margin-top: -0.4rem;
  max-height: 3.6rem;
}
.project__user--contact {
  cursor: pointer;
}
.project__user--open {
  background: white;
  box-shadow: 0 0.8rem 3.2rem 0 rgba(0, 0, 0, 0.12);
}
.project__user-chat {
  margin-right: 1.8rem;
  margin-left: 0.6rem;
}
.project__user-chat svg {
  width: 1.6rem;
}
.project__user--open .project__dropdown {
  display: block;
}
.project__dropdown {
  border-radius: 0.6rem;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.12), 0 0 1.6rem 0 rgba(0, 0, 0, 0.06);
  background: white;
  position: absolute;
  top: calc(100% + 0.6rem);
  z-index: 1;
  display: none;
}
.project__dropdown-item {
  text-decoration: none;
  color: black;
  padding: 1.2rem 2.4rem;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.project__dropdown-icon {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.3rem;
  margin-right: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project__dropdown-icon svg {
  width: 100%;
}
.project__heading {
  margin: 2rem 1.8rem 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project__heading h3 {
  margin: 0;
  margin-right: 1.8rem;
}
.project__heading-filters {
  flex-grow: 1;
}
.project__add-issue {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: #0ab675;
  padding: 0.6rem 1.2rem;
  cursor: pointer;
}
.project__add-issue:hover {
  border-radius: 0.6rem;
  background: rgba(10, 182, 117, 0.1);
}
.project__filter {
  opacity: 0.3;
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-right: 1.8rem;
  cursor: pointer;
}
.project__filter--selected {
  opacity: 1;
}
.project__new {
  background: #f7f9fa;
  border-radius: 0.6rem;
  padding: 0.9rem 1.8rem 1.8rem;
  margin-bottom: 1.8rem;
}
.project__new [contenteditable=true] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.project__new [contenteditable=true]:focus {
  outline: none;
}
.project__new-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2.1rem;
  line-height: 2.9rem;
  margin-bottom: 1.8rem;
}
.project__new-close {
  cursor: pointer;
  padding: 0.6rem;
}
.project__new-close svg {
  width: 1.2rem;
  line-height: 1;
}
.project__new-description {
  margin-bottom: 1.8rem;
}
.project__new-field {
  display: flex;
  margin-bottom: 1.8rem;
}
.project__new-field label {
  margin-right: 1rem;
}
.project__new-select {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.project__new-create {
  max-width: 36rem;
  margin: 0.6rem auto;
}
.project__search {
  margin-left: 1.8rem;
  margin-bottom: 1.3rem;
  background: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  display: inline-flex;
  align-items: center;
}
.project__search-input {
  font-size: 1.6rem;
  line-height: 2.5rem;
}
.project__search-input:focus {
  outline: none;
}
.project__search svg {
  opacity: 0.5;
  width: 1.1rem;
  margin-right: 1rem;
}
.project__issues-table {
  width: 100%;
}
.project__issues td {
  padding: 0.5rem 1rem;
}
.project__issues td:first-child {
  width: 10rem;
  max-width: 10rem;
  vertical-align: top;
  padding-left: 1.8rem;
}
.project__issues td:nth-last-child(2) {
  width: 4rem;
  max-width: 4rem;
  vertical-align: top;
}
.project__issues td:last-child {
  width: 2.5rem;
  max-width: 2.5rem;
  vertical-align: top;
}
.project__issues-load-more {
  padding: 0.5rem 0;
  margin-top: 1rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.project__issue-title {
  cursor: pointer;
}
.project__issue-title--open td:first-child, .project__issue-title--open td:nth-child(2) {
  font-weight: bold;
}
.project__issue-title--resolved {
  text-decoration: line-through;
}
.project__issue-title:hover .project__issue-fold {
  display: block;
}
.project__issue-title--open .project__issue-fold {
  display: block;
  transform: rotate(90deg);
}
.project__issue-title--open .project__issue-details {
  display: block;
}
.project__issue-menu {
  font-size: 1.8rem;
  line-height: 1.39;
  background: white;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.12), 0 0 1.6rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.6rem;
  display: none;
  z-index: 10;
  position: absolute;
  right: 1rem;
}
.project__issue-menu--visible {
  display: block;
}
.project__issue-menu svg {
  width: 1.4rem;
  margin-right: 1.7rem;
}
.project__issue-menu-item {
  padding: 1.2rem 2.4rem;
}
.project__issue-menu-item:hover {
  background: #f1f3f4;
}
.project__issue-description {
  display: none;
}
.project__issue-description--open {
  display: table-row;
}
.project__issue-description h1,
.project__issue-description h2,
.project__issue-description h3,
.project__issue-description h4,
.project__issue-description h5 {
  margin: 1rem 0;
  text-align: left;
  font-weight: bold;
  font-size: inherit;
  line-height: inherit;
}
.project__issue-description pre {
  white-space: pre-wrap;
}
.project__issue-description img {
  max-width: 100%;
}
.project__issue-title--open td, .project__issue-description--open td {
  background: #f7f9fa;
}
.project__issue-fold {
  display: none;
  stroke: #0ab675;
}
.project__issue-details {
  display: none;
}
@media not all and (max-width: 767px) {
  .project__issue-title td:first-child {
    border-top-left-radius: 0.6rem;
  }
  .project__issue-title td:last-child {
    border-top-right-radius: 0.6rem;
  }
  .project__issue-description td {
    border-bottom-left-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
    padding-left: 11rem;
  }
}
@media (max-width: 767px) {
  .project__head {
    top: -4.5rem;
    left: 1.8rem;
    right: 1.8rem;
  }
  .project__heading {
    flex-wrap: wrap;
  }
  .project__heading-filters {
    order: 3;
    flex-basis: 100%;
    margin-top: 1.2rem;
  }
  .project__issue-description td {
    padding-left: 1.8rem;
  }
}