@charset "UTF-8";
@viewport {
  width: device-width;
}
/*
  Resets annoying things */
* {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  border-radius: 0;
}

html {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

strong,
b {
  font-weight: bold;
}

em,
i {
  font-style: italic;
}

/*
  Misc element fixes */
a {
  background-color: transparent;
}

img {
  max-width: 100%;
}

/*
  Buttons and forms */
button,
[type=button],
[type=submit],
[type=reset] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  white-space: normal;
}

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

::-moz-placeholder {
  opacity: 0.618;
  color: inherit;
}

:-ms-input-placeholder {
  opacity: 0.618;
  color: inherit;
}

::placeholder {
  opacity: 0.618;
  color: inherit;
}

:disabled {
  opacity: 0.618;
  cursor: not-allowed;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  resize: vertical;
  display: block;
}

/*
  Removes touch input lag from tappable things */
a,
button,
input,
textarea,
select,
label,
canvas {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: font-url("/assets/nunito-sans-v3-latin-700-ce690a73.eot"); /* IE9 Compat Modes */
  src: local("Nunito Sans Bold"), local("NunitoSans-Bold"), font-url("/assets/nunito-sans-v3-latin-700-ce690a73.eot?#iefix") format("embedded-opentype"), font-url("/assets/nunito-sans-v3-latin-700-fbb8a7f4.woff2") format("woff2"), font-url("/assets/nunito-sans-v3-latin-700-174921bd.woff") format("woff"), font-url("/assets/nunito-sans-v3-latin-700-76a652b0.ttf") format("truetype"), font-url("/assets/nunito-sans-v3-latin-700-c7f663bf.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: font-url("/assets/source-sans-pro-v11-latin-regular-f6da6638.eot"); /* IE9 Compat Modes */
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), font-url("/assets/source-sans-pro-v11-latin-regular-f6da6638.eot?#iefix") format("embedded-opentype"), font-url("/assets/source-sans-pro-v11-latin-regular-edbfe26a.woff2") format("woff2"), font-url("/assets/source-sans-pro-v11-latin-regular-16382b71.woff") format("woff"), font-url("/assets/source-sans-pro-v11-latin-regular-c42279b8.ttf") format("truetype"), font-url("/assets/source-sans-pro-v11-latin-regular-a9c45626.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: font-url("/assets/source-sans-pro-v11-latin-italic-9ff08f3a.eot"); /* IE9 Compat Modes */
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), font-url("/assets/source-sans-pro-v11-latin-italic-9ff08f3a.eot?#iefix") format("embedded-opentype"), font-url("/assets/source-sans-pro-v11-latin-italic-f1bf2289.woff2") format("woff2"), font-url("/assets/source-sans-pro-v11-latin-italic-3f5654b1.woff") format("woff"), font-url("/assets/source-sans-pro-v11-latin-italic-2f154f6b.ttf") format("truetype"), font-url("/assets/source-sans-pro-v11-latin-italic-74645992.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: font-url("/assets/source-sans-pro-v11-latin-600-9c13b6eb.eot"); /* IE9 Compat Modes */
  src: local("Source Sans Pro Regular"), local("SourceSansPro-SemiBold"), font-url("/assets/source-sans-pro-v11-latin-600-9c13b6eb.eot?#iefix") format("embedded-opentype"), font-url("/assets/source-sans-pro-v11-latin-600-52b320f1.woff2") format("woff2"), font-url("/assets/source-sans-pro-v11-latin-600-6faa49d9.woff") format("woff"), font-url("/assets/source-sans-pro-v11-latin-600-2f46cff5.ttf") format("truetype"), font-url("/assets/source-sans-pro-v11-latin-600-aa3ae4d9.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: font-url("/assets/source-sans-pro-v11-latin-700-1c3e39ce.eot"); /* IE9 Compat Modes */
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), font-url("/assets/source-sans-pro-v11-latin-700-1c3e39ce.eot?#iefix") format("embedded-opentype"), font-url("/assets/source-sans-pro-v11-latin-700-2cf4756c.woff2") format("woff2"), font-url("/assets/source-sans-pro-v11-latin-700-6fc98e3e.woff") format("woff"), font-url("/assets/source-sans-pro-v11-latin-700-e0fb5b94.ttf") format("truetype"), font-url("/assets/source-sans-pro-v11-latin-700-f58c20de.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
html {
  font-size: 1.332em; /* Used if browser doesn't support calc() */
  font-size: calc(1.11em + 0.2 * 1vw + 0.2 * 1vh + 0.2 / 2 * 1vmin);
}

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  padding: 0.5rem;
  border: 1px solid;
}

.button {
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid;
}

.full-width {
  width: 100%;
}

.stripped-button {
  padding: none;
  border-radius: none;
  border: none;
  text-decoration: underline;
}

.hidden-stair-apartments-selection {
  display: none;
}

html,
body {
  height: 100%;
}

html {
  color: hsl(0, 0%, 0%);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  position: relative;
  font-size: 0.67rem;
  line-height: 1rem;
  font-weight: normal;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -0.01em;
  color: #1f2128;
  background-color: #f7f8f9;
}

img {
  width: 100%;
  height: auto;
}

table thead tr {
  border-bottom: 1px solid hsl(0, 0%, 0%);
}
table tbody tr {
  border-bottom: 1px solid hsl(0, 0%, 0%);
}
table tbody tr:last-child {
  border-bottom: none;
}
table th {
  padding: 0.5rem;
  font-size: 0.57rem;
  line-height: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
table td {
  font-weight: 500;
  padding: 0.5rem;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  } /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  } /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 1cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@media print {
  .site-wrapper {
    display: block !important;
  }
  .site-wrapper__aside {
    display: none !important;
  }
  .navigation-bar {
    display: none !important;
  }
  .page-header__action {
    display: none !important;
  }
  .split-view__left {
    display: block !important;
    flex-grow: 1 !important;
  }
  .split-view__left .pane__header {
    display: none;
  }
  .split-view__right {
    display: block !important;
    flex-grow: 1 !important;
  }
  .split-view__right .pane__header {
    display: none;
  }
  .pane__scroll {
    display: block !important;
  }
  .pane__inner {
    position: relative !important;
  }
  .simplebar-scroll-content {
    overflow: visible !important;
    max-height: 100% !important;
  }
  .simplebar-content {
    overflow: visible !important;
    overflow-y: visible !important;
  }
  .tab-bar {
    display: none !important;
  }
}
@media print and (-ms-high-contrast: none) {
  * {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    float: none;
  }
  .split-view * {
    display: block !important;
  }
  .pane__header.pane__header--top {
    display: none !important;
  }
  .pane__header.pane__header--bottom {
    display: none !important;
  }
}
@media print {
  .task-actions {
    display: none !important;
  }
  .task-pagination {
    display: none !important;
  }
  .simple_form.assignment {
    display: none !important;
  }
  .history-event__inner {
    box-shadow: none !important;
    border: 1px solid #e1e3e8;
  }
  @-moz-document url-prefix() {
    * {
      overflow: visible !important;
      overflow-x: visible !important;
      overflow-y: visible !important;
      flex: none;
      float: none;
    }
    .site-wrapper__main {
      display: contents !important;
    }
    .full-page,
    .split-view,
    .split-view__left,
    .split-view__right {
      display: block !important;
    }
  }
}
.borders {
  border-style: solid;
  border-width: 1px;
}

.borders-dashed {
  border-style: dashed;
  border-width: 2px;
}

.borders-dotted {
  border-style: dotted;
  border-width: 1px;
}

.borders-y {
  border-style: solid;
  border-width: 1px 0;
}

.borders-x {
  border-style: solid;
  border-width: 0 1px;
}

.border-left {
  border-width: 0 0 0 1px;
  border-style: solid;
}

.border-top {
  border-width: 1px 0 0 0;
  border-style: solid;
}

.border-right {
  border-width: 0 1px 0 0;
  border-style: solid;
}

.border-bottom {
  border-width: 0 0 1px 0;
  border-style: solid;
}

.child-borders > *,
.child-borders-x > *,
.child-borders-y > * {
  border-style: solid;
  border-width: 0;
}

.child-borders {
  border: 0 solid;
  border-width: 1px 0 0 1px;
}

.child-borders > * + * {
  border-width: 0 1px 1px 0;
}

.child-borders-x > * + * {
  border-left-width: 1px;
}

.child-borders-y > * + * {
  border-top-width: 1px;
}

.border-radius,
.border-radius-0-125 {
  border-radius: 0.125rem;
}

.border-radius-0-25 {
  border-radius: 0.25rem;
}

.border-radius-0-5 {
  border-radius: 0.5rem;
}

.border-radius-rounded {
  border-radius: 200px;
}

.border-radius-50 {
  border-radius: 50%;
}

.color-primary-light {
  color: #effaef;
}

.color-primary {
  color: #3fb139;
}

.color-primary-dark {
  color: #246420;
}

.color-action {
  color: #e7007c;
}

.color-gray-lightest {
  color: #f7f8f9;
}

.color-gray-light {
  color: #e1e3e8;
}

.color-gray {
  color: #9c9fa8;
}

.color-gray-dark {
  color: #696d77;
}

.color-gray-darkest {
  color: #1f2128;
}

.color-red-light {
  color: #fcefef;
}

.color-red {
  color: #d9464a;
}

.color-red-dark {
  color: #7d1a1c;
}

.color-yellow-light {
  color: #fcf7ef;
}

.color-yellow {
  color: #f49f0a;
}

.color-blue {
  color: #007dc0;
}

.color-purple {
  color: #b460fc;
}

.color-black {
  color: hsl(0, 0%, 0%);
}

.color-white {
  color: hsl(100, 100%, 100%);
}

.color-transparent {
  color: transparent;
}

.color-none {
  color: none;
}

.color-inherit {
  color: inherit;
}

.color-currentcolor {
  color: currentcolor;
}

.bg-primary-light {
  background-color: #effaef;
}

.bg-primary {
  background-color: #3fb139;
}

.bg-primary-dark {
  background-color: #246420;
}

.bg-action {
  background-color: #e7007c;
}

.bg-gray-lightest {
  background-color: #f7f8f9;
}

.bg-gray-light {
  background-color: #e1e3e8;
}

.bg-gray {
  background-color: #9c9fa8;
}

.bg-gray-dark {
  background-color: #696d77;
}

.bg-gray-darkest {
  background-color: #1f2128;
}

.bg-red-light {
  background-color: #fcefef;
}

.bg-red {
  background-color: #d9464a;
}

.bg-red-dark {
  background-color: #7d1a1c;
}

.bg-yellow-light {
  background-color: #fcf7ef;
}

.bg-yellow {
  background-color: #f49f0a;
}

.bg-blue {
  background-color: #007dc0;
}

.bg-purple {
  background-color: #b460fc;
}

.bg-black {
  background-color: hsl(0, 0%, 0%);
}

.bg-white {
  background-color: hsl(100, 100%, 100%);
}

.bg-transparent {
  background-color: transparent;
}

.bg-none {
  background-color: none;
}

.bg-inherit {
  background-color: inherit;
}

.bg-currentcolor {
  background-color: currentcolor;
}

.border-color-primary-light {
  border-color: #effaef;
}

.border-color-primary {
  border-color: #3fb139;
}

.border-color-primary-dark {
  border-color: #246420;
}

.border-color-action {
  border-color: #e7007c;
}

.border-color-gray-lightest {
  border-color: #f7f8f9;
}

.border-color-gray-light {
  border-color: #e1e3e8;
}

.border-color-gray {
  border-color: #9c9fa8;
}

.border-color-gray-dark {
  border-color: #696d77;
}

.border-color-gray-darkest {
  border-color: #1f2128;
}

.border-color-red-light {
  border-color: #fcefef;
}

.border-color-red {
  border-color: #d9464a;
}

.border-color-red-dark {
  border-color: #7d1a1c;
}

.border-color-yellow-light {
  border-color: #fcf7ef;
}

.border-color-yellow {
  border-color: #f49f0a;
}

.border-color-blue {
  border-color: #007dc0;
}

.border-color-purple {
  border-color: #b460fc;
}

.border-color-black {
  border-color: hsl(0, 0%, 0%);
}

.border-color-white {
  border-color: hsl(100, 100%, 100%);
}

.border-color-transparent {
  border-color: transparent;
}

.border-color-none {
  border-color: none;
}

.border-color-inherit {
  border-color: inherit;
}

.border-color-currentcolor {
  border-color: currentcolor;
}

.stroke-primary-light {
  stroke: #effaef;
}

.stroke-primary {
  stroke: #3fb139;
}

.stroke-primary-dark {
  stroke: #246420;
}

.stroke-action {
  stroke: #e7007c;
}

.stroke-gray-lightest {
  stroke: #f7f8f9;
}

.stroke-gray-light {
  stroke: #e1e3e8;
}

.stroke-gray {
  stroke: #9c9fa8;
}

.stroke-gray-dark {
  stroke: #696d77;
}

.stroke-gray-darkest {
  stroke: #1f2128;
}

.stroke-red-light {
  stroke: #fcefef;
}

.stroke-red {
  stroke: #d9464a;
}

.stroke-red-dark {
  stroke: #7d1a1c;
}

.stroke-yellow-light {
  stroke: #fcf7ef;
}

.stroke-yellow {
  stroke: #f49f0a;
}

.stroke-blue {
  stroke: #007dc0;
}

.stroke-purple {
  stroke: #b460fc;
}

.stroke-black {
  stroke: hsl(0, 0%, 0%);
}

.stroke-white {
  stroke: hsl(100, 100%, 100%);
}

.stroke-transparent {
  stroke: transparent;
}

.stroke-none {
  stroke: none;
}

.stroke-inherit {
  stroke: inherit;
}

.stroke-currentcolor {
  stroke: currentcolor;
}

.fill-primary-light {
  fill: #effaef;
}

.fill-primary {
  fill: #3fb139;
}

.fill-primary-dark {
  fill: #246420;
}

.fill-action {
  fill: #e7007c;
}

.fill-gray-lightest {
  fill: #f7f8f9;
}

.fill-gray-light {
  fill: #e1e3e8;
}

.fill-gray {
  fill: #9c9fa8;
}

.fill-gray-dark {
  fill: #696d77;
}

.fill-gray-darkest {
  fill: #1f2128;
}

.fill-red-light {
  fill: #fcefef;
}

.fill-red {
  fill: #d9464a;
}

.fill-red-dark {
  fill: #7d1a1c;
}

.fill-yellow-light {
  fill: #fcf7ef;
}

.fill-yellow {
  fill: #f49f0a;
}

.fill-blue {
  fill: #007dc0;
}

.fill-purple {
  fill: #b460fc;
}

.fill-black {
  fill: hsl(0, 0%, 0%);
}

.fill-white {
  fill: hsl(100, 100%, 100%);
}

.fill-transparent {
  fill: transparent;
}

.fill-none {
  fill: none;
}

.fill-inherit {
  fill: inherit;
}

.fill-currentcolor {
  fill: currentcolor;
}

.outline-primary-light {
  outline: #effaef;
}

.outline-primary {
  outline: #3fb139;
}

.outline-primary-dark {
  outline: #246420;
}

.outline-action {
  outline: #e7007c;
}

.outline-gray-lightest {
  outline: #f7f8f9;
}

.outline-gray-light {
  outline: #e1e3e8;
}

.outline-gray {
  outline: #9c9fa8;
}

.outline-gray-dark {
  outline: #696d77;
}

.outline-gray-darkest {
  outline: #1f2128;
}

.outline-red-light {
  outline: #fcefef;
}

.outline-red {
  outline: #d9464a;
}

.outline-red-dark {
  outline: #7d1a1c;
}

.outline-yellow-light {
  outline: #fcf7ef;
}

.outline-yellow {
  outline: #f49f0a;
}

.outline-blue {
  outline: #007dc0;
}

.outline-purple {
  outline: #b460fc;
}

.outline-black {
  outline: hsl(0, 0%, 0%);
}

.outline-white {
  outline: hsl(100, 100%, 100%);
}

.outline-transparent {
  outline: transparent;
}

.outline-none {
  outline: none;
}

.outline-inherit {
  outline: inherit;
}

.outline-currentcolor {
  outline: currentcolor;
}

.flex,
.flex-x {
  display: flex;
}

.flex-y {
  display: flex;
  flex-direction: column;
}

.align-start {
  align-items: flex-start;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.justify-center {
  justify-content: center;
}

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

.justify {
  justify-content: space-between;
}

.even > * {
  flex-basis: 0;
  flex-grow: 1;
}

.grow,
.grow-children > * {
  flex-basis: auto;
  flex-grow: 1;
}

.no-shrink {
  flex-shrink: 0;
}

.wrap {
  flex-wrap: wrap;
}

.container {
  padding-right: 1rem;
  padding-left: 1rem;
}
.container--fixed-width {
  max-width: 60rem;
}
.container--center {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 639px) {
  .container--collapse-xs {
    padding-right: 0;
    padding-left: 0;
  }
  .container--collapse-xs .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container--collapse-xs *[class^=col-]:not(.gutter) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .container--collapse-s {
    padding-right: 0;
    padding-left: 0;
  }
  .container--collapse-s .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container--collapse-s *[class^=col-]:not(.gutter) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1279px) {
  .container--collapse-m {
    padding-right: 0;
    padding-left: 0;
  }
  .container--collapse-m .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container--collapse-m *[class^=col-]:not(.gutter) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1439px) {
  .container--collapse-l {
    padding-right: 0;
    padding-left: 0;
  }
  .container--collapse-l .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container--collapse-l *[class^=col-]:not(.gutter) {
    padding-left: 0;
    padding-right: 0;
  }
}
.container--collapse {
  padding-right: 0;
  padding-left: 0;
}
.container--collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.container--collapse *[class^=col-] {
  padding-left: 0;
  padding-right: 0;
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.row .row {
  margin-right: 0;
  margin-left: 0;
}

.row.reverse {
  flex-direction: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media screen and (min-width: 640px) {
  .col-s,
  .col-s-1,
  .col-s-2,
  .col-s-3,
  .col-s-4,
  .col-s-5,
  .col-s-6,
  .col-s-7,
  .col-s-8,
  .col-s-9,
  .col-s-10,
  .col-s-11,
  .col-s-12,
  .col-s-offset-0,
  .col-s-offset-1,
  .col-s-offset-2,
  .col-s-offset-3,
  .col-s-offset-4,
  .col-s-offset-5,
  .col-s-offset-6,
  .col-s-offset-7,
  .col-s-offset-8,
  .col-s-offset-9,
  .col-s-offset-10,
  .col-s-offset-11,
  .col-s-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .col-s {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-s-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-s-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-s-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-s-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-s-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-s-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-s-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-s-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-s-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-s-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-s-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-s-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-s-offset-0 {
    margin-left: 0;
  }
  .col-s-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-s-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-s-offset-3 {
    margin-left: 25%;
  }
  .col-s-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-s-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-s-offset-6 {
    margin-left: 50%;
  }
  .col-s-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-s-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-s-offset-9 {
    margin-left: 75%;
  }
  .col-s-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-s-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-s {
    justify-content: flex-start;
    text-align: start;
  }
  .center-s {
    justify-content: center;
    text-align: center;
  }
  .end-s {
    justify-content: flex-end;
    text-align: end;
  }
  .top-s {
    align-items: flex-start;
  }
  .middle-s {
    align-items: center;
  }
  .bottom-s {
    align-items: flex-end;
  }
  .around-s {
    justify-content: space-around;
  }
  .between-s {
    justify-content: space-between;
  }
  .first-s {
    order: -1;
  }
  .last-s {
    order: 1;
  }
}
@media screen and (min-width: 1024px) {
  .col-m,
  .col-m-1,
  .col-m-2,
  .col-m-3,
  .col-m-4,
  .col-m-5,
  .col-m-6,
  .col-m-7,
  .col-m-8,
  .col-m-9,
  .col-m-10,
  .col-m-11,
  .col-m-12,
  .col-m-offset-0,
  .col-m-offset-1,
  .col-m-offset-2,
  .col-m-offset-3,
  .col-m-offset-4,
  .col-m-offset-5,
  .col-m-offset-6,
  .col-m-offset-7,
  .col-m-offset-8,
  .col-m-offset-9,
  .col-m-offset-10,
  .col-m-offset-11,
  .col-m-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .col-m {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-m-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-m-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-m-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-m-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-m-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-m-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-m-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-m-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-m-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-m-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-m-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-m-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-m-offset-0 {
    margin-left: 0;
  }
  .col-m-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-m-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-m-offset-3 {
    margin-left: 25%;
  }
  .col-m-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-m-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-m-offset-6 {
    margin-left: 50%;
  }
  .col-m-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-m-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-m-offset-9 {
    margin-left: 75%;
  }
  .col-m-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-m-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-m {
    justify-content: flex-start;
    text-align: start;
  }
  .center-m {
    justify-content: center;
    text-align: center;
  }
  .end-m {
    justify-content: flex-end;
    text-align: end;
  }
  .top-m {
    align-items: flex-start;
  }
  .middle-m {
    align-items: center;
  }
  .bottom-m {
    align-items: flex-end;
  }
  .around-m {
    justify-content: space-around;
  }
  .between-m {
    justify-content: space-between;
  }
  .first-m {
    order: -1;
  }
  .last-m {
    order: 1;
  }
}
@media screen and (min-width: 1280px) {
  .col-l,
  .col-l-1,
  .col-l-2,
  .col-l-3,
  .col-l-4,
  .col-l-5,
  .col-l-6,
  .col-l-7,
  .col-l-8,
  .col-l-9,
  .col-l-10,
  .col-l-11,
  .col-l-12,
  .col-l-offset-0,
  .col-l-offset-1,
  .col-l-offset-2,
  .col-l-offset-3,
  .col-l-offset-4,
  .col-l-offset-5,
  .col-l-offset-6,
  .col-l-offset-7,
  .col-l-offset-8,
  .col-l-offset-9,
  .col-l-offset-10,
  .col-l-offset-11,
  .col-l-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .col-l {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-l-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-l-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-l-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-l-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-l-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-l-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-l-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-l-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-l-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-l-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-l-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-l-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-l-offset-0 {
    margin-left: 0;
  }
  .col-l-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-l-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-l-offset-3 {
    margin-left: 25%;
  }
  .col-l-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-l-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-l-offset-6 {
    margin-left: 50%;
  }
  .col-l-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-l-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-l-offset-9 {
    margin-left: 75%;
  }
  .col-l-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-l-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-l {
    justify-content: flex-start;
    text-align: start;
  }
  .center-l {
    justify-content: center;
    text-align: center;
  }
  .end-l {
    justify-content: flex-end;
    text-align: end;
  }
  .top-l {
    align-items: flex-start;
  }
  .middle-l {
    align-items: center;
  }
  .bottom-l {
    align-items: flex-end;
  }
  .around-l {
    justify-content: space-around;
  }
  .between-l {
    justify-content: space-between;
  }
  .first-l {
    order: -1;
  }
  .last-l {
    order: 1;
  }
}
@media screen and (min-width: 1440px) {
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-offset-0,
  .col-xl-offset-1,
  .col-xl-offset-2,
  .col-xl-offset-3,
  .col-xl-offset-4,
  .col-xl-offset-5,
  .col-xl-offset-6,
  .col-xl-offset-7,
  .col-xl-offset-8,
  .col-xl-offset-9,
  .col-xl-offset-10,
  .col-xl-offset-11,
  .col-xl-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-xl-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-xl {
    justify-content: flex-start;
    text-align: start;
  }
  .center-xl {
    justify-content: center;
    text-align: center;
  }
  .end-xl {
    justify-content: flex-end;
    text-align: end;
  }
  .top-xl {
    align-items: flex-start;
  }
  .middle-xl {
    align-items: center;
  }
  .bottom-xl {
    align-items: flex-end;
  }
  .around-xl {
    justify-content: space-around;
  }
  .between-xl {
    justify-content: space-between;
  }
  .first-xl {
    order: -1;
  }
  .last-xl {
    order: 1;
  }
}
.inline {
  display: inline;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.relative {
  position: relative;
}

.width-1-percent {
  width: 1%;
}

.width-100 {
  width: 100%;
}

.min-width-100 {
  min-width: 100%;
}

.width-auto {
  width: auto;
}

.width-100vw {
  width: 100vw;
}

.min-width-100vw {
  min-width: 100vw;
}

.width-hairline {
  width: 1px;
}

.width-0-125 {
  width: 0.125rem;
}

.width-0-25 {
  width: 0.25rem;
}

.width-0-5 {
  width: 0.5rem;
}

.width-0-75 {
  width: 0.75rem;
}

.width-1 {
  width: 1rem;
}

.width-1-25 {
  width: 1.25rem;
}

.width-1-5 {
  width: 1.5rem;
}

.width-2 {
  width: 2rem;
}

.width-3 {
  width: 3rem;
}

.width-4 {
  width: 4rem;
}

.width-5 {
  width: 5rem;
}

.height-100 {
  height: 100%;
}

.min-height-100 {
  min-height: 100%;
}

.height-auto {
  height: auto;
}

.height-100vh {
  height: 100vh;
}

.min-height-100vh {
  min-height: 100vh;
}

.height-hairline {
  height: 1px;
}

.height-0-125 {
  height: 0.125rem;
}

.height-0-25 {
  height: 0.25rem;
}

.height-0-5 {
  height: 0.5rem;
}

.height-0-75 {
  height: 0.75rem;
}

.height-1 {
  height: 1rem;
}

.height-1-25 {
  height: 1.25rem;
}

.height-1-5 {
  height: 1.5rem;
}

.height-2 {
  height: 2rem;
}

.height-3 {
  height: 3rem;
}

.height-4 {
  height: 4rem;
}

.height-5 {
  height: 5rem;
}

.display-none {
  display: none;
}

.top-1 {
  position: relative;
  top: -1px;
}

.child-margins-x-0-125 > * + * {
  margin-left: 0.125rem;
}

.child-margins-x-0-25 > * + * {
  margin-left: 0.25rem;
}

.child-margins-x-0-5 > * + * {
  margin-left: 0.5rem;
}

.child-margins-x-0-75 > * + * {
  margin-left: 0.75rem;
}

.child-margins-x-1 > * + * {
  margin-left: 1rem;
}

.child-margins-x-1-25 > * + * {
  margin-left: 1.25rem;
}

.child-margins-x-1-5 > * + * {
  margin-left: 1.5rem;
}

.child-margins-x-2 > * + * {
  margin-left: 2rem;
}

.child-margins-x-3 > * + * {
  margin-left: 3rem;
}

.child-margins-x-4 > * + * {
  margin-left: 4rem;
}

.child-margins-x-5 > * + * {
  margin-left: 5rem;
}

.child-margins-y-0-125 > * + * {
  margin-top: 0.125rem;
}

.child-margins-y-0-25 > * + * {
  margin-top: 0.25rem;
}

.child-margins-y-0-5 > * + * {
  margin-top: 0.5rem;
}

.child-margins-y-0-75 > * + * {
  margin-top: 0.75rem;
}

.child-margins-y-1 > * + * {
  margin-top: 1rem;
}

.child-margins-y-1-25 > * + * {
  margin-top: 1.25rem;
}

.child-margins-y-1-5 > * + * {
  margin-top: 1.5rem;
}

.child-margins-y-2 > * + * {
  margin-top: 2rem;
}

.child-margins-y-3 > * + * {
  margin-top: 3rem;
}

.child-margins-y-4 > * + * {
  margin-top: 4rem;
}

.child-margins-y-5 > * + * {
  margin-top: 5rem;
}

.child-margins-x-hairline > * + * {
  margin-left: 1px;
}

.child-margins-y-hairline > * + * {
  margin-top: 1px;
}

.padding-hairline {
  padding: 1px;
}

.padding-0-125 {
  padding: 0.125rem;
}

.padding-0-25 {
  padding: 0.25rem;
}

.padding-0-5 {
  padding: 0.5rem;
}

.padding-0-75 {
  padding: 0.75rem;
}

.padding-1 {
  padding: 1rem;
}

.padding-1-25 {
  padding: 1.25rem;
}

.padding-1-5 {
  padding: 1.5rem;
}

.padding-2 {
  padding: 2rem;
}

.padding-3 {
  padding: 3rem;
}

.padding-4 {
  padding: 4rem;
}

.padding-5 {
  padding: 5rem;
}

.padding-top {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.padding-left {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.padding-x {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-y {
  padding-left: 0;
  padding-right: 0;
}

.padding-top-0 {
  padding-top: 0;
}

.padding-right-0 {
  padding-right: 0;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-left-0 {
  padding-left: 0;
}

.margin-auto {
  margin: auto;
}

.margin-auto-x {
  margin-left: auto;
  margin-right: auto;
}

.margin-auto-y {
  margin-top: auto;
  margin-bottom: auto;
}

.margin-hairline {
  margin: 1px;
}

.margin-0-125 {
  margin: 0.125rem;
}

.margin-0-25 {
  margin: 0.25rem;
}

.margin-0-5 {
  margin: 0.5rem;
}

.margin-0-75 {
  margin: 0.75rem;
}

.margin-1 {
  margin: 1rem;
}

.margin-1-25 {
  margin: 1.25rem;
}

.margin-1-5 {
  margin: 1.5rem;
}

.margin-2 {
  margin: 2rem;
}

.margin-3 {
  margin: 3rem;
}

.margin-4 {
  margin: 4rem;
}

.margin-5 {
  margin: 5rem;
}

.negative-margin-0-125 {
  margin: -0.125rem;
}

.negative-margin-0-25 {
  margin: -0.25rem;
}

.negative-margin-0-5 {
  margin: -0.5rem;
}

.negative-margin-0-75 {
  margin: -0.75rem;
}

.negative-margin-1 {
  margin: -1rem;
}

.negative-margin-1-25 {
  margin: -1.25rem;
}

.negative-margin-1-5 {
  margin: -1.5rem;
}

.negative-margin-2 {
  margin: -2rem;
}

.negative-margin-3 {
  margin: -3rem;
}

.negative-margin-4 {
  margin: -4rem;
}

.negative-margin-5 {
  margin: -5rem;
}

.margin-top {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.margin-left {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.margin-x {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-y {
  margin-left: 0;
  margin-right: 0;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-top-0-5 {
  margin-top: 0.5rem;
}

.margin-right-0 {
  margin-right: 0;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-left-0 {
  margin-left: 0;
}

.size-0-75 {
  font-size: 0.57rem;
  line-height: 0.75rem;
}
.size-0-75.nunito, .nunito .size-0-75,
.size-0-75 .nunito {
  font-size: 0.5rem;
}

.size-1 {
  font-size: 0.67rem;
  line-height: 1rem;
}
.size-1.nunito, .nunito .size-1,
.size-1 .nunito {
  font-size: 0.71rem;
}

.size-1-25 {
  font-size: 0.86rem;
  line-height: 1.25rem;
}
.size-1-25.nunito, .nunito .size-1-25,
.size-1-25 .nunito {
  font-size: 0.91rem;
}

.size-1-5 {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
.size-1-5.nunito, .nunito .size-1-5,
.size-1-5 .nunito {
  font-size: 1.15rem;
}

.size-1-75 {
  font-size: 1.45rem;
  line-height: 1.75rem;
}
.size-1-75.nunito, .nunito .size-1-75,
.size-1-75 .nunito {
  font-size: 1.45rem;
}

.line-0-75 {
  line-height: 0.75rem;
}

.line-1 {
  line-height: 1rem;
}

.line-1-25 {
  line-height: 1.25rem;
}

.line-1-5 {
  line-height: 1.5rem;
}

.line-1-75 {
  line-height: 1.75rem;
}

.source {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.nunito {
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
}

.weight-400,
.normal {
  font-weight: 400;
}

.weight-600,
.semibold {
  font-weight: 600;
}

.weight-700,
.bold,
strong,
b {
  font-weight: 700;
}

.text-align-left {
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.underlined {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.nowrap {
  white-space: nowrap;
}

.ellipsis {
  text-overflow: ellipsis;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.breadcrumbs {
  font-size: 0.57rem;
  line-height: 0.75rem;
}
.breadcrumbs a {
  color: #e7007c;
}
.breadcrumbs a:hover {
  color: rgb(255, 27, 149.3896103896);
}
.breadcrumbs a.active {
  color: #3fb139;
}
.breadcrumbs a.active:hover {
  color: rgb(90.5769230769, 200.1923076923, 84.8076923077);
}

.button {
  display: inline-block;
  height: 2rem;
  padding: 0 1rem;
  width: auto;
  min-width: 7rem;
  border: none;
  border-radius: 10rem;
  color: hsl(100, 100%, 100%);
  white-space: nowrap;
  font-weight: 600;
  line-height: 2rem;
  text-decoration: none;
  text-align: center;
  background-color: #e7007c;
  transition: background-color 100ms cubic-bezier(0.236, 0, 0.236, 1), box-shadow 100ms cubic-bezier(0.236, 0, 0.236, 1);
  cursor: pointer;
}
.button--small {
  padding: 0 0.5rem;
  height: 1.25rem;
  font-size: 0.57rem;
  line-height: 0.75rem;
  line-height: 1.25rem;
}
.button--small:hover {
  box-shadow: 0 0.125rem 0.5rem rgba(231, 0, 124, 0.3);
}
.button--large {
  height: 2.5rem;
  padding: 0 1.5rem;
  font-size: 0.86rem;
  line-height: 1.25rem;
  line-height: 2.5rem;
}
.button--large:hover {
  box-shadow: 0 0.25rem 1rem rgba(231, 0, 124, 0.3);
}
.button:hover {
  box-shadow: 0 0.125rem 1.25rem rgba(231, 0, 124, 0.3);
  background-color: rgb(255, 1.5, 137.5779220779);
}
.button:disabled, .button--disabled {
  opacity: 1;
  color: #9c9fa8;
  cursor: not-allowed;
  background-color: #e1e3e8;
}
.button:disabled:hover, .button--disabled:hover {
  box-shadow: none;
  background-color: #e1e3e8;
}

.button--green {
  background-color: #3fb139;
}
.button--green:hover {
  box-shadow: 0 0.125rem 0.75rem rgba(63, 177, 57, 0.3);
  background-color: rgb(71.9423076923, 193.9807692308, 65.5192307692);
}

.button--red {
  background-color: #d9464a;
}
.button--red:hover {
  box-shadow: 0 0.125rem 0.75rem rgba(217, 70, 74, 0.3);
  background-color: rgb(221.3452914798, 91.1547085202, 94.697309417);
}

.button__icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  fill: hsl(100, 100%, 100%);
}
.button--small .button__icon {
  width: 0.75rem;
  height: 0.75rem;
}
.button--large .button__icon {
  width: 1.25rem;
  height: 1.25rem;
}

.button--confirm {
  display: block;
  min-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 639px) {
  .button--confirm {
    width: 100%;
    min-width: none;
  }
}

.button--block {
  display: block;
  width: 100%;
}

.card {
  background-color: hsl(100, 100%, 100%);
  border: 1px solid #e1e3e8;
}
.card--gray {
  background-color: #e1e3e8;
}
.card--empty {
  background-color: transparent;
  border: 2px dashed #e1e3e8;
}

.checkbox {
  margin-bottom: 0.5rem;
  position: relative;
}
.checkbox input {
  position: absolute;
  left: 0;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.checkbox label {
  position: relative;
  overflow: hidden;
  min-width: 1em;
  min-height: 1em;
  padding-top: 0.1em;
  padding-left: 1.575em;
  color: #1f2128;
  cursor: pointer;
}
.checkbox label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.125em;
  left: 0;
  width: 1.3em;
  height: 1.3em;
  box-sizing: border-box;
  border-radius: 0.125rem;
  border-width: 1px;
  border-style: solid;
  border-color: #9c9fa8;
  background-color: hsl(100, 100%, 100%);
  transition: border-color 50ms cubic-bezier(0.236, 0, 0.236, 1) 100ms, border-width 50ms cubic-bezier(0.236, 0, 0.236, 1) 50ms, background-color 50ms cubic-bezier(0.236, 0, 0.236, 1) 0s;
}
.checkbox label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.125em;
  width: 1.3em;
  height: 1.3em;
  opacity: 0;
  text-align: center;
  color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkgMTljLS41IDAtMS0uMi0xLjQtLjZsLTUtNWMtLjgtLjgtLjgtMiAwLTIuOC44LS44IDItLjggMi44IDBMOSAxNC4ybDkuNi05LjZjLjgtLjggMi0uOCAyLjggMCAuOC44LjggMiAwIDIuOGwtMTEgMTFjLS40LjQtLjkuNi0xLjQuNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
  background-size: 1em;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 50ms cubic-bezier(0.236, 0, 0.236, 1) 50ms;
}
.checkbox input:focus + label {
  color: #e7007c;
}
.checkbox input:focus + label:before {
  background-color: hsl(100, 100%, 100%);
  border-color: #e7007c;
}
.checkbox input:checked + label:before {
  border-width: 0.5em;
  border-color: #e7007c;
  background-color: #e7007c;
  transition: border-width 50ms cubic-bezier(0.236, 0, 0.236, 1) 0s, background-color 50ms cubic-bezier(0.236, 0, 0.236, 1) 50ms;
}
.checkbox input:checked + label:after {
  opacity: 1;
}
.checkbox input:disabled + label {
  color: #9c9fa8;
}
.checkbox input:disabled + label:before {
  border-color: #9c9fa8;
  background-color: #9c9fa8;
}
.checkbox input.custom-colored-checkbox[disabled]:not(:checked) + label {
  color: #1f2128;
}
.checkbox input.custom-colored-checkbox[disabled]:not(:checked) + label:before {
  border-color: #9c9fa8;
  background-color: hsl(100, 100%, 100%);
}
.checkbox input.custom-colored-checkbox[disabled]:not(:checked) + label {
  pointer-events: none;
}
.checkbox input.custom-colored-checkbox[disabled]:checked + label {
  color: #1f2128;
}
.checkbox input.custom-colored-checkbox[disabled]:checked + label:before {
  border-color: #e7007c;
  background-color: #e7007c;
}
.checkbox input.custom-colored-checkbox[disabled]:checked + label {
  pointer-events: none;
}

.checkbox-filter-list__main input:checked + label:after {
  transform: translateY(-50%) scale(1);
}
.checkbox-filter-list__main label {
  display: block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.5rem;
  padding-left: 1.375rem;
  white-space: nowrap;
}
.checkbox-filter-list__main label:before {
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0.5rem;
}
.checkbox-filter-list__main label:after {
  top: 50%;
  transform: translateY(-50%) scale(0);
  left: 0.5rem;
}

.checkbox-filter-list__collection {
  display: none;
  border-top: 1px solid #e1e3e8;
  padding: 0.25rem 1.25rem;
}
.checkbox-filter-list__collection > .checkbox + .checkbox {
  margin-top: 0.125rem;
}
.checkbox-filter-list__collection--active {
  display: block;
}

.task-actions {
  position: relative;
  box-shadow: 0 -0.5rem 1.5rem 0 rgba(0, 0, 0, 0.03), 0 -0.25rem 0.25rem 0 rgba(0, 0, 0, 0.02);
}

.task-actions__bar {
  display: flex;
  border-bottom: 1px solid #e1e3e8;
  background-color: hsl(100, 100%, 100%);
  transition: background-color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.task-actions--commenting .task-actions__bar, .task-actions--assigning .task-actions__bar {
  display: none;
}

.task-actions__comment {
  flex-grow: 1;
  width: 100%;
  border-color: #e1e3e8;
  border-radius: 2rem;
  padding-left: 1rem;
  font-size: 16px;
  line-height: 1rem;
  background-color: hsl(100, 100%, 100%);
  resize: none;
  transition: border-radius 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.task-actions__comment:focus {
  outline: none;
  border-color: #e7007c;
  box-shadow: 0 0 0 1px #e7007c, 0 0 1rem rgba(231, 0, 124, 0.2);
}
.task-actions--commenting .task-actions__comment {
  border-radius: 0.25rem;
  padding-left: 0.5rem;
}
.task-actions--commenting .task-actions__comment:not(:focus) {
  box-shadow: none;
}
.task-actions--assigning .task-actions__comment {
  display: none;
}

.task-actions__button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  height: 2.5rem;
  border-left: 1px solid #e1e3e8;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.task-actions__button svg {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  fill: #e7007c;
}
.task-actions__button svg.icon-close {
  display: none;
}
.task-actions--commenting .task-actions__button {
  display: none;
}
.task-actions__button:hover {
  background-color: #f7f8f9;
}
.task-actions__button:focus {
  outline: none;
}
.task-actions--assigning .task-actions__button {
  background-color: #e1e3e8;
}
.task-actions--assigning .task-actions__button svg {
  fill: #9c9fa8;
}
.task-actions--assigning .task-actions__button svg.icon-users {
  display: none;
}
.task-actions--assigning .task-actions__button svg.icon-close {
  display: block;
}

.task-actions__pane {
  position: relative;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  background-color: hsl(100, 100%, 100%);
}
.task-actions__pane--active {
  visibility: visible;
  opacity: 1;
  max-height: 100%;
  overflow: visible;
}
.task-actions__pane .task-actions__pane-close {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0.25rem 1rem 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  transform: translate(-50%, -100%);
  background-color: #f7f8f9;
  cursor: pointer;
}
.task-actions__pane .task-actions__pane-close svg {
  width: 1rem;
  height: 1rem;
  fill: #9c9fa8;
}
.task-actions__pane .task-actions__pane-close:hover svg {
  fill: #e7007c;
}

.task-actions__select {
  position: relative;
}
.task-actions__select .has-float-label select {
  height: 2.5rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  border: none;
  border-radius: 0;
  font-weight: 600;
  color: #696d77;
}
.task-actions__select .has-float-label:after {
  right: 0.75rem;
}
.task-actions__select:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  left: 0.5rem;
  top: 50%;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 2rem;
  border: 1px solid #9c9fa8;
  transform: translateY(-50%);
}
.task-actions__select:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  z-index: 2;
  width: 0.75rem;
  height: 0.75rem;
  border: 1px solid transparent;
  text-align: center;
  color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkgMTljLS41IDAtMS0uMi0xLjQtLjZsLTUtNWMtLjgtLjgtLjgtMiAwLTIuOC44LS44IDItLjggMi44IDBMOSAxNC4ybDkuNi05LjZjLjgtLjggMi0uOCAyLjggMCAuOC44LjggMiAwIDIuOGwtMTEgMTFjLS40LjQtLjkuNi0xLjQuNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-50%);
}
.task-actions__select--active .has-float-label select {
  color: #3fb139;
  background-color: #effaef;
}
.task-actions__select--active:before {
  border-color: #3fb139;
  background-color: #3fb139;
}
.task-actions__select--active:after {
  display: block;
}
.task-actions__select--no-icon .has-float-label select {
  padding-left: 0.5rem;
}
.task-actions__select--no-icon:before, .task-actions__select--no-icon:after {
  display: none;
}

.task-actions__select-extra {
  position: relative;
  display: flex;
  padding: 0.5rem;
  border-bottom: 1px solid #e1e3e8;
  background-color: hsl(100, 100%, 100%);
}
.task-actions__select-extra > * {
  flex-grow: 1;
}
.task-actions__select-extra > * + * {
  margin-left: 0.5rem;
}
.task-actions__select-extra .has-float-label select {
  border: 1px solid #e1e3e8;
}
.task-actions__select-extra:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1rem;
  width: 0;
  height: 0;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  border: 0.5rem solid transparent;
  border-bottom-color: hsl(100, 100%, 100%);
  border-top: 0;
}

.task-actions__textarea {
  width: 100%;
  border: 1px solid #e1e3e8;
  border-radius: 0.25rem;
  font-size: 16px;
  line-height: 1rem;
  background-color: hsl(100, 100%, 100%);
  resize: none;
  transition: border-radius 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.task-actions__textarea:focus {
  outline: none;
  border-color: #e7007c;
  box-shadow: 0 0 0 1px #e7007c, 0 0 1rem rgba(231, 0, 124, 0.2);
}

.task-actions__select-normal .has-float-label select {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0.25rem;
  border-color: #e1e3e8;
}

.photo-upload {
  position: relative;
  display: flex;
  align-items: center;
}
.photo-upload label {
  display: none;
}

.photo-upload__input {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  outline: none;
  cursor: pointer;
}

.photo-upload__button {
  margin-right: 0.5rem;
  padding: 0.25rem 0.375rem;
  border-radius: 0.25rem;
  color: hsl(100, 100%, 100%);
  font-weight: 600;
  background-color: #e7007c;
}

.photo-upload__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.photo-remove,
.photo-add {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
  color: #696d77;
  fill: #9c9fa8;
}
.photo-remove svg,
.photo-add svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.125rem;
}
.photo-remove:hover,
.photo-add:hover {
  color: #d9464a;
  fill: #d9464a;
}

.photo-remove {
  right: 0.75rem;
  top: 0.75rem;
}

.photo-add {
  color: #3fb139;
  fill: #3fb139;
}
.photo-add:hover {
  color: #246420;
  fill: #246420;
}

.has-float-label {
  display: block;
  position: relative;
}
.has-float-label select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.has-float-label textarea {
  width: 100%;
}
.has-float-label input::placeholder,
.has-float-label select::placeholder,
.has-float-label textarea::placeholder {
  opacity: 1;
  transition: opacity 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.has-float-label input:placeholder-shown:not(:focus)::placeholder,
.has-float-label select:placeholder-shown:not(:focus)::placeholder,
.has-float-label textarea:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}
.has-float-label input,
.has-float-label select,
.has-float-label textarea {
  width: 100%;
  padding-bottom: 0.25rem;
  padding-top: 1rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  border: 0;
  border-radius: 0.125rem;
  border: 1px solid #e1e3e8;
  font-size: 16px;
  line-height: 1rem;
  color: #1f2128;
  background-color: hsl(100, 100%, 100%);
}
.has-float-label input::placeholder,
.has-float-label select::placeholder,
.has-float-label textarea::placeholder {
  color: #9c9fa8;
}
.has-float-label input:focus,
.has-float-label select:focus,
.has-float-label textarea:focus {
  outline: none;
  border-color: #e7007c;
  box-shadow: 0 0 0 1px #e7007c;
}
.has-float-label input:placeholder-shown:not(:focus) + *,
.has-float-label select:placeholder-shown:not(:focus) + *,
.has-float-label textarea:placeholder-shown:not(:focus) + * {
  top: 50%;
  transform: translateY(-50%);
  color: #696d77;
  font-size: 16px;
}
.input--has-error .has-float-label input:placeholder-shown:not(:focus) + *,
.input--has-error .has-float-label select:placeholder-shown:not(:focus) + *,
.input--has-error .has-float-label textarea:placeholder-shown:not(:focus) + * {
  color: #d9464a;
}
.has-float-label input:focus + *,
.has-float-label select:focus + *,
.has-float-label textarea:focus + * {
  color: #e7007c;
}
.input--has-error .has-float-label input,
.input--has-error .has-float-label select,
.input--has-error .has-float-label textarea {
  border-color: #d9464a;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.input--has-hint .has-float-label input,
.input--has-hint .has-float-label select,
.input--has-hint .has-float-label textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.has-float-label label + select,
.has-float-label span + select {
  padding-top: 1rem;
  padding-bottom: 0.25rem;
}
.has-float-label select {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.login-inputs .has-float-label input {
  padding-left: 0;
  padding-right: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.login-inputs .has-float-label input:focus {
  box-shadow: none;
}
.login-inputs .has-float-label input + span,
.login-inputs .has-float-label input + label {
  left: 0;
}
.has-float-label textarea:placeholder-shown:not(:focus) + * {
  top: 0.25rem;
  transform: translateY(0);
  font-size: 13px;
}
.has-float-label label,
.has-float-label > span {
  position: absolute;
  opacity: 1;
  cursor: text;
  transition: top 100ms linear, transform 100ms linear, font-size 100ms linear;
  left: 0.375rem;
  top: 0.25rem;
  transform: translateY(0);
  font-size: 13px;
  line-height: 0.75rem;
  color: #e7007c;
}
.input--has-error .has-float-label label,
.input--has-error .has-float-label > span {
  color: #d9464a;
}
.has-float-label select {
  -moz-appearance: none;
}
.has-float-label select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.has-float-label select {
  -webkit-appearance: none;
}
.has-float-label select::-ms-expand {
  display: none;
}
@media all and (min-width: 0\0 ) and (min-resolution: 0.001dpcm) {
  .has-float-label select:after, .has-float-label select:before {
    display: none;
  }
}
.has-float-label--select select {
  padding-right: calc(0.75rem + 14.1421356237px);
}
.has-float-label--select:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  right: 0.375rem;
  top: 50%;
  margin-top: -4px;
  border-right: 2px solid #e7007c;
  border-bottom: 2px solid #e7007c;
  transform: rotate(45deg);
  transform-origin: top;
  pointer-events: none;
}

.input-error,
.input-hint {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 0.125rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid #e1e3e8;
  border-top: 0;
  font-size: 0.57rem;
  line-height: 0.75rem;
  color: #696d77;
  background-color: #f7f8f9;
}
.input-error:not(:last-child),
.input-hint:not(:last-child) {
  border-radius: 0;
}
.input-error {
  color: hsl(100, 100%, 100%);
  font-weight: 600;
  border-color: #d9464a;
  background-color: #d9464a;
}

.history-events-container {
  padding: 1rem;
}
.history-events-container .history-event + .history-event {
  margin-top: 0.75rem;
}

.history-event {
  display: flex;
  align-items: stretch;
}
.history-event--task {
  justify-content: center;
}
.history-event--confirm {
  justify-content: center;
}
.history-event--comment {
  justify-content: flex-start;
}
.history-event--self {
  justify-content: flex-end;
}

.history-event__inner {
  position: relative;
  padding: 0.5rem 0.75rem;
  min-width: 7rem;
  border-radius: 0.25rem;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.07);
  color: hsl(100, 100%, 100%);
  background-color: #696d77;
}
.history-event--confirm .history-event__inner {
  padding: 0;
  width: 100%;
  color: #1f2128;
  background-color: hsl(100, 100%, 100%);
}
.history-event--task .history-event__inner {
  min-width: 60%;
  text-align: center;
}
.history-event--comment .history-event__inner {
  color: #1f2128;
  background-color: hsl(100, 100%, 100%);
}
.history-event--comment .history-event__inner:after, .history-event--comment .history-event__inner:before {
  right: 100%;
  top: 1rem;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.history-event--comment .history-event__inner:after {
  border-color: transparent;
  border-right-color: #ffffff;
  border-width: 8px;
  margin-top: -8px;
}
.history-event--comment .history-event__inner:before {
  border-color: transparents;
  border-right-color: rgba(0, 0, 0, 0.07);
  border-width: 9px;
  margin-top: -8px;
}
.history-event--self .history-event__inner {
  text-align: right;
  background-color: #effaef;
}
.history-event--self .history-event__inner:after, .history-event--self .history-event__inner:before {
  right: auto;
  left: 100%;
}
.history-event--self .history-event__inner:after {
  border-right-color: transparent;
  border-left-color: #effaef;
}
.history-event--self .history-event__inner:before {
  border-right-color: transparent;
  border-left-color: rgba(0, 0, 0, 0.07);
}

.history-event__date {
  font-size: 0.57rem;
  line-height: 0.75rem;
  line-height: 1rem;
}
.history-event--comment .history-event__date {
  color: #696d77;
}

.history-event__not-seen {
  height: 0.3rem;
  width: 0.3rem;
  background-color: #3fb139;
  border-radius: 50%;
  display: inline-block;
}

.history-event__author {
  font-weight: 600;
}
.history-event--self .history-event__author {
  display: none;
}

.history-event__top {
  display: flex;
  align-items: center;
}
.history-event__top > * + * {
  margin-left: 0.25rem;
}
.history-event--task .history-event__top {
  justify-content: center;
}
.history-event--self .history-event__top {
  justify-content: flex-end;
}

.history-event__bottom {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  border-top: 1px solid #e1e3e8;
}
.history-event__bottom > * + * {
  margin-left: 0.5rem;
}
.history-event__bottom > * {
  flex-basis: 0;
  flex-grow: 1;
}
.history-event__bottom .button {
  width: 100%;
}

.icon-tag {
  display: flex;
  align-items: center;
  font-size: 0.57rem;
  line-height: 0.75rem;
}

.icon-tag__icon {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.125rem;
  fill: currentColor;
}

.icon-tag__label {
  white-space: nowrap;
}

.label {
  display: flex;
  border-radius: 1rem;
  background-color: #3fb139;
}

.label__name {
  font-size: 0.57rem;
  line-height: 0.75rem;
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  white-space: nowrap;
  color: hsl(100, 100%, 100%);
}

.label__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  padding-right: 0.125rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  background-color: rgba(0, 0, 0, 0.1);
  transition: background-color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.label__remove svg {
  width: 0.75rem;
  height: 0.75rem;
  fill: hsl(100, 100%, 100%);
}
.label__remove:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.link {
  color: #e7007c;
  transition: color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.link:hover {
  color: rgb(255, 78, 173.012987013);
}

.list-link {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-color: #e1e3e8;
  text-decoration: none;
}
.list-link:hover {
  color: #e7007c;
  background-color: rgba(247, 248, 249, 0.5);
}
.list-link:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-link__label {
  flex-grow: 1;
}

.list-link__chevron {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  fill: #9c9fa8;
}
.list-link:hover .list-link__chevron {
  fill: #e7007c;
}

.menu-toggle {
  position: relative;
  width: 26px;
  height: 16px;
  cursor: pointer;
}
.menu-toggle > * {
  pointer-events: none;
}
.menu-toggle:before, .menu-toggle:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 0;
  background-color: #1f2128;
  transition-property: top, bottom, transform;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.236, 0, 0.236, 1);
}
.menu-toggle:before {
  top: 0;
}
.menu-toggle:after {
  bottom: 0;
}
.menu-toggle--collapse:before {
  top: 50%;
  transform: translateY(-50%);
}
.menu-toggle--collapse:after {
  bottom: 50%;
  transform: translateY(50%);
}
.menu-toggle--rotate:before {
  transform: translateY(-50%) rotateZ(45deg);
}
.menu-toggle--rotate:after {
  transform: translateY(50%) rotateZ(45deg);
}

.menu-toggle__inner {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
  border-radius: 0;
  background-color: #1f2128;
  transition-property: transform;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.236, 0, 0.236, 1);
}
.menu-toggle--rotate .menu-toggle__inner {
  transform: translateY(-50%) rotateZ(-45deg);
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 6px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  cursor: default;
}
@media screen and (max-width: 1023px) {
  .pagination {
    bottom: 60px;
  }
}

.pagination a,
.pagination span,
.pagination em {
  display: block;
  padding: 0.25rem 0.5rem;
  background-color: hsl(100, 100%, 100%);
}
.pagination a:first-child,
.pagination span:first-child,
.pagination em:first-child {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.pagination a:last-child,
.pagination span:last-child,
.pagination em:last-child {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.pagination a:not(:first-child),
.pagination span:not(:first-child),
.pagination em:not(:first-child) {
  margin-left: -1px;
}

.pagination .disabled {
  border: 1px solid #e1e3e8;
  color: #9c9fa8;
}

.pagination .current {
  border: 1px solid #e7007c;
  font-style: normal;
  color: hsl(100, 100%, 100%);
  background: #e7007c;
}

.pagination .gap {
  color: #1f2128;
  background: transparent;
}

.pagination a {
  border: 1px solid #e1e3e8;
  text-decoration: none;
  color: #1f2128;
}

.pagination a:hover,
.pagination a:focus {
  position: relative;
  z-index: 1;
  border-color: #e7007c;
  color: #e7007c;
}

.pagination--inline {
  display: flex;
  position: static;
  bottom: auto;
  left: auto;
  transform: none;
  align-items: center;
}

.pagination--inline a,
.pagination--inline span,
.pagination--inline em {
  display: block;
  padding: 0.25rem 0.5rem;
  background-color: hsl(100, 100%, 100%);
}
.pagination--inline a:first-child,
.pagination--inline span:first-child,
.pagination--inline em:first-child {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.pagination--inline a:last-child,
.pagination--inline span:last-child,
.pagination--inline em:last-child {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.pagination--inline a:not(:first-child),
.pagination--inline span:not(:first-child),
.pagination--inline em:not(:first-child) {
  margin-left: -1px;
}

.pagination--inline .disabled {
  border: 1px solid #e1e3e8;
  color: #9c9fa8;
}

.pagination--inline .current {
  border: 1px solid #e7007c;
  font-style: normal;
  color: hsl(100, 100%, 100%);
  background: #e7007c;
}

.pagination--inline .gap {
  color: #1f2128;
  background: transparent;
}

.pagination--inline a {
  border: 1px solid #e1e3e8;
  text-decoration: none;
  color: #1f2128;
}

.pagination--inline a:hover,
.pagination--inline a:focus {
  position: relative;
  z-index: 1;
  border-color: #e7007c;
  color: #e7007c;
}

.radio {
  position: relative;
}
.radio input {
  position: absolute;
  left: 0;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.radio label {
  position: relative;
  overflow: hidden;
  min-width: 1em;
  min-height: 1em;
  padding-left: 1.375em;
  color: #1f2128;
  cursor: pointer;
}
.radio label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1em;
  box-sizing: border-box;
  border-radius: 1em;
  border-width: 1px;
  border-style: solid;
  border-color: #9c9fa8;
  box-shadow: 0 0 0 0.5em hsl(100, 100%, 100%) inset;
  background-color: hsl(100, 100%, 100%);
  transform: translateY(-50%);
  transition: box-shadow 50ms cubic-bezier(0.236, 0, 0.236, 1) 50ms, border-color 50ms cubic-bezier(0.236, 0, 0.236, 1) 0s, background-color 50ms cubic-bezier(0.236, 0, 0.236, 1) 100ms;
}
.radio input:focus + label {
  color: #e7007c;
}
.radio input:focus + label:before {
  background-color: hsl(100, 100%, 100%);
  border-color: #e7007c;
  box-shadow: none;
}
.radio input:checked + label:before {
  border-color: #e7007c;
  background-color: #e7007c;
  box-shadow: 0 0 0 0.1875em hsl(100, 100%, 100%) inset;
  transition: box-shadow 50ms cubic-bezier(0.236, 0, 0.236, 1) 0s, border-color 50ms cubic-bezier(0.236, 0, 0.236, 1) 50ms;
}
.radio input:disabled + label {
  color: #9c9fa8;
}
.radio input:disabled + label:before {
  background-color: #9c9fa8;
  border-color: #9c9fa8;
  box-shadow: none;
}

.search-field {
  display: flex;
  align-items: stretch;
  position: relative;
}

input.search-field__input {
  width: 100%;
  padding: 0.75rem 0.5rem;
  padding-left: 2rem;
  border-radius: 0.125rem;
  border: 1px solid #e1e3e8;
  color: #1f2128;
  background: hsl(100, 100%, 100%);
}
input.search-field__input::placeholder {
  color: #696d77;
}
input.search-field__input:focus {
  outline: none;
  border-color: #e7007c;
  box-shadow: 0 0 0 1px #e7007c;
}
input.search-field__input:focus + .search-field__icon {
  fill: #e7007c;
}
.search-field__bar input.search-field__input {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.search-field__icon {
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 0.5rem;
  top: 50%;
  fill: #9c9fa8;
  transform: translateY(-50%);
}

.search-field__bar {
  position: relative;
  flex-grow: 1;
}

.search-field__button {
  height: auto;
  min-width: 5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.segmented-wrapper {
  position: relative;
  padding: 0.5rem 1rem;
}
.segmented-wrapper--has-forward {
  padding-right: 1.75rem;
}
.segmented-wrapper--has-back {
  padding-left: 1.75rem;
}

.segmented-control {
  display: flex;
  justify-content: flex-start;
  transition: transform 200ms cubic-bezier(0.236, 0, 0.236, 1);
}

.segmented-control__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: 33.333%;
  padding: 0.375rem 0.5rem;
  color: #696d77;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  overflow: hidden;
  background-color: hsl(100, 100%, 100%);
  transition: color 100ms cubic-bezier(0.236, 0, 0.236, 1), background-color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
@media screen and (min-width: 640px) {
  .segmented-control__link {
    flex-basis: 25%;
  }
}
@media screen and (min-width: 1280px) {
  .segmented-control__link {
    flex-basis: 20%;
    max-width: 8rem;
  }
}
.segmented-control__link--active {
  color: hsl(100, 100%, 100%);
  background-color: #e7007c;
}
.segmented-control__link:hover:not(.segmented-control__link--active) {
  background-color: #e1e3e8;
}
.segmented-control__link:first-of-type {
  border-top-left-radius: 10rem;
  border-bottom-left-radius: 10rem;
  padding-left: 0.75rem;
}
.segmented-control__link:last-of-type {
  border-top-right-radius: 10rem;
  border-bottom-right-radius: 10rem;
  padding-right: 0.75rem;
}

.segmented-control__count {
  display: block;
  margin-left: 0.25rem;
  padding: 0 0.25rem;
  min-width: 1rem;
  border-radius: 0.5rem;
  font-size: 0.57rem;
  line-height: 0.75rem;
  line-height: 1rem;
  color: #1f2128;
  background: #e1e3e8;
}
.segmented-control__link:hover .segmented-control__count {
  background: hsl(100, 100%, 100%);
}
.segmented-control__link--active .segmented-control__count {
  color: #e7007c;
  background: hsl(100, 100%, 100%);
}

.segmented-control__arrow {
  display: none;
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 1.75rem;
  background-color: hsl(100, 100%, 100%);
  transition: background-color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.segmented-control__arrow:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 45%;
  box-sizing: border-box;
}
.segmented-control__arrow:hover {
  background-color: #e1e3e8;
}
.segmented-control__arrow--forward {
  right: 0;
}
.segmented-control__arrow--forward:before {
  left: 55%;
  border-right: 2px solid #696d77;
  border-bottom: 2px solid #696d77;
  transform: rotate(-45deg) translate(-50%, -50%);
  transform-origin: center left;
}
.segmented-control__arrow--back {
  left: 0;
}
.segmented-control__arrow--back:before {
  left: 45%;
  border-left: 2px solid #696d77;
  border-bottom: 2px solid #696d77;
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: center left;
}
.segmented-wrapper--has-forward .segmented-control__arrow--forward {
  display: block;
}
.segmented-wrapper--has-back .segmented-control__arrow--back {
  display: block;
}

.sidepanel__header {
  display: none;
  align-items: center;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid #e1e3e8;
  background-color: hsl(100, 100%, 100%);
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .sidepanel__header {
    display: flex;
  }
}
.sidepanel__header .sidepanel__header-title {
  flex-grow: 1;
  color: #1f2128;
  font-weight: 600;
}
.sidepanel__header .sidepanel__header-icon {
  width: 1rem;
  height: 1rem;
  fill: #9c9fa8;
  transition: transform 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.sidepanel--open .sidepanel__header .sidepanel__header-icon {
  transform: rotate(-180deg);
}
.sidepanel__header:hover .sidepanel__header-title {
  color: #e7007c;
}
.sidepanel__header:hover .sidepanel__header-icon {
  fill: #e7007c;
}

.sidepanel__content {
  display: none;
}
@media screen and (min-width: 1280px) {
  .sidepanel__content {
    display: block;
  }
}
.sidepanel--open .sidepanel__content {
  display: block;
}

.panel {
  border: 1px solid #e1e3e8;
  background-color: hsl(100, 100%, 100%);
}

.panel__content {
  border-top: 1px solid #e1e3e8;
}

.panel__header {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  color: #1f2128;
  font-weight: 600;
}

.thumbnail {
  display: block;
  width: 7rem;
  height: 7rem;
  object-fit: contain;
  border: 0.5rem solid hsl(100, 100%, 100%);
  box-shadow: 0 0 0 1px #e1e3e8;
  background-color: hsl(100, 100%, 100%);
}

/*===============================
=            Choices            =
===============================*/
.choices {
  position: relative;
  margin-bottom: 24px;
  font-size: 0.67rem;
}
.choices:focus {
  outline: none;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}
.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  background-color: #ffffff;
  margin: 0;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.5;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0px 0px 0px 2px #b460fc;
}
.choices[data-type*=select-one]:after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #1f2128 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}
.choices[data-type*=select-one].is-open:after {
  border-color: transparent transparent #1f2128 transparent;
  margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]:after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -3.3333333333px;
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 20px;
  border-left: 1px solid rgb(156.3888888889, 45.9444444444, 251.0555555556);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 1;
  border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: hsl(100, 100%, 100%);
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #dddddd;
  border-radius: 2.5px;
  font-size: 0.67rem;
  min-height: 44px;
  overflow: hidden;
}
.is-focused .choices__inner, .is-open .choices__inner {
  border-color: rgb(182.75, 182.75, 182.75);
}
.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}
[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}
.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 0.57rem;
  line-height: 1.2;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #b460fc;
  border: 1px solid rgb(168.1944444444, 70.9722222222, 251.5277777778);
  color: #ffffff;
  word-break: break-all;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: rgb(168.1944444444, 70.9722222222, 251.5277777778);
  border: 1px solid rgb(156.3888888889, 45.9444444444, 251.0555555556);
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: rgb(170.25, 170.25, 170.25);
  border: 1px solid rgb(144.75, 144.75, 144.75);
}

.choices__list--dropdown {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
}
.choices__list--dropdown.is-active {
  display: block;
}
.is-open .choices__list--dropdown {
  border-color: rgb(182.75, 182.75, 182.75);
}
.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item {
  position: relative;
  padding: 10px;
  font-size: 0.67rem;
}
[dir=rtl] .choices__list--dropdown .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable:after {
    content: attr(data-select-text);
    font-size: 0.57rem;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: rgb(242.25, 242.25, 242.25);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 0.57rem;
  padding: 10px;
  border-bottom: 1px solid rgb(246.5, 246.5, 246.5);
  color: rgb(127.5, 127.5, 127.5);
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: none;
}

.choices__input[type=text] {
  display: inline-block;
  vertical-align: baseline;
  background-color: hsl(100, 100%, 100%);
  font-size: 0.67rem;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}
.choices__input[type=text]:focus {
  outline: 0;
}
[dir=rtl] .choices__input[type=text] {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

.choices__input.is-hidden,
.choices[data-type*=select-one] .choices__input.is-hidden,
.choices[data-type*=select-multiple] .choices__input.is-hidden {
  display: none;
}

/*=====  End of Choices  ======*/
.filter-picker__title {
  margin: 0 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.57rem;
  line-height: 0.75rem;
  text-transform: uppercase;
  color: #9c9fa8;
  letter-spacing: 0.08em;
}

.filter-picker__label {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0.75rem;
  padding: 0.5rem 2rem 0.5rem 0.75rem;
  min-height: 2rem;
  border-radius: 10rem;
  background-color: rgb(39.9070422535, 42.4816901408, 51.4929577465);
  cursor: pointer;
  transition: background-color 100ms cubic-bezier(0.236, 0, 0.236, 1), color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.filter-picker__label svg {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.5rem;
  fill: #3fb139;
}
.filter-picker__label:after {
  content: "";
  display: block;
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  right: 1rem;
  top: 50%;
  margin-top: -0.125rem;
  border-right: 2px solid #e1e3e8;
  border-bottom: 2px solid #e1e3e8;
  transform: rotate(45deg);
  transform-origin: top;
  pointer-events: none;
  transition: border-color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.filter-picker__label:hover {
  color: #f7f8f9;
  background-color: rgb(46.5873239437, 49.5929577465, 60.1126760563);
}
.filter-picker__label:hover:after {
  border-color: #f7f8f9;
}
.filter-picker--active .filter-picker__label {
  box-shadow: 0 0 0 2px rgb(62.1746478873, 66.185915493, 80.2253521127) inset;
}

.filter-picker__label--input select,
.filter-picker__label--input input,
.filter-picker__label--select select,
.filter-picker__label--select input {
  border: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: 10rem;
  cursor: pointer;
}
.filter-picker__label--input select:focus,
.filter-picker__label--input input:focus,
.filter-picker__label--select select:focus,
.filter-picker__label--select input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgb(62.1746478873, 66.185915493, 80.2253521127) inset;
}
.filter-picker__label--input select,
.filter-picker__label--input input,
.filter-picker__label--select select,
.filter-picker__label--select input {
  -moz-appearance: none;
  -webkit-appearance: none;
}
.filter-picker__label--input select::-ms-expand,
.filter-picker__label--input input::-ms-expand,
.filter-picker__label--select select::-ms-expand,
.filter-picker__label--select input::-ms-expand {
  display: none;
}
@media all and (min-width: 0\0 ) and (min-resolution: 0.001dpcm) {
  .filter-picker__label--input select:after, .filter-picker__label--input select:before,
  .filter-picker__label--input input:after,
  .filter-picker__label--input input:before,
  .filter-picker__label--select select:after,
  .filter-picker__label--select select:before,
  .filter-picker__label--select input:after,
  .filter-picker__label--select input:before {
    display: none;
  }
}
.filter-picker__label--input select option,
.filter-picker__label--input select optgroup,
.filter-picker__label--input input option,
.filter-picker__label--input input optgroup,
.filter-picker__label--select select option,
.filter-picker__label--select select optgroup,
.filter-picker__label--select input option,
.filter-picker__label--select input optgroup {
  padding: 0;
  color: #1f2128;
}

.filter-picker__label--input input {
  color: hsl(100, 100%, 100%);
  cursor: text;
}
.filter-picker__label--input:after {
  display: none;
}

.filter-picker__text {
  color: #e1e3e8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 200ms cubic-bezier(0.236, 0, 0.236, 1);
}
.filter-picker__text--open {
  visibility: hidden;
  opacity: 0;
  width: 0;
  color: #696d77;
}
.filter-picker--active .filter-picker__text--open {
  visibility: visible;
  opacity: 1;
  width: auto;
}
.filter-picker--active .filter-picker__text--closed {
  visibility: hidden;
  opacity: 0;
  width: 0;
}
.filter-picker__text:focus {
  color: #e1e3e8;
}

.filter-nav {
  position: relative;
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.25));
  transition: visibility 0s 200ms, opacity 0s 200ms, overflow 0s 200ms, height 200ms cubic-bezier(0.236, 0, 0.236, 1), margin-top 200ms cubic-bezier(0.236, 0, 0.236, 1);
}
.filter-nav:before {
  position: absolute;
  content: " ";
  left: 50%;
  bottom: 100%;
  height: 0;
  width: 0;
  border: solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-width: 0;
  pointer-events: none;
  transition: border-width 100ms 200ms cubic-bezier(0.236, 0, 0.236, 1), margin-left 100ms 200ms cubic-bezier(0.236, 0, 0.236, 1);
}
.filter-picker--active .filter-nav {
  margin-top: 0.75rem;
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: visibility 0s 0s, opacity 0s 0s, overflow 0s 200ms, height 200ms cubic-bezier(0.236, 0, 0.236, 1), margin-top 200ms cubic-bezier(0.236, 0, 0.236, 1);
}
.filter-picker--active .filter-nav:before {
  border-width: 0.5rem;
  margin-left: -0.5rem;
}
.filter-picker--open .filter-nav {
  overflow: visible;
}

.filter-nav__link {
  display: block;
  padding: 0.5rem 1rem;
  color: #9c9fa8;
  text-decoration: none;
  transition: color 100ms cubic-bezier(0.236, 0, 0.236, 1), background-color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.filter-nav__link:hover {
  color: #e1e3e8;
  background-color: rgba(0, 0, 0, 0.2);
}
.filter-nav__link--active {
  color: #3fb139;
}
.filter-nav__link--active:hover {
  color: #3fb139;
}

.task-list {
  counter-reset: task-counter;
}

.fault-report {
  margin-top: 1rem;
}
.fault-report:first-child {
  margin-top: 0;
}

.fault-report__title {
  flex-grow: 1;
  flex-basis: auto;
  font-size: 0.91rem;
  line-height: 1.25rem;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
}
.fault-report__title:after {
  content: counter(task-counter);
  counter-increment: task-counter;
}

.fault-report__remove,
.fault-report__add-link {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
  color: #696d77;
  fill: #9c9fa8;
}
.fault-report__remove svg,
.fault-report__add-link svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.125rem;
}
.fault-report__remove:hover,
.fault-report__add-link:hover {
  color: #d9464a;
  fill: #d9464a;
}
.fault-report:first-child .fault-report__remove,
.fault-report:first-child .fault-report__add-link {
  display: none;
}

.fault-report__add-link {
  color: #3fb139;
  fill: #3fb139;
}
.fault-report__add-link:hover {
  color: #246420;
  fill: #246420;
}

.fault-report__add {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 0.75rem;
  min-height: 5rem;
  border: 2px dashed #e1e3e8;
  font-weight: 600;
  text-align: center;
}

.full-page {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.full-page__top {
  flex-shrink: 0;
}

.full-page__grow {
  flex-grow: 1;
}

.inspection-location {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 0.5rem;
  font-size: 1.15rem;
  line-height: 1.5rem;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
}
.inspection-location:first-of-type {
  margin-top: 0;
}

.inspection-card {
  margin-bottom: 0.5rem;
  border: 1px solid #e1e3e8;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.03), 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.02);
  background-color: hsl(100, 100%, 100%);
}
.inspection-card:last-child {
  border-bottom: 1px solid #e1e3e8;
}
.inspection-card--error {
  border-color: #d9464a;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(217, 70, 74, 0.03), 0 0.25rem 0.25rem 0 rgba(217, 70, 74, 0.02);
}

.inspection-card__title {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.5rem;
  overflow-x: hidden;
}
.inspection-card__title > * {
  white-space: nowrap;
}
.inspection-card__title > * + * {
  margin-left: 0.5rem;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.inspection-card__rating {
  display: flex;
  align-items: center;
  border-top: 1px solid #e1e3e8;
}
.inspection-card__rating .radio {
  flex-grow: 1;
  flex-basis: auto;
  border-right: 1px solid #e1e3e8;
  overflow-x: hidden;
}
.inspection-card__rating .radio:last-of-type {
  border-right: none;
}
.inspection-card__rating .radio label {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 1.75rem;
  white-space: nowrap;
  font-weight: 600;
  color: #696d77;
}
.inspection-card__rating .radio label:before {
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
  border-radius: 5rem;
}
@media screen and (max-width: 639px) {
  .inspection-card__rating .radio label {
    padding-left: 1.5rem;
    padding-right: 0.5rem;
  }
  .inspection-card__rating .radio label:before {
    left: 0.5rem;
    width: 0.75rem;
    height: 0.75rem;
  }
}
.inspection-card__rating .radio input:checked + label {
  color: #1f2128;
}
.inspection-card--error .inspection-card__rating .radio label {
  color: #d9464a;
}

.inspection-card__note {
  border-top: 1px solid #e1e3e8;
}

@media screen and (min-width: 640px) {
  .inspection-note {
    display: flex;
    padding: 0;
  }
}

.inspection-note__title {
  padding: 0.5rem;
  border-bottom: 1px solid #e1e3e8;
  font-weight: 600;
  font-size: 0.57rem;
  line-height: 0.75rem;
  background-color: #f7f8f9;
}
@media screen and (min-width: 640px) {
  .inspection-note__title {
    width: 5rem;
    border-bottom: none;
    border-right: 1px solid #e1e3e8;
  }
}

.inspection-note__content {
  padding: 0.5rem;
}
@media screen and (min-width: 640px) {
  .inspection-note__content {
    flex-grow: 1;
  }
}

.inspection-card__textarea {
  overflow: hidden;
  height: 0;
  border-top: 1px solid #e1e3e8;
  transition: height 200ms cubic-bezier(0.236, 0, 0.236, 1);
}
.inspection-card__textarea > div:first-child {
  padding: 0.5rem;
}
.inspection-card__textarea--hidden {
  display: none;
}
.inspection-card__textarea--show {
  display: block;
  height: auto;
}
.inspection-card__textarea--show-transitioned {
  overflow: visible;
}
.inspection-card__textarea--final {
  border-top: none;
}
.inspection-card__textarea--final > div {
  padding: 0;
}

.inspection-card__condition {
  color: hsl(100, 100%, 100%);
  font-weight: 700;
  color: #9c9fa8;
}
.inspection-card__condition--good {
  color: #3fb139;
}
.inspection-card__condition--bad {
  color: #d9464a;
}

.inspection-card__error-message {
  display: none;
  padding: 0.25rem 0.5rem;
  color: hsl(100, 100%, 100%);
  background-color: #d9464a;
}
.inspection-card--error .inspection-card__error-message {
  display: block;
}

.inspection-card__add-task {
  border-top: 1px solid #e1e3e8;
}
.inspection-card__add-task .checkbox input:checked + label:after {
  transform: translateY(-50%) scale(1);
}
.inspection-card__add-task .checkbox label {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 1.875rem;
  white-space: nowrap;
  font-weight: 600;
  color: #696d77;
}
.inspection-card__add-task .checkbox label:before {
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
}
.inspection-card__add-task .checkbox label:after {
  top: 50%;
  transform: translateY(-50%) scale(0);
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
  background-size: 0.7rem;
}

.inspection-card__tags {
  padding: 0.5rem;
  border-top: 1px solid #e1e3e8;
}

.login {
  max-width: 34rem;
  margin: 0 auto;
  display: flex;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.03), 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.02);
}
@media screen and (max-width: 639px) {
  .login {
    display: block;
  }
}
.login--narrow {
  max-width: 17rem;
}

.login__right,
.login__left {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}

.login__left {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background: linear-gradient(-220deg, #1f2128, rgb(19.8661971831, 21.1478873239, 25.6338028169) 65%);
}
@media screen and (max-width: 639px) {
  .login__left {
    padding: 3rem 1.5rem;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
  }
}

.login__right {
  padding: 3rem 1.5rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  background-color: hsl(100, 100%, 100%);
}
@media screen and (max-width: 639px) {
  .login__right {
    padding: 2rem 1.5rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.25rem;
  }
}
.login--narrow .login__right {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.navigation-bar {
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 5;
  height: 60px;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.05), 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.02);
  background-color: hsl(100, 100%, 100%);
}
@media screen and (min-width: 1024px) {
  .navigation-bar {
    display: none;
  }
}

.navigation-bar__left,
.navigation-bar__right {
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.navigation-bar__left {
  justify-content: flex-start;
}

.navigation-bar__right {
  justify-content: flex-end;
}

.navigation-bar__middle {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

.navigation-bar-action {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.navigation-bar-action__icon {
  width: 24px;
  height: 24px;
  fill: #1f2128;
}

@media screen and (max-width: 1023px) {
  .navigation-bar-spacer {
    height: 60px;
    flex-shrink: 0;
  }
}

.notice {
  position: relative;
  display: flex;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.05), 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.02);
  background-color: hsl(100, 100%, 100%);
  transition: max-height 200ms cubic-bezier(0.236, 0, 0.236, 1);
}
.notice--hide {
  overflow: hidden;
  max-height: 0;
}

.notice__icon {
  width: 1rem;
  height: 1rem;
  margin: 0.5rem 0.25rem 0.5rem 0.5rem;
  fill: #3fb139;
}
.notice--alert .notice__icon {
  fill: #d9464a;
}

.notice__message {
  padding: 0.5rem 0;
  flex-grow: 1;
}

.notice__close {
  padding: 0.5rem;
  cursor: pointer;
}
.notice__close svg {
  display: block;
  width: 1rem;
  height: 1rem;
  fill: #9c9fa8;
  transition: fill 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.notice__close:hover svg {
  fill: #1f2128;
}

.page-header {
  border-bottom: 1px solid #e1e3e8;
  flex-shrink: 0;
  background-color: hsl(100, 100%, 100%);
}
@media screen and (max-width: 1023px) {
  .page-header {
    display: none;
  }
}

.page-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  padding: 0 1rem;
}

.page-header__inner_extra {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  padding: 0 1rem;
  gap: 10px;
}

.page-header__title {
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.15rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #1f2128;
}

.page-header__action {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #e7007c;
}

.pane {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
}
.pane--active {
  flex-grow: 1;
}

.pane__header {
  position: relative;
  display: block;
  padding: 0.75rem;
  z-index: 2;
  border-bottom: 1px solid #e1e3e8;
  text-decoration: none;
  background-color: hsl(100, 100%, 100%);
  cursor: pointer;
}
.pane__header:hover {
  background-color: #f7f8f9;
}
.pane--active .pane__header {
  display: none;
}
.pane__header--top {
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.03), 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.02);
}
.pane__header--bottom {
  box-shadow: 0 -0.5rem 1.5rem 0 rgba(0, 0, 0, 0.03), 0 -0.25rem 0.25rem 0 rgba(0, 0, 0, 0.02);
}
@media screen and (min-width: 1024px) {
  .pane__header {
    display: none;
  }
}

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

.pane__content {
  position: relative;
  flex-grow: 1;
}
@media screen and (max-width: 1023px) {
  .pane__content {
    max-height: 0;
    transition: max-height 200ms cubic-bezier(0.236, 0, 0.236, 1);
  }
  .pane--active .pane__content {
    max-height: 100vh;
  }
}

.pane__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.pane__scroll {
  height: 100%;
}
.pane__scroll:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1rem;
  pointer-events: none;
  z-index: 3;
}
.pane__scroll:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1rem;
  pointer-events: none;
  z-index: 3;
}
.pane__scroll--gray-light:before {
  background: linear-gradient(#e1e3e8, transparent);
}
.pane__scroll--gray-light:after {
  background: linear-gradient(transparent, #e1e3e8);
}
.pane__scroll--gray-lightest:before {
  background: linear-gradient(#f7f8f9, transparent);
}
.pane__scroll--gray-lightest:after {
  background: linear-gradient(transparent, #f7f8f9);
}

@media screen and (max-width: 1023px) {
  .pane__bottom {
    display: none;
  }
  .pane--active .pane__bottom {
    display: block;
  }
}

.sidebar {
  display: flex;
  flex-direction: column;
  width: 11rem;
  background-color: #1f2128;
  background: linear-gradient(-220deg, #1f2128 0vh, rgb(19.8661971831, 21.1478873239, 25.6338028169) 65vh, rgb(19.8661971831, 21.1478873239, 25.6338028169));
}
@media screen and (max-width: 1023px) {
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
  }
}

.sidebar-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 2rem 1rem 1rem;
}

.sidebar-logo__title {
  position: relative;
  width: 100%;
  margin-left: 0.5rem;
}
.sidebar-logo__title svg {
  position: relative;
  display: block;
  height: 1rem;
  width: 2.23rem;
  fill: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.sidebar-logo__title:before {
  content: "";
  display: block;
  position: absolute;
  height: 1.25rem;
  top: 50%;
  left: 0.25rem;
  width: 3rem;
  height: 3rem;
  border-radius: 5rem;
  background-color: rgba(90.5769230769, 200.1923076923, 84.8076923077, 0.07);
  background: linear-gradient(-135deg, rgba(63, 177, 57, 0.4), rgba(63, 177, 57, 0) 80%);
  transform-origin: center center;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.sidebar-logo__title:after {
  content: "";
  display: block;
  position: absolute;
  height: 1.25rem;
  top: 50%;
  left: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 5rem;
  background-color: rgba(63, 177, 57, 0.05);
  background: linear-gradient(-135deg, rgba(63, 177, 57, 0.7), rgba(63, 177, 57, 0) 70%);
  transform-origin: center center;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.sidebar-logo__image {
  position: relative;
  top: -1px;
  width: 100%;
}
.sidebar-logo__image svg {
  display: block;
  height: 1.25rem;
  fill: #3fb139;
}

.sidebar-nav {
  flex-grow: 1;
}

.sidebar-nav__title {
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  font-size: 0.57rem;
  line-height: 0.75rem;
  text-transform: uppercase;
  color: #9c9fa8;
  letter-spacing: 0.08em;
}
.sidebar-nav__title:not(:first-child) {
  margin-top: 1rem;
}

.sidebar-nav__link {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  margin-left: 0.75rem;
  margin-bottom: 0.25rem;
  color: #9c9fa8;
  text-decoration: none;
  border-top-left-radius: 10rem;
  border-bottom-left-radius: 10rem;
  transition: color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.sidebar-nav__link--active {
  color: #e1e3e8;
  background-color: rgba(0, 0, 0, 0.2);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.15));
}
.sidebar-nav__link:hover:not(.sidebar-nav__link--active) {
  color: #e1e3e8;
}
.sidebar-nav__link--logout {
  color: #696d77;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
}

.sidebar-nav__icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.5rem;
  fill: #9c9fa8;
}
.sidebar-nav__link--active .sidebar-nav__icon {
  fill: #3fb139;
}
.sidebar-nav__link:hover .sidebar-nav__icon {
  fill: #3fb139;
}
.sidebar-nav__link--logout .sidebar-nav__icon {
  fill: #696d77;
}
.sidebar-nav__link--logout:hover .sidebar-nav__icon {
  fill: #d9464a;
}

.site-wrapper {
  display: flex;
  align-items: stretch;
  min-height: 100%;
  overflow-x: hidden;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .site-wrapper {
    height: 100%;
  }
}

.site-wrapper__aside {
  overflow: scroll;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .site-wrapper__aside {
    transition: transform 200ms ease;
    transform: translateX(-11rem);
  }
  .site-wrapper--sidebar-open .site-wrapper__aside {
    transform: translateX(0);
  }
}

.site-wrapper__main {
  position: relative;
  flex-grow: 1;
  flex-basis: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .site-wrapper__main {
    transition: transform 200ms ease;
  }
  .site-wrapper__main:before {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 200ms ease, box-shadow 200ms ease;
  }
  .site-wrapper--sidebar-open .site-wrapper__main {
    transform: translateX(11rem);
  }
  .site-wrapper--sidebar-open .site-wrapper__main:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    box-shadow: 1rem 0 2rem -1rem rgba(0, 0, 0, 0.35) inset, 0.5rem 0 0.5rem -0.5rem rgba(0, 0, 0, 0.35) inset;
    background-color: rgba(0, 0, 0, 0.5);
  }
}

.split-view {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .split-view {
    flex-direction: row;
  }
}

.split-view__left {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .split-view__left {
    flex-grow: 1;
    flex-shrink: 0;
    width: 50%;
    flex-basis: 50%;
  }
}

.split-view__right {
  position: relative;
  background-color: #e1e3e8;
}
@media screen and (min-width: 1024px) {
  .split-view__right {
    flex-grow: 1;
    flex-shrink: 0;
    width: 50%;
    flex-basis: 50%;
  }
}

.styleguide-baseline .styleguide-baseline__row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styleguide-baseline .styleguide-baseline__row:last-child {
  padding-bottom: 0.25rem;
}
.styleguide-baseline.styleguide-baseline__0-75:hover .styleguide-baseline__row {
  background-image: repeating-linear-gradient(to bottom, blue 0, transparent 1px, transparent 0.25rem, rgba(255, 0, 0, 0.7) 0.25rem, transparent calc(0.25rem + 1px), transparent 0.5rem, rgba(255, 0, 0, 0.7) 0.5rem, transparent calc(0.5rem + 1px), transparent 0.75rem, blue 0.76rem);
}
.styleguide-baseline.styleguide-baseline__1:hover .styleguide-baseline__row {
  background-image: repeating-linear-gradient(to bottom, blue 0, transparent 1px, transparent 0.25rem, rgba(255, 0, 0, 0.7) 0.25rem, transparent calc(0.25rem + 1px), transparent 0.5rem, rgba(255, 0, 0, 0.7) 0.5rem, transparent calc(0.5rem + 1px), transparent 0.75rem, rgba(255, 0, 0, 0.7) 0.75rem, transparent calc(0.75rem + 1px), transparent 1rem, blue 1rem);
}
.styleguide-baseline.styleguide-baseline__1-25:hover .styleguide-baseline__row {
  background-image: repeating-linear-gradient(to bottom, blue 0, transparent 1px, transparent 0.25rem, rgba(255, 0, 0, 0.7) 0.25rem, transparent calc(0.25rem + 1px), transparent 0.5rem, rgba(255, 0, 0, 0.7) 0.5rem, transparent calc(0.5rem + 1px), transparent 0.75rem, rgba(255, 0, 0, 0.7) 0.75rem, transparent calc(0.75rem + 1px), transparent 1rem, red 1rem, transparent calc(1rem + 1px), transparent 1.25rem, blue 1.25rem);
}
.styleguide-baseline.styleguide-baseline__1-5:hover .styleguide-baseline__row {
  background-image: repeating-linear-gradient(to bottom, blue 0, transparent 1px, transparent 0.25rem, rgba(255, 0, 0, 0.7) 0.25rem, transparent calc(0.25rem + 1px), transparent 0.5rem, rgba(255, 0, 0, 0.7) 0.5rem, transparent calc(0.5rem + 1px), transparent 0.75rem, rgba(255, 0, 0, 0.7) 0.75rem, transparent calc(0.75rem + 1px), transparent 1rem, red 1rem, transparent calc(1rem + 1px), transparent 1.25rem, red 1.25rem, transparent calc(1.25rem + 1px), transparent 1.5rem, blue 1.5rem);
}
.styleguide-baseline.styleguide-baseline__1-75:hover .styleguide-baseline__row {
  background-image: repeating-linear-gradient(to bottom, blue 0, transparent 1px, transparent 0.25rem, rgba(255, 0, 0, 0.7) 0.25rem, transparent calc(0.25rem + 1px), transparent 0.5rem, rgba(255, 0, 0, 0.7) 0.5rem, transparent calc(0.5rem + 1px), transparent 0.75rem, rgba(255, 0, 0, 0.7) 0.75rem, transparent calc(0.75rem + 1px), transparent 1rem, red 1rem, transparent calc(1rem + 1px), transparent 1.25rem, red 1.25rem, transparent calc(1.25rem + 1px), transparent 1.5rem, red 1.5rem, transparent calc(1.5rem + 1px), transparent 1.75rem, blue 1.75rem);
}
.styleguide-baseline.styleguide-baseline__2:hover .styleguide-baseline__row {
  background-image: repeating-linear-gradient(to bottom, blue 0, transparent 1px, transparent 0.25rem, rgba(255, 0, 0, 0.7) 0.25rem, transparent calc(0.25rem + 1px), transparent 0.5rem, rgba(255, 0, 0, 0.7) 0.5rem, transparent calc(0.5rem + 1px), transparent 0.75rem, rgba(255, 0, 0, 0.7) 0.75rem, transparent calc(0.75rem + 1px), transparent 1rem, blue 1rem, transparent calc(1rem + 1px), transparent 1.25rem, red 1.25rem, transparent calc(1.25rem + 1px), transparent 1.5rem, red 1.5rem, transparent calc(1.5rem + 1px), transparent 1.75rem, red 1.75rem, transparent calc(1.75rem + 1px), transparent 2rem, blue 2rem);
}

.tab-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  border-top: 1px solid #e1e3e8;
  background-color: hsl(100, 100%, 100%);
}
@media screen and (min-width: 1024px) {
  .tab-bar {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .tab-bar-spacer {
    height: 54px;
  }
}

.tab-bar-nav {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  height: 54px;
  max-width: 1024px;
}

.tab-bar-nav__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

.tab-bar-nav__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  color: #696d77;
}
.tab-bar-nav__item--active .tab-bar-nav__link {
  color: #3fb139;
}

.tab-bar-nav__icon {
  width: 20px;
  height: 20px;
  margin-bottom: 6px;
  fill: #696d77;
}
.tab-bar-nav__item--active .tab-bar-nav__icon {
  fill: #3fb139;
}

.tag-input {
  position: relative;
}

.tag-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.save-notice {
  background-color: #3fb139;
  margin: 0.5rem 0 0.5rem;
  border-radius: 4px;
  width: 250px;
  height: 25px;
  text-align: center;
  color: #ffffff;
  display: none;
}

.save-notice.isvisible {
  display: block;
}

.tag-input__loader {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  text-align: center;
  font-weight: 600;
  color: hsl(100, 100%, 100%);
  font-size: 0.57rem;
  line-height: 0.75rem;
  background-color: #3fb139;
  transform: translateY(-100%);
}
.tag-input--loading .tag-input__loader {
  display: flex;
}

.task-card {
  position: relative;
  display: flex;
  flex-basis: 100%;
  text-decoration: none;
  border-top: 1px solid #e1e3e8;
  background-color: hsl(100, 100%, 100%);
  transition: background-color 100ms cubic-bezier(0.236, 0, 0.236, 1);
}
.task-card--urgent {
  color: #d9464a;
  background-color: #fcefef;
}
.task-card--urgent:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.25rem;
  background-color: #d9464a;
}
.task-card--suggested {
  background-color: #effaef;
}
.task-card--scheduled {
  background-color: #fcf7ef;
}
.task-card:hover {
  background-color: #f7f8f9;
}
.task-card--urgent:hover {
  background-color: rgb(250.3894736842, 230.4105263158, 230.4105263158);
}
.task-card--suggested:hover {
  background-color: rgb(231.2285714286, 247.5714285714, 231.2285714286);
}
.task-card--scheduled:hover {
  background-color: rgb(250.3894736842, 242.7052631579, 230.4105263158);
}
.task-card--multiple:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1rem;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, #e1e3e8 1px, transparent 1px, transparent), linear-gradient(to right, #e1e3e8 1px, transparent 1px, transparent), linear-gradient(to right, #e1e3e8 1px, transparent 1px, transparent);
  background-position: left 0.25rem top, left 0.5rem top, left 0.75rem top;
}
.task-card--nested {
  margin-left: 2rem;
}
.task-card--nested:after {
  content: "•";
  position: absolute;
  top: 39%;
  bottom: 0;
  left: -1.25rem;
  width: 1rem;
  height: 100%;
  font-size: 1.5rem;
}

.task-card__inner {
  display: flex;
  flex-basis: 100%;
  padding: 0.5rem 0.5rem;
}
.task-card--multiple .task-card__inner {
  padding-left: 1.25rem;
}

.task-card__left {
  flex-shrink: 0;
  width: 1rem;
  margin-right: 0.5rem;
}

.task-card__right {
  flex-grow: 1;
}

.task-card__icon {
  margin-top: 0.25rem;
  width: 1rem;
  height: 1rem;
}

.task-card__count {
  margin-top: 0.25rem;
  width: 1rem;
  height: 1rem;
  font-weight: 600;
  border-radius: 5rem;
  font-size: 0.57rem;
  line-height: 0.75rem;
  line-height: 1rem;
  color: hsl(100, 100%, 100%);
  text-align: center;
  background-color: #3fb139;
}

.task-card__title {
  font-size: 0.86rem;
  line-height: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.task-card__not-seen {
  margin-left: 0.25rem;
  padding: 0 0.25rem;
  border-radius: 0.5rem;
  line-height: 1rem;
  color: hsl(100, 100%, 100%);
  background-color: #e7007c;
  font-size: 0.57rem;
  line-height: 0.75rem;
}

.task-card__date {
  font-size: 0.57rem;
  line-height: 0.75rem;
  text-align: right;
}

.task-card-top {
  display: flex;
}

.task-card-top__left {
  flex-grow: 1;
}

.task-card-top__right {
  flex-shrink: 0;
  white-space: nowrap;
}

.task-card-status-label {
  display: flex;
  margin-top: 0.25rem;
  font-size: 0.57rem;
  line-height: 0.75rem;
  color: hsl(100, 100%, 100%);
  font-weight: 600;
}

.task-card-status-label__inner {
  position: relative;
  padding: 0.125rem 0.5rem;
  border-radius: 10rem;
  background-color: #696d77;
}
.task-card--suggested .task-card-status-label__inner {
  background-color: #3fb139;
}
.task-card--scheduled .task-card-status-label__inner {
  background-color: #f49f0a;
}

.task-card__type {
  display: block;
  padding: 0.25rem 0.5rem 0 0.5rem;
  position: relative;
  z-index: 0;
  font-size: 0.57rem;
  line-height: 0.75rem;
  font-weight: 600;
}
.task-card__type:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 0;
  height: 0;
  z-index: -1;
  border-style: solid;
  border-width: 1.25rem 0.625rem 0 0;
  border-color: #3fb139 transparent transparent transparent;
}
.task-card__type--task {
  color: #007dc0;
}
.task-card__type--task:after {
  border-top-color: #007dc0;
}
.task-card__type--inspection-card {
  color: #b460fc;
}
.task-card__type--inspection-card:after {
  border-top-color: #b460fc;
}
.task-card__type--final-inspection-card {
  color: #3fb139;
}
.task-card__type--final-inspection-card:after {
  border-top-color: #3fb139;
}

.task-card-related-tasks__chevron {
  cursor: pointer;
  display: flex;
}
.task-card-related-tasks__chevron--task-list {
  align-items: center;
  border-top: 1px solid #e1e3e8;
}

.task-card-related-tasks--close {
  display: none;
}

.task-card-related-tasks--open {
  display: flex;
}

.task-card-related-tasks--task-list {
  flex-direction: column;
}

.task-card-tags {
  display: flex;
  flex-wrap: wrap;
  margin: -0.125rem;
}

.task-card-tags__item {
  padding: 0.125rem;
}

.tag {
  padding: 0 0.5rem;
  border-radius: 10rem;
  font-size: 0.57rem;
  line-height: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: hsl(100, 100%, 100%);
  background-color: #b460fc;
}

#toggle-linked-tasks {
  cursor: pointer;
}

#comment-modal {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 3px solid #e7007c;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  z-index: 1000;
  margin: 0.5rem;
  overflow-y: auto;
  background-color: #effaef;
  min-height: 95%;
}

.modal-wrapper {
  margin: 0.7rem;
}

.comment__back-icon svg, .photo-wrapper {
  margin: 0.5rem 0 0.5rem 0;
}

.photos-container {
  display: grid;
  grid-template-columns: repeat(0.5fr, 2);
  margin-bottom: 1rem;
}

.comment-textarea {
  width: 100%;
  height: auto;
  margin: 0.5rem 0 0.5rem 0;
  background-color: white;
  border-radius: 0.125rem;
}

.submit-comment-button {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version %%INJECT_VERSION%%
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
  opacity: 1;
}
#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}
#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  white-space: normal;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
  animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
  animation: bounceFromLeft 0.4s ease-out;
}

@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  transition: background-color 0.4s ease;
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
  right: 2%;
}
.baguetteBox-button#previous-button {
  left: 2%;
}
.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}
.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

/*
  Preloader
  Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
  animation-delay: -1s;
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single {
  *zoom: 1;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}

.is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}

.is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after, .simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.uppy-Root {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  color: #333;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Segoe UI Symbol, Segoe UI Emoji, Apple Color Emoji, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1;
  position: relative;
  text-align: left;
}

.uppy-Root[dir=rtl], [dir=rtl] .uppy-Root {
  text-align: right;
}

.uppy-Root *, .uppy-Root :after, .uppy-Root :before {
  box-sizing: inherit;
}

.uppy-Root [hidden] {
  display: none;
}

.uppy-u-reset {
  all: initial;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Segoe UI Symbol, Segoe UI Emoji, Apple Color Emoji, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1;
}

[dir=rtl] .uppy-u-reset {
  text-align: right;
}

.uppy-c-textInput {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px 8px;
}

.uppy-size--md .uppy-c-textInput {
  padding: 8px 10px;
}

.uppy-c-textInput:focus {
  border-color: rgba(18, 105, 207, 0.6);
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.1490196078);
  outline: none;
}

[data-uppy-theme=dark] .uppy-c-textInput {
  background-color: #333;
  border-color: #333;
  color: #eaeaea;
}

[data-uppy-theme=dark] .uppy-c-textInput:focus {
  border-color: #525252;
  box-shadow: none;
}

.uppy-c-icon {
  fill: currentColor;
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}

.uppy-c-btn {
  align-items: center;
  color: inherit;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  justify-content: center;
  line-height: 1;
  transition-duration: 0.3s;
  transition-property: background-color, color;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.uppy-c-btn, [dir=rtl] .uppy-c-btn {
  text-align: center;
}

.uppy-c-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.uppy-c-btn::-moz-focus-inner {
  border: 0;
}

.uppy-c-btn-primary {
  background-color: #1269cf;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 10px 18px;
}

.uppy-c-btn-primary:hover {
  background-color: #0e51a0;
}

.uppy-c-btn-primary:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.4);
  outline: none;
}

.uppy-size--md .uppy-c-btn-primary {
  padding: 13px 22px;
}

[data-uppy-theme=dark] .uppy-c-btn-primary {
  color: #eaeaea;
}

[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  outline: none;
}

[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner {
  border: 0;
}

[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.8509803922);
}

.uppy-c-btn-link {
  background-color: initial;
  border-radius: 4px;
  color: #525252;
  font-size: 14px;
  line-height: 1;
  padding: 10px 15px;
}

.uppy-c-btn-link:hover {
  color: #333;
}

.uppy-c-btn-link:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.2509803922);
  outline: none;
}

.uppy-size--md .uppy-c-btn-link {
  padding: 13px 18px;
}

[data-uppy-theme=dark] .uppy-c-btn-link {
  color: #eaeaea;
}

[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  outline: none;
}

[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner {
  border: 0;
}

[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.8509803922);
}

[data-uppy-theme=dark] .uppy-c-btn-link:hover {
  color: #939393;
}

.uppy-Informer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1005;
}

.uppy-Informer span > div {
  margin-bottom: 6px;
}

.uppy-Informer-animated {
  opacity: 0;
  transform: translateY(350%);
  transition: all 0.3s ease-in;
  z-index: -1000;
}

.uppy-Informer p {
  background-color: #757575;
  border-radius: 18px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  max-width: 90%;
  padding: 6px 15px;
}

.uppy-size--md .uppy-Informer p {
  font-size: 14px;
  line-height: 1.3;
  max-width: 500px;
  padding: 10px 20px;
}

[data-uppy-theme=dark] .uppy-Informer p {
  background-color: #333;
}

[dir=ltr] .uppy-Informer p span {
  left: 3px;
}

[dir=rtl] .uppy-Informer p span {
  right: 3px;
}

[dir=ltr] .uppy-Informer p span {
  margin-left: -1px;
}

[dir=rtl] .uppy-Informer p span {
  margin-right: -1px;
}

.uppy-Informer p span {
  background-color: #fff;
  border-radius: 50%;
  color: #525252;
  display: inline-block;
  font-size: 10px;
  height: 13px;
  line-height: 12px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 13px;
}

.uppy-Informer p span:hover {
  cursor: help;
}

.uppy-Informer p span:after {
  word-wrap: break-word;
  line-height: 1.3;
}

.uppy-Root [aria-label][role~=tooltip] {
  position: relative;
}

.uppy-Root [aria-label][role~=tooltip]:after, .uppy-Root [aria-label][role~=tooltip]:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateZ(0);
  transform-origin: top;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  will-change: transform;
  z-index: 10;
}

.uppy-Root [aria-label][role~=tooltip]:before {
  background-size: 100% auto !important;
  content: "";
}

.uppy-Root [aria-label][role~=tooltip]:after {
  background: rgba(17, 17, 17, 0.9019607843);
  border-radius: 4px;
  box-sizing: initial;
  color: #fff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  padding: 0.5em 1em;
  text-transform: var(--microtip-text-transform, none);
  white-space: nowrap;
}

.uppy-Root [aria-label][role~=tooltip]:focus:after, .uppy-Root [aria-label][role~=tooltip]:focus:before, .uppy-Root [aria-label][role~=tooltip]:hover:after, .uppy-Root [aria-label][role~=tooltip]:hover:before {
  opacity: 1;
  pointer-events: auto;
}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0Z'/%3E%3C/svg%3E") no-repeat;
  bottom: 100%;
  height: 6px;
  left: 50%;
  margin-bottom: 5px;
  transform: translate3d(-50%, 0, 0);
  width: 18px;
}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top]:hover:after, .uppy-Root [role~=tooltip][data-microtip-position|=top]:hover:before {
  transform: translate3d(-50%, -5px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:after {
  bottom: 100%;
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover:after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:after {
  bottom: 100%;
  transform: translate3d(-16px, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover:after {
  transform: translate3d(-16px, -5px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12Z'/%3E%3C/svg%3E") no-repeat;
  bottom: auto;
  height: 6px;
  left: 50%;
  margin-bottom: 0;
  margin-top: 5px;
  top: 100%;
  transform: translate3d(-50%, -10px, 0);
  width: 18px;
}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:after {
  left: 50%;
  margin-top: 11px;
  top: 100%;
  transform: translate3d(-50%, -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover:after, .uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover:before {
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:after {
  top: 100%;
  transform: translate3d(calc(-100% + 16px), -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover:after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:after {
  top: 100%;
  transform: translate3d(-16px, -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover:after {
  transform: translate3d(-16px, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=left]:after, .uppy-Root [role~=tooltip][data-microtip-position=left]:before {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=left]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342Z'/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  margin-bottom: 0;
  margin-right: 5px;
  width: 6px;
}

.uppy-Root [role~=tooltip][data-microtip-position=left]:after {
  margin-right: 11px;
}

.uppy-Root [role~=tooltip][data-microtip-position=left]:hover:after, .uppy-Root [role~=tooltip][data-microtip-position=left]:hover:before {
  transform: translate3d(0, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=right]:after, .uppy-Root [role~=tooltip][data-microtip-position=right]:before {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=right]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658Z'/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  margin-bottom: 0;
  margin-left: 5px;
  width: 6px;
}

.uppy-Root [role~=tooltip][data-microtip-position=right]:after {
  margin-left: 11px;
}

.uppy-Root [role~=tooltip][data-microtip-position=right]:hover:after, .uppy-Root [role~=tooltip][data-microtip-position=right]:hover:before {
  transform: translate3d(0, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-size=small]:after {
  white-space: normal;
  width: 80px;
}

.uppy-Root [role~=tooltip][data-microtip-size=medium]:after {
  white-space: normal;
  width: 150px;
}

.uppy-Root [role~=tooltip][data-microtip-size=large]:after {
  white-space: normal;
  width: 260px;
}

.uppy-StatusBar {
  background-color: #fff;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  height: 46px;
  line-height: 40px;
  position: relative;
  transition: height 0.2s;
  z-index: 1001;
}

[data-uppy-theme=dark] .uppy-StatusBar {
  background-color: #1f1f1f;
}

.uppy-StatusBar:before {
  background-color: #eaeaea;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

[data-uppy-theme=dark] .uppy-StatusBar:before {
  background-color: #757575;
}

.uppy-StatusBar[aria-hidden=true] {
  height: 0;
  overflow-y: hidden;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #1bb240;
}

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
  background-color: #e32437;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  color: #1bb240;
}

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
  color: #e32437;
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  background-color: #fff;
  border-top: 1px solid #eaeaea;
  height: 65px;
}

[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

.uppy-StatusBar-progress {
  background-color: #1269cf;
  height: 2px;
  position: absolute;
  transition: background-color, width 0.3s ease-out;
  z-index: 1001;
}

.uppy-StatusBar-progress.is-indeterminate {
  animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3019607843) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3019607843) 0, rgba(0, 0, 0, 0.3019607843) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-size: 64px 64px;
}

@keyframes uppy-StatusBar-ProgressStripes {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 64px 0;
  }
}
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress, .uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress {
  background-color: #f6a623;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
  display: none;
}

[dir=ltr] .uppy-StatusBar-content {
  padding-left: 10px;
}

[dir=rtl] .uppy-StatusBar-content {
  padding-right: 10px;
}

.uppy-StatusBar-content {
  align-items: center;
  color: #333;
  display: flex;
  height: 100%;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1002;
}

[dir=ltr] .uppy-size--md .uppy-StatusBar-content {
  padding-left: 15px;
}

[dir=rtl] .uppy-size--md .uppy-StatusBar-content {
  padding-right: 15px;
}

[data-uppy-theme=dark] .uppy-StatusBar-content {
  color: #eaeaea;
}

[dir=ltr] .uppy-StatusBar-status {
  padding-right: 0.3em;
}

[dir=rtl] .uppy-StatusBar-status {
  padding-left: 0.3em;
}

.uppy-StatusBar-status {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  justify-content: center;
  line-height: 1.4;
}

.uppy-StatusBar-statusPrimary {
  display: flex;
  font-weight: 500;
  line-height: 1;
}

.uppy-StatusBar-statusPrimary button.uppy-StatusBar-details {
  margin-left: 5px;
}

[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
  color: #eaeaea;
}

.uppy-StatusBar-statusSecondary {
  color: #757575;
  display: inline-block;
  font-size: 11px;
  line-height: 1.2;
  margin-top: 1px;
  white-space: nowrap;
}

[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
  color: #bbb;
}

[dir=ltr] .uppy-StatusBar-statusSecondaryHint {
  margin-right: 5px;
}

[dir=rtl] .uppy-StatusBar-statusSecondaryHint {
  margin-left: 5px;
}

.uppy-StatusBar-statusSecondaryHint {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

[dir=ltr] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-right: 8px;
}

[dir=rtl] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-left: 8px;
}

[dir=ltr] .uppy-StatusBar-statusIndicator {
  margin-right: 7px;
}

[dir=rtl] .uppy-StatusBar-statusIndicator {
  margin-left: 7px;
}

.uppy-StatusBar-statusIndicator {
  color: #525252;
  position: relative;
  top: 1px;
}

.uppy-StatusBar-statusIndicator svg {
  vertical-align: text-bottom;
}

[dir=ltr] .uppy-StatusBar-actions {
  right: 10px;
}

[dir=rtl] .uppy-StatusBar-actions {
  left: 10px;
}

.uppy-StatusBar-actions {
  align-items: center;
  bottom: 0;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 1004;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  background-color: #fafafa;
  height: 100%;
  padding: 0 15px;
  position: static;
  width: 100%;
}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  background-color: #1f1f1f;
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: column;
  height: 90px;
}

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: row;
  height: 65px;
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: column;
  justify-content: center;
}

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: row;
  justify-content: normal;
}

.uppy-StatusBar-actionCircleBtn {
  cursor: pointer;
  line-height: 1;
  margin: 3px;
  opacity: 0.9;
}

.uppy-StatusBar-actionCircleBtn:focus {
  outline: none;
}

.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0;
}

.uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5019607843);
}

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  outline: none;
}

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0;
}

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.8509803922);
}

.uppy-StatusBar-actionCircleBtn:hover {
  opacity: 1;
}

.uppy-StatusBar-actionCircleBtn:focus {
  border-radius: 50%;
}

.uppy-StatusBar-actionCircleBtn svg {
  vertical-align: bottom;
}

.uppy-StatusBar-actionBtn {
  color: #1269cf;
  display: inline-block;
  font-size: 10px;
  line-height: inherit;
  vertical-align: middle;
}

.uppy-size--md .uppy-StatusBar-actionBtn {
  font-size: 11px;
}

.uppy-StatusBar-actionBtn--disabled {
  opacity: 0.4;
}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--disabled {
  opacity: 0.7;
}

[dir=ltr] .uppy-StatusBar-actionBtn--retry {
  margin-right: 6px;
}

[dir=rtl] .uppy-StatusBar-actionBtn--retry {
  margin-left: 6px;
}

.uppy-StatusBar-actionBtn--retry {
  background-color: #ff4b23;
  border-radius: 8px;
  color: #fff;
  height: 16px;
  line-height: 1;
  padding: 1px 6px 3px 18px;
  position: relative;
}

.uppy-StatusBar-actionBtn--retry:focus {
  outline: none;
}

.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0;
}

.uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5019607843);
}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  outline: none;
}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0;
}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.8509803922);
}

.uppy-StatusBar-actionBtn--retry:hover {
  background-color: #f92d00;
}

[dir=ltr] .uppy-StatusBar-actionBtn--retry svg {
  left: 6px;
}

[dir=rtl] .uppy-StatusBar-actionBtn--retry svg {
  right: 6px;
}

.uppy-StatusBar-actionBtn--retry svg {
  position: absolute;
  top: 3px;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #1bb240;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 15px 10px;
  width: 100%;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #189c38;
}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #1c8b37;
}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #18762f;
}

.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  padding: 13px 22px;
  width: auto;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1bb240;
  cursor: not-allowed;
}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1c8b37;
}

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
  background-color: initial;
  color: #1269cf;
}

[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-right: 3px;
}

[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded, [dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-left: 3px;
}

[dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-right: 3px;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded {
  border-radius: 3px;
  padding-bottom: 1px;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5019607843);
}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none;
}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0;
}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.8509803922);
}

.uppy-StatusBar.is-postprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded, .uppy-StatusBar.is-preprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  display: none;
}

.uppy-StatusBar-actionBtn--done {
  border-radius: 3px;
  line-height: 1;
  padding: 7px 8px;
}

.uppy-StatusBar-actionBtn--done:focus {
  outline: none;
}

.uppy-StatusBar-actionBtn--done::-moz-focus-inner {
  border: 0;
}

.uppy-StatusBar-actionBtn--done:hover {
  color: #0e51a0;
}

.uppy-StatusBar-actionBtn--done:focus {
  background-color: #dfe6f1;
}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus {
  background-color: #333;
}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done {
  color: #02baf2;
}

.uppy-size--md .uppy-StatusBar-actionBtn--done {
  font-size: 14px;
}

.uppy-StatusBar-serviceMsg {
  color: #000;
  font-size: 11px;
  line-height: 1.1;
  padding-left: 10px;
}

.uppy-size--md .uppy-StatusBar-serviceMsg {
  font-size: 14px;
  padding-left: 15px;
}

[data-uppy-theme=dark] .uppy-StatusBar-serviceMsg {
  color: #eaeaea;
}

.uppy-StatusBar-serviceMsg-ghostsIcon {
  left: 6px;
  opacity: 0.5;
  position: relative;
  top: 2px;
  vertical-align: text-bottom;
  width: 10px;
}

.uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon {
  left: 10px;
  top: 1px;
  width: 15px;
}

[dir=ltr] .uppy-StatusBar-details {
  left: 2px;
}

[dir=rtl] .uppy-StatusBar-details {
  right: 2px;
}

.uppy-StatusBar-details {
  -webkit-appearance: none;
  appearance: none;
  background-color: #939393;
  border-radius: 50%;
  color: #fff;
  cursor: help;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  height: 13px;
  line-height: 12px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 13px;
}

.uppy-StatusBar-details:after {
  word-wrap: break-word;
  line-height: 1.3;
}

[dir=ltr] .uppy-StatusBar-spinner {
  margin-right: 10px;
}

[dir=rtl] .uppy-StatusBar-spinner {
  margin-left: 10px;
}

.uppy-StatusBar-spinner {
  fill: #1269cf;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: uppy-StatusBar-spinnerAnimation;
  animation-timing-function: linear;
}

.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner, .uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner {
  fill: #f6a623;
}

@keyframes uppy-StatusBar-spinnerAnimation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list, .uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 6px;
}

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list:after, .uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list:after {
  content: "";
  flex: auto;
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  margin: 0;
  position: relative;
  width: 50%;
}

.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem, .uppy-size--md .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 33.3333%;
}

.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem, .uppy-size--lg .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 25%;
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem:before, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img, .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected img, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected svg {
  opacity: 0.85;
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.5;
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(147, 147, 147, 0.2);
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner, [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(234, 234, 234, 0.2);
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  fill: rgba(0, 0, 0, 0.7019607843);
  height: 30%;
  width: 30%;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg, [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  fill: rgba(255, 255, 255, 0.8);
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  border-radius: 4px;
  bottom: 7px;
  height: calc(100% - 14px);
  left: 7px;
  overflow: hidden;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 7px;
  width: calc(100% - 14px);
}

@media (hover: none) {
  .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author {
    display: block;
  }
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner, [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7019607843);
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner img, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner img {
  border-radius: 4px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author {
  background: rgba(0, 0, 0, 0.3019607843);
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 12px;
  font-weight: 500;
  left: 0;
  margin: 0;
  padding: 5px;
  position: absolute;
  text-decoration: none;
  width: 100%;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author:hover, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author:hover {
  background: rgba(0, 0, 0, 0.4);
  text-decoration: underline;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox {
  background-color: #1269cf;
  border-radius: 50%;
  height: 26px;
  opacity: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 26px;
  z-index: 1002;
}

[dir=ltr] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox:after, [dir=ltr] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox:after {
  left: 7px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox:after, [dir=rtl] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox:after {
  right: 7px;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox:after, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox:after {
  height: 7px;
  top: 8px;
  width: 12px;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--is-checked, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--is-checked {
  opacity: 1;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author {
  display: block;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5019607843);
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus {
  outline: none;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner {
  border: 0;
}

.uppy-ProviderBrowser-viewType--list {
  background-color: #fff;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list {
  background-color: #1f1f1f;
}

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 7px 15px;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  color: #eaeaea;
}

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.6;
}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  margin-right: 15px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  margin-left: 15px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  height: 17px;
  width: 17px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border: 1px solid #1269cf;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.2509803922);
  outline: none;
}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:after {
  left: 3px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:after {
  right: 3px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:after {
  height: 5px;
  opacity: 0;
  top: 4px;
  width: 9px;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border-color: rgba(2, 186, 242, 0.7019607843);
  box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2);
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked {
  background-color: #1269cf;
  border-color: #1269cf;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked:after {
  opacity: 1;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
  align-items: center;
  display: flex;
  overflow: hidden;
  padding: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
  outline: none;
  text-decoration: underline;
}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, [dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-right: 8px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, [dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-left: 8px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner {
  cursor: default;
}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  margin-right: 7px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  margin-left: 7px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  width: 20px;
}

.uppy-ProviderBrowserItem-checkbox {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}

.uppy-ProviderBrowserItem-checkbox:disabled {
  cursor: default;
}

.uppy-ProviderBrowserItem-checkbox:after {
  border-bottom: 2px solid #eaeaea;
  border-left: 2px solid #eaeaea;
  content: "";
  cursor: pointer;
  position: absolute;
  transform: rotate(-45deg);
}

.uppy-ProviderBrowserItem-checkbox:disabled:after {
  cursor: default;
}

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox {
  background-color: #1f1f1f;
  border-color: #939393;
}

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox--is-checked {
  background-color: #333;
}

.uppy-SearchProvider {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%;
}

[data-uppy-theme=dark] .uppy-SearchProvider {
  background-color: #1f1f1f;
}

.uppy-SearchProvider-input {
  margin-bottom: 15px;
  max-width: 650px;
  width: 90%;
}

.uppy-size--md .uppy-SearchProvider-input {
  margin-bottom: 20px;
}

.uppy-SearchProvider-input::-webkit-search-cancel-button {
  display: none;
}

.uppy-SearchProvider-searchButton {
  padding: 13px 25px;
}

.uppy-size--md .uppy-SearchProvider-searchButton {
  padding: 13px 30px;
}

.uppy-DashboardContent-panelBody {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
}

[data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
  background-color: #1f1f1f;
}

.uppy-Provider-auth, .uppy-Provider-empty, .uppy-Provider-error, .uppy-Provider-loading {
  align-items: center;
  color: #939393;
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  justify-content: center;
}

.uppy-Provider-empty {
  color: #939393;
}

.uppy-Provider-authIcon svg {
  height: 75px;
  width: 100px;
}

.uppy-Provider-authTitle {
  color: #757575;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 30px;
  max-width: 500px;
  padding: 0 15px;
  text-align: center;
}

.uppy-size--md .uppy-Provider-authTitle {
  font-size: 20px;
}

[data-uppy-theme=dark] .uppy-Provider-authTitle {
  color: #cfcfcf;
}

.uppy-Provider-btn-google {
  align-items: center;
  background: #4285f4;
  display: flex;
  padding: 8px 12px !important;
}

.uppy-Provider-btn-google:hover {
  background-color: #1266f1;
}

.uppy-Provider-btn-google:focus {
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.4);
  outline: none;
}

.uppy-Provider-btn-google svg {
  margin-right: 8px;
}

[dir=ltr] .uppy-Provider-breadcrumbs {
  text-align: left;
}

[dir=rtl] .uppy-Provider-breadcrumbs {
  text-align: right;
}

.uppy-Provider-breadcrumbs {
  color: #525252;
  flex: 1;
  font-size: 12px;
  margin-bottom: 10px;
}

.uppy-size--md .uppy-Provider-breadcrumbs {
  margin-bottom: 0;
}

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
  color: #eaeaea;
}

[dir=ltr] .uppy-Provider-breadcrumbsIcon {
  margin-right: 4px;
}

[dir=rtl] .uppy-Provider-breadcrumbsIcon {
  margin-left: 4px;
}

.uppy-Provider-breadcrumbsIcon {
  color: #525252;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.uppy-Provider-breadcrumbsIcon svg {
  fill: #525252;
  height: 13px;
  width: 13px;
}

.uppy-Provider-breadcrumbs button {
  border-radius: 3px;
  display: inline-block;
  line-height: inherit;
  padding: 4px;
}

.uppy-Provider-breadcrumbs button:focus {
  outline: none;
}

.uppy-Provider-breadcrumbs button::-moz-focus-inner {
  border: 0;
}

.uppy-Provider-breadcrumbs button:hover {
  color: #0e51a0;
}

.uppy-Provider-breadcrumbs button:focus {
  background-color: #dfe6f1;
}

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
  background-color: #333;
}

.uppy-Provider-breadcrumbs button:not(:last-of-type) {
  text-decoration: underline;
}

.uppy-Provider-breadcrumbs button:last-of-type {
  color: #333;
  cursor: normal;
  font-weight: 500;
  pointer-events: none;
}

.uppy-Provider-breadcrumbs button:hover {
  cursor: pointer;
}

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
  color: #eaeaea;
}

.uppy-ProviderBrowser {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
}

.uppy-ProviderBrowser-user {
  color: #333;
  font-weight: 500;
  margin: 0 8px 0 0;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-user {
  color: #eaeaea;
}

[dir=ltr] .uppy-ProviderBrowser-user:after {
  left: 4px;
}

[dir=rtl] .uppy-ProviderBrowser-user:after {
  right: 4px;
}

.uppy-ProviderBrowser-user:after {
  color: #939393;
  content: "·";
  font-weight: 400;
  position: relative;
}

.uppy-ProviderBrowser-header {
  border-bottom: 1px solid #eaeaea;
  position: relative;
  z-index: 1001;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-header {
  border-bottom: 1px solid #333;
}

.uppy-ProviderBrowser-headerBar {
  background-color: #fafafa;
  color: #757575;
  font-size: 12px;
  line-height: 1.4;
  padding: 7px 15px;
  z-index: 1001;
}

.uppy-size--md .uppy-ProviderBrowser-headerBar {
  align-items: center;
  display: flex;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
  background-color: #1f1f1f;
}

.uppy-ProviderBrowser-headerBar--simple {
  display: block;
  justify-content: center;
  text-align: center;
}

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
  display: inline-block;
  flex: none;
  vertical-align: middle;
}

.uppy-ProviderBrowser-searchFilter {
  align-items: center;
  display: flex;
  height: 30px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  width: 100%;
}

[dir=ltr] .uppy-ProviderBrowser-searchFilterInput {
  padding-left: 30px;
}

[dir=ltr] .uppy-ProviderBrowser-searchFilterInput, [dir=rtl] .uppy-ProviderBrowser-searchFilterInput {
  padding-right: 30px;
}

[dir=rtl] .uppy-ProviderBrowser-searchFilterInput {
  padding-left: 30px;
}

.uppy-ProviderBrowser-searchFilterInput {
  background-color: #eaeaea;
  border: 0;
  border-radius: 4px;
  color: #333;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Segoe UI Symbol, Segoe UI Emoji, Apple Color Emoji, Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 30px;
  line-height: 1.4;
  outline: 0;
  width: 100%;
  z-index: 1001;
}

.uppy-ProviderBrowser-searchFilterInput::-webkit-search-cancel-button {
  display: none;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput {
  background-color: #1f1f1f;
  color: #eaeaea;
}

.uppy-ProviderBrowser-searchFilterInput:focus {
  background-color: #cfcfcf;
  border: 0;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput:focus {
  background-color: #333;
}

[dir=ltr] .uppy-ProviderBrowser-searchFilterIcon {
  left: 16px;
}

[dir=rtl] .uppy-ProviderBrowser-searchFilterIcon {
  right: 16px;
}

.uppy-ProviderBrowser-searchFilterIcon {
  color: #757575;
  height: 12px;
  position: absolute;
  width: 12px;
  z-index: 1002;
}

.uppy-ProviderBrowser-searchFilterInput::placeholder {
  color: #939393;
  opacity: 1;
}

[dir=ltr] .uppy-ProviderBrowser-searchFilterReset {
  right: 16px;
}

[dir=rtl] .uppy-ProviderBrowser-searchFilterReset {
  left: 16px;
}

.uppy-ProviderBrowser-searchFilterReset {
  border-radius: 3px;
  color: #939393;
  cursor: pointer;
  height: 22px;
  padding: 6px;
  position: absolute;
  width: 22px;
  z-index: 1002;
}

.uppy-ProviderBrowser-searchFilterReset:focus {
  outline: none;
}

.uppy-ProviderBrowser-searchFilterReset::-moz-focus-inner {
  border: 0;
}

.uppy-ProviderBrowser-searchFilterReset:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5019607843);
}

.uppy-ProviderBrowser-searchFilterReset:hover {
  color: #757575;
}

.uppy-ProviderBrowser-searchFilterReset svg {
  vertical-align: text-top;
}

.uppy-ProviderBrowser-userLogout {
  border-radius: 3px;
  color: #1269cf;
  cursor: pointer;
  line-height: inherit;
  padding: 4px;
}

.uppy-ProviderBrowser-userLogout:focus {
  outline: none;
}

.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
  border: 0;
}

.uppy-ProviderBrowser-userLogout:hover {
  color: #0e51a0;
}

.uppy-ProviderBrowser-userLogout:focus {
  background-color: #dfe6f1;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus {
  background-color: #333;
}

.uppy-ProviderBrowser-userLogout:hover {
  text-decoration: underline;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout {
  color: #eaeaea;
}

.uppy-ProviderBrowser-body {
  flex: 1;
  position: relative;
}

.uppy-ProviderBrowser-list {
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  border-spacing: 0;
  bottom: 0;
  display: block;
  flex: 1;
  height: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-list {
  background-color: #1f1f1f;
}

.uppy-ProviderBrowser-list:focus {
  outline: none;
}

.uppy-ProviderBrowserItem-inner {
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}

.uppy-ProviderBrowser-footer {
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #eaeaea;
  display: flex;
  height: 65px;
  padding: 0 15px;
}

[dir=ltr] .uppy-ProviderBrowser-footer button {
  margin-right: 8px;
}

[dir=rtl] .uppy-ProviderBrowser-footer button {
  margin-left: 8px;
}

[data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

.uppy-Dashboard-Item-previewInnerWrap {
  align-items: center;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: none;
}

.uppy-Dashboard-Item-previewInnerWrap:after {
  background-color: rgba(0, 0, 0, 0.6509803922);
  bottom: 0;
  content: "";
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1001;
}

.uppy-Dashboard-Item-previewLink {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

.uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px #579df0;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px #016c8d;
}

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  border-radius: 3px;
  height: 100%;
  object-fit: cover;
  transform: translateZ(0);
  width: 100%;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  padding: 10px;
  width: auto;
}

.uppy-Dashboard-Item-progress {
  color: #fff;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.35 ease;
  width: 120px;
  z-index: 1002;
}

.uppy-Dashboard-Item-progressIndicator {
  color: #fff;
  display: inline-block;
  height: 38px;
  opacity: 0.9;
  width: 38px;
}

.uppy-size--md .uppy-Dashboard-Item-progressIndicator {
  height: 55px;
  width: 55px;
}

button.uppy-Dashboard-Item-progressIndicator {
  cursor: pointer;
}

button.uppy-Dashboard-Item-progressIndicator:focus {
  outline: none;
}

button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
  border: 0;
}

button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg, button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
  fill: #579df0;
}

.uppy-Dashboard-Item-progressIcon--circle {
  height: 100%;
  width: 100%;
}

.uppy-Dashboard-Item-progressIcon--bg {
  stroke: rgba(255, 255, 255, 0.4);
}

.uppy-Dashboard-Item-progressIcon--progress {
  stroke: #fff;
  transition: stroke-dashoffset 0.5s ease-out;
}

.uppy-Dashboard-Item-progressIcon--play {
  fill: #fff;
  stroke: #fff;
  transition: all 0.2s;
}

.uppy-Dashboard-Item-progressIcon--cancel {
  fill: #fff;
  transition: all 0.2s;
}

.uppy-Dashboard-Item-progressIcon--pause {
  fill: #fff;
  stroke: #fff;
  transition: all 0.2s;
}

.uppy-Dashboard-Item-progressIcon--check {
  fill: #fff;
  transition: all 0.2s;
}

.uppy-Dashboard-Item-progressIcon--retry {
  fill: #fff;
}

[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  right: -8px;
}

[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  left: -8px;
}

[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  left: auto;
}

[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  right: auto;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  top: -9px;
  transform: none;
  width: auto;
}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  height: 18px;
  width: 18px;
}

.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  height: 28px;
  width: 28px;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  height: 18px;
  opacity: 1;
  width: 18px;
}

.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  height: 22px;
  width: 22px;
}

.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
  opacity: 0;
}

[dir=ltr] .uppy-Dashboard-Item-fileInfo {
  padding-right: 5px;
}

[dir=rtl] .uppy-Dashboard-Item-fileInfo {
  padding-left: 5px;
}

[dir=ltr] .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-right: 10px;
}

[dir=rtl] .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-left: 10px;
}

[dir=ltr] .uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-right: 15px;
}

[dir=rtl] .uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-left: 15px;
}

.uppy-Dashboard-Item-name {
  word-wrap: anywhere;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 5px;
  word-break: break-all;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-name {
  color: #eaeaea;
}

.uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-name {
  font-size: 14px;
  line-height: 1.4;
}

.uppy-Dashboard-Item-fileName {
  align-items: baseline;
  display: flex;
}

.uppy-Dashboard-Item-fileName button {
  margin-left: 5px;
}

.uppy-Dashboard-Item-author {
  color: #757575;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 5px;
  vertical-align: bottom;
}

.uppy-Dashboard-Item-author a {
  color: #757575;
}

.uppy-Dashboard-Item-status {
  color: #757575;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-status {
  color: #bbb;
}

.uppy-Dashboard-Item-statusSize {
  display: inline-block;
  margin-bottom: 5px;
  text-transform: uppercase;
  vertical-align: bottom;
}

.uppy-Dashboard-Item-reSelect {
  color: #1269cf;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
}

.uppy-Dashboard-Item-errorMessage {
  background-color: #fdeff1;
  color: #a51523;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  padding: 5px 6px;
}

.uppy-Dashboard-Item-errorMessageBtn {
  color: #a51523;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  text-decoration: underline;
}

.uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: none;
}

.uppy-size--md .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 1px solid #f7c2c8;
  bottom: 0;
  display: block;
  left: 0;
  line-height: 1.4;
  padding: 6px 8px;
  position: absolute;
  right: 0;
}

.uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  border: 1px solid #f7c2c8;
  border-radius: 3px;
  display: inline-block;
  position: static;
}

.uppy-size--md .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: none;
}

.uppy-Dashboard-Item-action {
  color: #939393;
  cursor: pointer;
}

.uppy-Dashboard-Item-action:focus {
  outline: none;
}

.uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0;
}

.uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5019607843);
}

.uppy-Dashboard-Item-action:hover {
  color: #1f1f1f;
  opacity: 1;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action {
  color: #cfcfcf;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  outline: none;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.8509803922);
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover {
  color: #eaeaea;
}

.uppy-Dashboard-Item-action--remove {
  color: #1f1f1f;
  opacity: 0.95;
}

.uppy-Dashboard-Item-action--remove:hover {
  color: #000;
  opacity: 1;
}

[dir=ltr] .uppy-size--md .uppy-Dashboard-Item-action--remove {
  right: -8px;
}

[dir=rtl] .uppy-size--md .uppy-Dashboard-Item-action--remove {
  left: -8px;
}

.uppy-size--md .uppy-Dashboard-Item-action--remove {
  height: 18px;
  padding: 0;
  position: absolute;
  top: -8px;
  width: 18px;
  z-index: 1002;
}

.uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
  border-radius: 50%;
}

[dir=ltr] .uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
  right: 8px;
}

[dir=rtl] .uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
  left: 8px;
}

.uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
  position: absolute;
  top: 8px;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove {
  color: #525252;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover {
  color: #333;
}

.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-actionWrapper {
  align-items: center;
  display: flex;
}

.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action {
  height: 22px;
  margin-left: 3px;
  padding: 3px;
  width: 22px;
}

.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action:focus {
  border-radius: 3px;
}

.uppy-size--md .uppy-Dashboard-Item-action--copyLink, .uppy-size--md .uppy-Dashboard-Item-action--edit {
  height: 16px;
  padding: 0;
  width: 16px;
}

.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus, .uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
  border-radius: 3px;
}

.uppy-Dashboard-Item {
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  padding: 10px;
}

[dir=ltr] .uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item {
  padding-right: 0;
}

[dir=rtl] .uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item {
  padding-left: 0;
}

[data-uppy-theme=dark] .uppy-Dashboard-Item {
  border-bottom: 1px solid #333;
}

[dir=ltr] .uppy-size--md .uppy-Dashboard-Item {
  float: left;
}

[dir=rtl] .uppy-size--md .uppy-Dashboard-Item {
  float: right;
}

.uppy-size--md .uppy-Dashboard-Item {
  border-bottom: 0;
  display: block;
  height: 215px;
  margin: 5px 15px;
  padding: 0;
  position: relative;
  width: calc(33.333% - 30px);
}

.uppy-size--lg .uppy-Dashboard-Item {
  height: 190px;
  margin: 5px 15px;
  padding: 0;
  width: calc(25% - 30px);
}

.uppy-size--xl .uppy-Dashboard-Item {
  height: 210px;
  padding: 0;
  width: calc(20% - 30px);
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item {
  border-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 400px;
  padding: 15px;
  position: relative;
  width: 100%;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap {
  opacity: 0.2;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name {
  opacity: 0.7;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 0 1-3.417-3.416 3.383 3.383 0 0 1 3.417-3.417 3.383 3.383 0 0 1 3.417 3.417 3.383 3.383 0 0 1-3.417 3.416zm13.667 0A3.383 3.383 0 0 1 20.5 18.16a3.383 3.383 0 0 1 3.417-3.417 3.383 3.383 0 0 1 3.416 3.417 3.383 3.383 0 0 1-3.416 3.416z' fill='%2523000'/%3E%3C/svg%3E");
  background-position: 50% 10px;
  background-repeat: no-repeat;
  background-size: 25px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1005;
}

.uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before {
  background-position: 50% 50%;
  background-size: 40px;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before {
  background-position: 50% 50%;
  background-size: 30%;
}

.uppy-Dashboard-Item-preview {
  flex-grow: 0;
  flex-shrink: 0;
  height: 50px;
  position: relative;
  width: 50px;
}

.uppy-size--md .uppy-Dashboard-Item-preview {
  height: 140px;
  width: 100%;
}

.uppy-size--lg .uppy-Dashboard-Item-preview {
  height: 120px;
}

.uppy-size--xl .uppy-Dashboard-Item-preview {
  height: 140px;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview {
  flex-grow: 1;
  max-height: 75%;
  width: 100%;
}

.uppy-Dashboard--singleFile.uppy-size--md .uppy-Dashboard-Item-preview {
  max-height: 100%;
}

[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-right: 8px;
}

[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-left: 8px;
}

[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-left: 12px;
}

[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-right: 12px;
}

.uppy-Dashboard-Item-fileInfoAndButtons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons, .uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons {
  align-items: flex-start;
  padding: 9px 0 0;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons {
  flex-grow: 0;
  width: 100%;
}

.uppy-Dashboard-Item-fileInfo {
  flex-grow: 1;
  flex-shrink: 1;
}

.uppy-Dashboard-Item-actionWrapper {
  flex-grow: 0;
  flex-shrink: 0;
}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after {
  display: block;
}

.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove {
  display: none;
}

[dir=ltr] .uppy-Dashboard-Item-errorDetails {
  left: 2px;
}

[dir=rtl] .uppy-Dashboard-Item-errorDetails {
  right: 2px;
}

.uppy-Dashboard-Item-errorDetails {
  -webkit-appearance: none;
  appearance: none;
  background-color: #939393;
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: help;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 600;
  height: 13px;
  line-height: 12px;
  position: relative;
  text-align: center;
  top: 0;
  width: 13px;
}

.uppy-Dashboard-Item-errorDetails:after {
  word-wrap: break-word;
  line-height: 1.3;
}

.uppy-Dashboard-FileCard {
  background-color: #fff;
  border-radius: 5px;
  bottom: 0;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1019607843);
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1005;
}

.uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.uppy-Dashboard-FileCard-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
  min-height: 0;
}

.uppy-Dashboard-FileCard-preview {
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  height: 60%;
  justify-content: center;
  min-height: 0;
  position: relative;
}

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
  background-color: #333;
  border-bottom: 0;
}

.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
  border-radius: 3px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1490196078);
  flex: 0 0 auto;
  max-height: 90%;
  max-width: 90%;
  object-fit: cover;
}

[dir=ltr] .uppy-Dashboard-FileCard-edit {
  right: 10px;
}

[dir=rtl] .uppy-Dashboard-FileCard-edit {
  left: 10px;
}

.uppy-Dashboard-FileCard-edit {
  background-color: rgba(0, 0, 0, 0.5019607843);
  border-radius: 50px;
  color: #fff;
  font-size: 13px;
  padding: 7px 15px;
  position: absolute;
  top: 10px;
}

.uppy-Dashboard-FileCard-edit:focus {
  outline: none;
}

.uppy-Dashboard-FileCard-edit::-moz-focus-inner {
  border: 0;
}

.uppy-Dashboard-FileCard-edit:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5019607843);
}

.uppy-Dashboard-FileCard-edit:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.uppy-Dashboard-FileCard-info {
  -webkit-overflow-scrolling: touch;
  flex-grow: 0;
  flex-shrink: 0;
  height: 40%;
  overflow-y: auto;
  padding: 30px 20px 20px;
}

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
  background-color: #1f1f1f;
}

.uppy-Dashboard-FileCard-fieldset {
  border: 0;
  font-size: 0;
  margin: auto auto 12px;
  max-width: 640px;
  padding: 0;
}

.uppy-Dashboard-FileCard-label {
  color: #525252;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  width: 22%;
}

.uppy-size--md .uppy-Dashboard-FileCard-label {
  font-size: 14px;
}

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label {
  color: #eaeaea;
}

.uppy-Dashboard-FileCard-input {
  display: inline-block;
  vertical-align: middle;
  width: 78%;
}

.uppy-Dashboard-FileCard-actions {
  align-items: center;
  background-color: #fafafa;
  border-top: 1px solid #eaeaea;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 55px;
  padding: 0 15px;
}

.uppy-size--md .uppy-Dashboard-FileCard-actions {
  height: 65px;
}

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

[dir=ltr] .uppy-Dashboard-FileCard-actionsBtn {
  margin-right: 10px;
}

[dir=rtl] .uppy-Dashboard-FileCard-actionsBtn {
  margin-left: 10px;
}

.uppy-transition-slideDownUp-enter {
  opacity: 0.01;
  transform: translate3d(0, -105%, 0);
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
  opacity: 1;
  transform: translateZ(0);
}

.uppy-transition-slideDownUp-leave {
  opacity: 1;
  transform: translateZ(0);
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
  opacity: 0.01;
  transform: translate3d(0, -105%, 0);
}

@keyframes uppy-Dashboard-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes uppy-Dashboard-slideDownAndFadeIn {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -70%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
  0% {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes uppy-Dashboard-slideUpFadeOut {
  0% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-50%, -70%, 0);
  }
}
@keyframes uppy-Dashboard-slideUpFadeOut--small {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
}
.uppy-Dashboard--modal {
  z-index: 1001;
}

.uppy-Dashboard--modal[aria-hidden=true] {
  display: none;
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard-isFixed {
  height: 100vh;
  overflow: hidden;
}

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  background-color: rgba(0, 0, 0, 0.5019607843);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
}

.uppy-Dashboard-inner {
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  max-height: 100%;
  max-width: 100%;
  outline: none;
  position: relative;
}

.uppy-size--md .uppy-Dashboard-inner {
  min-height: auto;
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard-inner {
    height: 500px;
    width: 650px;
  }
}
.uppy-Dashboard--modal .uppy-Dashboard-inner {
  z-index: 1002;
}

[data-uppy-theme=dark] .uppy-Dashboard-inner {
  background-color: #1f1f1f;
}

.uppy-Dashboard--isDisabled .uppy-Dashboard-inner {
  cursor: not-allowed;
}

.uppy-Dashboard-innerWrap {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: relative;
}

.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
  opacity: 1;
}

.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap {
  cursor: not-allowed;
  filter: grayscale(100%);
  opacity: 0.6;
  -webkit-user-select: none;
  user-select: none;
}

.uppy-Dashboard--isDisabled .uppy-ProviderIconBg {
  fill: #9f9f9f;
}

.uppy-Dashboard--isDisabled [aria-disabled], .uppy-Dashboard--isDisabled [disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  border: none;
  bottom: 15px;
  left: 15px;
  position: fixed;
  right: 15px;
  top: 35px;
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal .uppy-Dashboard-inner {
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.1490196078);
    left: 50%;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
[dir=ltr] .uppy-Dashboard-close {
  right: -2px;
}

[dir=rtl] .uppy-Dashboard-close {
  left: -2px;
}

.uppy-Dashboard-close {
  color: rgba(255, 255, 255, 0.9019607843);
  cursor: pointer;
  display: block;
  font-size: 27px;
  position: absolute;
  top: -33px;
  z-index: 1005;
}

.uppy-Dashboard-close:focus {
  outline: none;
}

.uppy-Dashboard-close::-moz-focus-inner {
  border: 0;
}

.uppy-Dashboard-close:focus {
  color: #6eabf2;
}

@media only screen and (min-width: 820px) {
  [dir=ltr] .uppy-Dashboard-close {
    right: -35px;
  }
  [dir=rtl] .uppy-Dashboard-close {
    left: -35px;
  }
  .uppy-Dashboard-close {
    font-size: 35px;
    top: -10px;
  }
}
.uppy-Dashboard-serviceMsg {
  background-color: #fffbf7;
  border-bottom: 1px solid #edd4b9;
  border-top: 1px solid #edd4b9;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  padding: 12px 0;
  position: relative;
  top: -1px;
  z-index: 1004;
}

.uppy-size--md .uppy-Dashboard-serviceMsg {
  font-size: 14px;
  line-height: 1.4;
}

[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg {
  background-color: #1f1f1f;
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  color: #eaeaea;
}

.uppy-Dashboard-serviceMsg-title {
  display: block;
  line-height: 1;
  margin-bottom: 4px;
  padding-left: 42px;
}

.uppy-Dashboard-serviceMsg-text {
  padding: 0 15px;
}

.uppy-Dashboard-serviceMsg-actionBtn {
  color: #1269cf;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: initial;
}

[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg-actionBtn {
  color: rgba(2, 186, 242, 0.9019607843);
}

.uppy-Dashboard-serviceMsg-icon {
  left: 15px;
  position: absolute;
  top: 10px;
}

.uppy-Dashboard-AddFiles {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: relative;
  text-align: center;
}

[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
  border: 1px dashed #dfdfdf;
  border-radius: 3px;
  height: calc(100% - 14px);
  margin: 7px;
}

.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
  border: none;
  height: calc(100% - 54px);
}

.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
  border-color: #cfcfcf;
}

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
  border-color: #757575;
}

.uppy-Dashboard-AddFiles-info {
  display: none;
  margin-top: auto;
  padding-bottom: 15px;
  padding-top: 15px;
}

.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
  display: block;
}

.uppy-size--md .uppy-Dashboard-AddFiles-info {
  bottom: 25px;
  left: 0;
  padding-bottom: 0;
  padding-top: 30px;
  position: absolute;
  right: 0;
}

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
  margin-top: 0;
}

.uppy-Dashboard-browse {
  color: #1269cf;
  cursor: pointer;
}

.uppy-Dashboard-browse:focus {
  outline: none;
}

.uppy-Dashboard-browse::-moz-focus-inner {
  border: 0;
}

.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
  border-bottom: 1px solid #1269cf;
}

[data-uppy-theme=dark] .uppy-Dashboard-browse {
  color: rgba(2, 186, 242, 0.9019607843);
}

[data-uppy-theme=dark] .uppy-Dashboard-browse:focus, [data-uppy-theme=dark] .uppy-Dashboard-browse:hover {
  border-bottom: 1px solid #02baf2;
}

.uppy-Dashboard-browseBtn {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 8px;
  width: 100%;
}

.uppy-size--md .uppy-Dashboard-browseBtn {
  font-size: 15px;
  margin: 15px auto;
  padding: 13px 44px;
  width: auto;
}

.uppy-Dashboard-AddFiles-list {
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 2px;
  overflow-y: auto;
  padding: 2px 0;
  width: 100%;
}

.uppy-size--md .uppy-Dashboard-AddFiles-list {
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 15px;
  max-width: 600px;
  overflow-y: visible;
  padding-top: 0;
}

.uppy-DashboardTab {
  border-bottom: 1px solid #eaeaea;
  text-align: center;
  width: 100%;
}

[data-uppy-theme=dark] .uppy-DashboardTab {
  border-bottom: 1px solid #333;
}

.uppy-size--md .uppy-DashboardTab {
  border-bottom: none;
  display: inline-block;
  margin-bottom: 10px;
  width: auto;
}

.uppy-DashboardTab-btn {
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: initial;
  color: #525252;
  cursor: pointer;
  flex-direction: row;
  height: 100%;
  justify-content: left;
  padding: 12px 15px;
  width: 100%;
}

.uppy-DashboardTab-btn:focus {
  outline: none;
}

[dir=ltr] .uppy-size--md .uppy-DashboardTab-btn {
  margin-right: 1px;
}

[dir=rtl] .uppy-size--md .uppy-DashboardTab-btn {
  margin-left: 1px;
}

.uppy-size--md .uppy-DashboardTab-btn {
  border-radius: 5px;
  flex-direction: column;
  padding: 10px 3px;
  width: 86px;
}

[data-uppy-theme=dark] .uppy-DashboardTab-btn {
  color: #eaeaea;
}

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0;
}

.uppy-DashboardTab-btn:hover {
  background-color: #e9ecef;
}

[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
  background-color: #333;
}

.uppy-DashboardTab-btn:active, .uppy-DashboardTab-btn:focus {
  background-color: #dfe6f1;
}

[data-uppy-theme=dark] .uppy-DashboardTab-btn:active, [data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
  background-color: #525252;
}

.uppy-DashboardTab-btn svg {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  transition: transform 0.15s ease-in-out;
  vertical-align: text-top;
}

[dir=ltr] .uppy-DashboardTab-inner {
  margin-right: 10px;
}

[dir=rtl] .uppy-DashboardTab-inner {
  margin-left: 10px;
}

.uppy-DashboardTab-inner {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1019607843), 0 1px 2px 0 rgba(0, 0, 0, 0.1019607843), 0 2px 3px 0 rgba(0, 0, 0, 0.0196078431);
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

[dir=ltr] .uppy-size--md .uppy-DashboardTab-inner {
  margin-right: 0;
}

[dir=rtl] .uppy-size--md .uppy-DashboardTab-inner {
  margin-left: 0;
}

[data-uppy-theme=dark] .uppy-DashboardTab-inner {
  background-color: #323232;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.0784313725);
}

.uppy-DashboardTab-name {
  font-size: 14px;
  font-weight: 400;
}

.uppy-size--md .uppy-DashboardTab-name {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 0;
  margin-top: 8px;
}

.uppy-DashboardTab-iconMyDevice {
  color: #1269cf;
}

[data-uppy-theme=dark] .uppy-DashboardTab-iconMyDevice {
  color: #02baf2;
}

.uppy-DashboardTab-iconBox {
  color: #0061d5;
}

[data-uppy-theme=dark] .uppy-DashboardTab-iconBox {
  color: #eaeaea;
}

.uppy-DashboardTab-iconDropbox {
  color: #0061fe;
}

[data-uppy-theme=dark] .uppy-DashboardTab-iconDropbox {
  color: #eaeaea;
}

.uppy-DashboardTab-iconUnsplash {
  color: #111;
}

[data-uppy-theme=dark] .uppy-DashboardTab-iconUnsplash {
  color: #eaeaea;
}

.uppy-DashboardTab-iconScreenRec {
  color: #2c3e50;
}

[data-uppy-theme=dark] .uppy-DashboardTab-iconScreenRec {
  color: #eaeaea;
}

.uppy-DashboardTab-iconAudio {
  color: #8030a3;
}

[data-uppy-theme=dark] .uppy-DashboardTab-iconAudio {
  color: #bf6ee3;
}

.uppy-Dashboard-input {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}

.uppy-DashboardContent-bar {
  align-items: center;
  background-color: #fafafa;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
  width: 100%;
  z-index: 1004;
}

.uppy-size--md .uppy-DashboardContent-bar {
  height: 50px;
  padding: 0 15px;
}

[data-uppy-theme=dark] .uppy-DashboardContent-bar {
  background-color: #1f1f1f;
  border-bottom: 1px solid #333;
}

.uppy-DashboardContent-title {
  font-size: 12px;
  font-weight: 500;
  left: 0;
  line-height: 40px;
  margin: auto;
  max-width: 170px;
  overflow-x: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
  width: 100%;
}

.uppy-size--md .uppy-DashboardContent-title {
  font-size: 14px;
  line-height: 50px;
  max-width: 300px;
}

[data-uppy-theme=dark] .uppy-DashboardContent-title {
  color: #eaeaea;
}

[dir=ltr] .uppy-DashboardContent-back, [dir=ltr] .uppy-DashboardContent-save {
  margin-left: -6px;
}

[dir=rtl] .uppy-DashboardContent-back, [dir=rtl] .uppy-DashboardContent-save {
  margin-right: -6px;
}

.uppy-DashboardContent-back, .uppy-DashboardContent-save {
  -webkit-appearance: none;
  background: none;
  border: 0;
  border-radius: 3px;
  color: inherit;
  color: #1269cf;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  padding: 7px 6px;
}

.uppy-DashboardContent-back:focus, .uppy-DashboardContent-save:focus {
  outline: none;
}

.uppy-DashboardContent-back::-moz-focus-inner, .uppy-DashboardContent-save::-moz-focus-inner {
  border: 0;
}

.uppy-DashboardContent-back:hover, .uppy-DashboardContent-save:hover {
  color: #0e51a0;
}

.uppy-DashboardContent-back:focus, .uppy-DashboardContent-save:focus {
  background-color: #dfe6f1;
}

[data-uppy-theme=dark] .uppy-DashboardContent-back:focus, [data-uppy-theme=dark] .uppy-DashboardContent-save:focus {
  background-color: #333;
}

.uppy-size--md .uppy-DashboardContent-back, .uppy-size--md .uppy-DashboardContent-save {
  font-size: 14px;
}

[data-uppy-theme=dark] .uppy-DashboardContent-back, [data-uppy-theme=dark] .uppy-DashboardContent-save {
  color: #02baf2;
}

[dir=ltr] .uppy-DashboardContent-addMore {
  margin-right: -5px;
}

[dir=rtl] .uppy-DashboardContent-addMore {
  margin-left: -5px;
}

.uppy-DashboardContent-addMore {
  -webkit-appearance: none;
  background: none;
  border: 0;
  border-radius: 3px;
  color: inherit;
  color: #1269cf;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  height: 29px;
  line-height: 1;
  margin: 0;
  padding: 7px 8px;
  width: 29px;
}

.uppy-DashboardContent-addMore:focus {
  outline: none;
}

.uppy-DashboardContent-addMore::-moz-focus-inner {
  border: 0;
}

.uppy-DashboardContent-addMore:hover {
  color: #0e51a0;
}

.uppy-DashboardContent-addMore:focus {
  background-color: #dfe6f1;
}

[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
  background-color: #333;
}

[dir=ltr] .uppy-size--md .uppy-DashboardContent-addMore {
  margin-right: -8px;
}

[dir=rtl] .uppy-size--md .uppy-DashboardContent-addMore {
  margin-left: -8px;
}

.uppy-size--md .uppy-DashboardContent-addMore {
  font-size: 14px;
  height: auto;
  width: auto;
}

[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
  color: #02baf2;
}

[dir=ltr] .uppy-DashboardContent-addMore svg {
  margin-right: 4px;
}

[dir=rtl] .uppy-DashboardContent-addMore svg {
  margin-left: 4px;
}

.uppy-DashboardContent-addMore svg {
  vertical-align: initial;
}

.uppy-size--md .uppy-DashboardContent-addMore svg {
  height: 11px;
  width: 11px;
}

.uppy-DashboardContent-addMoreCaption {
  display: none;
}

.uppy-size--md .uppy-DashboardContent-addMoreCaption {
  display: inline;
}

.uppy-DashboardContent-panel {
  background-color: #f5f5f5;
  flex: 1;
}

.uppy-Dashboard-AddFilesPanel, .uppy-DashboardContent-panel {
  border-radius: 5px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1005;
}

.uppy-Dashboard-AddFilesPanel {
  background: #fafafa;
  background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.8509803922));
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1490196078);
}

[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
  background-color: #333;
  background-image: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.8509803922));
}

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
  filter: blur(2px);
}

.uppy-Dashboard-progress {
  bottom: 0;
  height: 12%;
  left: 0;
  position: absolute;
  width: 100%;
}

.uppy-Dashboard-progressBarContainer.is-active {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1004;
}

.uppy-Dashboard-filesContainer {
  flex: 1;
  margin: 0;
  overflow-y: hidden;
  position: relative;
}

.uppy-Dashboard-filesContainer:after {
  clear: both;
  content: "";
  display: table;
}

.uppy-Dashboard-files {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  margin: 0;
  overflow-y: auto;
  padding: 0 0 10px;
}

.uppy-size--md .uppy-Dashboard-files {
  padding-top: 10px;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-filesInner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.uppy-Dashboard-dropFilesHereHint {
  align-items: center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%231269CF'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 1px dashed #1269cf;
  border-radius: 3px;
  bottom: 7px;
  color: #757575;
  display: flex;
  font-size: 16px;
  justify-content: center;
  left: 7px;
  padding-top: 90px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 7px;
  visibility: hidden;
  z-index: 2000;
}

[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2'/%3E%3C/svg%3E");
  border-color: #02baf2;
  color: #bbb;
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
  visibility: visible;
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar {
  opacity: 0.15;
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
  opacity: 0.03;
}

.uppy-Dashboard-AddFiles-title {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;
  margin-bottom: 5px;
  margin-top: 15px;
  padding: 0 15px;
  text-align: inline-start;
  width: 100%;
}

.uppy-size--md .uppy-Dashboard-AddFiles-title {
  font-size: 21px;
  font-weight: 400;
  margin-top: 5px;
  max-width: 480px;
  padding: 0 35px;
  text-align: center;
}

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
  text-align: center;
}

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title {
  color: #eaeaea;
}

.uppy-Dashboard-AddFiles-title button {
  font-weight: 500;
}

.uppy-size--md .uppy-Dashboard-AddFiles-title button {
  font-weight: 400;
}

.uppy-Dashboard-note {
  color: #757575;
  font-size: 14px;
  line-height: 1.25;
  margin: auto;
  max-width: 350px;
  padding: 0 15px;
  text-align: center;
}

.uppy-size--md .uppy-Dashboard-note {
  line-height: 1.35;
  max-width: 600px;
}

[data-uppy-theme=dark] .uppy-Dashboard-note {
  color: #cfcfcf;
}

a.uppy-Dashboard-poweredBy {
  color: #939393;
  display: inline-block;
  font-size: 11px;
  margin-top: 8px;
  text-align: center;
  text-decoration: none;
}

.uppy-Dashboard-poweredByIcon {
  fill: none;
  stroke: #939393;
  margin-left: 1px;
  margin-right: 1px;
  opacity: 0.9;
  position: relative;
  top: 1px;
  vertical-align: text-top;
}

.uppy-Dashboard-Item-previewIcon {
  height: 25px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  z-index: 100;
}

.uppy-size--md .uppy-Dashboard-Item-previewIcon {
  height: 38px;
  width: 38px;
}

.uppy-Dashboard-Item-previewIcon svg {
  height: 100%;
  width: 100%;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIcon {
  height: 100%;
  max-height: 60%;
  max-width: 60%;
  width: 100%;
}

.uppy-Dashboard-Item-previewIconWrap {
  height: 76px;
  max-height: 75%;
  position: relative;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIconWrap {
  height: 100%;
  width: 100%;
}

.uppy-Dashboard-Item-previewIconBg {
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px);
  height: 100%;
  width: 100%;
}

.uppy-Dashboard-upload {
  height: 50px;
  position: relative;
  width: 50px;
}

.uppy-size--md .uppy-Dashboard-upload {
  height: 60px;
  width: 60px;
}

.uppy-Dashboard-upload .uppy-c-icon {
  position: relative;
  top: 1px;
  width: 50%;
}

[dir=ltr] .uppy-Dashboard-uploadCount {
  right: -12px;
}

[dir=rtl] .uppy-Dashboard-uploadCount {
  left: -12px;
}

.uppy-Dashboard-uploadCount {
  background-color: #1bb240;
  border-radius: 50%;
  color: #fff;
  font-size: 8px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: -12px;
  width: 16px;
}

.uppy-size--md .uppy-Dashboard-uploadCount {
  font-size: 9px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.translation_missing:before {
  content: attr(title);
  background: red;
  font-family: monospace;
  color: #fff;
}

.hidden {
  display: none;
}

.customer_special_check {
  color: red;
}