.Messages {
  border: 1px solid #f26e70;
  padding: 0 8px;
  margin: 16px 0;
  background-color: #FEF2F2; }

.Messages ul {
  padding-left: 20px; }

.Messages ul li small {
  width: 100%;
  margin-top: 2px;
  overflow: hidden; }

.Messages ul li > * {
  vertical-align: text-top; }

.Messages ul li::marker {
  color: #f26e70; }

.Form__Checkbox {
  margin: 8px 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex; }
  .Form__Checkbox small {
    color: #808080; }
  .Form__Checkbox--default {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    -ms-flex-align: center;
        align-items: center; }
    .Form__Checkbox--default h6 {
      color: #191919; }
  .Form__Checkbox--large {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .Form__Checkbox:not([disabled]) {
    cursor: pointer; }
    .Form__Checkbox:not([disabled]):hover .Form__Checkbox__input:not(.Form__Checkbox__input--checked) {
      border: 1px solid #bbbbc8; }
  .Form__Checkbox[disabled] {
    color: #ABB4BD; }
    .Form__Checkbox[disabled] h6, .Form__Checkbox[disabled] small {
      color: #ABB4BD; }
    .Form__Checkbox[disabled] .Form__Checkbox__input {
      border: 1px solid #E5E5EA;
      background-color: #F6F6F6; }
      .Form__Checkbox[disabled] .Form__Checkbox__input.Form__Checkbox__input--checked {
        background-color: #ABB4BD;
        border: 1px solid #ABB4BD; }
  .Form__Checkbox.Form__Checkbox--invalid .Form__Checkbox__input {
    border: 1px solid #FF3B30; }
  .Form__Checkbox.Form__Checkbox--invalid h6, .Form__Checkbox.Form__Checkbox--invalid .Form__Checkbox__label {
    color: #FF3B30; }
    .Form__Checkbox.Form__Checkbox--invalid h6 small, .Form__Checkbox.Form__Checkbox--invalid .Form__Checkbox__label small {
      color: rgba(255, 59, 48, 0.6); }
  .Form__Checkbox--default .Form__Checkbox__input {
    width: 14px;
    height: 14px; }
    .Form__Checkbox--default .Form__Checkbox__input:not(:last-child) {
      margin-right: 12px; }
    .Form__Checkbox--default .Form__Checkbox__input .Icon {
      width: 14px;
      height: 14px; }
  .Form__Checkbox--large .Form__Checkbox__input {
    width: 18px;
    height: 18px; }
    .Form__Checkbox--large .Form__Checkbox__input:not(:last-child) {
      margin-right: 16px; }
    .Form__Checkbox--large .Form__Checkbox__input .Icon {
      width: 18px;
      height: 18px; }
  .Form__Checkbox .Form__Checkbox__input {
    border-radius: 6px;
    border: 1px solid #E5E5EA; }
    .Form__Checkbox .Form__Checkbox__input.Form__Checkbox__input--checked {
      background-color: var(--color-primary);
      border: 1px solid var(--color-primary); }
    .Form__Checkbox .Form__Checkbox__input .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .Form__Checkbox .Form__Checkbox__input .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }
  .Form__Checkbox--default .Form__Checkbox__label small {
    display: block; }
  .Form__Checkbox .Form__Checkbox__label {
    -ms-flex: 1;
        flex: 1; }
    .Form__Checkbox .Form__Checkbox__label .Icon {
      margin: 2px 0 0 8px;
      float: right;
      width: 16px;
      height: 16px; }
      .Form__Checkbox .Form__Checkbox__label .Icon path[fill^="#"] {
        fill: #808080; }
      .Form__Checkbox .Form__Checkbox__label .Icon path[stroke^="#"] {
        stroke: #808080; }
    .Form__Checkbox .Form__Checkbox__label .AlertText {
      margin-top: -2px;
      display: inline-block; }
      .Form__Checkbox .Form__Checkbox__label .AlertText .Icon {
        margin-top: 0;
        float: none;
        position: relative;
        top: 3px; }
        .Form__Checkbox .Form__Checkbox__label .AlertText .Icon path[fill^="#"] {
          fill: #FF9500; }
        .Form__Checkbox .Form__Checkbox__label .AlertText .Icon path[stroke^="#"] {
          stroke: #FF9500; }

.Form__Row .List .Form__Checkbox {
  margin: 8px 0; }

.Form__Row .Form__Checkbox {
  margin: 0; }

.Table__Cell .Form__Checkbox {
  margin: 0; }

.organisation-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(16, 30, 54, 0.08);
  padding: 24px;
  margin-bottom: 24px; }
  .organisation-card__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 95px; }
  .organisation-card__left {
    -ms-flex: 1;
        flex: 1;
    min-width: 220px;
    max-width: 340px; }
  .organisation-card__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px; }
  .organisation-card__description {
    color: #374151;
    font-size: 14px; }
  .organisation-card__right {
    -ms-flex: 2;
        flex: 2;
    min-width: 320px; }

.PhoneNumberInput {
  display: -ms-flexbox;
  display: flex; }
  .PhoneNumberInput .phoneInput {
    line-height: 2em; }
  .PhoneNumberInput .dropdown {
    padding: 0 0 0 8px;
    border: 1px solid #E5E5EA;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: 0;
    background-color: #FFFFFF;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
    .PhoneNumberInput .dropdown input.search {
      display: none; }
    .PhoneNumberInput .dropdown .dropdown-input {
      padding: 12px 16px 8px 16px; }
  .PhoneNumberInput .PhoneNumberInput__Toggle {
    height: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .PhoneNumberInput .PhoneNumberInput__Toggle > * {
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
      display: -ms-flexbox;
      display: flex; }
    .PhoneNumberInput .PhoneNumberInput__Toggle .Icon {
      font-size: 20px;
      color: #808080; }
    .PhoneNumberInput .PhoneNumberInput__Toggle img {
      width: 20px;
      height: 20px;
      margin: 0 8px; }
  .PhoneNumberInput input[type="text"] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding-left: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 !important; }

#Login {
  background-color: #FFF;
  display: -ms-flexbox;
  display: flex; }
  #Login form {
    margin-top: 48px; }
  #Login .Authentication__Form {
    max-width: 350px; }
  #Login h2 {
    margin-bottom: 0; }

.Login__Image {
  min-height: calc(100vh - 40px);
  padding: 20px;
  -ms-flex: 1 1 75%;
      flex: 1 1 75%;
  background-position: center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("/static/images/login_background.jpg"); }

#FreeTrial {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex; }

.FreeTrial__Container {
  min-height: calc(100vh - 40px);
  padding: 20px;
  -ms-flex: 1 1 75%;
      flex: 1 1 75%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #DFF0F5; }

.FreeTrial__Slider {
  width: 100%;
  max-width: 600px; }

.FreeTrial__Slider__Slide {
  display: none; }
  .FreeTrial__Slider__Slide--active {
    display: block; }

.FreeTrial__Slider__Slide__Quote {
  font-size: 24px;
  line-height: 36px;
  color: var(--color-primary); }

.FreeTrial__Slider__Slide__Author {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex; }
  .FreeTrial__Slider__Slide__Author h5 {
    margin: 0;
    text-transform: initial; }

.FreeTrial__Slider__Slide__Author__Image {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 3px solid var(--color-primary); }
  .FreeTrial__Slider__Slide__Author__Image img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #FFFFFF; }

.FreeTrial__Slider__Index {
  margin-top: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.FreeTrial__Slider__Index__Dot {
  margin: 2px 8px 2px 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #808080; }
  .FreeTrial__Slider__Index__Dot--active {
    width: 8px;
    height: 8px;
    margin: 0 8px 0 0;
    background-color: var(--color-primary); }

@media (max-width: 1200px) {
  .FreeTrial__Container {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%; } }

@media (max-width: 1000px) {
  .FreeTrial {
    -ms-flex-direction: column;
        flex-direction: column; }
  .FreeTrial__Container {
    min-height: initial; }
  .FreeTrial__Slider__Slide--active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
  .FreeTrial__Slider__Index {
    -ms-flex-pack: center;
        justify-content: center; }
  .FreeTrial__Slider__Slide__Quote {
    font-size: 20px;
    line-height: 32px;
    text-align: center; } }

#Organisations .Spinner__container {
  margin-bottom: 16px; }

#Organisations .ImageItem {
  margin-bottom: 8px;
  padding: 8px 16px;
  border: 1px solid #E5E5EA;
  border-radius: 8px;
  font-size: 16px; }
  #Organisations .ImageItem--clickable {
    cursor: pointer; }
  #Organisations .ImageItem .ImagePlaceholder {
    font-size: 24px; }

#Organisations .OrganisationItem {
  margin-bottom: 8px; }
  #Organisations .OrganisationItem:last-child {
    margin-bottom: 0; }

#Organisations .OrganisationItem__Container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

#Organisations .Network:hover .ImagePlaceholder, #Organisations .Organisation:hover .ImagePlaceholder {
  background-color: var(--color-primary); }

#Registration .Container__Content {
  -ms-flex-direction: row;
      flex-direction: row; }

#Registration .Registration__Preview, #Registration .Registration__Form {
  -ms-flex: 1;
      flex: 1; }

#Registration .Registration__Preview {
  margin-left: 48px; }

#Registration .Registration__Preview__Screen {
  width: 300px;
  height: 532px;
  margin: 0 auto;
  padding-top: 128px;
  background-color: var(--color-primary);
  border-radius: 16px;
  box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.15);
  overflow: hidden; }

#Registration .Registration__Preview__Screen__Content {
  height: 533px;
  background-color: #FFF;
  border-radius: 16px; }
  #Registration .Registration__Preview__Screen__Content h3 {
    margin: 16px 0 0 0;
    padding: 0 16px;
    font-size: 20px;
    text-align: center;
    font-weight: 600; }

#Registration .Registration__Preview__Screen__Image {
  width: 120px;
  height: 120px;
  margin: 0 auto -60px auto;
  position: relative;
  top: -60px;
  border-radius: 50%;
  background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-verylight));
  text-align: center;
  overflow: hidden; }
  #Registration .Registration__Preview__Screen__Image .Icon {
    position: absolute;
    top: 47px;
    left: 47px;
    font-size: 44px; }
    #Registration .Registration__Preview__Screen__Image .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    #Registration .Registration__Preview__Screen__Image .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }

.Registration__Preview__Screen__Fields {
  margin-top: 16px; }

.Registration__Preview__Screen__Field {
  margin-left: 24px;
  border-bottom: 1px solid #E5E5EA;
  padding: 12px 12px 12px 0;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  -ms-flex-align: end;
      align-items: flex-end; }
  .Registration__Preview__Screen__Field .Icon {
    margin-right: 16px; }
    .Registration__Preview__Screen__Field .Icon path[fill^="#"] {
      fill: #808080; }
    .Registration__Preview__Screen__Field .Icon path[stroke^="#"] {
      stroke: #808080; }
  .Registration__Preview__Screen__Field > div {
    -ms-flex: 1;
        flex: 1; }
  .Registration__Preview__Screen__Field label {
    display: block;
    color: #808080;
    font-size: 14px; }

.OrganisationLogoInput, .ProfilePictureInput {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .OrganisationLogoInput .Icon, .ProfilePictureInput .Icon {
    padding: 20px;
    background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-verylight));
    cursor: pointer; }
    .OrganisationLogoInput .Icon path[fill^="#"], .ProfilePictureInput .Icon path[fill^="#"] {
      fill: var(--color-primary); }
    .OrganisationLogoInput .Icon path[stroke^="#"], .ProfilePictureInput .Icon path[stroke^="#"] {
      stroke: var(--color-primary); }
  .OrganisationLogoInput img, .ProfilePictureInput img {
    width: 64px;
    height: 64px; }
  .OrganisationLogoInput img, .OrganisationLogoInput .Icon, .ProfilePictureInput img, .ProfilePictureInput .Icon {
    margin-right: 16px; }
  .OrganisationLogoInput .Button, .ProfilePictureInput .Button {
    padding: 0 20px;
    margin-top: 0 !important;
    font-size: 14px !important;
    line-height: 40px !important;
    font-weight: 600 !important; }

.OrganisationLogoInput {
  margin-bottom: 24px; }
  .OrganisationLogoInput .Icon {
    padding: 8px !important; }
    .OrganisationLogoInput .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .OrganisationLogoInput .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }
  .OrganisationLogoInput img, .OrganisationLogoInput .Icon {
    border-radius: 8px; }

.ProfilePictureInput .Icon path[fill^="#"] {
  fill: #FFFFFF; }

.ProfilePictureInput .Icon path[stroke^="#"] {
  stroke: #FFFFFF; }

.ProfilePictureInput img, .ProfilePictureInput .Icon {
  border-radius: 50%; }

#OrganisationOnboarding .Container__Content {
  -ms-flex-direction: row;
      flex-direction: row; }

#OrganisationOnboarding .Onboarding__Preview, #OrganisationOnboarding .Onboarding__Form {
  -ms-flex: 1;
      flex: 1; }

#OrganisationOnboarding .Onboarding__Form hr {
  margin: 16px 0; }

#OrganisationOnboarding .Onboarding__Preview {
  margin-left: 48px;
  pointer-events: none; }
  #OrganisationOnboarding .Onboarding__Preview svg {
    position: absolute;
    box-shadow: 0px 4.37323px 43.7323px rgba(23, 31, 70, 0.16);
    border-radius: 16px; }

#Signup h2 {
  font-size: 32px; }

#Signup h3 {
  margin-top: 16px !important;
  font-size: 20px;
  color: #808080; }

#Signup .Container__Content:not(.Container__Content--horizontal) {
  max-width: 600px; }

.Signup__Image {
  padding-top: 60%;
  margin-right: 48px;
  -ms-flex: 0 1 calc(50% - 48px);
      flex: 0 1 calc(50% - 48px);
  background-position: 40% 50%;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("/static/images/login_background.jpg");
  border-radius: 40px; }

.Signup__Form {
  padding: 48px 0;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }

.Signup__Bubble {
  max-width: 500px;
  width: calc(100% - 200px);
  margin: 32px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #DFF0F5;
  padding: 64px;
  border-radius: 40px;
  text-align: center; }
  .Signup__Bubble--warning {
    background-color: #FFF2E9; }
  .Signup__Bubble img {
    max-height: 164px; }

.Signup__Download {
  margin-top: 48px;
  text-align: center;
  font-size: 16px; }
  .Signup__Download img {
    height: 40px;
    margin: 16px 12px 0; }

@media (max-width: 1200px) {
  .Signup__Image {
    display: none; }
  .Signup__Form {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }

@media (max-width: 1000px) {
  .Signup__Bubble {
    margin-top: 0; } }

#Authentication {
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #FFFFFF;
  overflow-y: auto;
  position: relative; }
  #Authentication form {
    margin-top: 48px; }

.Authentication__Container--center {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.Authentication__Container {
  padding: 20px;
  padding-top: 119px;
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: column;
      flex-direction: column; }
  .Authentication__Container:not(.Authentication__Container--center) > * {
    margin: auto; }
  .Authentication__Container .Container {
    width: 100%; }
  .Authentication__Container h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0 24px 0; }
  .Authentication__Container h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin: 0 0 16px 0;
    color: #191919;
    text-align: center; }
  .Authentication__Container h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-align: center; }
  .Authentication__Container h5 {
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0.15px;
    margin: 24px 0 16px 0;
    font-size: 16px;
    text-transform: initial; }
  .Authentication__Container h6 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.1px;
    color: #808080; }
  .Authentication__Container a {
    text-decoration: underline; }
  .Authentication__Container hr {
    margin: 16px 0 !important; }
  .Authentication__Container .Form__Group input.Form__control {
    height: 24px !important;
    padding: 12px 16px !important; }
  .Authentication__Container .Form__Group .password-input-wrapper input.Form__control {
    padding-right: 48px !important; }
  .Authentication__Container .password-input-toggle-button {
    margin-top: 16px !important; }
  .Authentication__Container .Select-control {
    height: 50px; }
    .Authentication__Container .Select-control .Select-placeholder {
      padding-left: 16px;
      line-height: 48px; }
    .Authentication__Container .Select-control .Select-value {
      padding-left: 14px !important;
      line-height: 44px !important; }
    .Authentication__Container .Select-control .Select-input {
      height: 48px;
      line-height: 48px; }
  .Authentication__Container .ColorInput__Input__Preview {
    width: 48px;
    height: 48px; }
  .Authentication__Container .Form__Row {
    margin-bottom: 8px; }
  .Authentication__Container .balloon {
    max-width: 500px;
    width: 100%;
    padding: 48px;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1); }

.Authentication__Form {
  margin: auto 0;
  max-width: 500px;
  width: 100%; }

.Authentication__Form__Description {
  color: #808080;
  margin-top: 16px;
  text-align: center; }

.Authentication__Form__Logo {
  margin: 0 auto;
  height: 60px;
  display: block;
  border-radius: 8px; }
  .Authentication__Form__Logo:not(.Authentication__Form__Logo--organisation) {
    margin-bottom: 24px; }

.Authentication__Form__Action {
  margin-top: 24px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .Authentication__Form__Action .Form__Checkbox {
    margin: 0; }
    .Authentication__Form__Action .Form__Checkbox + .pull-right {
      text-align: right; }
  .Authentication__Form__Action center {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }

.Authentication__Form__Helpdesk {
  margin-top: 48px;
  text-align: center;
  font-weight: 600; }
  .Authentication__Form__Helpdesk a {
    font-weight: inherit; }

.Authentication__Form__Consent {
  margin-top: 24px;
  text-align: center;
  font-size: 13px;
  color: #808080; }

.Authentication__Form__Secure {
  margin-top: 32px;
  line-height: 24px;
  color: #34C759; }
  .Authentication__Form__Secure .Icon {
    margin-right: 8px; }

.Authentication__TopBar {
  width: calc(100% - 40px);
  padding: 16px 20px;
  -ms-flex: none;
      flex: none;
  position: fixed;
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .Authentication__TopBar .Container__Content {
    -ms-flex-align: center;
        align-items: center; }

.Authentication__TopBar__Actions {
  margin-left: auto; }
  .Authentication__TopBar__Actions a {
    margin-left: 16px;
    color: #808080; }
    .Authentication__TopBar__Actions a:hover {
      color: #808080;
      text-decoration: underline; }

.Authentication__TopBar .Container__Content {
  padding-top: 10px;
  padding-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .Authentication__TopBar .Container__Content img {
    height: 46px;
    margin-right: 16px; }
  .Authentication__TopBar .Container__Content h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    display: inline;
    color: #191919; }

.Authentication__Footer {
  width: calc(100% - 40px);
  padding: 16px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 16px; }
  .Authentication__Footer .Container__Content {
    -ms-flex-align: center;
        align-items: center; }

@media (max-width: 1000px) {
  .Authentication__Container .balloon {
    width: auto; }
  .Login__Image,
  .Authentication__TopBar__Actions {
    display: none; }
  .Authentication__Footer {
    padding: 8px 20px; } }

.surveyDetails {
  color: #606060; }

.Report__Question {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }
  .Report__Question .QuestionIcon {
    margin-right: 16px; }
  .Report__Question h2 + span {
    color: #606060; }
  .Report__Question > div {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }

.Report__Question__Data {
  max-width: 625px;
  margin-top: 24px; }
  .Report__Question__Data .Placeholder {
    min-height: 0;
    padding: 48px; }

.Report__Question__Data__Option:not(:last-child) {
  margin-bottom: 24px; }

.Report__Question__Data__Option:nth-child(5n+1) .Report__Question__Data__Option__Bar__Fill {
  background-color: #FF9500; }

.Report__Question__Data__Option:nth-child(5n+2) .Report__Question__Data__Option__Bar__Fill {
  background-color: #34C759; }

.Report__Question__Data__Option:nth-child(5n+3) .Report__Question__Data__Option__Bar__Fill {
  background-color: #5AC8FA; }

.Report__Question__Data__Option:nth-child(5n+4) .Report__Question__Data__Option__Bar__Fill {
  background-color: #007AFF; }

.Report__Question__Data__Option:nth-child(5n+5) .Report__Question__Data__Option__Bar__Fill {
  background-color: #AF52DE; }

.Report__Question__Data__Option__Title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  color: #606060; }
  .Report__Question__Data__Option__Title h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0.15px;
    margin-right: 24px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    color: #191919; }
  .Report__Question__Data__Option__Title span {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin-left: 16px;
    float: right; }
  .Report__Question__Data__Option__Title > *:last-child {
    color: #191919; }
  .Report__Question__Data__Option__Title .employeesCount {
    color: #606060; }

.Report__Question__Data__Option__Bar {
  height: 24px;
  margin-top: 8px;
  background-color: #F6F6F6;
  border-radius: 8px;
  overflow: hidden; }

.Report__Question__Data__Option__Bar__Fill {
  height: 100%; }

.Report__Question__Data__Average {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.1px;
  padding: 8px 12px;
  background-color: rgba(0, 122, 255, 0.1);
  color: #007AFF;
  display: inline-block;
  border-radius: 8px; }

.Report__Question__Data__Bars {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex; }

.Report__Question__Data__Bars__Row {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.1px;
  text-align: center;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .Report__Question__Data__Bars__Row:not(:last-child) {
    margin-right: 16px; }

.Report__Question__Data__Bars__Row__Bar {
  height: 150px;
  margin: 8px 0;
  background-color: #F6F6F6;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden; }

.Report__Question__Data__Bars__Row__Bar__Fill {
  background-color: #A5D6DA; }

.Report__Question__Data__Bars__Row__Count {
  margin-bottom: 4px;
  color: #606060;
  font-weight: 400; }

.Report__Question__Data__Replies {
  margin-top: 24px;
  padding: 20px;
  background-color: #F6F6F6;
  border-radius: 8px; }
  .Report__Question__Data__Replies .Report__Question__Data {
    margin: auto; }

.Report__Question__Data__Answer {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px; }
  .Report__Question__Data__Answer:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E5E5EA; }
  .Report__Question__Data__Answer > div {
    margin-bottom: 8px; }
  .Report__Question__Data__Answer span {
    margin-right: 16px;
    display: inline-block;
    color: #606060; }

.Report__Question__Data__Answers + .Button {
  margin-top: 16px; }

.ReportCompare__Table .Table__Cell:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }

.ReportCompare__Table .Table__Cell:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #FFFFFF;
  white-space: nowrap; }

.ReportCompare__Table .Table__Cell:last-child {
  position: sticky;
  right: 0;
  z-index: 1;
  background-color: #FFFFFF;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  white-space: nowrap; }

.ReportCompare__Table .Table__Cell:nth-last-child(2) {
  border-right: none; }

.ReportCompare__Table .Table__Header {
  position: sticky;
  top: 0;
  z-index: 2; }
  .ReportCompare__Table .Table__Header .Table__Cell {
    color: #ABB4BD;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF !important;
    font-weight: 400; }

.ReportCompare__Table .Table__Cell {
  padding: 16px !important;
  border-bottom-color: rgba(0, 0, 0, 0.1); }

.ReportCompare__Table__Container {
  max-height: calc(100vh - 160px - 58.33px - 71px);
  overflow-x: auto; }

.ReportCompare__Table__Sort {
  margin: -4px 0 0 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  position: relative;
  top: 4px; }

.ReportCompare__Table__DataCell {
  background-color: #F6F6F6;
  text-align: center; }
  .ReportCompare__Table__DataCell--highlight {
    background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-verylight));
    background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), 97%) !important;
    color: var(--color-primary);
    font-weight: 600; }

.ReportCompare__Table__LabelCell {
  min-width: 150px; }

.ReportCompare__Table__Average, .ReportCompare__Table__DataCell {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px; }

.ReportCompare__Table__ResponseCount {
  margin-top: 4px;
  display: block; }

.ReportCompare__Alert {
  width: calc(100% - 64px);
  margin: 16px !important; }
  .ReportCompare__Alert + .ReportCompare__Table__Container {
    border-top: 1px solid #E5E5EA; }

.Icon.QuestionIcon {
  width: 16px;
  height: 16px;
  padding: 4px;
  background-color: var(--color-primary);
  border-radius: 4px;
  min-width: 16px !important;
  min-height: 16px !important;
  color: #FFFFFF; }

.QuestionIcon--type-text {
  background-color: #DE6250 !important; }

.QuestionIcon--type-multiple-choice {
  background-color: #FFB140 !important; }

.QuestionIcon--type-slider {
  background-color: #469FAA !important; }

.QuestionIcon--type-content {
  background-color: #007AFF !important; }

.QuestionIcon--type-dropdown {
  background-color: #FCD34D !important; }

.QuestionIcon--type-boolean {
  background-color: #34D399 !important; }

.QuestionIcon--type-date-time {
  background-color: #5AC8FA !important; }

.QuestionIcon--type-number {
  background-color: #FF9500 !important; }

.QuestionIcon--type-file-upload {
  background-color: #5856D6 !important; }

.QuestionIcon--type-checklist {
  background-color: #34D399 !important; }

#Report {
  padding-top: 68px; }
  #Report h1 + small {
    margin-top: 4px; }
  #Report hr {
    margin: 24px 0 0 0; }
  #Report .Container__Content {
    max-width: calc(1040px - 128px);
    margin: 24px auto;
    padding: 64px;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 50px 100px 80px rgba(0, 0, 0, 0.07); }
  #Report .Report__Question {
    max-width: none;
    margin: 0;
    display: block;
    padding: 32px 0; }
    #Report .Report__Question > .Icon {
      display: none; }
  #Report .ReportCompare__Table__Container {
    margin-top: 24px;
    max-height: none; }
  #Report .ReportCompare__Table {
    min-width: 0 !important; }
    #Report .ReportCompare__Table .Table__Row:first-child .Table__Cell {
      border-top: 1px solid #E5E5EA; }
    #Report .ReportCompare__Table .Table__Cell {
      width: 2% !important;
      min-width: 0 !important;
      padding: 12px !important;
      border-color: #E5E5EA !important; }

.ReportTemplate {
  background-color: #F1F2F5; }

.ReportTemplate__Header {
  width: calc(100% - 40px);
  padding: 16px 20px;
  background-color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 3;
  top: 0; }

.ReportTemplate__Header .Form__Toggle {
  margin-left: auto;
  margin-right: 24px; }

.ReportTemplate__Header__Portal {
  display: inline-block; }

.ReportTemplate__TitleBar {
  width: 100%;
  padding-bottom: 24px;
  display: none;
  background-color: #FFF;
  top: 0;
  text-align: center;
  font-weight: 600; }

@media print {
  .surveyDetails, .Report__Question h2 + span,
  .Report__Question__Data__Option__Title, .employeesCount,
  .Report__Question__Data__Answer span,
  .Report__Question__Data__Bars__Row__Count {
    color: #191919 !important; }
  .ReportTemplate__TitleBar {
    display: block; }
  .ReportTemplate__Footer {
    width: 100%;
    background-color: red;
    position: fixed;
    z-index: 5;
    bottom: -5px;
    left: 0; }
  #Report {
    background-color: #FFF;
    padding-top: 0; }
    #Report .Container__Content {
      max-width: none;
      width: 100%;
      margin: 0;
      padding: 0;
      display: block;
      box-shadow: none; }
      #Report .Container__Content > small {
        display: block; }
  .ReportTemplate__Header {
    display: none; }
  .Report__Question__Data {
    max-width: none; }
  .Report__Question:not(:last-child) {
    page-break-after: always;
    break-after: page; }
  .Table__Row, .Table__Row * {
    page-break-inside: avoid; }
  .Report__Question__Data__Answer {
    page-break-inside: avoid;
         break-inside: avoid-page;
    padding-top: 24px; }
    .Report__Question__Data__Answer:not(:last-child) {
      padding-bottom: 24px;
      margin-bottom: 0; } }

.UpsellModal__Content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 32px; }

.UpgradePlanPackageModal__Video {
  margin-bottom: 32px; }

.UpsellModal__Image {
  object-fit: cover;
  height: 100px;
  margin: 32px auto; }

.UpsellModal__Title {
  margin: 8px auto 32px;
  text-align: center;
  font-weight: 600;
  color: #374151; }

.UpsellModal__Text {
  margin: 0 48px 32px;
  text-align: center; }

.UpsellModal__Link {
  margin: 8px auto 0;
  font-size: 12px;
  color: #4B5563; }

.UpsellModal__Header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.UpsellModal__CloseBtn {
  background-color: #F3F4F6;
  border-radius: 50px;
  padding: 9px;
  cursor: pointer; }
  .UpsellModal__CloseBtn path[fill^="#"] {
    fill: #374151; }
  .UpsellModal__CloseBtn path[stroke^="#"] {
    stroke: #374151; }

.tiptap {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    padding: 64px
}
.tiptap:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
  .tiptap ul, .tiptap ol {
    margin-top: var(--padding-base);
    margin-bottom: var(--padding-base);
    margin-left: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 16px
}
    .tiptap ul li p, .tiptap ol li p {
    margin-top: 4px;
    margin-bottom: 4px
}
  .tiptap h1, .tiptap h2, .tiptap h3 {
    margin-bottom: 16px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(39 39 42 / var(--tw-text-opacity, 1))
}
  .tiptap h1 {
    font-size: 30px;
    line-height: 2.25rem
}
  .tiptap h2 {
    font-size: 24px;
    line-height: 2rem
}
  .tiptap h3 {
    font-size: 20px;
    line-height: 1.75rem
}
  .tiptap p {
    margin-bottom: 16px;
    margin-top: 0px;
    font-size: 16px;
    line-height: 24px;
    --tw-text-opacity: 1;
    color: rgb(63 63 70 / var(--tw-text-opacity, 1))
}
    .tiptap p.is-editor-empty:first-child::before {
    pointer-events: none;
    float: left;
    height: 0px;
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity, 1));
    --tw-content: attr(data-placeholder);
    content: var(--tw-content)
}
  .tiptap video.ProseMirror-selectednode, .tiptap[contenteditable="true"] .ProseMirror-selectednode img {
    outline-style: solid;
    outline-width: 3px;
    outline-color: #4f46e5
}
  .tiptap img, .tiptap video {
    margin-bottom: 16px;
    border-radius: 0.375rem
}
  .tiptap img[data-drag-handle="true"] {
    width: 100%
}
  .tiptap video {
    width: 100%
}
  .tiptap table {
    margin-bottom: 16px;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}
    .tiptap table td {
    position: relative;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: top
}
      .tiptap table td > * {
    margin: 0px
}
    .tiptap table .selectedCell {
    border-style: double;
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}
    .tiptap table .grip-column, .tiptap table .grip-row {
    position: absolute;
    box-sizing: border-box;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
    .tiptap table .grip-column::before, .tiptap table .grip-row::before {
    --tw-content: '';
    content: var(--tw-content)
}
      .tiptap table .grip-column:before, .tiptap table .grip-row:before {
    display: block;
    border-width: 0px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(113 113 122 / var(--tw-border-opacity, 1))
}
      .tiptap table .grip-column:hover, .tiptap table .grip-column.selected, .tiptap table .grip-row:hover, .tiptap table .grip-row.selected {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}
        .tiptap table .grip-column:hover::before, .tiptap table .grip-column.selected::before, .tiptap table .grip-row:hover::before, .tiptap table .grip-row.selected::before {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}
    .tiptap table .grip-column {
    top: -8px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 16px;
    width: 24px
}
      .tiptap table .grip-column::before {
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 4px;
    width: 10px;
    border-top-width: 2px;
    border-bottom-width: 2px
}
    .tiptap table .grip-row {
    left: -8px;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    height: 24px;
    width: 16px
}
      .tiptap table .grip-row::before {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
    height: 10px;
    width: 4px;
    border-left-width: 2px;
    border-right-width: 2px
}

.LegalDocument {
  z-index: 15 !important; }

.LegalDocument__Frame {
  width: 100%;
  height: calc(100vh - 160px - 40px - 32px - 1px);
  display: block; }

.LegalDocuments__Footer {
  border-top: 1px solid #E5E5EA;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 20px; }

.privacy-select-container {
  display: inline-block;
  width: 250px; }

.PrivacySelect {
  width: 100%; }

.PrivacySelectOption {
  padding: 12px 12px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row; }
  .PrivacySelectOption:not(:last-child) {
    border-bottom: 1px solid #E5E5EA; }
  .PrivacySelectOption .Icon {
    margin-right: 12px;
    width: 18px;
    height: 18px;
    line-height: 36px; }

.PrivacySelectOption__Text {
  -ms-flex: 1;
      flex: 1; }

.Note__Container {
  margin-bottom: 32px;
  padding-left: 48px;
  padding-right: 32px;
  position: relative; }

.Note__CreatorName {
  font-size: 18px;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: -32px;
  gap: 8px;
  margin-bottom: 8px;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer; }
  .Note__CreatorName .ProfileImage {
    border-radius: 100%;
    border: 3px solid #FFFFFF; }

.Note__Content {
  padding-top: 16px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #E5E5EA; }
  .Note__Content p {
    margin-bottom: 16px; }

.Note__CreatorDate {
  color: #6B7280;
  margin-bottom: 8px; }

.Note__Creator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 8px; }

.Note__Visibility {
  display: -ms-flexbox;
  display: flex;
  min-width: 160px;
  width: -moz-max-content;
  width: max-content;
  border-radius: 18px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #4B5563;
  border: 1px solid #E5E5EA;
  padding: 3px 8px;
  font-size: 12px;
  white-space: nowrap; }
  .Note__Visibility svg {
    margin-right: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.Note__ContainerLine {
  width: 1px;
  background: #e3e3e3;
  height: 114%;
  position: absolute;
  left: 30px; }

.DocumentUploadForm .Form__Checkbox {
  float: left;
  margin: 0; }

.DocumentUploadForm__Attachments {
  margin-top: 16px; }

.DocumentDetail {
  width: 260px;
  height: calc(100% - 176px);
  position: fixed;
  right: 0;
  top: 176px;
  background-color: #FFFFFF;
  border-left: 1px solid #F1F2F5;
  overflow-y: auto; }

#ProfileSettings .DocumentDetail {
  height: calc(100% - 171px);
  top: 171px; }

.DocumentDetail__Header {
  padding: 16px 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600; }
  .DocumentDetail__Header .Icon {
    width: 36px;
    height: 36px;
    margin: -6px 0;
    float: right;
    cursor: pointer; }

.DocumentDetail__Thumbnail {
  background-color: #F9FAFB;
  text-align: center; }
  .DocumentDetail__Thumbnail .DocumentIcon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    margin: 24px 0;
    display: inline-block;
    font-size: 48px; }
    .DocumentDetail__Thumbnail .DocumentIcon .Icon {
      width: 40px;
      height: 40px;
      margin: 12px; }

.DocumentDetail__Content {
  padding: 20px;
  font-size: 16px; }
  .DocumentDetail__Content hr {
    margin: 16px 0;
    background-color: #F1F2F5; }
  .DocumentDetail__Content h4 {
    font-size: 16px;
    color: #191919;
    line-height: 20px; }
  .DocumentDetail__Content label {
    margin-top: 16px;
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #808080; }

.DocumentDetail__ContentValue {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .DocumentDetail__ContentValue .Icon {
    width: 16px;
    height: 16px;
    float: unset;
    margin-left: 4px; }
    .DocumentDetail__ContentValue .Icon path[fill^="#"] {
      fill: #FCD34D; }
    .DocumentDetail__ContentValue .Icon path[stroke^="#"] {
      stroke: #FCD34D; }

.DocumentDetail__AccessSettings {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  box-sizing: border-box;
  margin-top: 8px; }
  .DocumentDetail__AccessSettings > span {
    border-radius: 6px;
    background-color: #F3F4F6;
    color: #4B5563;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    padding: 4px 12px;
    margin: 0 8px 8px 0; }

.Document__Name {
  color: #808080;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Document__Name .Document__Icon {
    width: 36px;
    height: 36px;
    margin-right: 12px;
    float: left; }
  .Document__Name .Table__Cell__Title {
    line-height: 18px;
    color: #191919;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .Document__Name .Table__Cell__Title .Icon {
      width: 16px;
      height: 16px;
      float: unset;
      margin-left: 4px; }
      .Document__Name .Table__Cell__Title .Icon path[fill^="#"] {
        fill: #FCD34D; }
      .Document__Name .Table__Cell__Title .Icon path[stroke^="#"] {
        stroke: #FCD34D; }

.DocumentIcon {
  width: 36px;
  height: 36px;
  background-size: cover;
  background-position: center;
  border-radius: 25%; }
  .DocumentIcon .Icon {
    margin: 6px; }
  .DocumentIcon--thumb {
    background-color: #F6F6F6; }
  .DocumentIcon--folder {
    background-color: rgba(252, 211, 77, 0.1); }
    .DocumentIcon--folder .Icon {
      margin: 6px; }
      .DocumentIcon--folder .Icon path[fill^="#"] {
        fill: #FCD34D; }
      .DocumentIcon--folder .Icon path[stroke^="#"] {
        stroke: #FCD34D; }
  .DocumentIcon--personal {
    background-color: rgba(var(--color-primary-r), var(--color-primary-g), var(--color-primary-b), 0.1); }
    .DocumentIcon--personal .Icon {
      margin: 6px; }
      .DocumentIcon--personal .Icon path[fill^="#"] {
        fill: var(--color-primary); }
      .DocumentIcon--personal .Icon path[stroke^="#"] {
        stroke: var(--color-primary); }

.PickFolderModal .modal-body {
  padding: 16px 0 !important; }

.PickFolderModal__Header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .PickFolderModal__Header .Icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    cursor: pointer; }
    .PickFolderModal__Header .Icon path[fill^="#"] {
      fill: #9CA3AF; }
    .PickFolderModal__Header .Icon path[stroke^="#"] {
      stroke: #9CA3AF; }
  .PickFolderModal__Header span {
    font-size: 16px;
    font-weight: 500;
    color: #191919; }

.PickFolderModal__Row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 0 8px 16px;
  cursor: pointer; }
  .PickFolderModal__Row:hover:not(.PickFolderModal__Row--disabled) {
    background-color: #F9FAFB; }
  .PickFolderModal__Row a {
    color: #191919; }
  .PickFolderModal__Row--disabled {
    cursor: unset;
    opacity: 0.2; }
    .PickFolderModal__Row--disabled a {
      cursor: default; }
  .PickFolderModal__Row:not(:last-child) {
    box-shadow: inset 0px -1px 0px #F3F4F6; }
  .PickFolderModal__Row > .Icon:last-child {
    width: 40px;
    height: 40px;
    margin-left: auto; }
    .PickFolderModal__Row > .Icon:last-child path[fill^="#"] {
      fill: #E5E5EA; }
    .PickFolderModal__Row > .Icon:last-child path[stroke^="#"] {
      stroke: #E5E5EA; }

.PickFolderModal__Title {
  line-height: 18px;
  color: #191919;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .PickFolderModal__Title .Icon {
    width: 16px;
    height: 16px;
    float: unset;
    margin-left: 4px; }
    .PickFolderModal__Title .Icon path[fill^="#"] {
      fill: #FCD34D; }
    .PickFolderModal__Title .Icon path[stroke^="#"] {
      stroke: #FCD34D; }

.PickFolderModal__DocumentIcon {
  width: 36px;
  height: 36px;
  margin-right: 12px;
  float: left; }

.PickFolderModal__Placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 385px;
  color: #6B7280; }

#Documents {
  position: relative; }

.DocumentsContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .DocumentsContainer .TopNavigationBar .SearchBar {
    width: 240px;
    margin: 0 12px 0 0; }

.Document__DeletedIn {
  color: #FF3B30; }

.FileUpload .Button {
  pointer-events: none; }

.Document__Title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 400px; }

.IntegrationRedeemCode {
  color: #9CA3AF; }
  .IntegrationRedeemCode b {
    color: #374151; }
    .IntegrationRedeemCode b .Icon {
      width: 12px;
      height: 12px;
      margin-left: 4px;
      float: none; }
      .IntegrationRedeemCode b .Icon path[fill^="#"] {
        fill: #808080; }
      .IntegrationRedeemCode b .Icon path[stroke^="#"] {
        stroke: #808080; }

.IntegrationRedeemCode__CodeBox {
  width: -moz-fit-content;
  width: fit-content;
  margin: 12px 0;
  padding: 8px 12px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F3F4F6;
  border-radius: 6px;
  color: #374151; }
  .IntegrationRedeemCode__CodeBox .Icon {
    width: 18px;
    height: 18px;
    margin-left: 12px;
    cursor: pointer; }
  .IntegrationRedeemCode__CodeBox--error {
    color: #f26e70; }

.ProfileMemberships__Group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .ProfileMemberships__Group:first-of-type {
    padding-bottom: 16px; }
  .ProfileMemberships__Group:not(:first-of-type) {
    padding: 16px 0; }
  .ProfileMemberships__Group:not(:last-of-type) {
    border-bottom: 1px solid #F3F4F6; }

.ProfileMemberships__Row {
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  white-space: pre; }
  .ProfileMemberships__Row > .Icon {
    width: 20px;
    height: 20px;
    margin-right: 12px; }
    .ProfileMemberships__Row > .Icon:not(.syncIcon) path[fill^="#"] {
      fill: #6B7280; }
    .ProfileMemberships__Row > .Icon:not(.syncIcon) path[stroke^="#"] {
      stroke: #6B7280; }
  .ProfileMemberships__Row .dropdown {
    margin-left: auto; }

.ProfileMemberships__AddTo {
  color: var(--color-button);
  font-weight: 500;
  line-height: 20px;
  margin-top: 16px;
  cursor: pointer; }

.ProfileMemberships__Labels {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .ProfileMemberships__Labels > span:last-child {
    color: #9CA3AF;
    font-size: 12px; }

.ProfileMemberships__Name {
  color: #374151;
  line-height: 20px; }

.ProfileMemberships__Name,
.ProfileMemberships__Roles {
  max-width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.synced .ProfileMemberships__Name, .synced .ProfileMemberships__Roles {
  max-width: 230px; }

.synced .syncIcon {
  margin-right: 6px;
  margin-left: 6px; }

.MembershipRowDropdown {
  top: -2px; }

#AboutProfile > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.AboutProfile__BackgroundCover {
  width: 100%;
  background-color: var(--color-primary);
  border-radius: 8px 8px 0 0; }

.AboutProfile__Avatar {
  border: 2px solid #FFFFFF;
  border-radius: 50px; }

.AboutProfile__GeneralInfo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.AboutProfile__FullName {
  color: #374151;
  font-weight: 500;
  font-size: 16px;
  padding-left: 20px;
  line-height: 24px; }

.AboutProfile__Subsection {
  padding-left: 20px;
  color: #9CA3AF; }

.AboutProfile__Header .ProfileImage {
  margin: -32px 24px 8px; }

.AboutProfile__Stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 63px;
  border-top: 0.5px solid #E5E5EA;
  margin-top: 12px; }
  .AboutProfile__Stats > span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 50%;
    color: #8E8E93; }
    .AboutProfile__Stats > span:first-of-type {
      border-right: 0.5px solid #E5E5EA; }
    .AboutProfile__Stats > span b {
      font-weight: 400;
      color: #171F24;
      margin-right: 8px; }

.AboutProfile__PersonalInfo {
  margin-top: 20px; }

.AboutProfile__PersonalInfoHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-weight: 500;
  color: #1C1C1E;
  margin-bottom: 16px; }
  .AboutProfile__PersonalInfoHeader span:nth-child(2) {
    color: var(--color-button);
    font-weight: 500;
    cursor: pointer; }

.AboutProfile__PersonalInfoRowWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .AboutProfile__PersonalInfoRowWrapper:not(:last-of-type) {
    margin-bottom: 16px; }

.AboutProfile__PersonalInfoRow {
  display: -ms-flexbox;
  display: flex;
  color: #374151; }
  .AboutProfile__PersonalInfoRow .Icon {
    margin-right: 12px; }
    .AboutProfile__PersonalInfoRow .Icon path[fill^="#"] {
      fill: #9CA3AF; }
    .AboutProfile__PersonalInfoRow .Icon path[stroke^="#"] {
      stroke: #9CA3AF; }
  .AboutProfile__PersonalInfoRow > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .AboutProfile__PersonalInfoRow > div span:first-of-type {
      font-size: 12px;
      font-weight: 500;
      color: #9CA3AF;
      line-height: 16px; }

.AboutProfile__Sidebar {
  -ms-flex: 0 0 auto !important;
      flex: 0 0 auto !important;
  width: 350px !important; }
  .AboutProfile__Sidebar > div:not(:first-of-type) {
    margin-top: 16px; }

.ProfilePersonalDocuments__Header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 12px; }
  .ProfilePersonalDocuments__Header .ProfilePersonalDocuments__HeaderLabel {
    color: #374151;
    font-weight: 500;
    line-height: 24px; }
  .ProfilePersonalDocuments__Header .Form.SearchBar {
    max-width: 328px;
    margin: 0 16px 0 auto; }

.AdminNotes__Header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  .AdminNotes__Header span {
    color: var(--color-button);
    font-weight: 500;
    cursor: pointer; }

.AdminNotes__Card {
  padding-top: 32px;
  padding-bottom: 32px; }

.AdminNotes__AddNoteBtn {
  color: var(--color-button);
  font-weight: 500;
  line-height: 20px;
  margin-top: 16px;
  cursor: pointer;
  background: none;
  border: 0; }

.AcademyModuleIcon {
  margin-right: 16px;
  float: left;
  border-radius: 3px; }
  .AcademyModuleIcon.AcademyModuleIcon--color-blue {
    background-color: #007AFF; }
    .AcademyModuleIcon.AcademyModuleIcon--color-blue .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .AcademyModuleIcon.AcademyModuleIcon--color-blue .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }
  .AcademyModuleIcon.AcademyModuleIcon--color-purple {
    background-color: #AF52DE; }
    .AcademyModuleIcon.AcademyModuleIcon--color-purple .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .AcademyModuleIcon.AcademyModuleIcon--color-purple .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }
  .AcademyModuleIcon .Icon {
    width: 18px;
    height: 18px;
    padding: 4px; }
  .AcademyModuleIcon + a {
    line-height: 26px; }

.Table__Cell .AcademyModuleIcon:last-child {
  margin-right: 0; }

#ProfileSettings {
  box-sizing: border-box; }
  #ProfileSettings .TopNavigationBar__Row__Info__Image {
    border-radius: 20px; }
  #ProfileSettings .TopNavigationBar .dropdown > .Icon {
    width: 18px;
    height: 18px;
    padding: 8px;
    background-color: #F3F4F6;
    border-radius: 8px; }
  #ProfileSettings .Overview__Content__StatisticsCard__Count {
    font-size: 30px; }
  #ProfileSettings .Table__Cell {
    padding: 12px; }

.UserProfileOnboarding .ProgressBar__Container {
  margin-top: 1em;
  width: 60%; }
  .UserProfileOnboarding .ProgressBar__Container .ProgressBar__Status {
    background-color: #007AFF; }

.UserProfileOnboarding .Overview + .Card {
  margin-top: 24px; }

.progressFormatter small {
  margin-left: 10px;
  font-size: 14px; }

.expandableRowsTable .Table__Cell.courseCell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .expandableRowsTable .Table__Cell.courseCell .AcademyModuleIcon {
    margin-right: .5em;
    margin-left: 4em; }
  .expandableRowsTable .Table__Cell.courseCell .courseToggle {
    color: #8E8E93;
    cursor: pointer;
    margin-right: .5em; }
  .expandableRowsTable .Table__Cell.courseCell .courseImage {
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: .5em; }

.expandableRowsTable .deleted .courseCell .courseImage,
.expandableRowsTable .deleted .courseCell .courseName {
  opacity: .5; }

.expandableRowsTable .deleted .courseCell .courseDeletedIcon {
  height: 1.5em;
  color: #FCD34D;
  margin-left: 1em; }

.PrivacyIndicator {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center; }
  .PrivacyIndicator .Icon {
    width: 14px;
    height: 14px;
    margin-right: 8px; }
    .PrivacyIndicator .Icon path[fill^="#"] {
      fill: #9CA3AF; }
    .PrivacyIndicator .Icon path[stroke^="#"] {
      stroke: #9CA3AF; }
  .PrivacyIndicator span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #9CA3AF; }

.ProfileFormModal .modal-body {
  padding: 0 16px !important; }

.ProfileFormModal h1 {
  color: #111827;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px; }

.ProfileFormModal h2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #374151; }

.ProfileFormModal h3 {
  font-weight: normal;
  font-size: 11px;
  color: #9CA3AF; }

.ProfileFormModal .Tabs__Item {
  padding: 20px 0 16px 0; }

.ProfileFormModal__Tabs {
  width: 200px;
  padding: 16px 0; }

.ProfilePreferencesSettings__DOBRow label {
  margin-bottom: 0; }

.ProfilePreferencesSettings__DOBRow h3 {
  margin-bottom: 8px; }

.PictureForm img {
  width: 46px;
  height: 46px;
  object-fit: cover;
  border-radius: 50px !important; }

.AddUserToCommunity__ShowButton {
  color: var(--color-button);
  font-weight: 500;
  line-height: 20px;
  margin-top: 16px;
  cursor: pointer; }

.AddUserToCommunity {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 16px; }

.AddUserToCommunity__RolesPicker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  background-color: #F3F4F6;
  margin-top: 8px;
  box-sizing: border-box;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer; }
  .AddUserToCommunity__RolesPicker .Icon {
    margin-left: auto; }

.AddUserToCommunity__RolesPickerPlaceholder {
  color: #9CA3AF; }

.AddUserToCommunity__ActionButtons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 16px; }

.AddUserToFunctionGroup__ShowButton {
  color: var(--color-button);
  font-weight: 500;
  line-height: 20px;
  margin-top: 16px;
  cursor: pointer; }

.AddUserToFunctionGroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 16px; }

.AddUserToFunctionGroup__ActionButtons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 16px; }

.AddNotes__Modal .Modal__HeaderClose {
  background: none !important; }

.AddNotes__VisibilityRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.AddNotes__VisibilitySelect {
  max-width: 100px; }

.AddNotes__ModalWindow .modal-content {
  width: 448px; }

.AddNotes__VisibilityLabel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.AddNotes__Textarea {
  padding-bottom: 42px !important; }

.AddNotes__AttachFileButton {
  position: absolute;
  background-color: #FFFFFF;
  bottom: 9px;
  right: 9px;
  border-radius: 8px !important;
  border: 1px solid #E5E5EA !important; }

.AddNotes__AttachFileRow {
  position: relative; }

.AddNotes__AttachmentsRow .Attachments {
  width: 100%; }

.RoleSelector {
  min-height: 300px;
  margin: -16px;
  display: -ms-flexbox;
  display: flex; }

.RoleSelector__Roles {
  padding: 16px;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  min-width: 50%; }

.RoleSelector__Roles__Item {
  padding: 4px 12px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E5E5EA;
  border-radius: 8px;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .RoleSelector__Roles__Item:hover {
    border: 1px solid #bbbbc8; }
  .RoleSelector__Roles__Item .Form__Checkbox {
    margin-right: 16px; }
  .RoleSelector__Roles__Item:not(:last-child) {
    margin-bottom: 8px; }

.RoleSelector__Permissions {
  padding: 16px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  background-color: #F6F6F6; }

.RoleSelector__Group {
  display: -ms-flexbox;
  display: flex; }
  .RoleSelector__Group:not(:last-of-type) {
    margin-bottom: 8px; }
  .RoleSelector__Group .Icon {
    width: 18px;
    height: 18px;
    margin-right: 12px; }
    .RoleSelector__Group .Icon path[fill^="#"] {
      fill: #FF3B30; }
    .RoleSelector__Group .Icon path[stroke^="#"] {
      stroke: #FF3B30; }
  .RoleSelector__Group .RoleSelector__Group__Selected path[fill^="#"] {
    fill: #34C759; }
  .RoleSelector__Group .RoleSelector__Group__Selected path[stroke^="#"] {
    stroke: #34C759; }
  .RoleSelector__Group .RoleSelector__Group__PartialSelected path[fill^="#"] {
    fill: #FCD34D; }
  .RoleSelector__Group .RoleSelector__Group__PartialSelected path[stroke^="#"] {
    stroke: #FCD34D; }
  .RoleSelector__Group > div {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }

.GlobalRole__Icon {
  color: #FCD34D;
  margin-left: 4px;
  float: none;
  display: inline;
  font-size: 20px; }

.HighfiveModalForm .modal-dialog .modal-content .Modal__Wrapper .modal-body .Form__Row {
  margin-bottom: 0; }

.HighfiveModalForm .modal-dialog .modal-content .Modal__Wrapper .modal-body .Form__Row:last-child {
  margin-bottom: 0; }
  .HighfiveModalForm .modal-dialog .modal-content .Modal__Wrapper .modal-body .Form__Row:last-child .Form__Group .Select {
    z-index: 9999 !important;
    position: absolute !important;
    width: 94% !important; }

.HighfiveModalForm .modal-dialog .modal-content .Modal__Wrapper .modal-footer {
  margin-top: 48px !important; }

#Content {
  min-height: 100vh;
  margin-left: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative; }

.Content__Wrapper {
  margin-top: 72px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex; }

.Profile__RedeemCode {
  margin-bottom: 12px;
  background-color: #F6F6F6;
  padding: 8px 16px;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 700;
  color: #191919;
  border-radius: 8px; }
  .Profile__RedeemCode a {
    margin-left: 8px;
    font-weight: normal;
    text-decoration: none !important; }

.PictureForm__Row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.BootstrapModal .modal-dialog .modal-content .modal-header {
  min-height: unset; }

.BootstrapModal .modal-dialog .modal-content .modal-body {
  overflow: auto; }

.UserStatusPreview {
  color: #9CA3AF; }
  .UserStatusPreview .emoji-mart-emoji {
    top: 4px; }
    .UserStatusPreview .emoji-mart-emoji + span {
      margin-left: .3em; }

@charset "UTF-8";
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ; }
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ; }
.tw-fixed{
  position: fixed; }
.tw-absolute{
  position: absolute; }
.tw-relative{
  position: relative; }
.tw-sticky{
  position: sticky; }
.tw-inset-0{
  inset: 0px; }
.\!tw-top-\[30px\]{
  top: 30px !important; }
.tw-bottom-0{
  bottom: 0px; }
.tw-bottom-4{
  bottom: 16px; }
.tw-bottom-\[-4px\]{
  bottom: -4px; }
.tw-left-0{
  left: 0px; }
.tw-right-0{
  right: 0px; }
.tw-right-10{
  right: 40px; }
.tw-right-4{
  right: 16px; }
.tw-top-0{
  top: 0px; }
.tw-top-\[203px\]{
  top: 203px; }
.tw-top-\[72px\]{
  top: 72px; }
.tw-z-10{
  z-index: 10; }
.tw-z-20{
  z-index: 20; }
.tw-z-30{
  z-index: 30; }
.tw-z-5{
  z-index: 5; }
.tw-z-50{
  z-index: 50; }
.tw-z-\[1\]{
  z-index: 1; }
.tw-float-left{
  float: left; }
.\!tw-float-none{
  float: none !important; }
.tw-clear-both{
  clear: both; }
.tw-m-0{
  margin: 0px; }
.\!tw-my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important; }
.\!tw-my-8{
  margin-top: 32px !important;
  margin-bottom: 32px !important; }
.tw-mx-1{
  margin-left: 4px;
  margin-right: 4px; }
.tw-mx-10{
  margin-left: 40px;
  margin-right: 40px; }
.tw-mx-4{
  margin-left: 16px;
  margin-right: 16px; }
.tw-mx-\[20px\]{
  margin-left: 20px;
  margin-right: 20px; }
.tw-mx-auto{
  margin-left: auto;
  margin-right: auto; }
.tw-my-3{
  margin-top: 12px;
  margin-bottom: 12px; }
.tw-my-\[6px\]{
  margin-top: 6px;
  margin-bottom: 6px; }
.\!tw-mb-0{
  margin-bottom: 0px !important; }
.\!tw-mb-4{
  margin-bottom: 16px !important; }
.\!tw-mb-\[-16px\]{
  margin-bottom: -16px !important; }
.\!tw-ml-\[10px\]{
  margin-left: 10px !important; }
.\!tw-mr-0{
  margin-right: 0px !important; }
.\!tw-mr-2{
  margin-right: 8px !important; }
.\!tw-mt-0{
  margin-top: 0px !important; }
.\!tw-mt-1{
  margin-top: 4px !important; }
.\!tw-mt-4{
  margin-top: 16px !important; }
.\!tw-mt-\[-16px\]{
  margin-top: -16px !important; }
.\!tw-mt-\[6px\]{
  margin-top: 6px !important; }
.-tw-ml-2{
  margin-left: -8px; }
.tw-mb-1{
  margin-bottom: 4px; }
.tw-mb-2{
  margin-bottom: 8px; }
.tw-mb-3{
  margin-bottom: 12px; }
.tw-mb-4{
  margin-bottom: 16px; }
.tw-mb-5{
  margin-bottom: var(--padding-base); }
.tw-mb-6{
  margin-bottom: 24px; }
.tw-mb-\[-16px\]{
  margin-bottom: -16px; }
.tw-mb-\[-3px\]{
  margin-bottom: -3px; }
.tw-mb-\[10px\]{
  margin-bottom: 10px; }
.tw-mb-\[6px\]{
  margin-bottom: 6px; }
.tw-ml-1{
  margin-left: 4px; }
.tw-ml-2{
  margin-left: 8px; }
.tw-ml-3{
  margin-left: 12px; }
.tw-ml-4{
  margin-left: 16px; }
.tw-ml-5{
  margin-left: var(--padding-base); }
.tw-ml-\[-10px\]{
  margin-left: -10px; }
.tw-ml-\[-8px\]{
  margin-left: -8px; }
.tw-ml-\[6px\]{
  margin-left: 6px; }
.tw-ml-auto{
  margin-left: auto; }
.tw-mr-1{
  margin-right: 4px; }
.tw-mr-2{
  margin-right: 8px; }
.tw-mr-3{
  margin-right: 12px; }
.tw-mr-4{
  margin-right: 16px; }
.tw-mr-6{
  margin-right: 24px; }
.tw-mt-1{
  margin-top: 4px; }
.tw-mt-12{
  margin-top: 48px; }
.tw-mt-2{
  margin-top: 8px; }
.tw-mt-4{
  margin-top: 16px; }
.tw-mt-6{
  margin-top: 24px; }
.tw-mt-\[-3px\]{
  margin-top: -3px; }
.tw-mt-\[30px\]{
  margin-top: 30px; }
.tw-box-border{
  box-sizing: border-box; }
.tw-line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }
.tw-line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }
.tw-line-clamp-none{
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none; }
.tw-block{
  display: block; }
.tw-inline-block{
  display: inline-block; }
.tw-inline{
  display: inline; }
.\!tw-flex{
  display: -ms-flexbox !important;
  display: flex !important; }
.tw-flex{
  display: -ms-flexbox;
  display: flex; }
.tw-inline-flex{
  display: -ms-inline-flexbox;
  display: inline-flex; }
.tw-table-row{
  display: table-row; }
.tw-grid{
  display: -ms-grid;
  display: grid; }
.\!tw-h-4{
  height: 16px !important; }
.\!tw-h-5{
  height: var(--padding-base) !important; }
.\!tw-h-8{
  height: 32px !important; }
.\!tw-h-\[100px\]{
  height: 100px !important; }
.\!tw-h-\[16px\]{
  height: 16px !important; }
.\!tw-h-\[200px\]{
  height: 200px !important; }
.\!tw-h-\[36px\]{
  height: 36px !important; }
.\!tw-h-\[calc\(100vh-220px\)\]{
  height: calc(100vh - 220px) !important; }
.\!tw-h-\[calc\(90vh-220px\)\]{
  height: calc(90vh - 220px) !important; }
.\!tw-h-full{
  height: 100% !important; }
.tw-h-0{
  height: 0px; }
.tw-h-1{
  height: 4px; }
.tw-h-10{
  height: 40px; }
.tw-h-16{
  height: 64px; }
.tw-h-2{
  height: 8px; }
.tw-h-4{
  height: 16px; }
.tw-h-5{
  height: var(--padding-base); }
.tw-h-6{
  height: 24px; }
.tw-h-8{
  height: 32px; }
.tw-h-\[1px\]{
  height: 1px; }
.tw-h-\[200px\]{
  height: 200px; }
.tw-h-\[20px\]{
  height: 20px; }
.tw-h-\[300px\]{
  height: 300px; }
.tw-h-\[36px\]{
  height: 36px; }
.tw-h-\[500px\]{
  height: 500px; }
.tw-h-\[50px\]{
  height: 50px; }
.tw-h-\[80px\]{
  height: 80px; }
.tw-h-\[calc\(100vh-121px\)\]{
  height: calc(100vh - 121px); }
.tw-h-\[calc\(100vh-174px\)\]{
  height: calc(100vh - 174px); }
.tw-h-\[calc\(100vh-184px\)\]{
  height: calc(100vh - 184px); }
.tw-h-\[calc\(100vh-189px\)\]{
  height: calc(100vh - 189px); }
.tw-h-\[calc\(100vh-220px\)\]{
  height: calc(100vh - 220px); }
.tw-h-\[calc\(100vh-300px\)\]{
  height: calc(100vh - 300px); }
.tw-h-\[calc\(100vh-72px\)\]{
  height: calc(100vh - 72px); }
.tw-h-\[calc\(100vh-75px\)\]{
  height: calc(100vh - 75px); }
.tw-h-full{
  height: 100%; }
.tw-max-h-\[42px\]{
  max-height: 42px; }
.tw-max-h-\[80vh\]{
  max-height: 80vh; }
.tw-min-h-12{
  min-height: 48px; }
.tw-min-h-\[1\.5rem\]{
  min-height: 1.5rem; }
.tw-min-h-\[112px\]{
  min-height: 112px; }
.tw-min-h-\[250px\]{
  min-height: 250px; }
.tw-min-h-\[60px\]{
  min-height: 60px; }
.tw-min-h-screen{
  min-height: 100vh; }
.\!tw-w-4{
  width: 16px !important; }
.\!tw-w-8{
  width: 32px !important; }
.\!tw-w-\[100\%\]{
  width: 100% !important; }
.\!tw-w-\[16px\]{
  width: 16px !important; }
.\!tw-w-\[200px\]{
  width: 200px !important; }
.\!tw-w-\[250px\]{
  width: 250px !important; }
.\!tw-w-\[300px\]{
  width: 300px !important; }
.\!tw-w-\[30px\]{
  width: 30px !important; }
.\!tw-w-\[50\%\]{
  width: 50% !important; }
.\!tw-w-\[500px\]{
  width: 500px !important; }
.\!tw-w-\[600px\]{
  width: 600px !important; }
.\!tw-w-\[650px\]{
  width: 650px !important; }
.\!tw-w-\[90\%\]{
  width: 90% !important; }
.\!tw-w-\[95\%\]{
  width: 95% !important; }
.\!tw-w-\[calc\(100\%-32px-32px-2px\)\]{
  width: calc(100% - 32px - 32px - 2px) !important; }
.\!tw-w-auto{
  width: auto !important; }
.\!tw-w-full{
  width: 100% !important; }
.tw-w-1{
  width: 4px; }
.tw-w-1\/2{
  width: 50%; }
.tw-w-10{
  width: 40px; }
.tw-w-12{
  width: 48px; }
.tw-w-16{
  width: 64px; }
.tw-w-4{
  width: 16px; }
.tw-w-5{
  width: var(--padding-base); }
.tw-w-6{
  width: 24px; }
.tw-w-8{
  width: 32px; }
.tw-w-\[10px\]{
  width: 10px; }
.tw-w-\[140px\]{
  width: 140px; }
.tw-w-\[165px\]{
  width: 165px; }
.tw-w-\[1px\]{
  width: 1px; }
.tw-w-\[300px\]{
  width: 300px; }
.tw-w-\[310px\]{
  width: 310px; }
.tw-w-\[32\%\]{
  width: 32%; }
.tw-w-\[350px\]{
  width: 350px; }
.tw-w-\[360px\]{
  width: 360px; }
.tw-w-\[36px\]{
  width: 36px; }
.tw-w-\[400px\]{
  width: 400px; }
.tw-w-\[500px\]{
  width: 500px; }
.tw-w-\[50px\]{
  width: 50px; }
.tw-w-\[60px\]{
  width: 60px; }
.tw-w-\[calc\(100\%-40px\)\]{
  width: calc(100% - 40px); }
.tw-w-\[inherit\]{
  width: inherit; }
.tw-w-fit{
  width: -moz-fit-content;
  width: fit-content; }
.tw-w-full{
  width: 100%; }
.tw-w-max{
  width: -moz-max-content;
  width: max-content; }
.\!tw-min-w-\[150px\]{
  min-width: 150px !important; }
.\!tw-min-w-\[70px\]{
  min-width: 70px !important; }
.tw-min-w-0{
  min-width: 0px; }
.tw-min-w-\[180px\]{
  min-width: 180px; }
.tw-min-w-full{
  min-width: 100%; }
.\!tw-max-w-\[var\(--container-max-width-print\)\]{
  max-width: var(--container-max-width-print) !important; }
.tw-max-w-\[150px\]{
  max-width: 150px; }
.tw-max-w-\[600px\]{
  max-width: 600px; }
.tw-max-w-\[calc\(100\%-265px\)\]{
  max-width: calc(100% - 265px); }
.tw-max-w-\[calc\(var\(--container-max-width\)-\(var\(--padding-base\)\*2\)\)\]{
  max-width: calc(var(--container-max-width) - (var(--padding-base) * 2)); }
.tw-max-w-lg{
  max-width: 32rem; }
.tw-max-w-md{
  max-width: 28rem; }
.\!tw-flex-none{
  -ms-flex: none !important;
      flex: none !important; }
.tw-flex-1{
  -ms-flex: 1 1 0%;
      flex: 1 1 0%; }
.tw-flex-\[1_1_auto\]{
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
.tw-flex-none{
  -ms-flex: none;
      flex: none; }
.tw-flex-shrink-0{
  -ms-flex-negative: 0;
      flex-shrink: 0; }
.tw-flex-grow{
  -ms-flex-positive: 1;
      flex-grow: 1; }
.tw-grow{
  -ms-flex-positive: 1;
      flex-grow: 1; }
.tw-basis-auto{
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }
.tw-table-fixed{
  table-layout: fixed; }
.tw-border-spacing-0{
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }
.tw-scale-\[1\.8\]{
  --tw-scale-x: 1.8;
  --tw-scale-y: 1.8;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes tw-pulse{
  50%{
    opacity: .5; } }
.tw-animate-pulse{
  animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.\!tw-cursor-not-allowed{
  cursor: not-allowed !important; }
.\!tw-cursor-pointer{
  cursor: pointer !important; }
.\!tw-cursor-text{
  cursor: text !important; }
.tw-cursor-default{
  cursor: default; }
.tw-cursor-move{
  cursor: move; }
.tw-cursor-not-allowed{
  cursor: not-allowed; }
.tw-cursor-pointer{
  cursor: pointer; }
.tw-select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
.tw-appearance-none{
  -moz-appearance: none;
       appearance: none; }
.tw-grid-cols-1{
  -ms-grid-columns: (minmax(0, 1fr))[1];
      grid-template-columns: repeat(1, minmax(0, 1fr)); }
.tw-grid-cols-7{
  -ms-grid-columns: (minmax(0, 1fr))[7];
      grid-template-columns: repeat(7, minmax(0, 1fr)); }
.\!tw-flex-row{
  -ms-flex-direction: row !important;
      flex-direction: row !important; }
.tw-flex-row{
  -ms-flex-direction: row;
      flex-direction: row; }
.tw-flex-row-reverse{
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
.\!tw-flex-col{
  -ms-flex-direction: column !important;
      flex-direction: column !important; }
.tw-flex-col{
  -ms-flex-direction: column;
      flex-direction: column; }
.tw-flex-wrap{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
.tw-items-start{
  -ms-flex-align: start;
      align-items: flex-start; }
.\!tw-items-center{
  -ms-flex-align: center !important;
      align-items: center !important; }
.tw-items-center{
  -ms-flex-align: center;
      align-items: center; }
.tw-items-stretch{
  -ms-flex-align: stretch;
      align-items: stretch; }
.tw-justify-start{
  -ms-flex-pack: start;
      justify-content: flex-start; }
.tw-justify-end{
  -ms-flex-pack: end;
      justify-content: flex-end; }
.\!tw-justify-center{
  -ms-flex-pack: center !important;
      justify-content: center !important; }
.tw-justify-center{
  -ms-flex-pack: center;
      justify-content: center; }
.tw-justify-between{
  -ms-flex-pack: justify;
      justify-content: space-between; }
.tw-justify-around{
  -ms-flex-pack: distribute;
      justify-content: space-around; }
.\!tw-gap-4{
  gap: 16px !important; }
.\!tw-gap-5{
  gap: var(--padding-base) !important; }
.tw-gap-1{
  gap: 4px; }
.tw-gap-2{
  gap: 8px; }
.tw-gap-3{
  gap: 12px; }
.tw-gap-4{
  gap: 16px; }
.tw-gap-5{
  gap: var(--padding-base); }
.tw-gap-6{
  gap: 24px; }
.tw-gap-8{
  gap: 32px; }
.tw-gap-\[2\%\]{
  gap: 2%; }
.tw-gap-\[2px\]{
  gap: 2px; }
.tw-gap-\[6px\]{
  gap: 6px; }
.-tw-space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(-8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-8px * var(--tw-space-y-reverse)); }
.tw-space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(4px * var(--tw-space-x-reverse));
  margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse))); }
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse))); }
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse)); }
.tw-space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse)); }
.tw-divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.tw-divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)); }
.tw-self-start{
  -ms-flex-item-align: start;
      align-self: flex-start; }
.\!tw-self-center{
  -ms-flex-item-align: center !important;
      -ms-grid-row-align: center !important;
      align-self: center !important; }
.tw-overflow-auto{
  overflow: auto; }
.tw-overflow-hidden{
  overflow: hidden; }
.tw-overflow-visible{
  overflow: visible; }
.tw-overflow-y-auto{
  overflow-y: auto; }
.tw-overflow-y-hidden{
  overflow-y: hidden; }
.tw-truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.\!tw-text-ellipsis{
  text-overflow: ellipsis !important; }
.tw-text-ellipsis{
  text-overflow: ellipsis; }
.\!tw-whitespace-normal{
  white-space: normal !important; }
.tw-whitespace-nowrap{
  white-space: nowrap; }
.tw-whitespace-pre-line{
  white-space: pre-line; }
.tw-whitespace-pre-wrap{
  white-space: pre-wrap; }
.tw-break-words{
  overflow-wrap: break-word; }
.\!tw-rounded-\[4px\]{
  border-radius: 4px !important; }
.\!tw-rounded-\[8px\]{
  border-radius: 8px !important; }
.\!tw-rounded-lg{
  border-radius: 0.5rem !important; }
.\!tw-rounded-md{
  border-radius: 0.375rem !important; }
.tw-rounded{
  border-radius: 0.25rem; }
.tw-rounded-\[25\%\]{
  border-radius: 25%; }
.tw-rounded-\[25px\]{
  border-radius: 25px; }
.tw-rounded-\[3px\]{
  border-radius: 3px; }
.tw-rounded-\[4px\]{
  border-radius: 4px; }
.tw-rounded-\[6px\]{
  border-radius: 6px; }
.tw-rounded-\[8px\]{
  border-radius: 8px; }
.tw-rounded-full{
  border-radius: 9999px; }
.tw-rounded-lg{
  border-radius: 0.5rem; }
.tw-rounded-md{
  border-radius: 0.375rem; }
.tw-rounded-sm{
  border-radius: 0.125rem; }
.tw-rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem; }
.tw-rounded-bl-lg{
  border-bottom-left-radius: 0.5rem; }
.tw-rounded-br-lg{
  border-bottom-right-radius: 0.5rem; }
.\!tw-border{
  border-width: 1px !important; }
.\!tw-border-\[1px\]{
  border-width: 1px !important; }
.tw-border{
  border-width: 1px; }
.tw-border-0{
  border-width: 0px; }
.tw-border-\[1px\]{
  border-width: 1px; }
.tw-border-\[2px\]{
  border-width: 2px; }
.tw-border-x{
  border-left-width: 1px;
  border-right-width: 1px; }
.tw-border-x-0{
  border-left-width: 0px;
  border-right-width: 0px; }
.\!tw-border-b{
  border-bottom-width: 1px !important; }
.\!tw-border-r-\[0px\]{
  border-right-width: 0px !important; }
.tw-border-b{
  border-bottom-width: 1px; }
.tw-border-l{
  border-left-width: 1px; }
.tw-border-l-4{
  border-left-width: 4px; }
.tw-border-r{
  border-right-width: 1px; }
.tw-border-t{
  border-top-width: 1px; }
.tw-border-t-0{
  border-top-width: 0px; }
.\!tw-border-solid{
  border-style: solid !important; }
.tw-border-solid{
  border-style: solid; }
.tw-border-dashed{
  border-style: dashed; }
.\!tw-border-none{
  border-style: none !important; }
.\!tw-border-\[\#E4E4E7\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1)) !important; }
.\!tw-border-\[var\(--color-primary-dull\)\]{
  border-color: var(--color-primary-dull) !important; }
.\!tw-border-gray-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; }
.\!tw-border-gray-300{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; }
.\!tw-border-gray-border{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1)) !important; }
.tw-border-\[\#E4E4E7\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1)); }
.tw-border-\[\#F1F2F5\]{
  --tw-border-opacity: 1;
  border-color: rgb(241 242 245 / var(--tw-border-opacity, 1)); }
.tw-border-\[var\(--color-button\)\]{
  border-color: var(--color-button); }
.tw-border-background{
  --tw-border-opacity: 1;
  border-color: rgb(241 242 245 / var(--tw-border-opacity, 1)); }
.tw-border-blue-300{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); }
.tw-border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); }
.tw-border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); }
.tw-border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); }
.tw-border-gray-border{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1)); }
.tw-border-gray-custom-100{
  --tw-border-opacity: 1;
  border-color: rgb(246 246 246 / var(--tw-border-opacity, 1)); }
.tw-border-gray-disabled{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1)); }
.tw-border-gray-light-50{
  --tw-border-opacity: 1;
  border-color: rgb(242 242 247 / var(--tw-border-opacity, 1)); }
.tw-border-gray-neutral-50{
  --tw-border-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-border-opacity, 1)); }
.tw-border-green-300{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); }
.tw-border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1)); }
.tw-border-neutral-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1)); }
.tw-border-orange-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1)); }
.tw-border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); }
.tw-border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); }
.tw-border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.tw-border-zinc-200{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1)); }
.tw-border-l-blue-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); }
.\!tw-bg-\[var\(--color-primary\)\]{
  background-color: var(--color-primary) !important; }
.\!tw-bg-chat-sender{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 247 197 / var(--tw-bg-opacity, 1)) !important; }
.\!tw-bg-form-submission-note{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 236 175 / var(--tw-bg-opacity, 1)) !important; }
.\!tw-bg-gray-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; }
.\!tw-bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important; }
.\!tw-bg-gray-custom-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 229 234 / var(--tw-bg-opacity, 1)) !important; }
.\!tw-bg-gray-neutral-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1)) !important; }
.\!tw-bg-transparent{
  background-color: transparent !important; }
.\!tw-bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.tw-bg-\[\#FAFAFA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); }
.tw-bg-\[\#eee\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); }
.tw-bg-\[hsl\(var\(--color-primary-hue\)\,var\(--color-primary-saturation\)\,95\%\)\]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-primary-hue) var(--color-primary-saturation) 95% / var(--tw-bg-opacity, 1)); }
.tw-bg-\[rgba\(255\,255\,255\,0\.1\)\]{
  background-color: rgba(255,255,255,0.1); }
.tw-bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.tw-bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); }
.tw-bg-blue-400{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); }
.tw-bg-blue-brand{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); }
.tw-bg-blue-light{
  --tw-bg-opacity: 1;
  background-color: rgb(226 240 254 / var(--tw-bg-opacity, 1)); }
.tw-bg-cyan-500{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)); }
.tw-bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); }
.tw-bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); }
.tw-bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); }
.tw-bg-gray-border{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1)); }
.tw-bg-gray-custom-100{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1)); }
.tw-bg-gray-custom-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); }
.tw-bg-gray-light-50{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 247 / var(--tw-bg-opacity, 1)); }
.tw-bg-gray-muted{
  --tw-bg-opacity: 1;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity, 1)); }
.tw-bg-gray-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1)); }
.tw-bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); }
.tw-bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); }
.tw-bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); }
.tw-bg-green-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); }
.tw-bg-green-light{
  background-color: rgba(52, 199, 89, 0.1); }
.tw-bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); }
.tw-bg-neutral-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1)); }
.tw-bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); }
.tw-bg-orange-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); }
.tw-bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); }
.tw-bg-orange-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)); }
.tw-bg-purple-400{
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1)); }
.tw-bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); }
.tw-bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); }
.tw-bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); }
.tw-bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.tw-bg-red-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
.tw-bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); }
.tw-bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.tw-bg-yellow-accent{
  --tw-bg-opacity: 1;
  background-color: rgb(202 132 4 / var(--tw-bg-opacity, 1)); }
.tw-bg-zinc-200{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1)); }
.tw-bg-opacity-50{
  --tw-bg-opacity: 0.5; }
.tw-bg-\[url\(\'\/static\/images\/chat\/chat-bg\.jpg\'\)\]{
  background-image: url('/static/images/chat/chat-bg.jpg'); }
.tw-bg-\[url\(\'\/static\/images\/recognition_bg\.png\'\)\]{
  background-image: url('/static/images/recognition_bg.png'); }
.tw-bg-contain{
  background-size: contain; }
.\!tw-bg-\[right_40px_center\]{
  background-position: right 40px center !important; }
.tw-bg-\[position\:top_right\]{
  background-position: top right; }
.tw-bg-no-repeat{
  background-repeat: no-repeat; }
.tw-fill-neutral-300{
  fill: #d4d4d4; }
.tw-object-cover{
  object-fit: cover; }
.\!tw-p-0{
  padding: 0px !important; }
.\!tw-p-2{
  padding: 8px !important; }
.\!tw-p-4{
  padding: 16px !important; }
.\!tw-p-5{
  padding: var(--padding-base) !important; }
.\!tw-p-8{
  padding: 32px !important; }
.\!tw-p-\[32px\]{
  padding: 32px !important; }
.tw-p-0{
  padding: 0px; }
.tw-p-0\.5{
  padding: 2px; }
.tw-p-1{
  padding: 4px; }
.tw-p-16{
  padding: 64px; }
.tw-p-2{
  padding: 8px; }
.tw-p-3{
  padding: 12px; }
.tw-p-4{
  padding: 16px; }
.tw-p-5{
  padding: var(--padding-base); }
.tw-p-6{
  padding: 24px; }
.tw-p-\[20px\]{
  padding: 20px; }
.tw-p-\[3px\]{
  padding: 3px; }
.\!tw-px-0{
  padding-left: 0px !important;
  padding-right: 0px !important; }
.\!tw-px-2{
  padding-left: 8px !important;
  padding-right: 8px !important; }
.\!tw-px-4{
  padding-left: 16px !important;
  padding-right: 16px !important; }
.\!tw-px-6{
  padding-left: 24px !important;
  padding-right: 24px !important; }
.\!tw-px-\[10px\]{
  padding-left: 10px !important;
  padding-right: 10px !important; }
.\!tw-px-\[12px\]{
  padding-left: 12px !important;
  padding-right: 12px !important; }
.\!tw-py-1{
  padding-top: 4px !important;
  padding-bottom: 4px !important; }
.\!tw-py-3{
  padding-top: 12px !important;
  padding-bottom: 12px !important; }
.\!tw-py-4{
  padding-top: 16px !important;
  padding-bottom: 16px !important; }
.\!tw-py-\[2px\]{
  padding-top: 2px !important;
  padding-bottom: 2px !important; }
.tw-px-1{
  padding-left: 4px;
  padding-right: 4px; }
.tw-px-2{
  padding-left: 8px;
  padding-right: 8px; }
.tw-px-3{
  padding-left: 12px;
  padding-right: 12px; }
.tw-px-4{
  padding-left: 16px;
  padding-right: 16px; }
.tw-px-5{
  padding-left: var(--padding-base);
  padding-right: var(--padding-base); }
.tw-px-6{
  padding-left: 24px;
  padding-right: 24px; }
.tw-px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px; }
.tw-px-\[12px\]{
  padding-left: 12px;
  padding-right: 12px; }
.tw-py-1{
  padding-top: 4px;
  padding-bottom: 4px; }
.tw-py-2{
  padding-top: 8px;
  padding-bottom: 8px; }
.tw-py-3{
  padding-top: 12px;
  padding-bottom: 12px; }
.tw-py-4{
  padding-top: 16px;
  padding-bottom: 16px; }
.tw-py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px; }
.tw-py-\[12px\]{
  padding-top: 12px;
  padding-bottom: 12px; }
.tw-py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px; }
.tw-py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px; }
.tw-py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px; }
.\!tw-pb-0{
  padding-bottom: 0px !important; }
.\!tw-pb-4{
  padding-bottom: 16px !important; }
.\!tw-pr-12{
  padding-right: 48px !important; }
.\!tw-pt-0{
  padding-top: 0px !important; }
.tw-pb-1{
  padding-bottom: 4px; }
.tw-pb-4{
  padding-bottom: 16px; }
.tw-pb-\[16px\]{
  padding-bottom: 16px; }
.tw-pl-1{
  padding-left: 4px; }
.tw-pl-2{
  padding-left: 8px; }
.tw-pl-4{
  padding-left: 16px; }
.tw-pl-5{
  padding-left: var(--padding-base); }
.tw-pl-6{
  padding-left: 24px; }
.tw-pl-\[26px\]{
  padding-left: 26px; }
.tw-pr-4{
  padding-right: 16px; }
.tw-pr-\[10px\]{
  padding-right: 10px; }
.tw-pt-1{
  padding-top: 4px; }
.tw-pt-3{
  padding-top: 12px; }
.tw-pt-4{
  padding-top: 16px; }
.tw-pt-\[12px\]{
  padding-top: 12px; }
.tw-pt-\[20px\]{
  padding-top: 20px; }
.tw-pt-\[72px\]{
  padding-top: 72px; }
.\!tw-text-left{
  text-align: left !important; }
.tw-text-left{
  text-align: left; }
.tw-text-center{
  text-align: center; }
.tw-text-end{
  text-align: end; }
.\!tw-font-inter{
  font-family: Inter, sans-serif !important; }
.tw-font-inter{
  font-family: Inter, sans-serif; }
.tw-font-playfair{
  font-family: "Playfair Display", serif; }
.tw-font-sfpro{
  font-family: SF Pro Text, sans-serif; }
.\!tw-text-\[13px\]{
  font-size: 13px !important; }
.\!tw-text-base{
  font-size: 14px !important;
  line-height: 1.25rem !important; }
.\!tw-text-sm{
  font-size: 12px !important;
  line-height: 1 !important; }
.tw-text-2xl{
  font-size: 20px;
  line-height: 1.75rem; }
.tw-text-2xl-plus{
  font-size: 22px;
  line-height: 1.75rem; }
.tw-text-3xl{
  font-size: 24px;
  line-height: 2rem; }
.tw-text-5xl{
  font-size: 30px;
  line-height: 2.25rem; }
.tw-text-6xl{
  font-size: 32px;
  line-height: 2.25rem; }
.tw-text-\[13px\]{
  font-size: 13px; }
.tw-text-base{
  font-size: 14px;
  line-height: 1.25rem; }
.tw-text-lg{
  font-size: 16px;
  line-height: 24px; }
.tw-text-sm{
  font-size: 12px;
  line-height: 1; }
.tw-text-sm-plus{
  font-size: 13px;
  line-height: 1.25rem; }
.tw-text-xl{
  font-size: 18px;
  line-height: 1.75rem; }
.tw-text-xs{
  font-size: 11px;
  line-height: 1; }
.\!tw-font-medium{
  font-weight: 500 !important; }
.\!tw-font-normal{
  font-weight: 400 !important; }
.tw-font-bold{
  font-weight: 700; }
.tw-font-medium{
  font-weight: 500; }
.tw-font-normal{
  font-weight: 400; }
.tw-font-semibold{
  font-weight: 600; }
.tw-uppercase{
  text-transform: uppercase; }
.tw-normal-case{
  text-transform: none; }
.tw-italic{
  font-style: italic; }
.tw-leading-6{
  line-height: 1.5rem; }
.tw-leading-\[1\.5\]{
  line-height: 1.5; }
.tw-leading-snug{
  line-height: 1.375; }
.tw-tracking-\[1px\]{
  letter-spacing: 1px; }
.tw-tracking-wide{
  letter-spacing: 0.025em; }
.\!tw-text-\[\#52525B\]{
  --tw-text-opacity: 1 !important;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1)) !important; }
.\!tw-text-gray-400{
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; }
.\!tw-text-gray-500{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; }
.\!tw-text-gray-custom-750{
  --tw-text-opacity: 1 !important;
  color: rgb(72 72 74 / var(--tw-text-opacity, 1)) !important; }
.\!tw-text-gray-text{
  --tw-text-opacity: 1 !important;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1)) !important; }
.\!tw-text-gray-textDark{
  --tw-text-opacity: 1 !important;
  color: rgb(39 39 42 / var(--tw-text-opacity, 1)) !important; }
.\!tw-text-gray-textGray{
  --tw-text-opacity: 1 !important;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1)) !important; }
.\!tw-text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
.\!tw-text-zinc-600{
  --tw-text-opacity: 1 !important;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1)) !important; }
.tw-text-\[\#27272A\]{
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity, 1)); }
.tw-text-\[\#3F3F46\]{
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1)); }
.tw-text-\[\#71717A\]{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1)); }
.tw-text-\[--color-primary\]{
  color: var(--color-primary); }
.tw-text-\[var\(--color-primary\)\]{
  color: var(--color-primary); }
.tw-text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
.tw-text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1)); }
.tw-text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1)); }
.tw-text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1)); }
.tw-text-blue-brand{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1)); }
.tw-text-blue-custom{
  --tw-text-opacity: 1;
  color: rgb(0 122 255 / var(--tw-text-opacity, 1)); }
.tw-text-darkbg{
  --tw-text-opacity: 1;
  color: rgb(28 28 30 / var(--tw-text-opacity, 1)); }
.tw-text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1)); }
.tw-text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1)); }
.tw-text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1)); }
.tw-text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1)); }
.tw-text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1)); }
.tw-text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1)); }
.tw-text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1)); }
.tw-text-gray-custom-430{
  --tw-text-opacity: 1;
  color: rgb(142 142 147 / var(--tw-text-opacity, 1)); }
.tw-text-gray-custom-500{
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1)); }
.tw-text-gray-custom-700{
  --tw-text-opacity: 1;
  color: rgb(96 96 96 / var(--tw-text-opacity, 1)); }
.tw-text-gray-dark-900{
  --tw-text-opacity: 1;
  color: rgb(28 28 30 / var(--tw-text-opacity, 1)); }
.tw-text-gray-disabled{
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1)); }
.tw-text-gray-muted{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1)); }
.tw-text-gray-text{
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1)); }
.tw-text-gray-textDark{
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity, 1)); }
.tw-text-gray-textDarkest{
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity, 1)); }
.tw-text-gray-textGray{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1)); }
.tw-text-gray-textParagraph{
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1)); }
.tw-text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1)); }
.tw-text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1)); }
.tw-text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1)); }
.tw-text-green-custom{
  --tw-text-opacity: 1;
  color: rgb(52 199 89 / var(--tw-text-opacity, 1)); }
.tw-text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1)); }
.tw-text-neutral-400{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1)); }
.tw-text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1)); }
.tw-text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1)); }
.tw-text-neutral-900{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1)); }
.tw-text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1)); }
.tw-text-orange-800{
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1)); }
.tw-text-orange-custom{
  --tw-text-opacity: 1;
  color: rgb(255 149 0 / var(--tw-text-opacity, 1)); }
.tw-text-paragraph{
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1)); }
.tw-text-pink-500{
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1)); }
.tw-text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
.tw-text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.tw-text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1)); }
.tw-text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1)); }
.tw-text-red-link{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.tw-text-violet-500{
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1)); }
.tw-text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.tw-text-zinc-400{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1)); }
.tw-text-zinc-500{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1)); }
.tw-text-zinc-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1)); }
.tw-text-zinc-800{
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity, 1)); }
.tw-underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }
.tw-line-through{
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through; }
.tw-opacity-50{
  opacity: 0.5; }
.\!tw-shadow-input{
  --tw-shadow: 0px 3px 8px -1px #3232470D !important;
  --tw-shadow-colored: 0px 3px 8px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; }
.tw-shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.tw-shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.tw-shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.\!tw-transition-all{
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important; }
.tw-transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms; }
.tw-transition-colors{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms; }
.tw-transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms; }
.\!tw-duration-200{
  transition-duration: 200ms !important; }
.tw-duration-200{
  transition-duration: 200ms; }
h1, h2, h3, h4, h5, h6 {
  margin: 0; }

h1 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: #191919; }

h2 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: #191919; }

h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #191919; }

h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.1px;
  color: #191919; }

h5 {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.1px;
  margin-bottom: 16px;
  text-transform: uppercase; }

h6 {
  font-weight: 500;
  font-size: 14px;
  color: #606060; }

img {
  vertical-align: middle; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown > button {
  cursor: pointer; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  float: left;
  text-align: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > a:hover,
.dropdown-menu > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  max-width: 276px;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.popover.bs-popover-top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bs-popover-bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.bs-popover-top > .arrow {
  border-bottom-width: 0;
  bottom: -11px; }

.popover.bs-popover-top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff; }

.popover.bs-popover-bottom > .arrow {
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }

.popover.bs-popover-bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff; }

.dropdown .menu {
  border-radius: 4px !important; }

.dropdown:not(.upward) .menu {
  margin-top: 8px !important; }

.dropdown.upward .menu {
  margin-bottom: 8px !important; }

.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }
  .animated.bounceIn {
    animation-duration: .7s; }
  .animated.bounceOut {
    animation-duration: .5s; }
  .animated.bounceIn {
    animation-name: bounceIn; }
  .animated.bounceOut {
    animation-name: bounceOut; }
  .animated.fadeIn {
    animation-name: fadeIn;
    animation-duration: .7s; }
  .animated.fadeOut {
    animation-name: fadeOut;
    animation-duration: .3s; }
  .animated.bounceInDown {
    animation-name: bounceInDown; }
  .animated.bounceOutUp {
    animation-name: bounceOutUp; }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: perspective(1px) scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: perspective(1px) scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: perspective(1px) scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: perspective(1px) scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: perspective(1px) scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: perspective(1px) scale3d(1, 1, 1); } }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.rrt-confirm-holder {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999; }
  .rrt-confirm-holder .shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(50, 58, 68, 0.8); }
  .rrt-confirm-holder .rrt-confirm {
    width: 320px;
    background-color: white;
    position: absolute;
    z-index: 9;
    top: 20%;
    left: 50%;
    margin-left: -160px;
    box-shadow: 3px 3px 20px #333;
    border-radius: 4px;
    overflow: hidden; }
    .rrt-confirm-holder .rrt-confirm .rrt-message {
      width: 100%;
      padding: 5%;
      min-height: 50px;
      font-size: 1em;
      background-color: white;
      text-align: center;
      font-family: 'open-sanscondensed-light', sans-serif;
      clear: both; }
    .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder {
      display: -ms-flexbox;
      display: flex; }
      .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button {
        -ms-flex-positive: 1;
            flex-grow: 1;
        height: 50px;
        text-transform: capitalize;
        border: none;
        background-color: transparent;
        padding: 0;
        margin: 0;
        float: left;
        border-top: 1px solid #f0f0f0;
        font-size: 14px;
        overflow: hidden;
        cursor: pointer; }
        .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:hover {
          background-color: #f5f5f5; }
        .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-ok-btn:active {
          background-color: #60bb71;
          color: white; }
        .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-cancel-btn:active {
          background-color: #db6a64;
          color: white; }
        .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:focus {
          outline: none; }

body.toastr-confirm-active {
  overflow: hidden; }

.redux-toastr *, .redux-toastr *:before, .redux-toastr *:after {
  box-sizing: border-box; }

.redux-toastr .top-left, .redux-toastr .top-right, .redux-toastr .top-center, .redux-toastr .bottom-left, .redux-toastr .bottom-right, .redux-toastr .bottom-center {
  width: 350px;
  position: fixed;
  z-index: 99999999;
  padding: 0 10px; }

.redux-toastr .top-left, .redux-toastr .top-right, .redux-toastr .top-center {
  top: 0; }

.redux-toastr .top-right, .redux-toastr .bottom-right {
  right: 0; }

.redux-toastr .bottom-left, .redux-toastr .bottom-right, .redux-toastr .bottom-center {
  bottom: 0; }

.redux-toastr .top-left, .redux-toastr .bottom-left {
  left: 0; }

.redux-toastr .top-center, .redux-toastr .bottom-center {
  left: 50%;
  margin-left: -175px; }

@media (max-width: 320px) {
  .redux-toastr .top-left, .redux-toastr .top-right, .redux-toastr .top-center, .redux-toastr .bottom-left, .redux-toastr .bottom-right, .redux-toastr .bottom-center {
    width: 320px; }
  .redux-toastr .top-center, .redux-toastr .bottom-center {
    margin-left: -160px; } }

.redux-toastr .toastr {
  background-color: #fcfcfc;
  width: 100%;
  min-height: 70px;
  overflow: hidden;
  margin: 10px 0;
  border-radius: 4px;
  position: relative;
  z-index: 2;
  color: #333;
  opacity: .94;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); }
  .redux-toastr .toastr:hover:not(.rrt-message) {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    opacity: 1; }
  .redux-toastr .toastr .toastr-status {
    width: 100%;
    height: 5px; }
    .redux-toastr .toastr .toastr-status.success {
      background-color: #60bb71; }
    .redux-toastr .toastr .toastr-status.warning {
      background-color: #f7a336; }
    .redux-toastr .toastr .toastr-status.info {
      background-color: #58abc3; }
    .redux-toastr .toastr .toastr-status.error {
      background-color: #db6a64; }
  .redux-toastr .toastr .rrt-left-container, .redux-toastr .toastr .rrt-right-container {
    float: left;
    text-align: center;
    overflow: hidden; }
  .redux-toastr .toastr .rrt-left-container {
    width: 80px;
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0; }
    .redux-toastr .toastr .rrt-left-container .rrt-holder {
      width: 70px;
      height: 70px;
      position: absolute;
      top: 50%;
      margin-top: -35px;
      left: 5px;
      line-height: 60px; }
    .redux-toastr .toastr .rrt-left-container .toastr-icon {
      fill: white;
      vertical-align: middle;
      margin-top: 5px; }
  .redux-toastr .toastr .rrt-middle-container {
    width: 65%;
    margin-left: 80px;
    position: relative;
    float: left;
    font-family: Arial, Helvetica, sans-serif, sans-serif;
    font-size: 1em;
    text-align: left;
    padding: 10px 5px; }
    .redux-toastr .toastr .rrt-middle-container .rrt-title {
      font-size: 1.1em;
      font-weight: bold;
      margin-bottom: 5px; }
  .redux-toastr .toastr .rrt-right-container {
    width: 10%; }
  .redux-toastr .toastr .close-toastr {
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    font-size: 22px;
    border: none;
    outline: none;
    opacity: 0.5;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Arial sans-serif; }
    .redux-toastr .toastr .close-toastr:hover {
      opacity: 1; }
    .redux-toastr .toastr .close-toastr:focus {
      outline: none; }
  .redux-toastr .toastr.rrt-info, .redux-toastr .toastr.rrt-success, .redux-toastr .toastr.rrt-warning, .redux-toastr .toastr.rrt-error {
    color: white; }
  .redux-toastr .toastr.rrt-info {
    background-color: #58abc3; }
    .redux-toastr .toastr.rrt-info .rrt-progressbar {
      background-color: #378298; }
  .redux-toastr .toastr.rrt-success {
    background-color: #60bb71; }
    .redux-toastr .toastr.rrt-success .rrt-progressbar {
      background-color: #3e914d; }
  .redux-toastr .toastr.rrt-warning {
    background-color: #f7a336; }
    .redux-toastr .toastr.rrt-warning .rrt-progressbar {
      background-color: #d87e09; }
  .redux-toastr .toastr.rrt-error {
    background-color: #db6a64; }
    .redux-toastr .toastr.rrt-error .rrt-progressbar {
      background-color: #c5352e; }
  .redux-toastr .toastr.rrt-light .rrt-progressbar {
    background-color: #ccc; }
  .redux-toastr .toastr.rrt-light .toastr-icon {
    fill: #333 !important; }
  .redux-toastr .toastr.rrt-message {
    opacity: 1;
    border: 1px solid #dbdbdb; }
    .redux-toastr .toastr.rrt-message .rrt-title {
      width: 90%;
      height: 50px;
      text-align: center;
      font-size: 1.2em;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      line-height: 50px;
      padding: 0 20px; }
    .redux-toastr .toastr.rrt-message .rrt-text {
      width: 100%;
      max-height: 400px;
      overflow: hidden;
      overflow-y: auto;
      border-top: 1px solid #f1f1f1;
      border-bottom: 1px solid #f1f1f1;
      background-color: white;
      padding: 15px;
      font-size: 1.1em;
      margin-bottom: 20px; }
      .redux-toastr .toastr.rrt-message .rrt-text img {
        display: block;
        margin: 10px auto;
        max-width: 100%; }
    .redux-toastr .toastr.rrt-message .close-toastr {
      height: 50px; }
  .redux-toastr .toastr .rrt-progress-container {
    height: 5px;
    margin: 0 -20px -20px -60px;
    position: absolute;
    bottom: 20px;
    width: 100%; }
    .redux-toastr .toastr .rrt-progress-container .rrt-progressbar {
      border-radius: 0 0 0 4px;
      height: 100%; }

.redux-toastr .toastr-attention {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1; }

.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0; }

button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled].rbc-btn {
  cursor: not-allowed; }

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

.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  align-items: stretch; }

.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit; }

.rbc-abs-full,
.rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.rbc-ellipsis,
.rbc-event-label,
.rbc-row-segment .rbc-event-content,
.rbc-show-more {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.rbc-rtl {
  direction: rtl; }

.rbc-off-range {
  color: #999999; }

.rbc-off-range-bg {
  background: #e5e5e5; }

.rbc-header {
  overflow: hidden;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid #DDD; }

.rbc-header + .rbc-header {
  border-left: 1px solid #DDD; }

.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #DDD; }

.rbc-header > a,
.rbc-header > a:active,
.rbc-header > a:visited {
  color: inherit;
  text-decoration: none; }

.rbc-row-content {
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  z-index: 4; }

.rbc-today {
  background-color: #eaf6ff; }

.rbc-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px; }

.rbc-toolbar .rbc-toolbar-label {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 10px;
  text-align: center; }

.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: .375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap; }

.rbc-toolbar button:active,
.rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad; }

.rbc-toolbar button:active:hover,
.rbc-toolbar button.rbc-active:hover,
.rbc-toolbar button:active:focus,
.rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c; }

.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad; }

.rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad; }

.rbc-btn-group {
  display: inline-block;
  white-space: nowrap; }

.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0; }

.rbc-btn-group button + button {
  margin-left: -1px; }

.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px; }

.rbc-btn-group + .rbc-btn-group,
.rbc-btn-group + button {
  margin-left: 10px; }

.rbc-event {
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer; }

.rbc-slot-selecting .rbc-event {
  cursor: inherit;
  pointer-events: none; }

.rbc-event.rbc-selected {
  background-color: #265985; }

.rbc-event-label {
  font-size: 80%; }

.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5); }

.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-event-continues-day-after {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-event-continues-day-prior {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.rbc-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

.rbc-row-segment {
  padding: 0 1px 1px 1px; }

.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1); }

.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  white-space: nowrap; }

.rbc-month-view {
  position: relative;
  border: 1px solid #DDD;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  height: 100%; }

.rbc-month-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

.rbc-month-row {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%; }

.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #DDD; }

.rbc-date-cell {
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right; }

.rbc-date-cell.rbc-now {
  font-weight: bold; }

.rbc-date-cell > a,
.rbc-date-cell > a:active,
.rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none; }

.rbc-row-bg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  overflow: hidden; }

.rbc-day-bg {
  -ms-flex: 1 0 0%;
  flex: 1 0 0%; }

.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #DDD; }

.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #DDD; }

.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px; }

.rbc-overlay > * + * {
  margin-top: 1px; }

.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px; }

.rbc-agenda-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  overflow: auto; }

.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #DDD;
  border-spacing: 0;
  border-collapse: collapse; }

.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top; }

.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase; }

.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #DDD; }

.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #DDD; }

.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #DDD; }

.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #DDD; }

.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right; }

.rbc-agenda-time-cell {
  text-transform: lowercase; }

.rbc-agenda-time-cell .rbc-continues-after:after {
  content: ' »'; }

.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: '« '; }

.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap; }

.rbc-agenda-event-cell {
  width: 100%; }

.rbc-time-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%; }

.rbc-time-column .rbc-timeslot-group {
  -ms-flex: 1;
  flex: 1; }

.rbc-timeslot-group {
  border-bottom: 1px solid #DDD;
  min-height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.rbc-time-gutter,
.rbc-header-gutter {
  -ms-flex: none;
  flex: none; }

.rbc-label {
  padding: 0 5px; }

.rbc-day-slot {
  position: relative; }

.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 10px;
  top: 0; }

.rbc-day-slot .rbc-events-container.rbc-is-rtl {
  left: 10px;
  right: 0; }

.rbc-day-slot .rbc-event {
  border: 1px solid #265985;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
  min-height: 20px;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  position: absolute; }

.rbc-day-slot .rbc-event-label {
  -ms-flex: none;
  flex: none;
  padding-right: 5px;
  width: auto; }

.rbc-day-slot .rbc-event-content {
  width: 100%;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em; }

.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7; }

.rbc-time-slot {
  -ms-flex: 1 0 0px;
  flex: 1 0 0; }

.rbc-time-slot.rbc-now {
  font-weight: bold; }

.rbc-day-header {
  text-align: center; }

.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px; }

.rbc-slot-selecting {
  cursor: move; }

.rbc-time-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  border: 1px solid #DDD;
  min-height: 0; }

.rbc-time-view .rbc-time-gutter {
  white-space: nowrap; }

.rbc-time-view .rbc-allday-cell {
  box-sizing: content-box;
  width: 100%;
  position: relative; }

.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4; }

.rbc-time-view .rbc-row {
  box-sizing: border-box;
  min-height: 20px; }

.rbc-time-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-direction: row;
  flex-direction: row; }

.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #DDD; }

.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #DDD; }

.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #DDD; }

.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #DDD; }

.rbc-time-header-content {
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid #DDD; }

.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #DDD; }

.rbc-time-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #DDD;
  overflow-y: auto;
  position: relative; }

.rbc-time-content > .rbc-time-gutter {
  -ms-flex: none;
  flex: none; }

.rbc-time-content > * + * > * {
  border-left: 1px solid #DDD; }

.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #DDD; }

.rbc-time-content > .rbc-day-slot {
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none; }

.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none; }

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae; }

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%; }

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker-popper {
  z-index: 1; }

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px; }

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px; }

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px; }

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px; }

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px; }

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px; }

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative; }

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px; }

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0; }

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  -ms-flex-align: center;
      align-items: center;
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden; }

.react-datepicker__navigation--previous {
  left: 2px; }

.react-datepicker__navigation--next {
  right: 2px; }

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px; }

.react-datepicker__navigation--years-upcoming {
  top: -4px; }

.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6; }

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0; }

.react-datepicker__navigation-icon--next {
  left: -2px; }

.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px; }

.react-datepicker__navigation-icon--previous {
  right: -2px; }

.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__year-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 180px; }

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px; }

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left; }

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block; }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px; }

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0; }

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-names {
  margin-bottom: -8px; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none; }

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer; }

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold; }

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff; }

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f; }

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta; }

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green; }

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff; }

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90; }

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(
.react-datepicker__month-text--in-range):not(
.react-datepicker__quarter-text--in-range):not(
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(
.react-datepicker__month-text--in-range):not(
.react-datepicker__quarter-text--in-range):not(
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(
.react-datepicker__month-text--in-range):not(
.react-datepicker__quarter-text--in-range):not(
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(
.react-datepicker__month-text--in-range):not(
.react-datepicker__quarter-text--in-range):not(
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(
.react-datepicker__month-text--in-selecting-range):not(
.react-datepicker__quarter-text--in-selecting-range):not(
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(
.react-datepicker__month-text--in-selecting-range):not(
.react-datepicker__quarter-text--in-selecting-range):not(
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(
.react-datepicker__month-text--in-selecting-range):not(
.react-datepicker__quarter-text--in-selecting-range):not(
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(
.react-datepicker__month-text--in-selecting-range):not(
.react-datepicker__quarter-text--in-selecting-range):not(
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000; }

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent; }

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5; }

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative; }

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px; }

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle; }

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×"; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647; }

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem; }

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem; } }

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem; }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%; }

.ReactCrop:focus {
  outline: none; }

.ReactCrop--disabled, .ReactCrop--locked {
  cursor: inherit; }

.ReactCrop__image {
  display: block;
  max-width: 100%;
  -ms-touch-action: none;
      touch-action: none; }

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  -ms-touch-action: none;
      touch-action: none;
  border: 1px solid;
  border-image-source: url(data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==);
  border-image-slice: 1;
  border-image-repeat: repeat; }

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit; }

.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px #fff, 0 0 0 9999em rgba(0, 0, 0, 0.5); }

.ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none; }

.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4); }

.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
  width: 1px;
  height: 100%; }

.ReactCrop__rule-of-thirds-vt::before {
  left: 33.3333%;
  left: calc(100% / 3); }

.ReactCrop__rule-of-thirds-vt::after {
  left: 66.6666%;
  left: calc(100% / 3 * 2); }

.ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
  width: 100%;
  height: 1px; }

.ReactCrop__rule-of-thirds-hz::before {
  top: 33.3333%;
  top: calc(100% / 3); }

.ReactCrop__rule-of-thirds-hz::after {
  top: 66.6666%;
  top: calc(100% / 3 * 2); }

.ReactCrop__drag-handle {
  position: absolute; }

.ReactCrop__drag-handle::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent; }

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize; }

.ReactCrop .ord-nw::after {
  top: 0;
  left: 0; }

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize; }

.ReactCrop .ord-n::after {
  top: 0; }

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize; }

.ReactCrop .ord-ne::after {
  top: 0;
  right: 0; }

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize; }

.ReactCrop .ord-e::after {
  right: 0; }

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize; }

.ReactCrop .ord-se::after {
  bottom: 0;
  right: 0; }

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize; }

.ReactCrop .ord-s::after {
  bottom: 0; }

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize; }

.ReactCrop .ord-sw::after {
  bottom: 0;
  left: 0; }

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize; }

.ReactCrop .ord-w::after {
  left: 0; }

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit; }

.ReactCrop__drag-bar {
  position: absolute; }

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px; }

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px; }

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px; }

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px; }

.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none; }

.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none; }

@media (pointer: coarse) {
  .ReactCrop .ord-n, .ReactCrop .ord-e, .ReactCrop .ord-s, .ReactCrop .ord-w {
    display: none; }
  .ReactCrop__drag-handle {
    width: 24px;
    height: 24px; } }

/*!
 * # Semantic UI 2.4.0 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity; }

.ui.dropdown .menu > * {
  white-space: nowrap; }

/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important; }

/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em; }

/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  transition: none; }

/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  -webkit-touch-callout: none; }

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px; }

/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important; }

.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important; }

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em; }

/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase; }

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em; }

.ui.dropdown.dropdown .menu > .input {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem; }

.ui.dropdown .menu > .header + .input {
  margin-top: 0em; }

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em; }

.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4); }

/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal; }

.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4); }

/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important; }

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none; }

/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em; }

.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em; }

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem; }

/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em; }

/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none; }

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none; }

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em; }

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%; }

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em; }

.ui.button.dropdown .menu {
  min-width: 100%; }

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  transition: box-shadow 0.1s ease, width 0.1s ease; }

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10; }

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible; }

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.91666667em;
  opacity: 0.8;
  transition: opacity 0.1s ease; }

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px; }

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% +  2px);
  width: calc(100% +  2px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  transition: opacity 0.1s ease; }

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none; }

/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem; }

@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem; } }

@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem; } }

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal; }

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none; }

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  box-shadow: none; }

/* Active */
.ui.selection.active.dropdown {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  box-shadow: none; }

.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8); }

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: '';
  z-index: 3; }

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  box-shadow: none !important; }

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  box-shadow: none !important; }

/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: ''; }

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit; }

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2; }

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3; }

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em; }

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
  display: none;
  white-space: pre; }

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto; }

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none; }

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45; }

.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important; }

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem; } }

@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem; } }

/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22619048em 2.1em 0.22619048em 0.35714286em; }

.ui.multiple.dropdown .menu {
  cursor: auto; }

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text; }

/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: ''; }

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important; }

.ui.multiple.dropdown > .label ~ .text {
  display: none; }

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.search.dropdown > .label ~ .text {
  display: none; }

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em; }

/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit; }

.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.21428571em 0em 0.21428571em;
  vertical-align: baseline; }

.ui.inline.dropdown > .text {
  font-weight: bold; }

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem; }

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
  z-index: 12; }

/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13; }

/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important; }

.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important; }

.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: dropdown-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em; }

/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none; }

@keyframes dropdown-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87); }

.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(115, 115, 115, 0.87); }

/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  transition: none; }

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1; }

.ui.dropdown > .loading.menu {
  left: 0px !important;
  right: auto !important; }

.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important; }

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95); }

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden; }

.ui.dropdown .filtered.item {
  display: none !important; }

/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38; }

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4; }

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu > .item {
  color: #9F3A38; }

.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4; }

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2; }

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF; }

/*--------------------
        Clear
----------------------*/
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.8;
  transition: opacity 0.1s ease; }

.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1; }

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45; }

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px; }

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important; }

/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0px !important; }

.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0em -0.5em 0em 0em !important;
  border-radius: 0.28571429rem !important; }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em; }

.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0em; }

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important; }

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; }

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

.ui.upward.selection.dropdown:hover {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); }

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); }

.ui.upward.active.selection.dropdown:hover .menu {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto; }

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important; }

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15); }

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none; }

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none; }

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block; }

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% -  17px); } }

@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem; } }

@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem; } }

@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem; } }

@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem; } }

/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none; }

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  transition: opacity 0.1s ease; }

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1; }

.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1; }

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden; }

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block; }

/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em; }

.ui.fluid.dropdown > .dropdown.icon {
  float: right; }

/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important; }

.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important; }

/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem; }

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2;
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em; }

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  transform: rotate(45deg); }

/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em; }

.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0em;
  transform: rotate(45deg); }

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em; }

.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  transform: rotate(-45deg); }

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0em 1em 0em 0em; }

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  transform: rotate(135deg); }

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em; }

.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  transform: rotate(135deg); }

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em; }

.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  transform: rotate(-135deg); }

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important; }

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto; }

.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto; }

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto; }

.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em; }

/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem; }

.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em; }

/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 1em 0em 0em; }

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 0em 1em; }

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format("woff");
  font-weight: normal;
  font-style: normal; }

.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  width: auto; }

.ui.dropdown > .dropdown.icon:before {
  content: '\f0d7'; }

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: ""; }

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: ""; }

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: ""; }

.ui.dropdown > .clear.icon:before {
  content: "\f00d"; }

/* Icons for Reference (Subsetted in 2.4.0)
  .dropdown.down:before { content: "\f0d7"; }
  .dropdown.up:before { content: "\f0d8"; }
  .dropdown.left:before { content: "\f0d9"; }
  .dropdown.right:before { content: "\f0da"; }
  .dropdown.close:before { content: "\f00d"; }
*/
/*******************************
        User Overrides
*******************************/
/*!
 * # Semantic UI 2.4.0 - Popup
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Popup
*******************************/
.ui.popup {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  /* Fixes content being squished when inline (moz only) */
  min-width: -moz-min-content;
  min-width: min-content;
  z-index: 1900;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: 250px;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); }

.ui.popup > .header {
  padding: 0em;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1.14285714em;
  line-height: 1.2;
  font-weight: bold; }

.ui.popup > .header + .content {
  padding-top: 0.5em; }

.ui.popup:before {
  position: absolute;
  content: '';
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #bababc; }

/*******************************
            Types
*******************************/
/*--------------
    Tooltip
---------------*/
/* Content */
[data-tooltip] {
  position: relative; }

/* Arrow */
[data-tooltip]:before {
  pointer-events: none;
  position: absolute;
  content: '';
  font-size: 1rem;
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #bababc; }

/* Popup */
[data-tooltip]:after {
  pointer-events: none;
  content: attr(data-tooltip);
  position: absolute;
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  font-size: 1rem;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: none;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  z-index: 1; }

/* Default Position (Top Center) */
[data-tooltip]:not([data-position]):before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem; }

[data-tooltip]:not([data-position]):after {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.5em; }

/* Animation */
[data-tooltip]:before,
[data-tooltip]:after {
  pointer-events: none;
  visibility: hidden; }

[data-tooltip]:before {
  opacity: 0;
  transform: rotate(45deg) scale(0) !important;
  transform-origin: center top;
  transition: all 0.1s ease; }

[data-tooltip]:after {
  opacity: 1;
  transform-origin: center bottom;
  transition: all 0.1s ease; }

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  pointer-events: auto; }

[data-tooltip]:hover:before {
  transform: rotate(45deg) scale(1) !important;
  opacity: 1; }

/* Animation Position */
[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
  transform: translateX(-50%) scale(0) !important; }

[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
  transform: translateX(-50%) scale(1) !important; }

[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
  transform: translateY(-50%) scale(0) !important; }

[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
  transform: translateY(-50%) scale(1) !important; }

[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
  transform: scale(0) !important; }

[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after,
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after {
  transform: scale(1) !important; }

/*--------------
    Inverted
---------------*/
/* Arrow */
[data-tooltip][data-inverted]:before {
  box-shadow: none !important; }

/* Arrow Position */
[data-tooltip][data-inverted]:before {
  background: #1B1C1D; }

/* Popup  */
[data-tooltip][data-inverted]:after {
  background: #1B1C1D;
  color: #FFFFFF;
  border: none;
  box-shadow: none; }

[data-tooltip][data-inverted]:after .header {
  background-color: none;
  color: #FFFFFF; }

/*--------------
    Position
---------------*/
/* Top Center */
[data-position="top center"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 0.5em; }

[data-position="top center"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem; }

/* Top Left */
[data-position="top left"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.5em; }

[data-position="top left"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem; }

/* Top Right */
[data-position="top right"][data-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5em; }

[data-position="top right"][data-tooltip]:before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem; }

/* Bottom Center */
[data-position="bottom center"][data-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.5em; }

[data-position="bottom center"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem; }

/* Bottom Left */
[data-position="bottom left"][data-tooltip]:after {
  left: 0;
  top: 100%;
  margin-top: 0.5em; }

[data-position="bottom left"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem; }

/* Bottom Right */
[data-position="bottom right"][data-tooltip]:after {
  right: 0;
  top: 100%;
  margin-top: 0.5em; }

[data-position="bottom right"][data-tooltip]:before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -0.14285714rem;
  margin-top: 0.07142857rem; }

/* Left Center */
[data-position="left center"][data-tooltip]:after {
  right: 100%;
  top: 50%;
  margin-right: 0.5em;
  transform: translateY(-50%); }

[data-position="left center"][data-tooltip]:before {
  right: 100%;
  top: 50%;
  margin-top: -0.14285714rem;
  margin-right: -0.07142857rem; }

/* Right Center */
[data-position="right center"][data-tooltip]:after {
  left: 100%;
  top: 50%;
  margin-left: 0.5em;
  transform: translateY(-50%); }

[data-position="right center"][data-tooltip]:before {
  left: 100%;
  top: 50%;
  margin-top: -0.07142857rem;
  margin-left: 0.14285714rem; }

/* Arrow */
[data-position~="bottom"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -1px -1px 0px 0px #bababc; }

[data-position="left center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: 1px -1px 0px 0px #bababc; }

[data-position="right center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -1px 1px 0px 0px #bababc; }

[data-position~="top"][data-tooltip]:before {
  background: #FFFFFF; }

/* Inverted Arrow Color */
[data-inverted][data-position~="bottom"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: -1px -1px 0px 0px #bababc; }

[data-inverted][data-position="left center"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: 1px -1px 0px 0px #bababc; }

[data-inverted][data-position="right center"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: -1px 1px 0px 0px #bababc; }

[data-inverted][data-position~="top"][data-tooltip]:before {
  background: #1B1C1D; }

[data-position~="bottom"][data-tooltip]:before {
  transform-origin: center bottom; }

[data-position~="bottom"][data-tooltip]:after {
  transform-origin: center top; }

[data-position="left center"][data-tooltip]:before {
  transform-origin: top center; }

[data-position="left center"][data-tooltip]:after {
  transform-origin: right center; }

[data-position="right center"][data-tooltip]:before {
  transform-origin: right center; }

[data-position="right center"][data-tooltip]:after {
  transform-origin: left center; }

/*--------------
     Spacing
---------------*/
.ui.popup {
  margin: 0em; }

/* Extending from Top */
.ui.top.popup {
  margin: 0em 0em 0.71428571em; }

.ui.top.left.popup {
  transform-origin: left bottom; }

.ui.top.center.popup {
  transform-origin: center bottom; }

.ui.top.right.popup {
  transform-origin: right bottom; }

/* Extending from Vertical Center */
.ui.left.center.popup {
  margin: 0em 0.71428571em 0em 0em;
  transform-origin: right 50%; }

.ui.right.center.popup {
  margin: 0em 0em 0em 0.71428571em;
  transform-origin: left 50%; }

/* Extending from Bottom */
.ui.bottom.popup {
  margin: 0.71428571em 0em 0em; }

.ui.bottom.left.popup {
  transform-origin: left top; }

.ui.bottom.center.popup {
  transform-origin: center top; }

.ui.bottom.right.popup {
  transform-origin: right top; }

/*--------------
     Pointer
---------------*/
/*--- Below ---*/
.ui.bottom.center.popup:before {
  margin-left: -0.30714286em;
  top: -0.30714286em;
  left: 50%;
  right: auto;
  bottom: auto;
  box-shadow: -1px -1px 0px 0px #bababc; }

.ui.bottom.left.popup {
  margin-left: 0em; }

/*rtl:rename*/
.ui.bottom.left.popup:before {
  top: -0.30714286em;
  left: 1em;
  right: auto;
  bottom: auto;
  margin-left: 0em;
  box-shadow: -1px -1px 0px 0px #bababc; }

.ui.bottom.right.popup {
  margin-right: 0em; }

/*rtl:rename*/
.ui.bottom.right.popup:before {
  top: -0.30714286em;
  right: 1em;
  bottom: auto;
  left: auto;
  margin-left: 0em;
  box-shadow: -1px -1px 0px 0px #bababc; }

/*--- Above ---*/
.ui.top.center.popup:before {
  top: auto;
  right: auto;
  bottom: -0.30714286em;
  left: 50%;
  margin-left: -0.30714286em; }

.ui.top.left.popup {
  margin-left: 0em; }

/*rtl:rename*/
.ui.top.left.popup:before {
  bottom: -0.30714286em;
  left: 1em;
  top: auto;
  right: auto;
  margin-left: 0em; }

.ui.top.right.popup {
  margin-right: 0em; }

/*rtl:rename*/
.ui.top.right.popup:before {
  bottom: -0.30714286em;
  right: 1em;
  top: auto;
  left: auto;
  margin-left: 0em; }

/*--- Left Center ---*/
/*rtl:rename*/
.ui.left.center.popup:before {
  top: 50%;
  right: -0.30714286em;
  bottom: auto;
  left: auto;
  margin-top: -0.30714286em;
  box-shadow: 1px -1px 0px 0px #bababc; }

/*--- Right Center  ---*/
/*rtl:rename*/
.ui.right.center.popup:before {
  top: 50%;
  left: -0.30714286em;
  bottom: auto;
  right: auto;
  margin-top: -0.30714286em;
  box-shadow: -1px 1px 0px 0px #bababc; }

/* Arrow Color By Location */
.ui.bottom.popup:before {
  background: #FFFFFF; }

.ui.right.center.popup:before,
.ui.left.center.popup:before {
  background: #FFFFFF; }

.ui.top.popup:before {
  background: #FFFFFF; }

/* Inverted Arrow Color */
.ui.inverted.bottom.popup:before {
  background: #1B1C1D; }

.ui.inverted.right.center.popup:before,
.ui.inverted.left.center.popup:before {
  background: #1B1C1D; }

.ui.inverted.top.popup:before {
  background: #1B1C1D; }

/*******************************
            Coupling
*******************************/
/* Immediate Nested Grid */
.ui.popup > .ui.grid:not(.padded) {
  width: calc(100% + 1.75rem);
  margin: -0.7rem -0.875rem; }

/*******************************
            States
*******************************/
.ui.loading.popup {
  display: block;
  visibility: hidden;
  z-index: -1; }

.ui.animating.popup,
.ui.visible.popup {
  display: block; }

.ui.visible.popup {
  transform: translateZ(0px);
  backface-visibility: hidden; }

/*******************************
            Variations
*******************************/
/*--------------
     Basic
---------------*/
.ui.basic.popup:before {
  display: none; }

/*--------------
     Wide
---------------*/
.ui.wide.popup {
  max-width: 350px; }

.ui[class*="very wide"].popup {
  max-width: 550px; }

@media only screen and (max-width: 767px) {
  .ui.wide.popup,
  .ui[class*="very wide"].popup {
    max-width: 250px; } }

/*--------------
     Fluid
---------------*/
.ui.fluid.popup {
  width: 100%;
  max-width: none; }

/*--------------
     Colors
---------------*/
/* Inverted colors  */
.ui.inverted.popup {
  background: #1B1C1D;
  color: #FFFFFF;
  border: none;
  box-shadow: none; }

.ui.inverted.popup .header {
  background-color: none;
  color: #FFFFFF; }

.ui.inverted.popup:before {
  background-color: #1B1C1D;
  box-shadow: none !important; }

/*--------------
     Flowing
---------------*/
.ui.flowing.popup {
  max-width: none; }

/*--------------
     Sizes
---------------*/
.ui.mini.popup {
  font-size: 0.78571429rem; }

.ui.tiny.popup {
  font-size: 0.85714286rem; }

.ui.small.popup {
  font-size: 0.92857143rem; }

.ui.popup {
  font-size: 1rem; }

.ui.large.popup {
  font-size: 1.14285714rem; }

.ui.huge.popup {
  font-size: 1.42857143rem; }

/*******************************
         Theme Overrides
*******************************/
/*******************************
        User Overrides
*******************************/
/*!
 * # Semantic UI 2.4.0 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
          Transitions
*******************************/
.transition {
  animation-iteration-count: 1;
  animation-duration: 300ms;
  animation-timing-function: ease;
  animation-fill-mode: both; }

/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  backface-visibility: hidden;
  visibility: visible !important; }

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px; }

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden; }

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/ }

/* Disabled */
.disabled.transition {
  animation-play-state: paused; }

/*******************************
          Variations
*******************************/
.looping.transition {
  animation-iteration-count: infinite; }

/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
     Browse
---------------*/
.transition.browse {
  animation-duration: 500ms; }

.transition.browse.in {
  animation-name: browseIn; }

.transition.browse.out,
.transition.browse.left.out {
  animation-name: browseOutLeft; }

.transition.browse.right.out {
  animation-name: browseOutRight; }

/* In */

@keyframes browseIn {
  0% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1; }
  10% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7; }
  80% {
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999; }
  100% {
    transform: scale(1) translateZ(0px);
    z-index: 999; } }

/* Out */

@keyframes browseOutLeft {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: -1;
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: -1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@keyframes browseOutRight {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: 1;
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: 1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

/*--------------
     Drop
---------------*/
.drop.transition {
  transform-origin: top center;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }

.drop.transition.in {
  animation-name: dropIn; }

.drop.transition.out {
  animation-name: dropOut; }

/* Drop */

@keyframes dropIn {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes dropOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(0); } }

/*--------------
      Fade
---------------*/
.transition.fade.in {
  animation-name: fadeIn; }

.transition[class*="fade up"].in {
  animation-name: fadeInUp; }

.transition[class*="fade down"].in {
  animation-name: fadeInDown; }

.transition[class*="fade left"].in {
  animation-name: fadeInLeft; }

.transition[class*="fade right"].in {
  animation-name: fadeInRight; }

.transition.fade.out {
  animation-name: fadeOut; }

.transition[class*="fade up"].out {
  animation-name: fadeOutUp; }

.transition[class*="fade down"].out {
  animation-name: fadeOutDown; }

.transition[class*="fade left"].out {
  animation-name: fadeOutLeft; }

.transition[class*="fade right"].out {
  animation-name: fadeOutRight; }

/* In */

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(10%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }

/* Out */

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0%); }
  100% {
    opacity: 0;
    transform: translateY(5%); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0%); }
  100% {
    opacity: 0;
    transform: translateY(-5%); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0%); }
  100% {
    opacity: 0;
    transform: translateX(5%); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0%); }
  100% {
    opacity: 0;
    transform: translateX(-5%); } }

/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  animation-duration: 600ms; }

.horizontal.flip.transition.in {
  animation-name: horizontalFlipIn; }

.horizontal.flip.transition.out {
  animation-name: horizontalFlipOut; }

.vertical.flip.transition.in {
  animation-name: verticalFlipIn; }

.vertical.flip.transition.out {
  animation-name: verticalFlipOut; }

/* In */

@keyframes horizontalFlipIn {
  0% {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }
  100% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; } }

@keyframes verticalFlipIn {
  0% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }
  100% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; } }

/* Out */

@keyframes horizontalFlipOut {
  0% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; }
  100% {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; } }

@keyframes verticalFlipOut {
  0% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; }
  100% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; } }

/*--------------
      Scale
---------------*/
.scale.transition.in {
  animation-name: scaleIn; }

.scale.transition.out {
  animation-name: scaleOut; }

@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.8); }
  100% {
    opacity: 1;
    transform: scale(1); } }

/* Out */

@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(0.9); } }

/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  animation-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.transition.fly.in {
  animation-name: flyIn; }

.transition[class*="fly up"].in {
  animation-name: flyInUp; }

.transition[class*="fly down"].in {
  animation-name: flyInDown; }

.transition[class*="fly left"].in {
  animation-name: flyInLeft; }

.transition[class*="fly right"].in {
  animation-name: flyInRight; }

/* Outward */
.transition.fly.out {
  animation-name: flyOut; }

.transition[class*="fly up"].out {
  animation-name: flyOutUp; }

.transition[class*="fly down"].out {
  animation-name: flyOutDown; }

.transition[class*="fly left"].out {
  animation-name: flyOutLeft; }

.transition[class*="fly right"].out {
  animation-name: flyOutRight; }

/* In */

@keyframes flyIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

@keyframes flyInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 1500px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes flyInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -1500px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  100% {
    transform: none; } }

@keyframes flyInLeft {
  0% {
    opacity: 0;
    transform: translate3d(1500px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  100% {
    transform: none; } }

@keyframes flyInRight {
  0% {
    opacity: 0;
    transform: translate3d(-1500px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  100% {
    transform: none; } }

/* Out */

@keyframes flyOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes flyOutUp {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

@keyframes flyOutDown {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes flyOutRight {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes flyOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  animation-name: slideInY;
  transform-origin: top center; }

.transition[class*="slide up"].in {
  animation-name: slideInY;
  transform-origin: bottom center; }

.transition[class*="slide left"].in {
  animation-name: slideInX;
  transform-origin: center right; }

.transition[class*="slide right"].in {
  animation-name: slideInX;
  transform-origin: center left; }

.transition.slide.out,
.transition[class*="slide down"].out {
  animation-name: slideOutY;
  transform-origin: top center; }

.transition[class*="slide up"].out {
  animation-name: slideOutY;
  transform-origin: bottom center; }

.transition[class*="slide left"].out {
  animation-name: slideOutX;
  transform-origin: center right; }

.transition[class*="slide right"].out {
  animation-name: slideOutX;
  transform-origin: center left; }

/* In */

@keyframes slideInY {
  0% {
    opacity: 0;
    transform: scaleY(0); }
  100% {
    opacity: 1;
    transform: scaleY(1); } }

@keyframes slideInX {
  0% {
    opacity: 0;
    transform: scaleX(0); }
  100% {
    opacity: 1;
    transform: scaleX(1); } }

/* Out */

@keyframes slideOutY {
  0% {
    opacity: 1;
    transform: scaleY(1); }
  100% {
    opacity: 0;
    transform: scaleY(0); } }

@keyframes slideOutX {
  0% {
    opacity: 1;
    transform: scaleX(1); }
  100% {
    opacity: 0;
    transform: scaleX(0); } }

/*--------------
     Swing
---------------*/
.transition.swing {
  animation-duration: 800ms; }

.transition[class*="swing down"].in {
  animation-name: swingInX;
  transform-origin: top center; }

.transition[class*="swing up"].in {
  animation-name: swingInX;
  transform-origin: bottom center; }

.transition[class*="swing left"].in {
  animation-name: swingInY;
  transform-origin: center right; }

.transition[class*="swing right"].in {
  animation-name: swingInY;
  transform-origin: center left; }

.transition.swing.out,
.transition[class*="swing down"].out {
  animation-name: swingOutX;
  transform-origin: top center; }

.transition[class*="swing up"].out {
  animation-name: swingOutX;
  transform-origin: bottom center; }

.transition[class*="swing left"].out {
  animation-name: swingOutY;
  transform-origin: center right; }

.transition[class*="swing right"].out {
  animation-name: swingOutY;
  transform-origin: center left; }

/* In */

@keyframes swingInX {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% {
    transform: perspective(1000px) rotateX(15deg); }
  80% {
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% {
    transform: perspective(1000px) rotateX(0deg); } }

@keyframes swingInY {
  0% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% {
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% {
    transform: perspective(1000px) rotateY(7.5deg); }
  100% {
    transform: perspective(1000px) rotateY(0deg); } }

/* Out */

@keyframes swingOutX {
  0% {
    transform: perspective(1000px) rotateX(0deg); }
  40% {
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% {
    transform: perspective(1000px) rotateX(17.5deg); }
  80% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@keyframes swingOutY {
  0% {
    transform: perspective(1000px) rotateY(0deg); }
  40% {
    transform: perspective(1000px) rotateY(7.5deg); }
  60% {
    transform: perspective(1000px) rotateY(-10deg); }
  80% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }

/*--------------
      Zoom
---------------*/
.transition.zoom.in {
  animation-name: zoomIn; }

.transition.zoom.out {
  animation-name: zoomOut; }

@keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 1;
    transform: scale(0); } }

/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  animation-duration: 750ms;
  animation-name: flash; }

.shake.transition {
  animation-duration: 750ms;
  animation-name: shake; }

.bounce.transition {
  animation-duration: 750ms;
  animation-name: bounce; }

.tada.transition {
  animation-duration: 750ms;
  animation-name: tada; }

.pulse.transition {
  animation-duration: 500ms;
  animation-name: pulse; }

.jiggle.transition {
  animation-duration: 750ms;
  animation-name: jiggle; }

.transition.glow {
  animation-duration: 2000ms;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-name: glow; }

/* Flash */

@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

/* Shake */

@keyframes shake {
  0%,
  100% {
    transform: translateX(0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px); }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px); } }

/* Bounce */

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }

/* Tada */

@keyframes tada {
  0% {
    transform: scale(1); }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg); }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg); }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0); } }

/* Pulse */

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(0.9);
    opacity: 0.7; }
  100% {
    transform: scale(1);
    opacity: 1; } }

/* Jiggle */

@keyframes jiggle {
  0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

/* Glow */

@keyframes glow {
  0% {
    background-color: #FCFCFD; }
  30% {
    background-color: #FFF6CD; }
  100% {
    background-color: #FCFCFD; } }

/*******************************
         Site Overrides
*******************************/
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15; }

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff; }

.emoji-mart .emoji-mart-emoji {
  padding: 6px; }

.emoji-mart-bar {
  border: 0 solid #d9d9d9; }

.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.emoji-mart-anchors {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 6px;
  line-height: 0; }

.emoji-mart-anchor {
  position: relative;
  display: block;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none; }

.emoji-mart-anchor:focus {
  outline: 0; }

.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646; }

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0; }

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646; }

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px; }

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px; }

.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
  /* avoids "repaints on scroll" in mobile Chrome */ }

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative; }

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0; }

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none; }

.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none; }

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default; }

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%; }

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: sticky;
  top: 0; }

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95); }

.emoji-mart-category-list {
  margin: 0;
  padding: 0; }

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block; }

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none; }

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"; }

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585; }

.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.emoji-mart-no-results .emoji-mart-category-label {
  display: none; }

.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em; }

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none; }

.emoji-mart-preview {
  position: relative;
  height: 70px; }

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.emoji-mart-preview-emoji {
  left: 12px; }

.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all; }

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right; }

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right; }

.emoji-mart-preview-name {
  font-size: 14px; }

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888; }

.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em; }

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb; }

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle; }

.emoji-mart-title .emoji-mart-emoji {
  padding: 0; }

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300; }

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff; }

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff; }

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px; }

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75; }

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out; }

.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s; }

.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: .03s; }

.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: .06s; }

.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: .09s; }

.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: .12s; }

.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: .15s; }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px; }

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out; }

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default; }

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0; }

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0; }

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%; }

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0; }

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75; }

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff; }

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%; }

.emoji-mart-skin-tone-1 {
  background-color: #ffc93a; }

.emoji-mart-skin-tone-2 {
  background-color: #fadcbc; }

.emoji-mart-skin-tone-3 {
  background-color: #e0bb95; }

.emoji-mart-skin-tone-4 {
  background-color: #bf8f68; }

.emoji-mart-skin-tone-5 {
  background-color: #9b643d; }

.emoji-mart-skin-tone-6 {
  background-color: #594539; }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/*
 * Dark mode styles
 */
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222; }

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453; }

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f; }

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff; }

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444; }

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff; }

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222; }

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf; }

.Alert {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  border-radius: 10px;
  padding: 16px; }
  .Alert:not(:last-child) {
    margin-bottom: 1rem; }
  .Alert a {
    text-decoration: underline; }
  .Alert .Icon {
    margin-right: 8px; }

.Alert__Title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 24px; }

.Alert__Content {
  line-height: 24px; }
  .Alert__Content ul {
    padding-left: 16px; }
  .Alert__Content ul:last-child {
    margin-bottom: 0; }
  .Alert__Content a {
    font-weight: 600; }

.Alert--type-info {
  background-color: #EFF6FF; }
  .Alert--type-info a {
    color: #1E40AF;
    text-decoration: none; }
    .Alert--type-info a:hover {
      color: #1E40AF;
      text-decoration: underline; }
  .Alert--type-info .Alert__Title {
    color: #335BDF; }
  .Alert--type-info .Alert__Content {
    color: #1E40AF; }
  .Alert--type-info .Icon path[fill^="#"] {
    fill: #60A5FA; }
  .Alert--type-info .Icon path[stroke^="#"] {
    stroke: #60A5FA; }

.Alert--type-success {
  background-color: #ECFDF5; }
  .Alert--type-success a {
    color: #065F46;
    text-decoration: none; }
    .Alert--type-success a:hover {
      color: #065F46;
      text-decoration: underline; }
  .Alert--type-success .Alert__Title {
    color: #047857; }
  .Alert--type-success .Alert__Content {
    color: #065F46; }
  .Alert--type-success .Icon path[fill^="#"] {
    fill: #34D399; }
  .Alert--type-success .Icon path[stroke^="#"] {
    stroke: #34D399; }

.Alert--type-warning {
  background-color: #FFFBEB; }
  .Alert--type-warning a {
    color: #92400E;
    text-decoration: none; }
    .Alert--type-warning a:hover {
      color: #92400E;
      text-decoration: underline; }
  .Alert--type-warning .Alert__Title {
    color: #B45309; }
  .Alert--type-warning .Alert__Content {
    color: #92400E; }
  .Alert--type-warning .Icon path[fill^="#"] {
    fill: #FCD34D; }
  .Alert--type-warning .Icon path[stroke^="#"] {
    stroke: #FCD34D; }

.Alert--type-error {
  background-color: #FEF2F2; }
  .Alert--type-error a {
    color: #991B1B;
    text-decoration: none; }
    .Alert--type-error a:hover {
      color: #991B1B;
      text-decoration: underline; }
  .Alert--type-error .Alert__Title {
    color: #B91C1C; }
  .Alert--type-error .Alert__Content {
    color: #991B1B; }
  .Alert--type-error .Icon path[fill^="#"] {
    fill: #FF3B30; }
  .Alert--type-error .Icon path[stroke^="#"] {
    stroke: #FF3B30; }

.Alert--size-small {
  padding: 0 16px;
  line-height: 36px; }

.AlertText {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 16px; }
  .AlertText .Icon {
    width: 21px;
    height: 21px;
    margin-right: 8px; }

.Alert--toggle {
  width: calc(100% - 32px); }
  .Alert--toggle .Alert__Title {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .Alert--toggle .Alert__Content {
    font-weight: 400;
    padding-left: 32px; }

.Attachment {
  display: inline-block; }
  .Attachment img {
    display: block;
    background-color: #FFFFFF; }
  .Attachment img, .Attachment video:not(.jw-video) {
    max-width: 100%;
    width: auto; }
  .Attachment.imageLoading img {
    display: none; }

.Attachment__Label, .Attachment__Title, .Attachment__Giphy {
  width: calc(100% - 32px);
  position: relative;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  line-height: 16px; }

.Attachment__Giphy {
  width: 50px;
  height: 18px;
  padding: 4px;
  margin-top: -26px;
  float: left;
  text-align: left; }
  .Attachment__Giphy img {
    width: 50px;
    background-color: transparent; }

.Attachment__Label {
  width: 100px;
  height: 60px;
  padding: 8px;
  margin-top: -76px;
  background-image: linear-gradient(330deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 50%);
  float: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
  line-height: 10px; }

.Attachment__Title {
  margin-bottom: -40px;
  padding: 8px 16px 16px 16px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); }

.Attachment__Preview__Container {
  display: -ms-flexbox;
  display: flex; }

.Attachment__Preview .Attachment__Preview__Overlay {
  display: -ms-flexbox;
  display: flex; }

.Attachment__Preview__Overlay {
  width: 100%;
  height: 100%;
  margin-bottom: -48px;
  position: relative;
  top: -100%;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: rgba(25, 25, 25, 0.5);
  cursor: pointer; }
  .Attachment__Preview__Overlay .Icon {
    width: 48px;
    height: 48px;
    color: #FFFFFF; }

.Video {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  background-color: #191919; }
  .Video .Attachment__Container {
    width: 100%; }

.react-player__preview {
  background-size: contain !important;
  background-repeat: no-repeat !important; }

.Video__Player {
  padding-bottom: 56.25%;
  position: relative; }
  .Video__Player > * {
    position: absolute;
    top: 0;
    left: 0; }

.jw-skin-flex:hover .jw-display-icon-container {
  background-color: var(--color-primary) !important; }

.jw-skin-flex .jw-controls .jw-display-icon-container {
  background-color: rgba(var(--color-primary), 0.5);
  border-radius: 50%; }
  .jw-skin-flex .jw-controls .jw-display-icon-container .jw-icon {
    color: #FFFFFF; }

.Attachment--document {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #E5E5EA;
  border-radius: 10px; }
  .Attachment--document:hover:not(.Document) .Attachment__Name {
    text-decoration: underline; }
  .Attachment--document img {
    width: 40px;
    height: 40px;
    margin-right: 12px !important; }
  .Attachment--document .Icon:last-child {
    width: 16px;
    height: 16px;
    margin-left: 24px;
    color: var(--color-button); }

.Attachment__Info {
  -ms-flex: 1;
      flex: 1; }

.Attachment__Name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  -ms-flex: 1;
      flex: 1;
  font-weight: 500;
  text-align: left;
  color: #606060;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .Attachment__Name small {
    display: block; }

.Attachment__Meta {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #808080; }

.Attachment__Meta__Divider {
  margin: 0 4px; }

.Document .Attachment__Name:hover {
  color: #606060;
  text-decoration: underline; }

.Document .dropdown-toggle .Icon path[fill^="#"] {
  fill: #808080; }

.Document .dropdown-toggle .Icon path[stroke^="#"] {
  stroke: #808080; }

.Attachment--failed img {
  background-color: #F6F6F6; }

.imageLoading .Spinner__container {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.Audience__Filters {
  margin-top: 8px;
  line-height: 16px; }

.Audience__Filters__Item {
  color: #898A8B;
  line-height: 17px;
  font-size: 12px;
  display: inline-block;
  font-weight: normal; }
  .Audience__Filters__Item .Icon {
    margin-right: 4px; }
  .Audience__Filters__Item:not(:last-child) {
    margin-right: 12px; }

.Badge {
  font-weight: 500;
  font-size: 11px;
  line-height: 23px;
  letter-spacing: 0.1px;
  padding: 0 8px;
  background-color: #F6F6F6;
  display: inline-block;
  border-radius: 8px;
  color: #808080; }

.BadgeStatus {
  width: 60px;
  text-align: center; }
  .BadgeStatus--live {
    color: #007AFF;
    background-color: #e2f0fe; }
  .BadgeStatus--completed {
    color: #34C759;
    background-color: rgba(52, 199, 89, 0.1); }
  .BadgeStatus--paused {
    color: #FF9500;
    background-color: #FFF5e1; }
  .BadgeStatus--archived {
    color: #FFFFFF;
    background-color: #ABB4BD; }

.Badge__Icon {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  line-height: 24px; }

.balloon, .SideNavigation {
  padding: 16px;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  .balloon:not(:last-child), .SideNavigation:not(:last-child) {
    margin-bottom: 16px; }

.balloon__header .balloon__title {
  margin: -16px -16px 16px;
  padding: 12px 12px; }

.balloon__title {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E5E5EA;
  display: -ms-flexbox;
  display: flex; }
  .balloon__title--no-margin {
    margin-bottom: 0; }
  .balloon__title > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .balloon__title:not(:first-of-type) {
    margin-top: 16px; }
  .balloon__title .Icon {
    width: 18px;
    height: 18px;
    margin: -2px 0 0 8px; }
  .balloon__title small {
    margin-left: 4px;
    font-size: inherit; }
  .balloon__title .pull-right {
    margin-left: auto;
    padding-left: 4px;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }

@media (max-width: 1200px) {
  .balloon, .SideNavigation {
    padding: 12px; }
  .balloon__header .balloon__title {
    margin: -12px -12px 12px;
    padding: 12px; } }

.Bar {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E5EA; }
  .Bar > *:not(:last-child) {
    margin-right: 8px; }
  .Bar h2 {
    font-size: 22px;
    font-weight: 700;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    line-height: 36px; }
    .Bar h2 .Spinner__container {
      margin-left: 24px;
      display: inline; }
    .Bar h2 > .Icon {
      margin-left: 12px;
      display: inline;
      float: none;
      width: 16px;
      height: 16px;
      position: relative;
      top: 1px;
      cursor: pointer; }
      .Bar h2 > .Icon path[fill^="#"] {
        fill: #808080; }
      .Bar h2 > .Icon path[stroke^="#"] {
        stroke: #808080; }
    .Bar h2 > a {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      margin-left: 24px;
      color: #808080; }
      .Bar h2 > a:hover {
        color: #191919;
        text-decoration: underline; }
  .Bar .Form.SearchBar {
    max-width: 300px;
    margin-bottom: 0;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .Bar .Button {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .Bar .pull-right {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex; }

.Bar:not(:last-child) {
  margin-bottom: 16px; }

.pull-left > *:not(:last-child):not(.spacer), .pull-right > *:not(:last-child):not(.spacer) {
  float: left;
  margin-right: 8px; }

.TopNavigationBar + .Container__Content > .Bar {
  padding-bottom: 0;
  border-bottom: none; }

.Button {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.1px;
  border: 0;
  outline: 0;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 6px; }
  .Button.Button--disabled {
    opacity: 0.5;
    cursor: default; }
  .Button--only-icon {
    border-radius: 100px;
    padding: 13px; }
  .Button .Icon:first-child {
    margin-right: 8px; }
  .Button .Icon:last-child {
    margin-left: 8px; }
  .Button .Icon:only-child {
    margin: 0; }
  .Button:not(.Button--center):not(:last-child) {
    margin-right: 8px; }

.dropdown.ui .Button {
  margin-right: 0; }

.Button--default {
  background-color: rgba(0, 0, 0, 0.025);
  color: #191919; }
  .Button--default:not(.Button--disabled):not(.Button--active):hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .Button--default.Button--active {
    color: var(--color-button); }
  .Button--default.Button--disabled {
    opacity: 0.5; }

.Button--primary {
  background-color: var(--color-button);
  color: var(--color-button-text); }
  .Button--primary:not(.Button--disabled):not(.Button--active):hover {
    background-color: rgb(calc(var(--color-button-r) * 0.85), calc(var(--color-button-g) * 0.85), calc(var(--color-button-b) * 0.85)); }

.Button--soft {
  background-color: rgba(var(--color-button-r), var(--color-button-g), var(--color-button-b), 0.15);
  color: var(--color-button); }
  .Button--soft:not(.Button--disabled):not(.Button--active):hover {
    background-color: rgba(calc(var(--color-button-r) * 0.85), calc(var(--color-button-g) * 0.85), calc(var(--color-button-b) * 0.85), 0.2); }

.Button--success {
  background-color: #34D399;
  color: #FFFFFF; }
  .Button--success:not(.Button--disabled):not(.Button--active):hover {
    background-color: #26ae7c; }

.Button--warning {
  background-color: #FF3B30;
  color: #FFFFFF; }
  .Button--warning:not(.Button--disabled):not(.Button--active):hover {
    background-color: #fc0d00; }

.Button--purple {
  background-color: #AF52DE;
  color: #FFFFFF; }
  .Button--purple:not(.Button--disabled):not(.Button--active):hover {
    background-color: #9b29d4; }

.Button--blue {
  background-color: #007AFF;
  color: #FFFFFF; }
  .Button--blue:not(.Button--disabled):not(.Button--active):hover {
    background-color: #0062cc; }

.Button--orange {
  background-color: #FF9500;
  color: #FFFFFF; }
  .Button--orange:not(.Button--disabled):not(.Button--active):hover {
    background-color: #e68600; }

.Button--grey {
  background-color: #808080;
  color: #FFFFFF; }
  .Button--grey:not(.Button--disabled):not(.Button--active):hover {
    background-color: #676767; }

.Button--white.Button--active {
  background-color: var(--color-button);
  color: var(--color-button-text); }
  .Button--white.Button--active:not(.Button--disabled):not(.Button--active):hover {
    background-color: rgb(calc(var(--color-button-r) * 0.85), calc(var(--color-button-g) * 0.85), calc(var(--color-button-b) * 0.85)); }

.Button--white {
  background-color: #FFFFFF;
  color: #191919;
  box-shadow: inset 0 0 0 1px #E5E5EA; }
  .Button--white:not(.Button--disabled):not(.Button--active):hover {
    background-color: #F6F6F6; }

.Button--transparent {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  color: var(--color-button); }
  .Button--transparent .Icon path[fill^="#"] {
    fill: var(--color-button); }
  .Button--transparent .Icon path[stroke^="#"] {
    stroke: var(--color-button); }
  .Button--transparent:not(.Button--disabled):hover {
    color: rgb(calc(var(--color-button-r) * 0.85), calc(var(--color-button-g) * 0.85), calc(var(--color-button-b) * 0.85)); }
    .Button--transparent:not(.Button--disabled):hover .Icon path[fill^="#"] {
      fill: rgb(calc(var(--color-button-r) * 0.85), calc(var(--color-button-g) * 0.85), calc(var(--color-button-b) * 0.85)); }
    .Button--transparent:not(.Button--disabled):hover .Icon path[stroke^="#"] {
      stroke: rgb(calc(var(--color-button-r) * 0.85), calc(var(--color-button-g) * 0.85), calc(var(--color-button-b) * 0.85)); }

.Button--inverted-primary {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--color-button);
  color: var(--color-button); }
  .Button--inverted-primary:not(.Button--disabled):hover {
    color: rgb(calc(var(--color-button-r) * 0.85), calc(var(--color-button-g) * 0.85), calc(var(--color-button-b) * 0.85));
    border-color: rgb(calc(var(--color-button-r) * 0.85), calc(var(--color-button-g) * 0.85), calc(var(--color-button-b) * 0.85)); }

.Button--inverted {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #E5E5EA; }
  .Button--inverted:not(.Button--disabled):hover {
    background-color: #E5E5EA;
    color: #191919; }

.Button--premium {
  background-color: #FDCC68;
  color: #FFFFFF;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%), linear-gradient(135deg, #FDCC68 0%, #FDCC68 0.01%, #FA8E2B 100%);
  background-blend-mode: normal, darken, normal; }

.Button--dark {
  background-color: #000;
  color: #FFFFFF; }

.Button--size-small {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  padding: 5px 12px;
  border-radius: 4px; }
  .Button--size-small.Button--only-icon {
    padding: 5px 6px;
    border-radius: 13px; }
  .Button--size-small .Icon {
    width: 14px;
    height: 14px; }
  .Button--size-small .caret {
    position: relative;
    top: -1px; }
  .Button--size-small .Spinner {
    line-height: 14px; }
    .Button--size-small .Spinner .Spinner__dot {
      width: 2px;
      height: 2px;
      margin-right: 4px; }

.Button--size-default {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 16px; }
  .Button--size-default.Button--only-icon {
    padding: 8px; }
  .Button--size-default .Icon {
    width: 16px;
    height: 16px; }
  .Button--size-default .Spinner {
    line-height: 16px; }

.Button--size-large {
  padding: 8px 16px;
  border-radius: 8px; }
  .Button--size-large.Button--only-icon {
    padding: 8px;
    border-radius: 18px; }
  .Button--size-large .Icon {
    width: 20px;
    height: 20px; }
  .Button--size-large .Spinner {
    line-height: 20px; }

.Button--size-fill {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.15px;
  width: 100%;
  padding: 12px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 8px; }
  .Button--size-fill .Icon {
    width: 20px;
    height: 20px; }
  .Button--size-fill .Spinner {
    line-height: 20px; }

.Button--toolbar{
  margin-right: 4px;
  cursor: pointer;
  border-radius: 0.375rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 5px; }

.Button--toolbar:first-child{
  margin-left: 4px; }
  .Button--toolbar:hover:not(.Button--toolbar.Button--disabled){
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1)); }
  .Button--toolbar .Icon{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
    width: 20px;
    height: 20px; }
  .Button--toolbar.Button--active{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1)); }
  .Button--toolbar.Button--active:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1)); }
    .Button--toolbar.Button--active .Icon{
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity, 1)); }

.Button--center {
  display: block;
  margin: auto; }

.Button--icon {
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Button--icon .hidden-sd {
    display: inherit; }

.Button--icon .Icon {
  margin: 0;
  float: none; }

.ButtonGroup {
  display: -ms-flexbox;
  display: flex; }
  .ButtonGroup .Button {
    margin-right: 0 !important;
    position: relative; }
    .ButtonGroup .Button:hover {
      z-index: 1; }
    .ButtonGroup .Button:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .ButtonGroup .Button:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .ButtonGroup .Button:not(:first-child):not(:last-child) {
      border-radius: 0; }
  .ButtonGroup .Button--active {
    z-index: 1; }

.balloon__header > .ButtonGroup {
  width: 100%; }
  .balloon__header > .ButtonGroup .Button {
    -ms-flex: 1 0 50%;
        flex: 1 0 50%; }

.ButtonTemplate {
  min-width: 0;
  -ms-flex: 0 1 20%;
      flex: 0 1 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  cursor: pointer; }
  .ButtonTemplate:not(:first-child) {
    margin-left: 24px; }
  .ButtonTemplate:hover {
    color: var(--color-button); }
    .ButtonTemplate:hover .ButtonTemplate__Card > * {
      transform: scale(1.1);
      opacity: 1; }
  .ButtonTemplate--add .ButtonTemplate__Card {
    cursor: pointer; }
    .ButtonTemplate--add .ButtonTemplate__Card .Icon path[fill^="#"] {
      fill: var(--color-button-text); }
    .ButtonTemplate--add .ButtonTemplate__Card .Icon path[stroke^="#"] {
      stroke: var(--color-button-text); }
  .ButtonTemplate__Title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.ButtonTemplate__Card {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-bottom: 8px;
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: var(--color-button);
  border-radius: 8px;
  background-image: url("/static/images/texture.png");
  background-size: cover; }
  .ButtonTemplate__Card > * {
    transition: transform 0.15s, opacity 0.15s;
    opacity: 0.5; }
  .ButtonTemplate__Card .Icon {
    width: 64px;
    height: 64px;
    float: none; }
    .ButtonTemplate__Card .Icon path[fill^="#"] {
      fill: #aeaeb2; }
    .ButtonTemplate__Card .Icon path[stroke^="#"] {
      stroke: #aeaeb2; }
  .ButtonTemplate__Card img {
    width: 64px;
    margin: 6px 0; }

.Card {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  .Card .Card__Header {
    width: calc(100% - 32px);
    padding: 16px;
    float: left; }
  .Card .Card__Footer {
    width: calc(100% - 32px);
    padding: 16px;
    float: left; }
  .Card .Card__Content {
    width: calc(100% - 32px);
    padding: 16px;
    float: left; }
    .Card .Card__Content.Card__Content--type-grey {
      background-color: #FAFAFA; }

.Carousel {
  width: 100%; }
  .Carousel .Carousel__footer {
    margin-top: 16px;
    text-align: center;
    line-height: 7px; }
  .Carousel .Carousel__footer__indicator {
    width: 5px;
    height: 5px;
    margin: 0 8px;
    display: inline-block;
    border: 1px solid #007AFF;
    border-radius: 50%; }
    .Carousel .Carousel__footer__indicator.Carousel__footer__indicator--state-active {
      background-color: #007AFF; }

.Carousel__Card {
  width: 100%; }

.Carousel__Indicator {
  text-align: center;
  line-height: 10px; }

.Carousel__Indicator__Item {
  width: 6px;
  height: 6px;
  margin: 0 5px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.5); }
  .Carousel__Indicator__Item.Carousel__Indicator__Item--done {
    background-color: rgba(255, 255, 255, 0.5);
    border: 2px solid transparent; }
  .Carousel__Indicator__Item.Carousel__Indicator__Item--active {
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF; }

.Graph__Tooltip {
  padding: 12px 16px;
  background: #FFFFFF;
  border: 1px solid #E1E1E2;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  color: #808080; }

.Graph__Tooltip__Label {
  margin-bottom: 4px; }
  .Graph__Tooltip__Label:not(:first-child) {
    margin-top: 8px; }

.Graph__Tooltip__Row {
  display: -ms-flexbox;
  display: flex;
  line-height: 16px; }
  .Graph__Tooltip__Row:not(:last-child) {
    margin-bottom: 4px; }

.Graph__Tooltip__Row__Stroke {
  width: 6px;
  height: 6px;
  margin: 5px 4px 5px 0;
  border-radius: 3px; }

.Graph__Tooltip__Row__Name {
  font-weight: 600;
  margin-right: 4px;
  color: #191919; }

.recharts-title {
  float: left;
  font-weight: 600; }

.recharts-default-legend {
  padding-left: 0;
  margin: 0;
  float: right; }
  .recharts-default-legend--left {
    float: left;
    padding-left: 0; }

.recharts-legend-item {
  display: inline-block; }
  .recharts-legend-item .recharts-surface {
    margin-right: 4px; }
  .recharts-legend-item:not(:last-child) {
    margin-right: 12px; }

.recharts-legend-item-meta {
  margin-left: 4px;
  color: #808080; }

.recharts-legend-item--checkbox {
  font-weight: 600;
  cursor: pointer; }

.recharts-legend-checkbox {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border: 1px solid #E5E5EA;
  float: left;
  border-radius: 4px; }
  .recharts-legend-checkbox .Icon {
    padding: 2px;
    width: 12px;
    height: 12px; }

.Collapsible {
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #DFDFDF;
  transition: border-color 0.25s; }
  .Collapsible:not(:last-child) {
    margin-bottom: 24px; }
  .Collapsible:not(.Collapsible--open) {
    overflow: hidden; }
  .Collapsible.Collapsible--open {
    border: 1px solid var(--color-primary);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
    .Collapsible.Collapsible--open .Collapsible__Header {
      background-color: var(--color-primary); }
      .Collapsible.Collapsible--open .Collapsible__Header h3 {
        -ms-flex: 1;
            flex: 1;
        color: var(--color-primary-text); }
    .Collapsible.Collapsible--open .Collapsible__Header__Index {
      background-color: var(--color-primary-text);
      color: var(--color-primary); }
  .Collapsible .Collapsible__Content--entered {
    height: auto !important; }

.Collapsible__Header {
  padding: 12px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  transition: background-color 0.25s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .Collapsible__Header h3 {
    transition: color 0.25s; }

.Collapsible__Header__Completed, .Collapsible__Header__Completed--invalid {
  width: 20px;
  margin-right: 24px;
  background-color: #34C759;
  border-radius: 50%; }
  .Collapsible__Header__Completed .Icon, .Collapsible__Header__Completed--invalid .Icon {
    margin: 2px;
    width: 16px;
    height: 16px; }
    .Collapsible__Header__Completed .Icon path[fill^="#"], .Collapsible__Header__Completed--invalid .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .Collapsible__Header__Completed .Icon path[stroke^="#"], .Collapsible__Header__Completed--invalid .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }
  .Collapsible__Header__Completed.Collapsible__Header__Completed--invalid, .Collapsible__Header__Completed--invalid.Collapsible__Header__Completed--invalid {
    background-color: transparent; }
    .Collapsible__Header__Completed.Collapsible__Header__Completed--invalid .Icon, .Collapsible__Header__Completed--invalid.Collapsible__Header__Completed--invalid .Icon {
      margin: 0;
      width: 24px;
      height: 24px; }
      .Collapsible__Header__Completed.Collapsible__Header__Completed--invalid .Icon path[fill^="#"], .Collapsible__Header__Completed--invalid.Collapsible__Header__Completed--invalid .Icon path[fill^="#"] {
        fill: #FF3B30; }
      .Collapsible__Header__Completed.Collapsible__Header__Completed--invalid .Icon path[stroke^="#"], .Collapsible__Header__Completed--invalid.Collapsible__Header__Completed--invalid .Icon path[stroke^="#"] {
        stroke: #FF3B30; }

.Collapsible__Header__Index, .CollapsibleButton__Index {
  width: 20px;
  margin-right: 24px;
  background-color: #808080;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  border-radius: 50%;
  transition: color 0.25s, background-color 0.25s; }

.Collapsible__Content {
  height: 0;
  transition: height 0.25s; }

.Collapsible__Content__Inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .Collapsible__Content__Inner h3 {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600; }

.Collapsible__Column {
  min-width: 0;
  padding: 16px 20px; }
  .Collapsible__Column:first-child {
    border-bottom-left-radius: 8px; }

.Collapsible__Column--padding-large {
  padding: 48px; }

.Collapsible__Column--grey {
  padding: 16px;
  background-color: #E5E5EA; }
  .Collapsible__Column--grey .balloon, .Collapsible__Column--grey .SideNavigation {
    box-shadow: none;
    border: 1px solid #DFDFDF; }
  .Collapsible__Column--grey > *:not(:last-child) {
    margin-bottom: 12px; }
  .Collapsible__Column--grey .Select .Select-control {
    border: 1px solid #DFDFDF; }
  .Collapsible__Column--grey .Select:not(:last-child) {
    margin-bottom: 16px; }

.CollapsibleButton {
  padding: 8px 16px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E5E5EA;
  border-radius: 8px; }
  .CollapsibleButton:not(:last-child) {
    margin-bottom: 8px; }
  .CollapsibleButton .CollapsibleButton__Index {
    background-color: #606060; }
  .CollapsibleButton a {
    font-weight: 600; }

.CollapsibleButton__Title {
  -ms-flex: 1;
      flex: 1; }

.Selector {
  margin-top: 12px; }
  .Selector .Selector__Item {
    width: 44px;
    height: 44px;
    padding: 3px;
    margin-right: 4px;
    float: left;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden; }
    .Selector .Selector__Item img {
      width: 100%; }
    .Selector .Selector__Item.Selector__Item--selected {
      border: 2px solid var(--color-primary); }

.ConfettiBlock {
  text-align: center; }
  .ConfettiBlock .ConfettiBlock__Header {
    padding: 48px 0 0 0;
    background: url("/static/images/confetti.svg?url") top left repeat-x;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
    .ConfettiBlock .ConfettiBlock__Header h2 {
      margin: 16px 0; }
  .ConfettiBlock .ConfettiBlock__Profile {
    margin-bottom: 16px; }
  .ConfettiBlock .ConfettiBlock__Users {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
  .ConfettiBlock .ConfettiBlock__Users__Inner {
    max-width: 50%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start; }
    .ConfettiBlock .ConfettiBlock__Users__Inner .ImageItem {
      text-align: left; }
    .ConfettiBlock .ConfettiBlock__Users__Inner .ImageItem:not(:last-child) {
      margin-bottom: 8px; }
  .ConfettiBlock .ConfettiBlock__Profile__Name {
    margin-top: -30px;
    font-size: 20px; }
  .ConfettiBlock .ConfettiBlock__Profile__Icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: -100px;
    right: -40px;
    background-color: #FFFFFF;
    font-size: 24px;
    line-height: 45px;
    border-radius: 50%;
    box-shadow: 1px 1px 1px rgba(128, 128, 128, 0.25); }
  .ConfettiBlock .ProfileImage, .ConfettiBlock .ImagePlaceholder {
    margin: 8px auto;
    border-radius: 50%; }
  .ConfettiBlock .ProfileImage {
    background-color: #FFFFFF; }
  .ConfettiBlock .ImagePlaceholder {
    float: none;
    font-size: 24px; }

.modal--borderless .ConfettiBlock {
  margin-bottom: 16px; }

.ConfirmButton {
  z-index: 50 !important; }

.modal.ConfirmButton {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center; }
  .modal.ConfirmButton .modal-dialog.modal-small {
    max-width: 450px !important;
    min-width: 350px; }
  .modal.ConfirmButton .modal-dialog {
    margin-top: 0;
    margin-bottom: 0; }
    .modal.ConfirmButton .modal-dialog .modal-content {
      padding: 20px 48px; }
      .modal.ConfirmButton .modal-dialog .modal-content > div {
        min-height: 0; }
        .modal.ConfirmButton .modal-dialog .modal-content > div > div {
          border-radius: 0 !important; }
      .modal.ConfirmButton .modal-dialog .modal-content .modal-footer {
        width: 100%;
        margin-top: 24px;
        padding: 0;
        border-top: none;
        overflow-x: hidden; }
  .modal.ConfirmButton .Form__Checkbox {
    margin: 16px 0 0 0; }

.ConfirmButton__title {
  margin-bottom: 0;
  text-transform: none;
  color: #606060; }

.ConfirmButton__description {
  margin-top: 8px;
  color: #808080; }

.ConfirmButton input.Form__control {
  max-width: 60%;
  margin-top: 16px; }

.ConfirmButton__footer > * {
  float: right;
  margin: 0 !important; }

.PageLeaveCheckPopup .modal-content .Modal__Wrapper .modal-body {
  padding: 0px; }

.Container {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.Container__SideBar {
  width: 250px;
  -ms-flex: 0 0 250px;
      flex: 0 0 250px;
  min-width: 0; }

.Container__Column {
  -ms-flex: 1;
      flex: 1;
  min-width: 0; }

.Container__Scrollable {
  -ms-flex: 1;
      flex: 1;
  overflow-y: auto;
  overflow-x: hidden; }

.Container__Column:not(:last-child), .Container__SideBar:not(:last-child) {
  margin-right: 24px; }

.Container__SideBar--size-small {
  width: 150px;
  -ms-flex: 0 0 150px;
      flex: 0 0 150px; }

.Container__SideBar--size-medium {
  width: 300px;
  -ms-flex: 0 0 300px;
      flex: 0 0 300px; }

.Container__SideBar--size-large {
  width: 350px;
  -ms-flex: 0 0 350px;
      flex: 0 0 350px; }

.Container__SideBar--size-xlarge {
  width: 450px;
  -ms-flex: 0 0 450px;
      flex: 0 0 450px; }

.wrapper__sidebar__hr {
  height: 1px;
  border: none;
  background-color: #ABB4BD;
  margin: 16px 0; }

.wrapper__sidebar__search {
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  .wrapper__sidebar__search .Form.SearchBar {
    margin: 0 12px 0 0;
    -ms-flex: 1;
        flex: 1;
    border: none; }
  .wrapper__sidebar__search .SearchBar, .wrapper__sidebar__search .Button {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  .wrapper__sidebar__search .Button {
    margin: 0; }

.Container__Header {
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  .Container__Header .ImageItem--large .ImageItem__image__container {
    margin-right: 24px; }
  .Container__Header .ImageItem--large .ImageItem__info__name {
    margin-bottom: 4px; }

.Container__Header__Filter {
  margin-top: 24px;
  margin-bottom: calc(-20px - 1px); }

.Container__Header__Filter__Item {
  margin-right: 24px;
  padding: 12px 16px;
  float: left;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  font-size: 1.1rem; }

.Container__Header__Filter__Item__Count {
  margin-left: 4px;
  color: #808080; }

.Container__Header__Filter__Item--active {
  border-bottom: 4px solid var(--color-primary); }

.Container__Content {
  max-width: calc(var(--container-max-width) - (var(--padding-base) * 2));
  width: calc(100% - (var(--padding-base) * 2));
  margin: 0 auto;
  padding: var(--padding-base);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .Container__Content > .AsyncSpinner {
    padding: 0;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
  .Container__Content + .Container__Content {
    padding-top: 0; }

.Container__Content__Bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  .Container__Content__Bar > * {
    margin-left: 48px; }

.Container__Content__Bar__description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Container__Content__Bar__description h5 {
    margin: 0; }

.Container__Content--horizontal {
  -ms-flex-direction: row;
      flex-direction: row; }

.Container__Header__Form {
  margin-right: 24px;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .Container__Header__Form h2.Form__control {
    padding-left: 0;
    padding-right: 0;
    margin-top: -1px;
    border: 1px solid rgba(0, 0, 0, 0) !important; }
  .Container__Header__Form .Form__Row > .Form__control {
    font-weight: 400;
    max-width: 300px;
    font-size: 18px; }
  .Container__Header__Form .Form__Row > *:not(:last-child) {
    margin-right: 16px; }

.Container__Header__Actions {
  display: -ms-flexbox;
  display: flex; }
  .Container__Header__Actions > *:not(:last-child) {
    margin-right: 16px; }

.Container__Header--horizontal .Container__Content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }
  .Container__Header--horizontal .Container__Content > *:not(.Container__Header__Actions) {
    -ms-flex: 1;
        flex: 1; }

.Container__Content__Balloon {
  padding: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  -ms-flex: 1;
      flex: 1; }
  .Container__Content__Balloon:not(:first-child) {
    margin-left: 24px; }

@media (max-width: 1160px) {
  .Container__Content {
    max-width: calc(1200px - 32px);
    width: calc(100% - 32px);
    padding: 16px; }
  .Container__Column:not(:last-child), .Container__SideBar:not(:last-child) {
    margin-right: 16px; }
  .balloon:not(:last-child), .SideNavigation:not(:last-child) {
    margin-bottom: 16px; }
  .Container__SideBar--size-small {
    width: 100px;
    -ms-flex: 0 0 100px;
        flex: 0 0 100px; }
  .Container__SideBar--size-medium {
    width: 250px;
    -ms-flex: 0 0 250px;
        flex: 0 0 250px; }
  .Container__SideBar--size-large {
    width: 300px;
    -ms-flex: 0 0 300px;
        flex: 0 0 300px; }
  .Container__Header__Filter {
    margin-bottom: calc(-16px - 1px); } }

@media (max-width: 1000px) {
  .Container__SideBar--size-large {
    width: 250px;
    -ms-flex: 0 0 250px;
        flex: 0 0 250px; }
  .Container__SideBar--size-medium {
    width: 200px;
    -ms-flex: 0 0 200px;
        flex: 0 0 200px; }
  .Container__Header__Actions > *:not(:last-child) {
    margin-right: 12px; }
  .ModuleForm h2 .Name {
    margin-right: 16px !important; } }

.dropdown-item--danger, .dropdown-item--danger:hover {
  color: #FF3B30 !important; }

.dropdown-input .Form.SearchBar {
  width: calc(100% - 2px);
  margin: 0; }

.dropdown-select-all {
  display: block; }

.dropdown .item .Icon {
  margin-right: 8px;
  width: 16px;
  height: 16px; }

.ui.dropdown.dropdown--small .menu > .item, .ui.dropdown.dropdown--small .menu .dropdown-input, .ui.dropdown.dropdown--small .menu .dropdown-select-all {
  padding: 8px 16px !important; }

.dropdown-checkbox {
  padding: 4px 16px; }
  .dropdown-checkbox .Form__Checkbox {
    margin: 0; }
  .dropdown-checkbox .Form__Checkbox__Input {
    margin-right: 8px !important; }

.ui.dropdown .menu > .header {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin: 0;
  padding: 8px 16px;
  text-transform: initial; }

.FileExportDropdown button {
  min-width: 4em; }

.ExpirationWall {
  text-align: center; }

.ExpirationWall__Header {
  margin: -16px -16px 24px -16px;
  padding: 20px;
  background-color: #e2f0fe;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
  .ExpirationWall__Header img {
    width: 255px; }

.ExpirationWall h3, .ExpirationWall small {
  margin-bottom: 16px; }

.ExpirationWall button + button {
  margin-top: 8px; }

.Screen {
  overflow-y: visible;
  overflow-x: hidden;
  font-size: 15px; }
  .Screen + .Screen .Screen__Content {
    padding-top: 8px; }

.Screen__Content {
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.Screen__Title {
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 500; }

.Screen__Content__Container {
  padding: 16px;
  background-color: #FFFFFF; }

.Screen--clickable .ScreenComponent:hover:not(.ScreenComponent--disable), .Screen--clickable .ScreenComponent.ScreenComponent--highlight {
  opacity: 0.5;
  cursor: pointer; }

.ScreenComponent {
  width: 100%;
  float: left;
  transition: opacity 0.25s;
  text-align: center; }
  .ScreenComponent .Attachment__Placeholder,
  .ScreenComponent .Screen__Component__Video,
  .ScreenComponent .Video, .ScreenComponent .Video__Player, .ScreenComponent .Video__Player > *,
  .ScreenComponent .Screen__Component__Image img {
    border-radius: 8px; }
  .ScreenComponent .Screen__Component__Text {
    width: 100%;
    text-align: left; }
  .ScreenComponent .Screen__Component__Image {
    max-width: 100%;
    overflow: hidden;
    display: inline-block; }
    .ScreenComponent .Screen__Component__Image img {
      height: auto; }
  .ScreenComponent .Screen__Component__Video {
    background-color: #000;
    overflow: hidden;
    position: relative; }
    .ScreenComponent .Screen__Component__Video .Screen__Component__Video__Overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .ScreenComponent .Screen__Component__Video .Screen__Component__Video__Overlay .Icon {
        width: 64px;
        height: 64px; }
        .ScreenComponent .Screen__Component__Video .Screen__Component__Video__Overlay .Icon path[fill^="#"] {
          fill: #FFFFFF; }
        .ScreenComponent .Screen__Component__Video .Screen__Component__Video__Overlay .Icon path[stroke^="#"] {
          stroke: #FFFFFF; }
  .ScreenComponent .Attachment--document {
    background-color: #FFFFFF; }
  .ScreenComponent .Screen__Component__Question {
    text-align: left; }
  .ScreenComponent .Screen__Component__Question__Text {
    font-size: 15px;
    font-weight: 600;
    word-break: break-word; }
  .ScreenComponent .Screen__Component__Question__Text__Required {
    color: #FF3B30;
    margin-left: 4px; }
  .ScreenComponent .Screen__Component__Question__Description {
    font-size: 15px;
    line-height: 20px;
    color: #8E8E93;
    word-break: break-all; }
  .ScreenComponent .Screen__Component__Question__Warning {
    margin-top: 4px;
    color: #808080; }
  .ScreenComponent .Screen__Component__Question__Options {
    margin-top: 24px;
    overflow: hidden;
    text-align: center; }
    .ScreenComponent .Screen__Component__Question__Options small {
      font-size: 14px;
      color: #191919; }
  .ScreenComponent .Screen__Component__QuestionOptions__Item {
    width: 100%;
    margin-top: 12px;
    padding: 12px 8px;
    background-color: #FFFFFF;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 3px 0 0 #E5E5EA;
    font-size: 15px;
    font-weight: 600;
    color: #606060; }
    .ScreenComponent .Screen__Component__QuestionOptions__Item:first-child {
      margin-top: 0; }
    .ScreenComponent .Screen__Component__QuestionOptions__Item:last-child {
      margin-bottom: 3px !important; }
  .ScreenComponent .Screen__Component__Question__CheckList {
    margin-top: 12px; }
    .ScreenComponent .Screen__Component__Question__CheckList:not(.Screen__Component__Question__CheckList--read-only) {
      cursor: pointer; }
  .ScreenComponent .Screen__Component__Question__CheckList__Checkbox {
    width: 18px;
    height: 18px;
    -ms-flex: 0 0 18px;
        flex: 0 0 18px;
    margin-right: 8px;
    border: 1px solid #E5E7EB;
    border-radius: 50%; }
    .ScreenComponent .Screen__Component__Question__CheckList__Checkbox .checked {
      width: 12px;
      height: 12px;
      background-color: var(--color-button);
      position: relative;
      top: 3px;
      left: 3px;
      border-radius: 50%; }
  .ScreenComponent .Screen__Component__Question__CheckList__Required {
    color: #FF3B30; }
  .ScreenComponent .Screen__Component__Question__CheckList__Text {
    text-align: justify; }
  .ScreenComponent .Screen__Component__Question__CheckList__Item {
    font-weight: 400;
    font-size: 14px;
    padding: 8px 0;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex; }
    .ScreenComponent .Screen__Component__Question__CheckList__Item:not(:last-child) {
      border-bottom: 1px solid #E5E7EB; }
  .ScreenComponent img {
    max-width: 100%;
    margin: 0 auto;
    display: block; }
  .ScreenComponent p, .ScreenComponent ul, .ScreenComponent ol {
    margin: 0; }
  .ScreenComponent .Messages ul {
    margin: 12px 0; }
  .ScreenComponent h1 {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500; }
  .ScreenComponent h2 {
    font-size: 17px;
    font-weight: 500;
    color: #191919; }

.Screen__AttachmentPlaceholder {
  width: 100%;
  margin: 0 24px;
  padding: 64px 20px;
  background-color: #E5E5EA;
  text-align: center; }
  .Screen__AttachmentPlaceholder .Icon {
    float: none;
    width: 32px;
    height: 32px; }
    .Screen__AttachmentPlaceholder .Icon path[fill^="#"] {
      fill: #606060; }
    .Screen__AttachmentPlaceholder .Icon path[stroke^="#"] {
      stroke: #606060; }

.ScreenComponent:not(:last-child) {
  margin-bottom: 16px; }

.Screen__AddComponent__Container:hover .Screen__AddComponent {
  opacity: 1; }

.Screen__AddComponent {
  margin: 8px -2px;
  padding: 4px 0;
  opacity: 0;
  border: 2px dashed hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-dark));
  text-align: center;
  cursor: pointer; }

.Screen__Placeholder {
  margin: 48px auto;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  color: #ABB4BD; }
  .Screen__Placeholder .Icon {
    margin: auto;
    display: block;
    float: none;
    width: 40px;
    height: 40px; }
    .Screen__Placeholder .Icon path[fill^="#"] {
      fill: #ABB4BD; }
    .Screen__Placeholder .Icon path[stroke^="#"] {
      stroke: #ABB4BD; }
  .Screen__Placeholder b {
    margin: 12px 0;
    display: block;
    color: #808080;
    font-size: 14pt; }

.Screen__Component__QuestionText h3, .Screen__Component__QuestionSlider h3 {
  margin-bottom: 16px;
  font-weight: 600; }

.Screen__Component__QuestionText {
  text-align: left; }
  .Screen__Component__QuestionText textarea {
    margin-top: 16px;
    width: calc(100% - 24px);
    padding: 8px 12px;
    border: 1px solid #E5E5EA;
    border-radius: 8px;
    color: #808080; }
    .Screen__Component__QuestionText textarea[disabled] {
      background-color: inherit;
      opacity: 1;
      pointer-events: none; }

.DropdownScreenComponent .Icon path {
  fill: #C7C7CC; }

.DropdownScreenComponent .Select.is-disabled .Select-control {
  background-color: inherit; }

.DropdownScreenComponent .Select {
  margin: 16px 0 24px 0; }
  .DropdownScreenComponent .Select .Select-control {
    cursor: pointer;
    padding: 5px 15px;
    font-size: 15px; }
    .DropdownScreenComponent .Select .Select-control .Select-arrow-zone {
      border: none; }
    .DropdownScreenComponent .Select .Select-control .Select-placeholder {
      padding-left: 16px;
      color: #C7C7CC; }
  .DropdownScreenComponent .Select .Select-menu-outer {
    z-index: 5; }
  .DropdownScreenComponent .Select .Select-value {
    line-height: 39px; }

.slider {
  margin-top: 40px; }

.Screen__Component__QuestionSlider__Slider {
  height: 6px;
  border-radius: 3px; }

.Screen__Component__QuestionSlider__Slider-1,
.Screen__Component__QuestionSlider__Slider-0 {
  background-color: #F6F6F6; }

.hasValue .Screen__Component__QuestionSlider__Slider-0 {
  background-color: var(--color-button); }

.Screen__Component__QuestionSlider__Slider__Ball {
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  border-radius: 11px;
  border: 1px solid #E5E5EA;
  position: relative;
  top: -7px;
  box-shadow: 0px 6.90962px 11.0554px rgba(55, 65, 81, 0.1), 0px 2.76385px 4.14577px rgba(55, 65, 81, 0.05);
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
  display: -ms-flexbox;
  display: flex; }
  .Screen__Component__QuestionSlider__Slider__Ball:focus {
    outline: 0;
    outline: none; }
  .Screen__Component__QuestionSlider__Slider__Ball span {
    position: relative;
    top: -22px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    -ms-flex-align: center;
        align-items: center; }
    .Screen__Component__QuestionSlider__Slider__Ball span:focus {
      outline: 0;
      outline: none; }
    .Screen__Component__QuestionSlider__Slider__Ball span svg.Icon path {
      stroke: #DFDFDF; }
  .Screen__Component__QuestionSlider__Slider__Ball span.hasValue {
    color: var(--color-button);
    font-weight: 600; }

.slider.disabled .Screen__Component__QuestionSlider__Slider__Ball {
  cursor: inherit; }

.Screen__Component__QuestionSlider__Labels {
  display: -ms-flexbox;
  display: flex; }

.Screen__Component__QuestionSlider__Labels__Label {
  -ms-flex: 1 1 33.333333%;
      flex: 1 1 33.333333%;
  word-wrap: break-word;
  overflow: hidden;
  font-size: 12px;
  color: #808080;
  margin-top: 16px; }
  .Screen__Component__QuestionSlider__Labels__Label:nth-child(1) {
    text-align: left; }
  .Screen__Component__QuestionSlider__Labels__Label:nth-child(2) {
    text-align: center; }
  .Screen__Component__QuestionSlider__Labels__Label:nth-child(3) {
    text-align: right; }

.Screen__Component__Input {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 16px;
  border-radius: 6px;
  border: 1px solid #E5E5EA;
  cursor: text; }
  .Screen__Component__Input span {
    font-size: 15px;
    line-height: 20px;
    color: #C7C7CC;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .Screen__Component__Input .Icon {
    width: 24px;
    height: 24px;
    margin-right: 8px; }
    .Screen__Component__Input .Icon path[fill^="#"] {
      fill: #C7C7CC; }
    .Screen__Component__Input .Icon path[stroke^="#"] {
      stroke: #C7C7CC; }
    .Screen__Component__Input .Icon:last-child {
      margin: 0 0 0 auto; }

.NumberScreenComponent input.Form__control {
  padding: 10px 16px;
  margin-top: 16px; }

.NumberScreenComponent input.Form__control::-moz-placeholder {
  font-size: 15px;
  line-height: 20px;
  color: #C7C7CC;
  -moz-user-select: none;
       user-select: none; }

.NumberScreenComponent input.Form__control:-ms-input-placeholder {
  font-size: 15px;
  line-height: 20px;
  color: #C7C7CC;
  -ms-user-select: none;
      user-select: none; }

.NumberScreenComponent input.Form__control::placeholder {
  font-size: 15px;
  line-height: 20px;
  color: #C7C7CC;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.List .ScreenComponent .NumberScreenComponent input.Form__control[disabled] {
  opacity: inherit; }

.DateTimeScreenComponent .Screen__Component__Question__Text, .DateTimeScreenComponent .react-datepicker-wrapper, .DateTimeScreenComponent .TimePicker, .DateTimeScreenComponent .timezone {
  margin-top: 16px; }

.DateTimeScreenComponent input.Form__control {
  padding: 10px 16px;
  font-size: 15px;
  padding-left: 47px !important;
  padding-right: 5px; }
  .DateTimeScreenComponent input.Form__control[disabled] {
    opacity: inherit !important; }

.DateTimeScreenComponent input::-moz-placeholder {
  color: #C7C7CC;
  opacity: 1; }

.DateTimeScreenComponent input:-ms-input-placeholder {
  color: #C7C7CC;
  opacity: 1; }

.DateTimeScreenComponent input::placeholder {
  color: #C7C7CC;
  opacity: 1; }

.DateTimeScreenComponent .react-datepicker__input-container > svg {
  width: 24px;
  height: 24px;
  position: relative;
  top: -4px;
  left: 7px; }
  .DateTimeScreenComponent .react-datepicker__input-container > svg > path[stroke^="#"] {
    stroke: #C7C7CC; }

.DateTimeScreenComponent .Select.is-disabled .Select-control {
  background-color: inherit; }

.DateTimeScreenComponent .Select-menu-outer {
  z-index: 5; }

.DateTimeScreenComponent .Screen__Component__Question__Description + .TimePicker {
  margin-top: 16px; }

.DateTimeScreenComponent .timezone small {
  margin-bottom: 4px; }

.DateTimeScreenComponent .timezone a {
  text-decoration: underline;
  margin-left: 8px; }

.Screen__Component__Input--clickable {
  cursor: pointer; }

.Screen__Component__Question .Screen__Component__Input {
  margin: 16px 0 24px 0; }

.Screen__Component__Question .Screen__Component__Question__Description + .Screen__Component__Input,
.Screen__Component__Question .Screen__Component__Question__Text + .Screen__Component__Input {
  margin: 16px 0 0 0; }

.Screen__Component__FileUploadDropzone {
  border: 1px dashed rgba(25, 25, 25, 0.2);
  background-color: #F2F2F7;
  margin-top: 16px; }

.FileUploadScreenComponent .Screen__Component__Question__Description + .filePreview,
.FileUploadScreenComponent .Screen__Component__Question__Text + .filePreview {
  margin-top: .75em; }

.FileUploadScreenComponent .imageLoading {
  padding: 0 8px; }

.FileUploadScreenComponent .filePreview {
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid #E5E5EA;
  border-radius: 6px; }
  .FileUploadScreenComponent .filePreview a {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px; }
  .FileUploadScreenComponent .filePreview img, .FileUploadScreenComponent .filePreview div.DocumentIcon--thumb {
    margin: 0 8px 0 0;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .FileUploadScreenComponent .filePreview svg:last-child {
    margin-left: auto;
    cursor: pointer; }

.FileUploadScreenComponent .fileWarning {
  color: #B91C1C; }

.Screen__Component__BooleanButtons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 16px; }
  .Screen__Component__BooleanButtons span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    padding: 16px 0;
    font-size: 15px;
    line-height: 20px;
    color: #636366;
    border-radius: 8px;
    border: 1px solid #E5E5EA;
    box-shadow: 0 4px 0 #E5E5EA;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .Screen__Component__BooleanButtons span:not(:first-of-type) {
      margin-left: 16px; }

.Screen__Component__BooleanButtons span.selected,
.Screen__Component__QuestionOptions__Item.selected {
  border: 1px solid var(--color-button);
  font-weight: bold;
  color: var(--color-button);
  background-color: rgba(var(--color-button-r), var(--color-button-g), var(--color-button-b), 0.1);
  box-shadow: none; }

.Screen__Component__QuestionOptions__Item {
  cursor: pointer; }

.Screen__Component__QuestionOptions__Item.readOnly {
  cursor: inherit; }

.ScreenComponent .Screen__Component__QuestionOptions__Item--correct {
  color: #FFFFFF;
  box-shadow: none;
  border: 1px solid #047857;
  background-color: #34D399;
  cursor: inherit; }

.ScreenComponent .Screen__Component__QuestionOptions__Item--wrong {
  color: #FFFFFF;
  box-shadow: none;
  border: 1px solid #FF3B30;
  background-color: #FF3B30;
  cursor: inherit; }

.QuestionMultipleChoiceScreenComponent .Screen__Component__Question__Options button:empty {
  height: 45px; }

.QuestionMultipleChoiceScreenComponent .Screen__Component__Question__Hint {
  text-align: center;
  margin-top: 24px; }

.FilePreview--file {
  border: 1px solid #F6F6F6;
  border-radius: 6px;
  overflow: hidden; }
  .FilePreview--file.FilePreview--processing .FilePreview__Container {
    opacity: 0.5; }
  .FilePreview--file.FilePreview--uploading .ProgressBar__Status {
    transition: 0.5s width; }
  .FilePreview--file .FilePreview__Container {
    padding: 16px 12px;
    display: -ms-flexbox;
    display: flex; }
    .FilePreview--file .FilePreview__Container img {
      height: 40px; }
  .FilePreview--file:last-child {
    margin-bottom: 0; }
  .FilePreview--file .ProgressBar__Container {
    margin-top: -4px; }
  .FilePreview--file .ProgressBar {
    border-radius: 0; }
  .FilePreview--file .FilePreview__Remove {
    padding: 4px;
    border: 1px solid #F6F6F6;
    cursor: pointer;
    border-radius: 50%;
    -ms-flex-item-align: start;
        align-self: flex-start; }
    .FilePreview--file .FilePreview__Remove .Icon {
      color: #808080;
      width: 16px;
      height: 16px; }
    .FilePreview--file .FilePreview__Remove:hover {
      border-color: #E5E5EA; }
      .FilePreview--file .FilePreview__Remove:hover .Icon path[fill^="#"] {
        fill: #606060; }
      .FilePreview--file .FilePreview__Remove:hover .Icon path[stroke^="#"] {
        stroke: #606060; }

.FilePreview__Info {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  margin: 0 16px;
  word-wrap: break-word; }

.FilePreview__Info__Name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px; }

.FilePreview--image {
  float: left;
  overflow: hidden; }

.FilePreview__Image {
  max-width: 100%;
  max-height: 100%;
  float: left; }
  .FilePreview__Image img {
    max-width: initial; }

.FilePreview__Attachment {
  padding: 12px;
  background-color: #E5E5EA;
  border-radius: 50%; }

.FilePreview:hover .FilePreview__overlay {
  display: block; }

.FilePreview:not(:hover) .FilePreview__Container:not(.FilePreview--processing) {
  margin-top: 0 !important; }

.FilePreview__overlay {
  display: none;
  position: relative; }

.FilePreview__overlay--show {
  display: block; }

.FilePreview__overlay__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  background: rgba(25, 25, 25, 0.5); }
  .FilePreview__overlay__inner .Icon {
    float: none;
    padding: 5px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    cursor: pointer;
    width: 32px;
    height: 32px;
    z-index: 1; }
    .FilePreview__overlay__inner .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .FilePreview__overlay__inner .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }
  .FilePreview__overlay__inner .Spinner__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

.FilePreview__Container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .FilePreview__Container .FilePreview__image {
    height: 100%;
    width: auto;
    max-width: none; }

#Setup {
  max-height: calc(100vh - 73px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  #Setup .Scrollable {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    overflow-y: auto; }

.AlertBar + .TopBar + .Content__Wrapper > #Setup {
  max-height: calc(100vh - 121px); }

.SetupFlow {
  margin-top: 8px; }

.SetupFlow__Item {
  margin-top: 8px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 8px; }
  .SetupFlow__Item--completed .SetupFlow__Item__Header__Icon {
    background-color: rgba(52, 199, 89, 0.1);
    color: #34C759; }
  .SetupFlow__Item--completed .SetupFlow__Item__Header h3 {
    text-decoration: line-through; }
  .SetupFlow__Item--open .SetupFlow__Item__Content {
    display: block; }
  .SetupFlow__Item--clickable:not(.SetupFlow__Item--open):hover {
    border: 1px solid var(--color-primary); }
  .SetupFlow__Item--clickable:not(.SetupFlow__Item--open) .SetupFlow__Item__Header {
    cursor: pointer; }

.SetupFlow__Item__Header {
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .SetupFlow__Item__Header h3 {
    font-size: 18px;
    font-weight: 600; }
  .SetupFlow__Item__Header > :not(:last-child) {
    margin-right: 16px; }

.SetupFlow__Item__Header__Title {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  color: #808080; }
  .SetupFlow__Item__Header__Title a {
    color: #007AFF; }
    .SetupFlow__Item__Header__Title a:hover {
      text-decoration: underline;
      color: #007AFF; }

.Icon.SetupFlow__Item__Header__Icon {
  width: 40px;
  height: 40px;
  padding: 6px;
  margin-right: 24px !important;
  text-align: center;
  line-height: 40px !important;
  border-radius: 20px;
  background-color: var(--color-primary);
  color: var(--color-primary-text); }

.SetupFlow__Item__Content {
  padding: 0 20px 20px;
  display: none;
  font-size: 15px; }
  .SetupFlow__Item__Content .Video {
    max-width: 60%;
    border-radius: 8px;
    overflow: hidden; }
  .SetupFlow__Item__Content .SetupFlow__Item__Content__Mark {
    margin-top: -19px;
    float: right; }
  .SetupFlow__Item__Content .Button--transparent {
    color: #808080;
    font-weight: 400;
    text-decoration: underline; }
    .SetupFlow__Item__Content .Button--transparent:hover {
      color: #191919; }

.SetupFlow__Item__Content__Mark {
  text-align: right;
  text-decoration: underline;
  color: #808080;
  font-size: 14px; }
  .SetupFlow__Item__Content__Mark:hover {
    color: #191919; }

.Setup__Download {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Setup__Download img {
    margin-right: 24px; }

.Setup__Download__QRCode {
  padding: 10px;
  border: 1px solid #E5E5EA;
  border-radius: 8px; }

.SetupFlow__Item__Row {
  max-width: 1000px;
  display: -ms-flexbox;
  display: flex; }
  .SetupFlow__Item__Row:not(:last-child) {
    margin-bottom: 16px; }
  .SetupFlow__Item__Row > input {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    .SetupFlow__Item__Row > input:not(:last-child) {
      margin-right: 8px; }

.SetupFlow__Item__Sub {
  max-width: 650px;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #E5E5EA;
  border-radius: 8px; }
  .SetupFlow__Item__Sub--completed .SetupFlow__Item__Sub__Header__Index {
    background-color: rgba(52, 199, 89, 0.1);
    border-color: rgba(52, 199, 89, 0.1); }
  .SetupFlow__Item__Sub--completed h5 {
    text-decoration: line-through; }

.SetupFlow__Item__Sub__Header {
  margin-bottom: 4px;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px; }
  .SetupFlow__Item__Sub__Header h5 {
    margin: 0;
    font-size: 16px;
    text-transform: unset; }

.SetupFlow__Item__Sub__Header__Index {
  width: 22px;
  margin-right: 8px;
  border: 1px solid #191919;
  border-radius: 12px;
  text-align: center;
  font-weight: 600;
  line-height: 22px; }
  .SetupFlow__Item__Sub__Header__Index .Icon {
    width: 16px;
    height: 16px;
    margin: 3px; }
    .SetupFlow__Item__Sub__Header__Index .Icon path[fill^="#"] {
      fill: #34C759; }
    .SetupFlow__Item__Sub__Header__Index .Icon path[stroke^="#"] {
      stroke: #34C759; }

.SetupFlow__Item__Sub__Actions {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .SetupFlow__Item__Sub__Actions .Button {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .SetupFlow__Item__Sub__Actions .Button--transparent {
    margin-left: auto; }

.ColorInput {
  position: relative; }

.ColorInput__Input {
  padding: 0 !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border-radius: 8px;
  border: 1px solid #E5E5EA;
  overflow: hidden; }
  .ColorInput__Input input {
    padding: 8px 16px;
    -ms-flex: 1;
        flex: 1;
    background-color: #FFFFFF; }

.ColorInput__Backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: initial; }

.ColorInput__Picker {
  height: 0;
  position: absolute;
  z-index: 1;
  top: 38px; }

.ColorInput__Picker__Inner {
  padding: 8px;
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E5E5EA;
  box-shadow: 0 5px 15px #C4C4C5;
  overflow: hidden; }
  .ColorInput__Picker__Inner input {
    border: 1px solid #E5E5EA;
    border-radius: 8px; }
  .ColorInput__Picker__Inner .sketch-picker {
    width: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important; }
  .ColorInput__Picker__Inner .Button {
    float: right; }

.ColorInput__Input__Preview {
  width: 34px;
  height: 34px;
  cursor: pointer;
  border-right: 1px solid #E5E5EA; }

.react-datepicker-wrapper, .react-datepicker__input-container {
  display: block; }

.react-datepicker__input-container > .Icon {
  margin-top: -28px;
  margin-left: 9px;
  width: 20px;
  height: 20px; }
  .react-datepicker__input-container > .Icon path[fill^="#"] {
    fill: #808080; }
  .react-datepicker__input-container > .Icon path[stroke^="#"] {
    stroke: #808080; }

.react-datepicker__input-container .Form__control {
  width: calc(100% - 54px) !important;
  padding-left: 36px !important; }

.react-datepicker-popper {
  z-index: 10; }

.react-datepicker {
  border: 1px solid #ABB4BD; }

.react-datepicker__header {
  background-color: #FAFAFA;
  border-bottom: 1px solid #ABB4BD; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #ABB4BD; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  border-bottom-color: #FAFAFA; }

.react-datepicker.inline {
  width: calc(100% - 96px);
  margin: 0 48px;
  background-color: rgba(0, 0, 0, 0);
  font-family: "Inter", sans-serif;
  font-size: 0.95rem;
  border: none; }
  .react-datepicker.inline .react-datepicker__header {
    background-color: transparent;
    border-radius: 0;
    border: none; }
  .react-datepicker.inline .react-datepicker__current-month {
    color: var(--color-primary);
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 1.1rem; }
  .react-datepicker.inline .react-datepicker__month-container {
    float: none; }
  .react-datepicker.inline .react-datepicker__week, .react-datepicker.inline .react-datepicker__header > div:last-child {
    display: -ms-flexbox;
    display: flex; }
  .react-datepicker.inline .react-datepicker__header > div:last-child {
    margin-top: 24px; }
  .react-datepicker.inline .react-datepicker__day-name, .react-datepicker.inline .react-datepicker__day {
    margin: 1px;
    -ms-flex: 1;
        flex: 1;
    border-radius: 50%; }
    .react-datepicker.inline .react-datepicker__day-name:hover, .react-datepicker.inline .react-datepicker__day:hover {
      border-radius: 50%; }
  .react-datepicker.inline .react-datepicker__day-name {
    font-weight: 500;
    font-size: 1rem; }
  .react-datepicker.inline .react-datepicker__day {
    line-height: 0; }
  .react-datepicker.inline .react-datepicker__day:before, .react-datepicker.inline .react-datepicker__day:after {
    content: '';
    display: table;
    padding-top: 50%; }
  .react-datepicker.inline .react-datepicker__day--outside-month {
    opacity: 0;
    pointer-events: none; }
  .react-datepicker.inline .react-datepicker__current-month, .react-datepicker.inline .react-datepicker__day-name {
    text-transform: uppercase; }
  .react-datepicker.inline .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker.inline .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    border-bottom-color: var(--color-primary); }
  .react-datepicker.inline .react-datepicker__navigation {
    border: 8px solid rgba(0, 0, 0, 0); }
  .react-datepicker.inline .react-datepicker__navigation-icon--previous {
    border-right-color: var(--color-primary); }
    .react-datepicker.inline .react-datepicker__navigation-icon--previous:hover {
      border-right-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-light)); }
  .react-datepicker.inline .react-datepicker__navigation-icon-next {
    border-left-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-light)); }
    .react-datepicker.inline .react-datepicker__navigation-icon-next:hover {
      border-left-color: var(--color-primary); }
  .react-datepicker.inline .react-datepicker__day--selected {
    background-color: var(--color-button);
    color: var(--color-button-text); }

.DateTimePicker .TimePicker {
  width: 150px;
  margin: 24px auto 0; }

.DateTimePicker__Date {
  margin-bottom: 16px;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase; }

.ui.popup.EmojiPicker__Popup {
  padding: 0; }
  .ui.popup.EmojiPicker__Popup .emoji-mart {
    border: none;
    display: block; }

.EmojiPicker__Popup__Close {
  padding-top: 8px;
  margin-bottom: -38px;
  height: 30px; }
  .EmojiPicker__Popup__Close .Icon {
    padding: 5px;
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    z-index: 2; }

.ui.popup.EmojiPicker__Popup .emoji-mart {
  display: initial;
  position: relative;
  z-index: 2; }

.emoji-mart-bar {
  display: none; }

.emoji-mart-search {
  margin: 0;
  padding: 8px 30px 0 8px; }

.emoji-mart-search-icon {
  top: 15px;
  right: 33px;
  pointer-events: none; }

.emoji-mart-scroll {
  margin-top: 8px;
  padding: 0 8px 8px 8px; }

.emoji-mart-category-label {
  font-size: 14px;
  top: -1px; }

.EmojiPicker .emoji-mart-search-icon {
  pointer-events: inherit; }

.EmojiPicker .EmojiPicker__Popup__Close {
  position: absolute;
  top: 0px;
  right: 0px; }

.EmojiPicker__triggerIcon--invalid {
  color: #FF3B30; }

.Form__Dropzone {
  width: calc(100% - 24px - 4px);
  padding: 12px;
  color: #1C1C1E;
  border: 2px dashed #E5E5EA;
  border-radius: 8px;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  cursor: pointer; }
  .Form__Dropzone--invalid {
    border-color: #FF3B30; }

.modal .Form__Dropzone {
  padding: 48px 12px; }

.Form__Dropzone--padding-large {
  padding: 64px 12px; }
  .Form__Dropzone--padding-large .Form__FileInput__Trigger {
    font-size: 16px; }
    .Form__Dropzone--padding-large .Form__FileInput__Trigger .Icon {
      width: 32px;
      height: 32px; }

.Form__Dropzone--has-file {
  border-color: #007AFF; }

.Form__FileInput__DefaultHeader + small {
  margin-top: 12px; }

.Form__FileInput {
  display: inline-block; }
  .Form__FileInput:not(.Form__FileInput--disabled) {
    cursor: pointer; }
  .Form__FileInput .Button {
    margin-right: 0 !important; }

.Form__FileInput__Trigger, .Form__FileInput__DefaultTrigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  line-height: 24px; }
  .Form__FileInput__Trigger .Icon, .Form__FileInput__DefaultTrigger .Icon {
    margin-right: 4px; }
    .Form__FileInput__Trigger .Icon path[fill^="#"], .Form__FileInput__DefaultTrigger .Icon path[fill^="#"] {
      fill: #8E8E93; }
    .Form__FileInput__Trigger .Icon path[stroke^="#"], .Form__FileInput__DefaultTrigger .Icon path[stroke^="#"] {
      stroke: #8E8E93; }
  .Form__FileInput__Trigger small, .Form__FileInput__DefaultTrigger small {
    color: #8E8E93;
    font-size: 12px;
    line-height: 15px; }

.Form__FileInput_Uploading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }

.Form__FileInput__DefaultTrigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  .Form__FileInput__DefaultTrigger .Form__FileInput__UnsplashModalButton {
    margin-top: 16px; }

.Form__FileInput--disabled {
  opacity: 0.5;
  pointer-events: none; }
  .Form__FileInput--disabled .Icon {
    opacity: 0.5;
    pointer-events: none;
    cursor: auto; }

.ReactCrop {
  background-color: transparent !important; }

.Form__FileInput__Preview {
  position: relative;
  overflow: hidden;
  border-radius: 2px; }
  .Form__FileInput__Preview:hover img {
    filter: blur(3px); }
  .Form__FileInput__Preview:hover .Form__FileInput__Preview__Overlay {
    display: -ms-flexbox;
    display: flex; }

.Form__FileInput__Preview__Overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.ReactCrop__image {
  max-height: 500px !important; }

.Tabs__Content {
  padding-top: 8px;
  overflow-x: hidden; }
  .Tabs__Content .Form.SearchBar {
    width: calc(100% - 2px); }

.Unsplash__Content:not(.List--empty) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.Unsplash__Content .Placeholder {
  min-height: 0;
  padding: 100px 0; }

.Unsplash__Container {
  max-height: 600px; }

.Unsplash__Content__Item {
  width: 32%;
  object-fit: cover;
  height: auto;
  margin-bottom: 8px;
  border-radius: 8px;
  cursor: pointer; }

.PicturePickerModal .modal-body .Tabs {
  margin: -16px; }

.PicturePickerModal .modal-body .Tabs__Header__Item {
  padding: 16px 8px !important; }

.PicturePickerModal .modal-body .Tabs__Item {
  padding: 16px 16px 8px; }

.PicturePickerModal .modal-body .Unsplash__Container {
  max-height: none; }

.PicturePickerModal .modal-body .Tabs__Header {
  margin: 0 16px; }

.PicturePickerModal .modal-body .Form__Dropzone {
  background-color: #F6F6F6; }

.LocationOption .Icon {
  width: 18px;
  height: 18px; }

.LocationOption__MainText {
  margin-left: 4px; }

.LocationOption__SecondaryText {
  font-size: 12px; }

.DraftJSAnchor__Input {
  height: 34px;
  width: 220px;
  padding: 0 12px;
  font-size: 15px;
  font-family: inherit;
  background-color: transparent;
  border: none;
  color: #444; }
  .DraftJSAnchor__Input--invalid {
    color: #e65757; }
  .DraftJSAnchor__Input:focus {
    outline: none; }
  .DraftJSAnchor__Input::-moz-placeholder {
    color: #888; }
  .DraftJSAnchor__Input:-ms-input-placeholder {
    color: #888; }
  .DraftJSAnchor__Input::placeholder {
    color: #888; }

.DraftJSAnchor__Link {
  color: #2996da;
  text-decoration: underline; }

.DraftJSAnchor__DefaultForm {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .DraftJSAnchor__DefaultForm .Icon {
    cursor: pointer;
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: #636366; }

.DraftJSAnchor__DefaultFormInputWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F0F3F4;
  border-radius: 100px;
  padding: 7px 12px;
  border: 1px solid transparent;
  margin-left: 4px; }
  .DraftJSAnchor__DefaultFormInputWrapper--invalid {
    border: 1px solid red; }
  .DraftJSAnchor__DefaultFormInputWrapper input {
    background-color: transparent;
    padding: 0; }

.DraftJSAnchor__Button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border: 0;
  background-color: transparent;
  color: #8E8E93;
  fill: #8E8E93;
  height: 100%;
  cursor: pointer; }
  .DraftJSAnchor__Button--active {
    color: #007AFF;
    fill: #007AFF;
    background-color: transparent; }

.DraftJSAnchor__LinkButton {
  display: -ms-flexbox;
  display: flex; }

.DraftEditor-root .public-DraftEditorPlaceholder-root {
  height: 0;
  color: #707070;
  position: relative; }

.DraftEditor-root .public-DraftEditor-content {
  min-height: 90px;
  line-height: 1.3; }

.Form__MarkupEditor {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }

.Form__MarkupEditor__Mentions__Dropdown {
  z-index: 5;
  border: 1px solid #E5E5EA;
  border-radius: 6px;
  background-color: transparent;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  .Form__MarkupEditor__Mentions__Dropdown .Form__MarkupEditor__Mentions__Dropdown__Item {
    padding: 8px 12px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5E5EA;
    cursor: pointer; }
    .Form__MarkupEditor__Mentions__Dropdown .Form__MarkupEditor__Mentions__Dropdown__Item.Form__MarkupEditor__Mentions__Dropdown__Item--focused {
      background-color: #E5E5EA; }
    .Form__MarkupEditor__Mentions__Dropdown .Form__MarkupEditor__Mentions__Dropdown__Item:last-child {
      border-bottom: none; }

.Form__MarkupEditor__Toolbar {
  margin-bottom: 16px;
  padding: 8px 16px;
  border: 1px solid #E5E5EA;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
  .Form__MarkupEditor__Toolbar .Form__control {
    width: 100% !important;
    margin: -9px -17px;
    position: relative; }
  .Form__MarkupEditor__Toolbar > div:not(.Form__MarkupEditor__Toolbar__Button__Container) {
    height: 1px;
    width: 10px;
    float: left; }
  .Form__MarkupEditor__Toolbar :nth-child(2) button, .Form__MarkupEditor__Toolbar :nth-child(5) button, .Form__MarkupEditor__Toolbar :nth-child(8) button, .Form__MarkupEditor__Toolbar :nth-child(10) button {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px; }
  .Form__MarkupEditor__Toolbar > div:not(.Form__MarkupEditor__Toolbar__Button__Container) + * button, .Form__MarkupEditor__Toolbar > *:first-child button {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }

.Form__MarkupEditor__Toolbar__Button__Container {
  height: 32px;
  float: left; }

.Form__MarkupEditor__Toolbar__Button {
  width: 34px;
  height: 32px;
  padding: 0 4px;
  background-color: transparent;
  border: 1px solid #E5E5EA;
  font-size: 16px;
  font-weight: 600; }
  .Form__MarkupEditor__Toolbar__Button svg {
    position: relative;
    top: 2px; }

.Form__MarkupEditor__Toolbar__Button__Container + .Form__MarkupEditor__Toolbar__Button__Container {
  margin-left: -1px; }

.Form__MarkupEditor__Toolbar__Button:focus, .Form__MarkupEditor__Toolbar__Button--active {
  color: #FFFFFF;
  fill: #FFFFFF;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  position: relative;
  z-index: 1; }

.Form__MarkupEditor__Toolbar__Separator {
  width: 16px;
  height: 32px;
  float: left; }

.Form__MarkupEditor__Header + .Form__control {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.Form__MarkupEditor .Form__control {
  cursor: text; }

.DraftEditor-editorContainer .public-DraftStyleDefault-pre > pre > div {
  color: #191919 !important; }

.MarkupEditor__InlineToolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
  z-index: 2;
  box-sizing: border-box;
  padding: 4px 8px; }

.MarkupEditor__InlineToolbarButtonWrapper {
  border: 0; }

.MarkupEditor__InlineToolbarButton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border: 0;
  background-color: transparent;
  color: #8E8E93;
  fill: #8E8E93;
  cursor: pointer; }
  .MarkupEditor__InlineToolbarButton--active {
    color: #007AFF;
    fill: #007AFF;
    background-color: transparent; }

.Form__control__suggestions {
  border: 1px solid #E5E5EA;
  border-radius: 6px;
  background-color: transparent;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  .Form__control__suggestions .Form__control__suggestions__item {
    padding: 8px 12px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5E5EA; }
    .Form__control__suggestions .Form__control__suggestions__item.Form__control__suggestions__item--focused {
      background-color: #E5E5EA; }
    .Form__control__suggestions .Form__control__suggestions__item:last-child {
      border-bottom: none; }

.PhoneNumberInput {
  display: -ms-flexbox;
  display: flex; }
  .PhoneNumberInput .phoneInput {
    line-height: 2em; }
  .PhoneNumberInput .dropdown {
    padding: 0 0 0 8px;
    border: 1px solid #E5E5EA;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: 0;
    background-color: #FFFFFF;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
    .PhoneNumberInput .dropdown input.search {
      display: none; }
    .PhoneNumberInput .dropdown .dropdown-input {
      padding: 12px 16px 8px 16px; }
  .PhoneNumberInput .PhoneNumberInput__Toggle {
    height: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .PhoneNumberInput .PhoneNumberInput__Toggle > * {
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
      display: -ms-flexbox;
      display: flex; }
    .PhoneNumberInput .PhoneNumberInput__Toggle .Icon {
      font-size: 20px;
      color: #808080; }
    .PhoneNumberInput .PhoneNumberInput__Toggle img {
      width: 20px;
      height: 20px;
      margin: 0 8px; }
  .PhoneNumberInput input[type="text"] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding-left: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 !important; }

.Form__Poll {
  position: relative;
  border: 1px solid #E5E5EA;
  border-radius: 6px; }

.Form__Poll .Form__Checkbox__label {
  -ms-flex: none;
      flex: none; }

.Form__Poll__Content {
  padding: 12px 20px; }

.Form__Poll__Close {
  position: absolute;
  right: 12px; }
  .Form__Poll__Close .Icon {
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .Form__Poll__Close .Icon path[fill^="#"] {
      fill: #808080; }
    .Form__Poll__Close .Icon path[stroke^="#"] {
      stroke: #808080; }
    .Form__Poll__Close .Icon:hover path[fill^="#"] {
      fill: #606060; }
    .Form__Poll__Close .Icon:hover path[stroke^="#"] {
      stroke: #606060; }

.Form__Poll__Options__Option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 8px; }
  .Form__Poll__Options__Option:first-child {
    margin-top: 16px; }

.Form__Poll__Add {
  margin-top: 16px; }
  .Form__Poll__Add div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .Form__Poll__Add .Icon {
    width: 12px;
    height: 12px;
    float: none; }
    .Form__Poll__Add .Icon path[fill^="#"] {
      fill: #111827; }
    .Form__Poll__Add .Icon path[stroke^="#"] {
      stroke: #111827; }
  .Form__Poll__Add span {
    color: #1F2937;
    font-weight: 500;
    margin-left: 8px; }

.Form__Poll__Footer {
  padding: 16px;
  background-color: #F3F4F6;
  border-radius: 0 0 8px 8px;
  color: #1C1C1E; }

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

.Select {
  position: relative; }
  .Select input::-webkit-contacts-auto-fill-button,
  .Select input::-webkit-credentials-auto-fill-button {
    display: none !important; }
  .Select input::-ms-clear {
    display: none !important; }
  .Select input::-ms-reveal {
    display: none !important; }
  .Select,
  .Select div,
  .Select input,
  .Select span {
    box-sizing: border-box; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }
  .Select.is-disabled > .Select-control {
    background-color: #f9f9f9; }
    .Select.is-disabled > .Select-control:hover {
      box-shadow: none; }
  .Select.is-searchable.is-open > .Select-control {
    cursor: text; }
  .Select.is-searchable.is-focused:not(.is-open) > .Select-control {
    cursor: text; }
  .Select.is-open > .Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    border-color: #c9c9d3 #E5E5EA #f3f3f5; }
    .Select.is-open > .Select-control .Select-arrow {
      top: -2px;
      border-color: transparent transparent #999;
      border-width: 0 5px 5px; }
  .Select.is-focused > .Select-control {
    background: #fff; }
  .Select.is-focused:not(.is-open) > .Select-control {
    border-color: #E5E5EA #f3f3f5 #f3f3f5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#E5E5EA, 50%); }
  .Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
    padding-right: 42px; }
  .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    color: #333; }
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      color: #E5E5EA;
      outline: none;
      text-decoration: underline; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      background: #fff; }
  .Select.has-value.is-pseudo-focused .Select-input {
    opacity: 0; }
  .Select.is-open .Select-arrow,
  .Select .Select-arrow-zone:hover > .Select-arrow {
    border-top-color: #666; }
  .Select.Select--rtl {
    direction: rtl;
    text-align: right; }

.Select-control {
  background-color: #fff;
  border-color: #f3f3f5 #E5E5EA #c9c9d3;
  border-radius: 6px;
  border: 1px solid #E5E5EA;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .Select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .Select-control .Select-input:focus {
    outline: none;
    background: #fff; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }
  .Select-input > input {
    width: 100%;
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 17px;
    /* For IE 8 compatibility */
    padding: 8px 0 12px;
    /* For IE 8 compatibility */
    -webkit-appearance: none; }
    .is-focused .Select-input > input {
      cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #E5E5EA;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }
  .Select-clear-zone:hover {
    color: #FF3B30; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }
  .Select--rtl .Select-arrow-zone {
    padding-right: 0;
    padding-left: 5px; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #fff;
  border: 1px solid #E5E5EA;
  border-top-color: #f2f2f5;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Select-option:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; }
  .Select-option.is-selected {
    background-color: #E5E5EA;
    color: #191919; }
  .Select-option.is-focused {
    background-color: #E5E5EA;
    color: #191919; }
  .Select-option.is-disabled {
    color: #cccccc;
    cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #007AFF;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #007AFF;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #ddeff7;
    color: #006ee6; }
  .Select--multi .Select-value-icon:active {
    background-color: #c9e6f2; }

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px; }

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c9e6f2; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

.Select {
  min-width: 250px; }

.Select--size-small {
  min-width: 125px; }

.Select-control {
  height: 36px;
  font-size: 1rem; }
  .Select-control .Select-value-label {
    color: #191919; }
    .Select-control .Select-value-label .Status {
      float: none;
      display: inline-block;
      margin: 0 8px 0 0; }
    .Select-control .Select-value-label .Spinner {
      margin-right: 10px; }
  .Select-control:hover {
    box-shadow: none; }

.Select .Select-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.Select-placeholder {
  line-height: 34px; }
  .Select-placeholder .Icon {
    margin-right: 8px;
    line-height: 34px;
    width: 18px;
    height: 18px; }

.Select--single > .Select-control .Select-value {
  line-height: 31px; }

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

.Select-input {
  float: left; }

.pull-left > .Select .Select-menu-outer {
  width: calc(100% + 2px); }

.Select-menu-outer {
  border: 1px solid #E5E5EA;
  box-shadow: none; }

.Select-option {
  font-size: 1rem;
  text-align: left; }
  .Select-option:hover:not(.is-selected) {
    background-color: #F3F4F6; }
  .Select-option.is-selected {
    border-top: 1px solid #E5E5EA;
    border-bottom: 1px solid #E5E5EA;
    color: var(--color-button);
    background-color: hsl(var(--color-button-hue), var(--color-button-saturation), 95%) !important; }
    .Select-option.is-selected:first-child {
      border-top: none !important; }
    .Select-option.is-selected:last-child {
      border-bottom: none !important; }

.Select.is-focused:not(.is-open) > .Select-control, .Select.is-open > .Select-control {
  border-color: #E5E5EA; }

.Select--single .Select-control .Select-value {
  padding-right: 25px !important;
  text-align: left; }

.Combobox {
  padding: 5px; }

.Form__control--invalid .Select-control {
  border: 1px solid #FF3B30 !important;
  box-shadow: 0 0 2px 0 rgba(255, 59, 48, 0.75);
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.32054 3.79978C10.5058 1.73341 13.4943 1.73341 14.6795 3.79976L22.3386 17.1451C23.5181 19.2009 22.0241 21.75 19.659 21.75H4.34104C1.9753 21.75 0.480565 19.201 1.66169 17.1448L9.32054 3.79978ZM13 8.5C13 7.94772 12.5523 7.5 12 7.5C11.4477 7.5 11 7.94772 11 8.5V13.5C11 14.0523 11.4477 14.5 12 14.5C12.5523 14.5 13 14.0523 13 13.5V8.5ZM12 16C11.6248 16 11.3332 16.1776 11.1554 16.3554C10.9775 16.5332 10.8 16.8248 10.8 17.2C10.8 17.5752 10.9775 17.8668 11.1554 18.0446C11.3332 18.2225 11.6248 18.4 12 18.4C12.3752 18.4 12.6667 18.2225 12.8446 18.0446C13.0224 17.8668 13.2 17.5752 13.2 17.2C13.2 16.8248 13.0224 16.5332 12.8446 16.3554C12.6668 16.1776 12.3752 16 12 16Z" fill="%23dc3545"/></svg>');
  background-position: right 32px center;
  background-repeat: no-repeat;
  background-size: 18px 18px; }

.Form__control--warning .Select-control {
  border-color: #FF9500 !important;
  box-shadow: 0 0 2px 0 rgba(255, 149, 0, 0.75);
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.32054 3.79978C10.5058 1.73341 13.4943 1.73341 14.6795 3.79976L22.3386 17.1451C23.5181 19.2009 22.0241 21.75 19.659 21.75H4.34104C1.9753 21.75 0.480565 19.201 1.66169 17.1448L9.32054 3.79978ZM13 8.5C13 7.94772 12.5523 7.5 12 7.5C11.4477 7.5 11 7.94772 11 8.5V13.5C11 14.0523 11.4477 14.5 12 14.5C12.5523 14.5 13 14.0523 13 13.5V8.5ZM12 16C11.6248 16 11.3332 16.1776 11.1554 16.3554C10.9775 16.5332 10.8 16.8248 10.8 17.2C10.8 17.5752 10.9775 17.8668 11.1554 18.0446C11.3332 18.2225 11.6248 18.4 12 18.4C12.3752 18.4 12.6667 18.2225 12.8446 18.0446C13.0224 17.8668 13.2 17.5752 13.2 17.2C13.2 16.8248 13.0224 16.5332 12.8446 16.3554C12.6668 16.1776 12.3752 16 12 16Z" fill="%23FF9500"/></svg>');
  background-position: right 32px center;
  background-repeat: no-repeat;
  background-size: 18px 18px; }

.Select-value-label .Icon {
  margin: 7px 8px 8px 0;
  width: 16px;
  height: 16px; }

.Select-arrow-zone {
  border-left: 1px solid #E5E5EA;
  padding: 0; }

.Select--multi .Select-multi-value-wrapper .Select-value {
  margin: 4px 0 0 4px; }
  .Select--multi .Select-multi-value-wrapper .Select-value .Select-value-icon, .Select--multi .Select-multi-value-wrapper .Select-value .Select-value-label {
    padding: 4px 8px;
    line-height: 16px; }

.Select--multi .Select-clear-zone {
  width: 24px; }

.Select-multi-value-wrapper {
  display: inline; }
  .Select-multi-value-wrapper .Select-value {
    margin: 2px 0 0 2px; }
  .Select-multi-value-wrapper .Select-input {
    height: 34px;
    float: none; }
    .Select-multi-value-wrapper .Select-input > input {
      padding: 10px 0; }

.LanguageOption {
  height: 53px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .LanguageOption img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    border-radius: 4px; }
    .LanguageOption img + div {
      -ms-flex: 1;
          flex: 1; }
  .LanguageOption h4 {
    font-size: 16px;
    color: #191919;
    font-weight: 400;
    line-height: 18px; }
  .LanguageOption.is-selected h4 {
    color: var(--color-button); }

.ReactSelect__MultiSimplified .Select-multi-value-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 10px;
  white-space: pre; }

.Form .Form__control.Form__TagsInput {
  padding-right: 3px !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  .Form .Form__control.Form__TagsInput input {
    margin: -8px 0 -8px -16px;
    padding: 8px 16px;
    -ms-flex: 1;
        flex: 1;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
  .Form .Form__control.Form__TagsInput .Button {
    margin: -5px 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }

.Form__TagsInput__Tags {
  margin: 8px 0 0 0;
  overflow: hidden; }

.Form__TagsInput__Add {
  padding: 0 4px;
  border-left: 1px solid #E5E5EA;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .Form__TagsInput__Add.Form__TagsInput__Add--disabled {
    opacity: 0.25; }
  .Form__TagsInput__Add:hover:not(.Form__TagsInput__Add--disabled) {
    background-color: #E5E5EA;
    cursor: pointer; }
  .Form__TagsInput__Add .Icon {
    line-height: 34px; }
    .Form__TagsInput__Add .Icon path[fill^="#"] {
      fill: #808080; }
    .Form__TagsInput__Add .Icon path[stroke^="#"] {
      stroke: #808080; }

.Form__TagsInput__Tags__Item {
  margin: 0 8px 8px 0;
  padding: 4px 8px;
  float: left;
  border: 1px solid #E5E5EA;
  font-size: 1rem;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .Form__TagsInput__Tags__Item .Icon {
    margin: 0 -5px 0 4px;
    padding: 4px 2px;
    float: right;
    width: 12px;
    height: 12px;
    line-height: 12px;
    cursor: pointer; }
    .Form__TagsInput__Tags__Item .Icon path[fill^="#"] {
      fill: #ABB4BD; }
    .Form__TagsInput__Tags__Item .Icon path[stroke^="#"] {
      stroke: #ABB4BD; }

.TimePicker {
  display: -ms-flexbox;
  display: flex;
  min-width: 50px; }
  .TimePicker .Select:first-child {
    margin-right: -1px; }
    .TimePicker .Select:first-child .Select-control {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0 !important; }
  .TimePicker .Select:last-child .Select-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .TimePicker.TimePicker--warning .Select-control {
    border: 1px solid #FF9500 !important;
    box-shadow: 0 0 2px 0 rgba(255, 59, 48, 0.75);
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.32054 3.79978C10.5058 1.73341 13.4943 1.73341 14.6795 3.79976L22.3386 17.1451C23.5181 19.2009 22.0241 21.75 19.659 21.75H4.34104C1.9753 21.75 0.480565 19.201 1.66169 17.1448L9.32054 3.79978ZM13 8.5C13 7.94772 12.5523 7.5 12 7.5C11.4477 7.5 11 7.94772 11 8.5V13.5C11 14.0523 11.4477 14.5 12 14.5C12.5523 14.5 13 14.0523 13 13.5V8.5ZM12 16C11.6248 16 11.3332 16.1776 11.1554 16.3554C10.9775 16.5332 10.8 16.8248 10.8 17.2C10.8 17.5752 10.9775 17.8668 11.1554 18.0446C11.3332 18.2225 11.6248 18.4 12 18.4C12.3752 18.4 12.6667 18.2225 12.8446 18.0446C13.0224 17.8668 13.2 17.5752 13.2 17.2C13.2 16.8248 13.0224 16.5332 12.8446 16.3554C12.6668 16.1776 12.3752 16 12 16Z" fill="%23FF9500"/></svg>') !important;
    background-position: right 32px center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important; }
  .TimePicker.TimePicker--warning .Select-arrow-zone {
    border-left: 1px solid #FF9500 !important; }
  .TimePicker.TimePicker--invalid .Select-control {
    border: 1px solid #FF3B30 !important;
    box-shadow: 0 0 2px 0 rgba(255, 59, 48, 0.75);
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.32054 3.79978C10.5058 1.73341 13.4943 1.73341 14.6795 3.79976L22.3386 17.1451C23.5181 19.2009 22.0241 21.75 19.659 21.75H4.34104C1.9753 21.75 0.480565 19.201 1.66169 17.1448L9.32054 3.79978ZM13 8.5C13 7.94772 12.5523 7.5 12 7.5C11.4477 7.5 11 7.94772 11 8.5V13.5C11 14.0523 11.4477 14.5 12 14.5C12.5523 14.5 13 14.0523 13 13.5V8.5ZM12 16C11.6248 16 11.3332 16.1776 11.1554 16.3554C10.9775 16.5332 10.8 16.8248 10.8 17.2C10.8 17.5752 10.9775 17.8668 11.1554 18.0446C11.3332 18.2225 11.6248 18.4 12 18.4C12.3752 18.4 12.6667 18.2225 12.8446 18.0446C13.0224 17.8668 13.2 17.5752 13.2 17.2C13.2 16.8248 13.0224 16.5332 12.8446 16.3554C12.6668 16.1776 12.3752 16 12 16Z" fill="%23dc3545"/></svg>') !important;
    background-position: right 32px center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important; }
  .TimePicker.TimePicker--invalid .Select-arrow-zone {
    border-left: 1px solid #FF3B30 !important; }
  .TimePicker .Form__control {
    -ms-flex: 1;
        flex: 1; }
  .TimePicker .Select {
    -ms-flex: 1;
        flex: 1;
    min-width: 0; }
  .TimePicker .divider {
    padding: 0 8px;
    float: left;
    line-height: 36px; }

.modal--flex-body .Form__UsersInput {
  -ms-flex: 1;
      flex: 1;
  margin: -20px;
  border: none; }

.Form__UsersInput__ShowMore {
  margin-top: 12px;
  padding: 8px 0 8px calc(26px + 30px + 16px + 24px);
  cursor: pointer; }
  .Form__UsersInput__ShowMore:hover {
    text-decoration: underline; }

.Form {
  width: 100%; }
  .Form.Form--horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.Form__Left {
  padding-right: 20px;
  -ms-flex: 8;
      flex: 8; }

.Form__Right {
  margin: -16px 0;
  padding: 16px 0 16px 20px;
  border-left: 1px solid #E5E5EA;
  -ms-flex: 4;
      flex: 4; }
  .Form__Right hr {
    width: calc(100% + 40px);
    margin: 24px -20px; }

.Form__Row, .Form__Actions {
  width: 100%;
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex; }

.Form__Row.Form__Row--center {
  -ms-flex-pack: center;
      justify-content: center; }

.Form__Row:last-child {
  margin-bottom: 0; }

.Form__Row + hr {
  margin-top: 0; }

.Form__Row .Button:last-child {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.Form__Row .Form__Group {
  width: 100%;
  margin-right: 16px; }
  .Form__Row .Form__Group:last-child {
    margin-right: 0; }

.Form__Actions {
  margin-bottom: 24px;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.Form__Row__Preview {
  margin-right: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden; }
  .Form__Row__Preview img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px; }

.Form__Row .Form__Group {
  margin-bottom: 0;
  -ms-flex: 1;
      flex: 1; }

.Form__Group {
  margin-bottom: 16px; }

.Form__Row .Form__Group--size-small {
  -ms-flex: 0.5;
      flex: 0.5; }

.Form__Label {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  width: 100%;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 8px;
  color: #374151; }
  .Form__Label .Icon {
    margin-left: 8px;
    position: relative;
    top: 4px;
    float: none;
    width: 18px;
    height: 18px; }
  .Form__Label + small {
    margin: -4px 0 8px;
    display: block; }

.Form__control {
  -moz-appearance: none;
       appearance: none; }

.Form__control:not(.Form__control--multiLine) {
  height: 18px; }

.Form__control:not(.Form__control--multiLine),
.Form__control--multiLine textarea,
textarea.Form__control--multiLine {
  max-width: 100%;
  width: calc(100% - 32px - 2px);
  padding: 8px 16px;
  display: block;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 6px;
  color: #191919; }
  .Form__control:not(.Form__control--multiLine).Form__control--grow,
  .Form__control--multiLine textarea.Form__control--grow,
  textarea.Form__control--multiLine.Form__control--grow {
    height: auto; }
  .Form__control:not(.Form__control--multiLine).Form__control--small,
  .Form__control--multiLine textarea.Form__control--small,
  textarea.Form__control--multiLine.Form__control--small {
    height: 16px; }
  .Form__control:not(.Form__control--multiLine):not([type="checkbox"]):not([type="radio"]):not(.Form__control--invalid),
  .Form__control--multiLine textarea:not([type="checkbox"]):not([type="radio"]):not(.Form__control--invalid),
  textarea.Form__control--multiLine:not([type="checkbox"]):not([type="radio"]):not(.Form__control--invalid) {
    border: 1px solid #E5E5EA; }
    .Form__control:not(.Form__control--multiLine):not([type="checkbox"]):not([type="radio"]):not(.Form__control--invalid)[disabled],
    .Form__control--multiLine textarea:not([type="checkbox"]):not([type="radio"]):not(.Form__control--invalid)[disabled],
    textarea.Form__control--multiLine:not([type="checkbox"]):not([type="radio"]):not(.Form__control--invalid)[disabled] {
      opacity: 0.5;
      border: 1px solid #DFDFDF; }

.Form__control--multiLine textarea {
  min-height: 34px;
  background-color: #FFFFFF; }

.Form__control--multiLine {
  background-color: #FFFFFF; }
  .Form__control--multiLine .Form__control__highlighter {
    padding: 8px 17px; }
  .Form__control--multiLine .Form__control__control {
    height: auto; }

.Form__control.Form__control--invalid {
  border: 1px solid #FF3B30;
  box-shadow: 0 0 2px 0 rgba(255, 59, 48, 0.75);
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.32054 3.79978C10.5058 1.73341 13.4943 1.73341 14.6795 3.79976L22.3386 17.1451C23.5181 19.2009 22.0241 21.75 19.659 21.75H4.34104C1.9753 21.75 0.480565 19.201 1.66169 17.1448L9.32054 3.79978ZM13 8.5C13 7.94772 12.5523 7.5 12 7.5C11.4477 7.5 11 7.94772 11 8.5V13.5C11 14.0523 11.4477 14.5 12 14.5C12.5523 14.5 13 14.0523 13 13.5V8.5ZM12 16C11.6248 16 11.3332 16.1776 11.1554 16.3554C10.9775 16.5332 10.8 16.8248 10.8 17.2C10.8 17.5752 10.9775 17.8668 11.1554 18.0446C11.3332 18.2225 11.6248 18.4 12 18.4C12.3752 18.4 12.6667 18.2225 12.8446 18.0446C13.0224 17.8668 13.2 17.5752 13.2 17.2C13.2 16.8248 13.0224 16.5332 12.8446 16.3554C12.6668 16.1776 12.3752 16 12 16Z" fill="%23dc3545"/></svg>');
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: 18px 18px; }

.Form__control.Form__control--warning {
  border-color: #FF9500 !important;
  box-shadow: 0 0 2px 0 rgba(255, 149, 0, 0.75);
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.32054 3.79978C10.5058 1.73341 13.4943 1.73341 14.6795 3.79976L22.3386 17.1451C23.5181 19.2009 22.0241 21.75 19.659 21.75H4.34104C1.9753 21.75 0.480565 19.201 1.66169 17.1448L9.32054 3.79978ZM13 8.5C13 7.94772 12.5523 7.5 12 7.5C11.4477 7.5 11 7.94772 11 8.5V13.5C11 14.0523 11.4477 14.5 12 14.5C12.5523 14.5 13 14.0523 13 13.5V8.5ZM12 16C11.6248 16 11.3332 16.1776 11.1554 16.3554C10.9775 16.5332 10.8 16.8248 10.8 17.2C10.8 17.5752 10.9775 17.8668 11.1554 18.0446C11.3332 18.2225 11.6248 18.4 12 18.4C12.3752 18.4 12.6667 18.2225 12.8446 18.0446C13.0224 17.8668 13.2 17.5752 13.2 17.2C13.2 16.8248 13.0224 16.5332 12.8446 16.3554C12.6668 16.1776 12.3752 16 12 16Z" fill="%23FF9500"/></svg>');
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: 18px 18px; }

textarea.Form__control {
  height: auto;
  padding: 16px; }

.Form__CheckboxLabel {
  margin: 0 16px 0 0;
  line-height: 34px; }
  .Form__CheckboxLabel .Form__control {
    width: auto;
    margin: 0 8px 0 0;
    float: left; }

.Checklist .Checklist__box {
  float: left; }

.Checklist .Checklist__item {
  margin: 1rem 0; }

select.Form__control {
  width: 100%;
  height: 34px; }

.Form__CheckboxLabel {
  display: block; }
  .Form__CheckboxLabel input {
    float: left; }

.Form__control__warning {
  margin-top: 4px;
  color: #FF9500; }

.Form__control__error {
  margin-top: 4px;
  color: #FF3B30; }

.Form__block {
  margin: 8px 0; }
  .Form__block:first-child {
    margin-top: 0; }
  .Form__block > .Form__Label {
    margin-top: -8px;
    margin-bottom: 8px;
    padding-left: 20px; }
  .Form__block .Form__block__container {
    width: calc(100% - 48px);
    padding: 16px 20px;
    background-color: #FFFFFF;
    border-top: 1px solid #E5E5EA;
    border-bottom: 1px solid #E5E5EA;
    border-radius: 0; }
    .Form__block .Form__block__container.Form__block__container--padding-large {
      padding: 20px; }
    .Form__block .Form__block__container .Form__Row:last-child {
      margin-bottom: 0; }

.Bar .Form:not(.SearchBar) .Form__control, .TopNavigationBar .Form:not(.SearchBar) .Form__control {
  height: 36px;
  padding: 2px 4px 0 0;
  border: none !important;
  font-size: 24px;
  box-shadow: none !important;
  background-color: transparent;
  border-bottom: 2px dashed rgba(0, 0, 0, 0) !important;
  transition: border-bottom-color 0.15s;
  border-radius: 0;
  border-collapse: separate; }
  .Bar .Form:not(.SearchBar) .Form__control:hover:not(.Form__control--invalid), .Bar .Form:not(.SearchBar) .Form__control:focus:not(.Form__control--invalid), .TopNavigationBar .Form:not(.SearchBar) .Form__control:hover:not(.Form__control--invalid), .TopNavigationBar .Form:not(.SearchBar) .Form__control:focus:not(.Form__control--invalid) {
    border-bottom-color: #E5E5EA !important; }
    .Bar .Form:not(.SearchBar) .Form__control:hover:not(.Form__control--invalid) + .Icon, .Bar .Form:not(.SearchBar) .Form__control:focus:not(.Form__control--invalid) + .Icon, .TopNavigationBar .Form:not(.SearchBar) .Form__control:hover:not(.Form__control--invalid) + .Icon, .TopNavigationBar .Form:not(.SearchBar) .Form__control:focus:not(.Form__control--invalid) + .Icon {
      opacity: 1; }
  .Bar .Form:not(.SearchBar) .Form__control.Form__control--invalid, .TopNavigationBar .Form:not(.SearchBar) .Form__control.Form__control--invalid {
    border-bottom-color: #FF3B30 !important; }
  .Bar .Form:not(.SearchBar) .Form__control + .Icon, .TopNavigationBar .Form:not(.SearchBar) .Form__control + .Icon {
    width: 18px;
    height: 18px;
    line-height: 36px;
    opacity: 0; }
    .Bar .Form:not(.SearchBar) .Form__control + .Icon path[fill^="#"], .TopNavigationBar .Form:not(.SearchBar) .Form__control + .Icon path[fill^="#"] {
      fill: #808080; }
    .Bar .Form:not(.SearchBar) .Form__control + .Icon path[stroke^="#"], .TopNavigationBar .Form:not(.SearchBar) .Form__control + .Icon path[stroke^="#"] {
      stroke: #808080; }

.Attachments .Attachments__Images {
  width: 100%;
  overflow: hidden; }
  .Attachments .Attachments__Images > *:not(:last-child) {
    margin-right: 5px; }
  .Attachments .Attachments__Images .Form__FileInput {
    width: 68px;
    height: 68px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border: 1px solid #E5E5EA;
    border-radius: 4px; }
    .Attachments .Attachments__Images .Form__FileInput .Icon path[fill^="#"] {
      fill: #808080; }
    .Attachments .Attachments__Images .Form__FileInput .Icon path[stroke^="#"] {
      stroke: #808080; }
    .Attachments .Attachments__Images .Form__FileInput:hover .Icon path[fill^="#"] {
      fill: #505050; }
    .Attachments .Attachments__Images .Form__FileInput:hover .Icon path[stroke^="#"] {
      stroke: #505050; }

.Attachments .Attachments__Files {
  overflow: hidden; }
  .Attachments .Attachments__Files > * {
    margin-top: 8px;
    width: calc(50% - 2px - 4px);
    float: left; }
    .Attachments .Attachments__Files > *:nth-child(2n) {
      margin-left: 8px; }
    .Attachments .Attachments__Files > *:nth-child(1), .Attachments .Attachments__Files > *:nth-child(2) {
      margin-top: 0; }

.Attachments .Attachments__Images + .Attachments__Files {
  margin-top: 8px; }

.Attachments .Form__FileInput {
  display: block; }

.Attachments .Attachments__Trigger {
  width: 66px;
  height: 66px;
  border: 2px dashed #ABB4BD; }
  .Attachments .Attachments__Trigger .Icon {
    margin: 17px;
    width: 32px;
    height: 32px; }
    .Attachments .Attachments__Trigger .Icon path[fill^="#"] {
      fill: #ABB4BD; }
    .Attachments .Attachments__Trigger .Icon path[stroke^="#"] {
      stroke: #ABB4BD; }
  .Attachments .Attachments__Trigger:hover .Icon path[fill^="#"] {
    fill: #808080; }
  .Attachments .Attachments__Trigger:hover .Icon path[stroke^="#"] {
    stroke: #808080; }

.Form__Filter__Overlay {
  width: 400px;
  max-height: 300px;
  margin-top: 4px;
  position: absolute;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  background-color: #E5E5EA;
  box-shadow: 0 2px 5px #CECED2;
  z-index: 1; }
  .Form__Filter__Overlay.in {
    opacity: 1; }
  .Form__Filter__Overlay.show {
    display: -ms-flexbox !important;
    display: flex !important; }
  .Form__Filter__Overlay .PureList__placeholder {
    padding: 12px 20px; }
  .Form__Filter__Overlay .Form__Filter__Overlay__Search, .Form__Filter__Overlay .Form__Filter__Overlay__Footer {
    padding: 4px; }
  .Form__Filter__Overlay .Form__Filter__Overlay__Footer {
    padding-left: 12px;
    padding-right: 12px; }
    .Form__Filter__Overlay .Form__Filter__Overlay__Footer a {
      color: #191919; }
  .Form__Filter__Overlay .Form__Filter__Overlay__Search input {
    width: calc(100% - 24px);
    padding: 4px 12px;
    color: #606060;
    line-height: 28px; }
  .Form__Filter__Overlay .Form__Filter__Overlay__Options {
    width: 100%;
    -ms-flex: 1;
        flex: 1;
    overflow-y: auto;
    -ms-flex-preferred-size: auto; }
  .Form__Filter__Overlay .Form__Filter__Overlay__Option {
    width: calc(50% - 24px - 6px);
    padding: 8px 12px;
    float: left;
    margin: 0 0 4px 4px;
    background-color: #FFFFFF;
    border-bottom: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .Form__Filter__Overlay .Form__Filter__Overlay__Option .Icon {
      margin-right: 8px;
      background-color: rgba(0, 0, 0, 0);
      width: 16px;
      height: 16px;
      border-radius: 8px;
      border: 1px solid #ABB4BD; }
      .Form__Filter__Overlay .Form__Filter__Overlay__Option .Icon path[fill^="#"] {
        fill: rgba(0, 0, 0, 0); }
      .Form__Filter__Overlay .Form__Filter__Overlay__Option .Icon path[stroke^="#"] {
        stroke: rgba(0, 0, 0, 0); }
    .Form__Filter__Overlay .Form__Filter__Overlay__Option.Form__Filter__Overlay__Option--selected .Icon {
      background-color: var(--color-primary);
      border-color: var(--color-primary); }
      .Form__Filter__Overlay .Form__Filter__Overlay__Option.Form__Filter__Overlay__Option--selected .Icon path[fill^="#"] {
        fill: #FFFFFF; }
      .Form__Filter__Overlay .Form__Filter__Overlay__Option.Form__Filter__Overlay__Option--selected .Icon path[stroke^="#"] {
        stroke: #FFFFFF; }

.Form__Filter {
  width: calc(100% - 1px);
  overflow: hidden;
  padding: 1px 1px 0 1px;
  display: -ms-flexbox;
  display: flex; }
  .Form__Filter .Form__Filter__Items {
    -ms-flex: 1;
        flex: 1; }
  .Form__Filter .Form__Filter__Item {
    margin: -1px 0 0 -1px;
    padding: 8px;
    float: left;
    border: 1px solid #E5E5EA;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .Form__Filter .Form__Filter__Item:hover {
      position: relative;
      border: 1px solid #ABB4BD;
      cursor: pointer; }
    .Form__Filter .Form__Filter__Item .Icon {
      margin-right: 8px;
      background-color: var(--color-primary);
      width: 18px;
      height: 18px;
      border-radius: 8px; }
      .Form__Filter .Form__Filter__Item .Icon path[fill^="#"] {
        fill: #FFFFFF; }
      .Form__Filter .Form__Filter__Item .Icon path[stroke^="#"] {
        stroke: #FFFFFF; }
  .Form__Filter .Button {
    margin-left: 24px;
    -ms-flex-item-align: start;
        align-self: flex-start; }

.Attachments__Images .FilePreview {
  border-radius: 4px !important; }

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-ms-input-placeholder {
  color: #707070 !important;
  opacity: 1; }

.Form__Toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Form__Toggle--disabled {
    opacity: 0.5; }
  .Form__Toggle:not(.Form__Toggle--disabled) .Form__Toggle__Input {
    cursor: pointer; }
  .Form__Toggle + .Form__Toggle {
    margin-top: 8px; }

.Form__Toggle__Input {
  width: 34px;
  height: 14px;
  padding: 3px;
  background-color: #808080;
  border-radius: 10px; }
  .Form__Toggle__Input--active {
    background-color: #34C759; }
    .Form__Toggle__Input--active .Form__Toggle__Input__Ball {
      margin-left: 20px; }
  .Form__Toggle__Input + label {
    margin-left: 16px; }

.Form__Toggle__Input__Ball {
  width: 14px;
  height: 14px;
  background-color: #FFF;
  border-radius: 7px;
  transition: margin-left 0.1s; }

.Form__GifInput .giphy-grid {
  width: 100% !important;
  max-height: 300px;
  overflow: auto; }

.TextareaInput__Container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }
  .TextareaInput__Container .Icon {
    padding: 9px;
    margin-right: -42px;
    position: relative;
    margin-top: 2px; }
    .TextareaInput__Container .Icon path[fill^="#"] {
      fill: #808080; }
    .TextareaInput__Container .Icon path[stroke^="#"] {
      stroke: #808080; }
    .TextareaInput__Container .Icon:hover {
      cursor: pointer; }
      .TextareaInput__Container .Icon:hover path[fill^="#"] {
        fill: #191919; }
      .TextareaInput__Container .Icon:hover path[stroke^="#"] {
        stroke: #191919; }
  .TextareaInput__Container .TextareaInput--emoji {
    padding-left: 42px;
    line-height: 20px; }

.Form__TextInput--max-length {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  -ms-flex-align: center;
      align-items: center; }

.Form__TextInput small {
  position: absolute;
  right: 12px; }

.Form__TextInput input.Form__control {
  padding-right: 64px; }

.Form__TextInput--invalid small {
  color: #FF3B30;
  right: 48px; }

.Icon {
  float: left;
  width: 24px;
  /* Preferred icon size */
  height: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .Icon path[fill^="#"] {
    fill: currentColor; }
  .Icon path[stroke^="#"] {
    stroke: currentColor; }

.Icon--color-green path[fill^="#"] {
  fill: #34C759; }

.Icon--color-green path[stroke^="#"] {
  stroke: #34C759; }

.Icon--color-green-success path[fill^="#"] {
  fill: #51803D; }

.Icon--color-green-success path[stroke^="#"] {
  stroke: #51803D; }

.Icon--color-red path[fill^="#"] {
  fill: #FF3B30; }

.Icon--color-red path[stroke^="#"] {
  stroke: #FF3B30; }

.Icon--color-orange path[fill^="#"] {
  fill: #FF8E00; }

.Icon--color-orange path[stroke^="#"] {
  stroke: #FF8E00; }

.Icon--color-grey path[fill^="#"] {
  fill: #808080; }

.Icon--color-grey path[stroke^="#"] {
  stroke: #808080; }

.Icon--color-grey-dull path[fill^="#"] {
  fill: #71717A; }

.Icon--color-grey-dull path[stroke^="#"] {
  stroke: #71717A; }

.Icon.Icon--titleIcon {
  float: inherit;
  vertical-align: middle;
  color: gray;
  cursor: pointer; }

.Image {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .Image img {
    max-height: 100%; }
  .Image.Image--rounded {
    border-radius: 50%; }

.ImageItem {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .ImageItem .ImageItem__image {
    border-radius: 50%;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    background-color: #808080; }
  .ImageItem .ImagePlaceholder {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .ImageItem .ImageItem__name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding-left: 16px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    text-transform: none; }
  .ImageItem:not(.ImageItem--large) small {
    margin-left: auto; }

.ImageItem__Icon {
  background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-dark));
  border-radius: 50%;
  color: var(--color-primary-text);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .ImageItem__Icon .Icon {
    width: 20px;
    height: 20px; }

.ImageItem--large .ImageItem__image__container {
  margin-right: 1rem; }
  .ImageItem--large .ImageItem__image__container--border .ImageItem__image {
    border: 1px solid #FFFFFF; }

.ImageItem--large .ImageItem__info__name .Icon {
  float: none;
  width: 18px;
  height: 18px;
  line-height: 15px;
  position: relative;
  top: 4px; }
  .ImageItem--large .ImageItem__info__name .Icon:last-child {
    margin-left: 4px; }

.ImageItem--large .ImageItem__info {
  min-width: 0;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  .ImageItem--large .ImageItem__info > div span {
    margin: 0 8px; }
  .ImageItem--large .ImageItem__info small {
    line-height: 16px;
    font-size: 13px; }
    .ImageItem--large .ImageItem__info small .Icon {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      float: none;
      position: relative;
      top: 3px; }

.ImageItem--large .ImageItem__info__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin: 0;
  text-transform: none; }
  .ImageItem--large .ImageItem__info__name small {
    margin-left: 4px; }
  .ImageItem--large .ImageItem__info__name .SyncMessage {
    display: inline; }

.Table__Cell .ImageItem .ImageItem__name {
  padding-left: 8px;
  font-weight: 400; }

@media (max-width: 1000px) {
  .ImageItem .ImageItem__name {
    padding-left: 8px; } }

.ImagePlaceholder {
  background-color: var(--color-primary);
  border-radius: 50%;
  float: left;
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  font-size: 1.25em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.ItemCard {
  padding: 0 16px 16px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  color: #191919; }

.ItemCard__Image {
  height: 83px;
  margin: -41px auto 0;
  padding: 0 16px; }
  .ItemCard__Image .ImagePlaceholder, .ItemCard__Image .FilePreview {
    margin: 0 auto 8px;
    float: none;
    position: relative;
    font-size: 32px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    overflow: hidden; }

.ItemCard__Header {
  width: calc(100% + 32px);
  min-height: 100px;
  margin: 0 -16px;
  background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-light));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.ItemCard__Name {
  margin-top: 12px;
  line-height: 20px;
  font-size: 18px;
  font-weight: 500;
  text-align: center; }

.ItemCard__Name__Placeholder {
  color: #ABB4BD;
  font-weight: 400; }

.modal-backdrop, .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.modal-backdrop {
  z-index: 9;
  background-color: rgba(25, 25, 25, 0.5); }
  .modal-backdrop.in {
    opacity: 0.65; }

.modal {
  width: calc(100% - 100px);
  padding: 80px 0 80px 100px !important;
  z-index: 9;
  overflow-y: auto;
  background-color: transparent; }
  .modal.modal-open {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out; }
  .modal.show .modal-dialog {
    transform: translate(0, 0); }
  .modal.ConfirmButton .modal-dialog.modal-sm {
    max-width: 450px; }
  .modal.modal--borderless {
    text-align: center; }
    .modal.modal--borderless .modal-fill {
      display: inline-block; }
    .modal.modal--borderless .modal-dialog {
      max-width: 500px;
      text-align: left; }
      .modal.modal--borderless .modal-dialog .modal-content > div, .modal.modal--borderless .modal-dialog .modal-content > form {
        min-height: 0; }
      .modal.modal--borderless .modal-dialog .modal-content .modal-body {
        padding: 0; }
      .modal.modal--borderless .modal-dialog .ExplanationVideo .Video {
        min-height: 280.5px;
        margin-bottom: 24px;
        border-bottom: 1px solid #E5E5EA; }
      .modal.modal--borderless .modal-dialog .ExplanationVideo .Video, .modal.modal--borderless .modal-dialog .ExplanationVideo .react-player__preview {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px; }
      .modal.modal--borderless .modal-dialog center {
        padding: 0 48px 20px 48px; }
        .modal.modal--borderless .modal-dialog center h3 {
          margin-bottom: 16px; }
        .modal.modal--borderless .modal-dialog center .Video {
          min-height: 227.25px; }
  .modal.modal--video .modal-fill, .modal.modal--external_video .modal-fill {
    width: calc((100vh - 96px) * 1.777777); }
  .modal .modal-dialog {
    max-width: 700px;
    margin: auto;
    left: 0;
    right: 0; }
    .modal .modal-dialog.modal-small {
      max-width: 550px; }
    .modal .modal-dialog.modal-large {
      max-width: 1100px; }
    .modal .modal-dialog.modal-fill {
      max-width: calc(100vw - 100px - 96px); }
      .modal .modal-dialog.modal-fill img, .modal .modal-dialog.modal-fill .react-player__preview {
        max-height: calc(100vh - 160px); }
    .modal .modal-dialog .modal-content {
      background-color: #FFFFFF;
      border-radius: 8px;
      box-shadow: 0 1px 1px #65656f; }
      .modal .modal-dialog .modal-content > div, .modal .modal-dialog .modal-content > form {
        /* wrapper element */
        min-height: 250px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        overflow-y: initial; }
        .modal .modal-dialog .modal-content > div > div, .modal .modal-dialog .modal-content > form > div {
          -ms-flex-negative: 0;
              flex-shrink: 0; }
        .modal .modal-dialog .modal-content > div > div:first-child, .modal .modal-dialog .modal-content > form > div:first-child {
          border-top-left-radius: 8px;
          border-top-right-radius: 8px; }
        .modal .modal-dialog .modal-content > div > div:last-child, .modal .modal-dialog .modal-content > form > div:last-child {
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px; }
      .modal .modal-dialog .modal-content .Modal__search {
        width: calc(100% - 40px);
        margin-bottom: 16px;
        padding: 0 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .modal .modal-dialog .modal-content .Modal__search input {
          padding-right: calc(16px * 2 + 20px);
          -ms-flex: 1;
              flex: 1; }
        .modal .modal-dialog .modal-content .Modal__search .Spinner__container {
          margin-left: calc(-20px - 16px);
          margin-right: 16px; }
      .modal .modal-dialog .modal-content .Modal__search__ShowMore {
        padding-top: 12px;
        text-align: center; }
      .modal .modal-dialog .modal-content .modal-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        padding: 16px 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #E5E5EA; }
        .modal .modal-dialog .modal-content .modal-header .Modal__MainHeader {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .modal .modal-dialog .modal-content .modal-header .Modal__MainHeader .Modal__Tooltip {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            cursor: pointer; }
            .modal .modal-dialog .modal-content .modal-header .Modal__MainHeader .Modal__Tooltip .Icon {
              margin-left: 4px;
              color: #8E8E93; }
      .modal .modal-dialog .modal-content .Modal__title {
        font-weight: 500;
        color: #374151;
        font-size: 16px;
        line-height: 24px;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center; }
      .modal .modal-dialog .modal-content .Modal__HeaderClose {
        width: 18px;
        height: 18px;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        background-color: #F3F4F6;
        border-radius: 50px;
        padding: 9px;
        cursor: pointer; }
        .modal .modal-dialog .modal-content .Modal__HeaderClose path[fill^="#"] {
          fill: #374151; }
        .modal .modal-dialog .modal-content .Modal__HeaderClose path[stroke^="#"] {
          stroke: #374151; }
      .modal .modal-dialog .modal-content .Modal__onlyIcon {
        width: 18px;
        height: 18px;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        background-color: #F3F4F6;
        padding: 9px;
        border-radius: 50px;
        margin-left: auto; }
        .modal .modal-dialog .modal-content .Modal__onlyIcon path[fill^="#"] {
          fill: #374151; }
        .modal .modal-dialog .modal-content .Modal__onlyIcon path[stroke^="#"] {
          stroke: #374151; }
      .modal .modal-dialog .modal-content .modal-body {
        min-height: 1px;
        padding: 16px;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        z-index: 10; }
      .modal .modal-dialog .modal-content .modal-footer {
        width: calc(100% - 40px);
        padding: 12px 20px;
        float: left;
        border-top: 1px solid #E5E5EA;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        z-index: 9;
        line-height: 32px; }
        .modal .modal-dialog .modal-content .modal-footer .pull-right {
          display: -ms-flexbox;
          display: flex; }
          .modal .modal-dialog .modal-content .modal-footer .pull-right > span:last-child {
            display: block;
            float: right; }

.modal.modal--color-grey .modal-dialog .modal-content {
  background-color: #F6F6F6; }
  .modal.modal--color-grey .modal-dialog .modal-content .modal-header, .modal.modal--color-grey .modal-dialog .modal-content .modal-footer {
    background-color: #FFFFFF; }

.modal-header .modal-tab-header {
  width: 100%;
  margin-bottom: -16px;
  float: left; }

.modal-tab-header-item {
  padding: 0 16px 13px;
  float: left;
  cursor: pointer;
  border-bottom: 3px solid transparent; }
  .modal-tab-header-item.modal-tab-header-item--active {
    margin-top: -1px;
    position: relative;
    top: 1px;
    border-bottom: 4px solid var(--color-primary); }
  .modal-tab-header-item small {
    margin-left: 8px; }

.modal--flex-body .modal-body {
  display: -ms-flexbox;
  display: flex; }

.modal-body--full-width .Button--size-fill {
  border-left: 0;
  border-right: 0;
  border-radius: 0; }

.modal-body--full-width .Form.SearchBar {
  width: calc(100% - 32px - 2px);
  margin: 16px; }

.modal-body--full-width .Table__ShowMore {
  margin: 0;
  border-bottom: 0; }

.fade {
  opacity: 0;
  transition: opacity 0.25s linear; }

.modal:not(.modal-list) .modal-content > div, .modal:not(.modal-list) .modal-content > form {
  max-height: calc(100vh - 160px);
  overflow-y: auto; }

.modal:not(.modal-list) .modal-body, .modal:not(.modal-list) .modal-body--full-width {
  overflow-y: auto;
  overflow-x: hidden; }

.modal.Messages__Message .modal-dialog .modal-content .Modal__Wrapper {
  min-height: 0; }

.ItemsList .ImageItem:not(:last-child) {
  margin-bottom: 8px; }

.ItemsList + .Button {
  margin-top: 8px; }

.modal.modal-list .modal-dialog .modal-content .Modal__Wrapper {
  overflow-y: initial; }

.modal.modal-datetimepicker .modal-dialog {
  max-width: 450px; }

.modal.modal-datetimepicker .modal-dialog .modal-content .modal-body {
  padding: 20px 0; }
  .modal.modal-datetimepicker .modal-dialog .modal-content .modal-body .Form__control.Form__block__container {
    border-left: none;
    border-right: none; }
  .modal.modal-datetimepicker .modal-dialog .modal-content .modal-body .Form__block__container .Form__Label {
    width: 100%;
    color: #606060; }
  .modal.modal-datetimepicker .modal-dialog .modal-content .modal-body textarea.Form__control {
    min-height: 36px;
    border: 1px solid #E5E5EA; }

.Modal__SubNavigation {
  -ms-flex: 0 0 220px;
      flex: 0 0 220px;
  padding: 16px 20px;
  border-right: 1px solid #E5E5EA;
  background-color: #FFFFFF; }
  .Modal__SubNavigation h3 {
    margin-bottom: 8px;
    font-weight: 600; }
    .Modal__SubNavigation h3:not(:first-child) {
      margin-top: 12px; }

.Modal__SubNavigationItem {
  margin: 0 -12px;
  padding: 8px 12px;
  border-radius: 8px;
  line-height: 16px;
  cursor: pointer; }
  .Modal__SubNavigationItem:not(.Modal__SubNavigationItem--selected):hover {
    background-color: #F3F4F6; }
  .Modal__SubNavigationItem--selected {
    background-color: hsl(var(--color-button-hue), var(--color-button-saturation), var(--color-button-lightness-verylight)); }
  .Modal__SubNavigationItem .Icon, .Modal__SubNavigationItem img {
    width: 16px;
    height: 16px;
    margin-right: 8px; }

@media (max-width: 1200px) {
  .modal {
    padding-left: 0 !important; } }

.NavigationBar {
  width: 100px;
  height: 100%;
  position: fixed;
  z-index: 20;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #FFFFFF;
  color: #808080;
  transition: width 0.25s;
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.15); }

.NavigationBar__Menu {
  padding: 16px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1; }

.NavigationBar__OrganisationLogo {
  width: 40px;
  margin: 0 auto 24px auto;
  cursor: pointer; }
  .NavigationBar__OrganisationLogo img {
    border-radius: 4px; }

.NavigationBar__Spacer {
  width: 100px;
  height: 32px; }

.NavigationBar__Menu > *:first-child > .NavigationBar__Header {
  margin-top: 0; }

.NavigationBar__Header {
  margin-top: 24px;
  padding: 0 38px 0 100px; }
  .NavigationBar__Header span {
    max-width: calc(100% - 24px);
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    color: #ABB4BD; }

.NavigationBar__Item.Conversations .Icon {
  position: relative;
  top: 2px; }

.NavigationBar__Trick {
  margin-left: 80px; }
  .NavigationBar__Trick .dropdown {
    width: 100px;
    pointer-events: none; }
    .NavigationBar__Trick .dropdown .menu {
      margin: 0 0 -60px 0 !important;
      pointer-events: all; }
    .NavigationBar__Trick .dropdown .NavigationBar__Item {
      position: relative;
      left: -80px;
      pointer-events: all; }

.NavigationBar__Item {
  margin: 8px 0;
  display: block;
  border: 3px solid transparent;
  font-size: 13px;
  line-height: 24px;
  color: #808080;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .NavigationBar__Item span {
    float: left; }
  .NavigationBar__Item--tooltip {
    margin: 0;
    padding: 16px 0; }
  .NavigationBar__Item .Icon {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    float: none;
    display: block; }
  .NavigationBar__Item--active {
    border-left-color: var(--color-button);
    color: var(--color-button) !important; }
  .NavigationBar__Item:hover:not(.NavigationBar__Item--active) {
    color: var(--color-button); }
  .NavigationBar__Item:hover .NavigationBar__Item__Tooltip {
    display: block; }

.NavigationBar__Item__Tooltip {
  width: 0;
  height: 0;
  z-index: 4;
  float: right;
  display: none;
  position: relative;
  top: -24px;
  left: -24px; }
  .NavigationBar__Item__Tooltip::before {
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    position: relative;
    top: 4px;
    left: 8px;
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #E5E5EA;
    z-index: 5; }

.NavigationBar__Item__Tooltip__Inner {
  margin-left: 16px;
  padding: 8px 12px;
  z-index: 4;
  display: inline;
  white-space: nowrap;
  position: relative;
  top: -16px;
  background-color: #E5E5EA;
  border-radius: 4px;
  color: #191919; }

.NavigationBar__Item__Unread__Container {
  width: 0;
  float: left; }

.NavigationBar__Item__Unread {
  height: 14px;
  min-width: 8px;
  padding: 0 4px 2px;
  position: relative;
  top: -5px;
  left: calc((100px - 24px) / 2 * -1 - 10px);
  background-color: #FF3B30;
  color: #FFFFFF;
  line-height: 14px;
  border-radius: 8px;
  text-align: center; }

.NavigationBar__Expiration__CTA {
  width: calc(100% - 16px);
  margin: 0 8px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 8px;
  font-weight: 600; }

.NavigationBar__Divider {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.NavigationBar__Expiration {
  padding-top: 16px;
  text-align: center; }

.NavigationBar__Expiration__Number {
  margin: 8px 8px;
  padding: 8px 0;
  background-color: rgba(0, 0, 0, 0.05);
  border: #E5E5EA;
  font-size: 32px;
  line-height: 32px;
  color: #191919;
  border-radius: 8px;
  font-weight: 600; }
  .NavigationBar__Expiration__Number small {
    display: block;
    line-height: 16px; }

.SubNavigationBar {
  -ms-flex: 0 0 220px;
      flex: 0 0 220px;
  height: calc(100vh - 72px - 40px);
  padding: 20px;
  background-color: #FFFFFF;
  border-right: 1px solid #F1F2F5;
  position: sticky;
  overflow-y: auto;
  top: 72px;
  z-index: 1; }
  .SubNavigationBar h2 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 24px; }
  .SubNavigationBar .Subtitle {
    margin-top: 2em;
    margin-bottom: .5em; }

.SubNavigationBar__Item {
  display: -ms-flexbox;
  display: flex;
  padding: 12px 12px;
  border-radius: 8px;
  color: #808080;
  line-height: 20px;
  margin: 0 -12px; }
  .SubNavigationBar__Item .Icon {
    width: 20px;
    height: 20px;
    margin-right: 8px; }
  .SubNavigationBar__Item .SubNavigationBar__TooltipIcon {
    float: none;
    margin-left: 4px; }
  .SubNavigationBar__Item--active {
    background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), 95%);
    color: var(--color-primary) !important;
    font-weight: 500;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .SubNavigationBar__Item:hover:not(.SubNavigationBar__Item--active) {
    color: #606060;
    background-color: #F6F6F6; }
  .SubNavigationBar__Item:not(:last-child) {
    margin-bottom: 4px; }
  .SubNavigationBar__Item svg + span + .break {
    margin-top: 4px; }
  .SubNavigationBar__Item .break {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    height: 0; }
  .SubNavigationBar__Item .childPath {
    margin-top: 8px;
    display: block;
    font-size: 90%;
    margin-left: 28px;
    font-weight: 400;
    color: #606060; }
  .SubNavigationBar__Item .childPath.active {
    color: var(--color-primary);
    font-weight: 500; }

.SubNavigationBar__Item__Count {
  margin-left: 8px;
  color: #808080; }

.AlertBar + .TopBar + .Content__Wrapper .TopNavigationBar {
  top: 120px; }

.TopNavigationBar {
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: 1px solid #F1F2F5;
  position: sticky;
  top: 72px;
  left: 100px;
  z-index: 10; }
  .TopNavigationBar .Container__Content {
    padding-top: 0;
    padding-bottom: 0; }
  .TopNavigationBar .TopNavigationBar__Container {
    padding-top: 16px; }
    .TopNavigationBar .TopNavigationBar__Container--FullWidth {
      padding-left: 20px;
      width: 100%;
      max-width: unset; }
  .TopNavigationBar .TopNavigationBar__Breadcrumb {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 0;
    color: #808080;
    border-bottom: 1px solid #F1F2F5; }
    .TopNavigationBar .TopNavigationBar__Breadcrumb .Container__Content {
      -ms-flex-direction: row;
          flex-direction: row; }
      .TopNavigationBar .TopNavigationBar__Breadcrumb .Container__Content :last-child {
        color: #191919;
        font-weight: 600; }
    .TopNavigationBar .TopNavigationBar__Breadcrumb a {
      color: inherit; }
      .TopNavigationBar .TopNavigationBar__Breadcrumb a:hover {
        text-decoration: underline; }
    .TopNavigationBar .TopNavigationBar__Breadcrumb .Icon {
      width: 16px;
      height: 16px;
      float: none;
      display: inline-block;
      position: relative;
      top: 5px;
      margin-top: -4px; }
    .TopNavigationBar .TopNavigationBar__Breadcrumb .Spinner {
      line-height: 18px; }
  .TopNavigationBar h2 {
    font-size: 24px; }
  .TopNavigationBar .TopNavigationBar__Count {
    margin-left: 4px;
    color: #808080; }

.TopNavigationBar__Row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }
  .TopNavigationBar__Row:last-child {
    padding-bottom: 16px; }
  .TopNavigationBar__Row .Button {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .TopNavigationBar__Row .spacer {
    height: 1px;
    width: 8px;
    float: left; }
  .TopNavigationBar__Row .FilterItem {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.TopNavigationBar__Row__Info {
  min-width: 0;
  margin-right: 16px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #808080; }
  .TopNavigationBar__Row__Info h2 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin-right: 16px;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    color: #4B5563;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .TopNavigationBar__Row__Info h2 a {
      margin-left: 24px;
      font-size: 14px;
      color: #808080;
      font-weight: 400;
      line-height: 18px; }
      .TopNavigationBar__Row__Info h2 a:hover {
        color: #191919;
        text-decoration: underline; }
  .TopNavigationBar__Row__Info + .Form {
    width: auto;
    float: right; }

.TopNavigationBar__Row__Info--form > * {
  cursor: pointer; }

.TopNavigationBar__Row__Info--form h2, .TopNavigationBar__Row__Info--form .TopNavigationBar__Row__Info__Description {
  margin-bottom: -4px;
  padding-bottom: 4px; }

.TopNavigationBar__Row__Info--form h2:hover, .TopNavigationBar__Row__Info--form .TopNavigationBar__Row__Info__Description:hover {
  margin-bottom: -6px;
  border-bottom: 2px dashed #E5E5EA; }

.TopNavigationBar__Row__Info__Image {
  width: 32px;
  height: 32px;
  margin-right: 16px;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 4px;
  overflow: hidden; }
  .TopNavigationBar__Row__Info__Image img {
    max-height: 100%; }
  .TopNavigationBar__Row__Info__Image .Icon {
    padding: 3px;
    border: 1px solid #E5E5EA;
    border-radius: 4px; }
    .TopNavigationBar__Row__Info__Image .Icon path[fill^="#"] {
      fill: var(--color-primary); }
    .TopNavigationBar__Row__Info__Image .Icon path[stroke^="#"] {
      stroke: var(--color-primary); }

.TopNavigationBar__Row__Info__Description {
  max-width: 100%;
  float: left;
  clear: both;
  margin-top: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

@supports (display: -webkit-box) {
  .TopNavigationBar__Row__Info__Description {
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; } }

.TopNavigationBar__SearchBar {
  -ms-flex: 0 1 350px;
      flex: 0 1 350px;
  margin-right: 16px; }
  .TopNavigationBar__SearchBar .Form.SearchBar {
    margin-bottom: 0; }

.TopNavigationBar__Tabs {
  margin-top: 16px;
  overflow: hidden;
  margin-bottom: -1px; }

.TopNavigationBar__Tabs__Item {
  padding: 0 0 12px 0;
  display: block;
  float: left;
  border-bottom: 3px solid transparent;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #4B5563; }
  .TopNavigationBar__Tabs__Item:hover {
    border-color: #E5E5EA;
    color: #808080; }
  .TopNavigationBar__Tabs__Item--active, .TopNavigationBar__Tabs__Item--active:hover {
    border-color: var(--color-button);
    color: var(--color-button); }
  .TopNavigationBar__Tabs__Item:not(:last-child) {
    margin-right: 16px; }

.TopNavigationBar__Progress {
  margin-top: 12px;
  padding-bottom: 16px;
  font-size: 15px; }

.TopNavigationBar__Progress__Bar {
  height: 10px;
  margin-top: 4px;
  background-color: #F6F6F6;
  border-radius: 5px; }

.TopNavigationBar__Progress__Bar__Fill {
  height: 10px;
  background-color: #34C759;
  border-radius: 5px;
  transition: width 0.2s; }

.Options__Item {
  width: calc(100% - 32px - 2px);
  padding: 16px;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #E5E5EA;
  border-radius: 2px; }
  .Options__Item:not(:last-child) {
    margin-bottom: 12px; }
  .Options__Item.Options__Item--clickable:hover {
    border: 1px solid #ABB4BD;
    cursor: pointer; }
  .Options__Item .Options__Item__Icon {
    margin-right: 24px;
    padding: 12px;
    background-color: #E5E5EA;
    border-radius: 8px; }
    .Options__Item .Options__Item__Icon .Icon {
      width: 48px;
      height: 48px; }
      .Options__Item .Options__Item__Icon .Icon path[fill^="#"] {
        fill: #FFFFFF; }
      .Options__Item .Options__Item__Icon .Icon path[stroke^="#"] {
        stroke: #FFFFFF; }
  .Options__Item .Options__Item__Title {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 16px; }
    .Options__Item .Options__Item__Title small {
      margin-left: 4px; }
    .Options__Item .Options__Item__Title + .Button {
      margin-top: 4px; }
  .Options__Item:nth-child(3n + 1) .Options__Item__Icon {
    background-color: #FF9500; }
  .Options__Item:nth-child(3n + 2) .Options__Item__Icon {
    background-color: #AF52DE; }
  .Options__Item:nth-child(3n + 3) .Options__Item__Icon {
    background-color: #007AFF; }

.Options.Functions .Options__Item {
  width: calc(50% - 32px - 2px - 6px);
  margin-right: 12px; }
  .Options.Functions .Options__Item:nth-child(2n) {
    margin-right: 0; }

.Overview {
  -ms-flex: 1;
      flex: 1;
  background-color: #FFFFFF;
  border-radius: 6px;
  border: 0.5px solid #E5E5EA;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
  .Overview.Overview--fill {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-direction: column;
        flex-direction: column; }
  .Overview .Button--default {
    background-color: rgba(0, 0, 0, 0.03); }

.Overview + .Overview, .Overview + .OverviewRow {
  margin-top: 24px; }

.OverviewRow {
  display: -ms-flexbox;
  display: flex; }
  .OverviewRow > .Overview {
    margin-top: 0;
    -ms-flex: 1;
        flex: 1; }
    .OverviewRow > .Overview:not(:last-child) {
      margin-right: 24px; }

.OverviewSection {
  padding: 20px;
  border: 1px solid #F3F4F6;
  border-radius: 8px; }
  .OverviewSection h3 {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600; }
  .OverviewSection:not(:first-child) {
    margin-top: 8px; }

.Overview__Header {
  padding: 12px 12px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: -ms-flexbox;
  display: flex; }
  .Overview__Header:not(:last-child) {
    border-bottom: 1px solid #E5E5EA; }
  .Overview__Header:last-child .Overview__Header__Filter__Option {
    padding-bottom: 17px;
    border-bottom: 3px solid transparent; }
    .Overview__Header:last-child .Overview__Header__Filter__Option:hover:not(.Overview__Header__Filter__Option--active) {
      border-bottom-color: #F3F4F6; }
    .Overview__Header:last-child .Overview__Header__Filter__Option--active {
      border-bottom-color: var(--color-primary); }
  .Overview__Header:last-child .Overview__Header__Filter__Active {
    display: none; }
  .Overview__Header spacer {
    -ms-flex: 1;
        flex: 1; }
  .Overview__Header .dropdown {
    display: -ms-flexbox;
    display: flex; }
    .Overview__Header .dropdown > button {
      height: 36px;
      margin-right: 0 !important; }
  .Overview__Header .Form {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .Overview__Header .Form .Select-menu-outer {
      border: 1px solid #E5E5EA; }
    .Overview__Header .Form .Select-option.is-selected {
      border-top: 1px solid #E5E5EA;
      border-bottom: 1px solid #E5E5EA; }
    .Overview__Header .Form .Form__control, .Overview__Header .Form .Select {
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
      max-width: 250px;
      -ms-flex-item-align: end;
          align-self: flex-end; }

.Overview__Header__Title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.15px;
  padding: 6px 0;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
  .Overview__Header__Title > .Spinner__container {
    margin: 5px 0 5px 24px;
    float: right; }
  .Overview__Header__Title a {
    margin-left: 24px;
    font-size: 14px;
    color: #808080;
    font-weight: 400; }
    .Overview__Header__Title a:hover {
      color: #191919;
      text-decoration: underline; }

.Overview__Header > *:not(:last-child) {
  margin-right: 12px; }

.Overview__Header__Filter {
  margin: -12px 0 -12px -12px;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }

.Overview__Header__Filter__Option {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 20px 20px;
  float: left;
  color: #606060;
  cursor: pointer; }
  .Overview__Header__Filter__Option--active {
    color: #191919; }
  .Overview__Header__Filter__Option:hover {
    border-bottom-color: #191919; }
  .Overview__Header__Filter__Option span {
    margin-left: 4px;
    line-height: 18px;
    position: relative;
    color: #808080;
    font-weight: 400; }

.Overview__Header__Filter__Active {
  margin: 8px auto -20px;
  display: block;
  position: relative;
  top: 1px; }
  .Overview__Header__Filter__Active polygon:first-child {
    fill: #E5E5EA; }
  .Overview__Header__Filter__Active polygon:last-child {
    fill: #FFFFFF; }

.Overview__Content {
  padding: 20px; }
  .Overview__Content.Overview__Content--flex {
    display: -ms-flexbox;
    display: flex; }

.Overview__Content + .Overview__Content {
  border-top: 1px solid #E5E5EA; }

.Overview__Content__Row {
  margin: 0 0 16px -16px;
  display: -ms-flexbox;
  display: flex; }
  .Overview__Content__Row:last-child {
    margin-bottom: 0; }

.Overview__Placeholder {
  padding: 48px 20px;
  text-align: center;
  color: #808080; }

.Overview__Content__Progress {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

.Overview__Content__Progress__Card, .Overview__Content__StatisticsCard {
  -ms-flex: 1;
      flex: 1;
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.Overview__Content__Progress__Card__Icon {
  margin-bottom: 8px; }
  .Overview__Content__Progress__Card__Icon .Icon {
    width: 48px;
    height: 48px; }
    .Overview__Content__Progress__Card__Icon .Icon path[fill^="#"] {
      fill: #808080; }
    .Overview__Content__Progress__Card__Icon .Icon path[stroke^="#"] {
      stroke: #808080; }

.Overview__Content__Progress__Card__Title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.15px; }

.Overview__Content__Progress__Card__Description {
  margin-top: 8px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #808080; }

.Overview__Content__Progress__Card__Footer {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }

.Overview__Content__Progress__Card__Count {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  margin: 0 4px -4px 0; }
  .Overview__Content__Progress__Card__Count small {
    line-height: 14px; }

.Overview__Content__Progress__Card__Action {
  margin-left: auto; }

.Overview__Content__Progress__Divider {
  width: 1px;
  margin: 0 36px;
  background-color: #E5E5EA;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .Overview__Content__Progress__Divider .Icon {
    width: 26px;
    height: 26px;
    background-color: #FFFFFF;
    padding: 16px 0; }
    .Overview__Content__Progress__Divider .Icon path[fill^="#"] {
      fill: #ABB4BD; }
    .Overview__Content__Progress__Divider .Icon path[stroke^="#"] {
      stroke: #ABB4BD; }

.Overview__Content .Overview__Content__Progress {
  margin: -16px 12px; }

.Overview__Status {
  width: calc(100% - 32px);
  margin: 16px;
  display: -ms-flexbox;
  display: flex;
  float: left;
  border-radius: 8px;
  overflow: hidden; }

.Overview__Status__Bar {
  padding: 8px 20px;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  background-color: #E5E5EA; }
  .Overview__Status__Bar:first-child {
    padding-right: 37px; }
  .Overview__Status__Bar:not(:first-child) {
    padding-left: 37px; }
  .Overview__Status__Bar.Overview__Status__Bar--active {
    background-color: var(--color-primary);
    color: #FFFFFF; }
    .Overview__Status__Bar.Overview__Status__Bar--active:not(:last-child):after {
      border-left-color: var(--color-primary); }
  .Overview__Status__Bar:not(:last-child):before, .Overview__Status__Bar:not(:last-child):after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    z-index: 1; }
  .Overview__Status__Bar:not(:last-child):before {
    right: -20px;
    top: -3px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #FFFFFF; }
  .Overview__Status__Bar:not(:last-child):after {
    right: -17px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #E5E5EA; }

.Overview__Content__StatisticsCard__Title {
  margin-bottom: 12px;
  color: #808080;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Overview__Content__StatisticsCard__Title .Icon {
    float: none;
    display: inline-block; }
    .Overview__Content__StatisticsCard__Title .Icon:first-child {
      width: 12px;
      height: 12px;
      padding: 4px;
      margin-right: 8px;
      background-color: #808080;
      border-radius: 50%; }
      .Overview__Content__StatisticsCard__Title .Icon:first-child path[fill^="#"] {
        fill: #FFFFFF; }
      .Overview__Content__StatisticsCard__Title .Icon:first-child path[stroke^="#"] {
        stroke: #FFFFFF; }

.Overview__Content__StatisticsCard__Tooltip {
  margin-left: 6px;
  width: 14px;
  height: 14px; }

.Overview__Content__StatisticsCard__Count {
  font-weight: 500;
  font-size: 45px;
  line-height: 52px; }
  .Overview__Content__StatisticsCard__Count a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-left: 8px;
    color: #808080; }
    .Overview__Content__StatisticsCard__Count a:hover {
      text-decoration: underline;
      color: #808080; }

.Overview__Content__StatisticsCard__Description {
  margin-top: 8px; }

.Overview__Content__StatisticsCard__Count__Increase {
  margin-left: 8px;
  font-size: 12px; }
  .Overview__Content__StatisticsCard__Count__Increase .Icon {
    width: 12px;
    height: 12px;
    float: none; }
  .Overview__Content__StatisticsCard__Count__Increase--status-positive {
    color: #34C759; }
    .Overview__Content__StatisticsCard__Count__Increase--status-positive path[fill^="#"] {
      fill: #34C759; }
    .Overview__Content__StatisticsCard__Count__Increase--status-positive path[stroke^="#"] {
      stroke: #34C759; }
  .Overview__Content__StatisticsCard__Count__Increase--status-negative {
    color: #FF3B30; }
    .Overview__Content__StatisticsCard__Count__Increase--status-negative path[fill^="#"] {
      fill: #FF3B30; }
    .Overview__Content__StatisticsCard__Count__Increase--status-negative path[stroke^="#"] {
      stroke: #FF3B30; }
  .Overview__Content__StatisticsCard__Count__Increase--status-default {
    color: #808080; }
    .Overview__Content__StatisticsCard__Count__Increase--status-default path[fill^="#"] {
      fill: #808080; }
    .Overview__Content__StatisticsCard__Count__Increase--status-default path[stroke^="#"] {
      stroke: #808080; }

@media (max-width: 1200px) {
  .Overview__Header {
    width: calc(100% - 32px);
    padding: 12px 16px; }
  .Overview__Content {
    width: calc(100% - 32px);
    padding: 16px; }
  .Overview__Header__Filter__Option {
    padding: 20px 12px;
    font-size: 14px; }
  .Overview__Header > *:not(:last-child) {
    margin-right: 12px; }
  .Overview + .Overview {
    margin-top: 16px; } }

@media (max-width: 1000px) {
  .Overview__Header__Filter__Option:not(.Overview__Header__Filter__Option--active) small {
    display: none; }
  .Overview__Content__Progress__Divider {
    width: 1px;
    margin: 0 16px; } }

.Placeholder {
  min-height: 200px;
  padding: 10vh 0 5vh 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.Placeholder--small {
  height: calc(100% - 96px);
  padding: 48px; }
  .Placeholder--small .Placeholder__Inner .Placeholder__Icon {
    margin-bottom: 0; }

.Placeholder__Inner {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  color: #ABB4BD;
  background-color: #FFFFFF;
  padding: 48px;
  border-radius: 16px; }
  .Placeholder__Inner .Button {
    margin-top: 24px; }

.Placeholder__Icon {
  margin-bottom: 24px;
  float: none;
  font-size: 48px; }

.Placeholder__Image {
  max-width: 100%;
  margin-bottom: 24px; }

.Placeholder__Description {
  margin-top: 4px; }

.Placeholder__Form:hover {
  cursor: pointer;
  color: #808080; }

.PlanPackageOverlay {
  position: relative; }

.PlanPackageOverlay__Content--disabled {
  pointer-events: none; }

.PlanPackageOverlay__Content--opacity-light {
  opacity: .7; }

.PlanPackageOverlay__Content--opacity-medium {
  opacity: .5; }

.PlanPackageOverlay__Content--blur-light {
  filter: blur(1px); }

.PlanPackageOverlay__Content--blur-medium {
  filter: blur(2px); }

.PlanPackageOverlay__Content--blur-heavy {
  filter: blur(3px); }

.PlanPackageOverlay__Content--greyed-out {
  filter: grayscale(1); }

.PlanPackageButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.PointsLine .point, .PointsLine .element {
  display: inline-block; }

.PointsLine .point {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  vertical-align: text-bottom;
  margin-right: 1em; }

.PointsLine .line {
  height: 10px;
  width: 7px;
  border-right: 1px solid #DFDFDF;
  margin-top: 6px;
  margin-bottom: 6px; }

.PointsLine .element {
  vertical-align: top;
  width: calc(100% - 1em - 15px); }

.PredicatesFilter h3 {
  margin-bottom: 8px;
  font-size: 15px; }

.PredicatesFilter .AsyncList {
  margin-top: 16px; }

.modal .PredicatesFilter .Table__Header .Table__Cell {
  background-color: transparent; }

.PredicatesFilter__Filters {
  width: 100%;
  margin-top: -4px;
  margin-bottom: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .PredicatesFilter__Filters > * {
    margin-right: 8px !important;
    margin-top: 4px !important; }
  .PredicatesFilter__Filters .ui.dropdown .menu {
    padding-top: 8px;
    padding-bottom: 8px; }
  .PredicatesFilter__Filters .ui.dropdown.search > .search {
    display: none; }
  .PredicatesFilter__Filters .ui.dropdown > .Button {
    white-space: pre; }
  .PredicatesFilter__Filters .ui.dropdown h4 {
    padding: 8px 16px 0;
    color: #191919; }
  .PredicatesFilter__Filters .ui.dropdown .dropdown-input select {
    height: 36px;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 6px; }
  .PredicatesFilter__Filters .menu hr {
    margin-bottom: 0; }

.Bar > .PredicatesFilter__Filters {
  margin-bottom: 0; }

.PredicatesFilter__Filters__BetweenInput {
  display: -ms-flexbox;
  display: flex; }
  .PredicatesFilter__Filters__BetweenInput input {
    width: 50px !important; }
  .PredicatesFilter__Filters__BetweenInput > *:not(:last-child) {
    margin-right: 4px; }

.Form__MultiInput .Select:not(:last-child) {
  margin-bottom: 16px; }

.Form__MultiInput .Form__MultiInput__Item:not(:last-child) {
  margin-bottom: 8px; }

.Form__MultiInput .Form__MultiInput__Item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 18px; }
  .Form__MultiInput .Form__MultiInput__Item .ImageItem__name {
    font-weight: 400;
    font-size: 14px; }
  .Form__MultiInput .Form__MultiInput__Item .Icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .Form__MultiInput .Form__MultiInput__Item .Icon path[fill^="#"] {
      fill: #191919; }
    .Form__MultiInput .Form__MultiInput__Item .Icon path[stroke^="#"] {
      stroke: #191919; }

.PredicatesFilter__Description {
  color: #808080;
  margin-bottom: 16px; }

.PredicatesFilter__ShowMore {
  padding: 16px 0 0 0;
  color: var(--color-primary);
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  cursor: pointer; }
  .PredicatesFilter__ShowMore:hover {
    text-decoration: underline; }

.PredicatesFilter__Filters__PredicateType {
  line-height: 36px;
  font-weight: 600; }

.PredicatesFilter__Filters__Remove {
  margin: -5px 0 -5px 8px !important;
  font-size: 16px !important; }

.ImageItem--large.Profile .Profile__info__name {
  margin-left: 0;
  line-height: 1.2rem;
  font-weight: 500; }

.ImageItem--large.Profile:not(.Profile--large) .ImageItem__info__name {
  color: #606060; }

.ImageItem--large.Profile.Profile--large .ImageItem__info__name small {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500; }

.modal .List > .Profile {
  margin: 8px 0; }

.popover.ProfilePopover {
  width: 350px;
  max-width: 350px;
  padding: 12px;
  top: -10px !important;
  left: 100px !important;
  box-shadow: none;
  border-radius: 16px;
  border: 1px solid #E5E5EA; }
  .popover.ProfilePopover .arrow {
    left: calc(100% / 2 - 110px) !important;
    border-top-color: #E5E5EA !important; }
  .popover.ProfilePopover .ProfilePopover__Actions {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex; }
    .popover.ProfilePopover .ProfilePopover__Actions button {
      -ms-flex: 1;
          flex: 1; }

.ProfileImage {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow: visible;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .ProfileImage--edit {
    cursor: pointer; }
  .ProfileImage img {
    border-radius: 500px;
    background-size: cover;
    background-position: center;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.statusBadge {
  line-height: 0px;
  position: absolute;
  display: inline-block;
  background-color: white;
  border-radius: 100em;
  border: 1px solid lightgray;
  cursor: pointer; }
  .statusBadge span {
    line-height: inherit; }

.ProfileImage__Edit {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  bottom: 0;
  right: 0;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 20px -2px rgba(50, 50, 71, 0.08);
  filter: drop-shadow(0 0 1px rgba(12, 26, 75, 0.1));
  width: 24px;
  height: 24px; }
  .ProfileImage__Edit .Icon {
    width: 18px;
    height: 18px; }
    .ProfileImage__Edit .Icon path[fill^="#"] {
      fill: var(--color-button); }
    .ProfileImage__Edit .Icon path[stroke^="#"] {
      stroke: var(--color-button); }

.ProgressBar__Container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.ProgressBar {
  width: 100%;
  background-color: #E5E5EA;
  border-radius: 3px;
  overflow: hidden;
  -ms-flex: 1;
      flex: 1; }
  .ProgressBar + span {
    margin-left: 16px; }

.ProgressBar__Status {
  max-width: 100%;
  height: 4px;
  background-color: var(--color-primary); }

.ProgressBar__Status--processing {
  width: 100% !important;
  background-color: #FF9500; }

.ProgressBar__Status--error {
  width: 100% !important;
  background-color: #f26e70;
  color: #FFFFFF; }

.ProgressBar__Status.ProgressBar--size-large {
  height: 6px; }

.CircularProgressBar svg {
  transform: rotate(-90deg); }

.CircularProgressBar circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
  stroke: #F6F6F6; }

.CircularProgressBar .CircularProgressBar__Bar {
  stroke: var(--color-primary); }

.ProportionChart {
  border-radius: 5px;
  overflow: hidden; }

.ProportionChart.horizontal {
  height: 2em; }
  .ProportionChart.horizontal div {
    height: 100%;
    display: inline-block; }

.ProportionChart.vertical {
  width: 2em; }
  .ProportionChart.vertical div {
    width: 100%;
    display: block; }

.ProgressChart.ProportionChart.horizontal {
  width: 200px;
  height: 20px; }
  .ProgressChart.ProportionChart.horizontal > div:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; }
  .ProgressChart.ProportionChart.horizontal > div:last-child {
    border-right: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }

.UserInput {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex; }
  .UserInput .UserInput__image {
    margin-right: 16px;
    float: left; }
  .UserInput .UserInput__textarea {
    margin: 3px 0; }
  .UserInput .UserInput__input {
    -ms-flex: 1;
        flex: 1; }
  .UserInput .Form__MarkupEditor {
    width: 100%;
    padding: 0;
    border: none !important; }

.Form.SearchBar {
  width: calc(100% - 2px);
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid #E5E5EA;
  border-radius: 6px;
  -ms-flex-align: center;
      align-items: center; }
  .Form.SearchBar .Form__control {
    -ms-flex: 1;
        flex: 1;
    margin-left: -36px;
    padding-left: 48px;
    border: none !important;
    line-height: 0; }
  .Form.SearchBar > .Icon {
    margin-left: 12px;
    position: relative;
    pointer-events: none; }
    .Form.SearchBar > .Icon path[fill^="#"] {
      fill: #ABB4BD; }
    .Form.SearchBar > .Icon path[stroke^="#"] {
      stroke: #ABB4BD; }
  .Form.SearchBar .SearchBar__Filter + input {
    margin-left: 0;
    padding-left: 16px; }

.SearchBar__Filter {
  margin-left: 12px;
  padding: 4px 8px;
  background-color: #F6F6F6;
  color: #808080;
  border-radius: 4px;
  line-height: 18px; }
  .SearchBar__Filter .Icon {
    margin-left: 4px;
    float: right;
    width: 16px;
    height: 16px;
    line-height: 18px;
    cursor: pointer; }

.Overview__Header .SearchBar {
  max-width: 250px;
  margin-bottom: 0;
  -ms-flex-item-align: end;
      align-self: flex-end; }

.modal-header .SearchBar {
  margin-top: 8px;
  margin-bottom: 0; }

.SectionHeader {
  background-color: #F6F6F6;
  padding: 8px 16px 8px 16px;
  border-bottom: 1px solid #E5E5EA;
  border-top: 1px solid #E5E5EA;
  font-weight: 600;
  color: #808080; }

.SectionHeader--size-small {
  padding: 4px 16px 4px 16px; }

.SideNavigation {
  padding: 8px;
  background-color: #FFFFFF; }

.SideNavigation__Link {
  margin-bottom: 8px;
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #191919;
  border-radius: 8px; }
  .SideNavigation__Link small {
    font-size: 0.85rem; }
  .SideNavigation__Link:last-child {
    margin-bottom: 0; }
  .SideNavigation__Link:hover .SideNavigation__Link__Title {
    color: #191919; }

.SideNavigation__Link__Title {
  font-size: 16px; }

.SideNavigation__Link--active {
  background-color: #F6F6F6; }
  .SideNavigation__Link--active .SideNavigation__Link__Title {
    font-weight: 600; }
  .SideNavigation__Link--active .SideNavigation__Link__Icon {
    background-color: var(--color-button); }
    .SideNavigation__Link--active .SideNavigation__Link__Icon .Icon path[fill^="#"] {
      fill: var(--color-button-text); }
    .SideNavigation__Link--active .SideNavigation__Link__Icon .Icon path[stroke^="#"] {
      stroke: var(--color-button-text); }

.SideNavigation__Link__Icon {
  margin-right: 8px;
  padding: 8px;
  background-color: #ABB4BD;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-radius: 8px; }
  .SideNavigation__Link__Icon .Icon {
    width: 32px;
    height: 32px; }
    .SideNavigation__Link__Icon .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .SideNavigation__Link__Icon .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }

.SideNavigation__Link__Icon + div {
  -ms-flex: 1;
      flex: 1; }

@media (max-width: 1000px) {
  .SideNavigation__Link__Title {
    font-size: 14px; }
  .SideNavigation__Link__Description {
    display: none; } }

@media (max-width: 768px) {
  .SideNavigation__Link__Icon {
    margin-right: 0; }
    .SideNavigation__Link__Icon + div {
      display: none; } }

@keyframes pulse {
  0%,
  80%,
  100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

.Spinner__container.Spinner__container-centered {
  width: 100%;
  text-align: center; }

.Spinner--size-default {
  width: 20px; }

.Spinner--size-large {
  width: 29px; }

.Spinner {
  display: inline;
  overflow: hidden;
  margin-right: 1rem;
  line-height: 34px; }
  .Spinner:last-child {
    margin-right: 0; }
  .Spinner .Spinner__dot {
    width: 4px;
    height: 4px;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    top: -2px;
    background-color: var(--color-primary);
    border-radius: 50%;
    animation: pulse 1s infinite ease-in-out; }
    .Spinner .Spinner__dot.Spinner__dot--size-large {
      width: 7px;
      height: 7px; }
    .Spinner .Spinner__dot.Spinner__dot--second {
      animation-delay: 160ms; }
    .Spinner .Spinner__dot.Spinner__dot--third {
      animation-delay: 320ms;
      margin: 0; }

h5 .Spinner__container {
  display: inline-block; }
  h5 .Spinner__container .Spinner {
    margin-left: 16px; }

.Button--primary .Spinner__dot, .Button--purple .Spinner__dot, .Button--success .Spinner__dot, .Button--danger .Spinner__dot, .FilePreview__overlay__inner .Spinner__dot {
  background-color: #FFFFFF; }

.Table {
  width: 100%;
  display: table;
  border-spacing: 0; }
  .Table.Table--borderless .Table__Cell {
    border-left: 0;
    border-right: 0; }
    .Table.Table--borderless .Table__Cell:first-child {
      border-left: 0; }

.Table__Header h5 {
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.1px;
  margin-bottom: 0; }

.Table__Header.Table__Header--hidden .Table__Cell {
  padding: 0; }
  .Table__Header.Table__Header--hidden .Table__Cell > * {
    display: none; }

.Table__Header .Table__Cell {
  padding: 12px 8px;
  border-right: none;
  background-color: #F6F6F6; }
  .Table__Header .Table__Cell:first-child {
    border-top-left-radius: 6px; }
  .Table__Header .Table__Cell:last-child {
    border-top-right-radius: 6px; }

.Table__Header .Icon {
  margin-left: 4px;
  float: right;
  width: 16px;
  height: 16px; }

.Table__Sort {
  height: 24px;
  margin: -8px 0;
  float: right;
  position: relative;
  top: 3px;
  cursor: pointer; }
  .Table__Sort .Icon {
    margin-left: 0;
    width: 24px;
    height: 24px; }

.Table:last-child .Table__Row:last-child .Table__Cell:first-child {
  border-bottom-left-radius: 6px; }

.Table:last-child .Table__Row:last-child .Table__Cell:last-child {
  border-bottom-right-radius: 6px; }

.Table__Row {
  display: table-row; }
  .Table__Row--selected .Table__Cell {
    background-color: #F3F4F6; }

.Table__Cell {
  padding: 8px;
  display: table-cell;
  vertical-align: middle;
  background-color: #FFFFFF;
  border-bottom: 1px solid #F6F6F6; }
  .Table__Cell:first-child {
    padding-left: 16px;
    border-left: 1px solid #F6F6F6; }
  .Table__Cell:last-child {
    padding-right: 16px;
    border-right: 1px solid #F6F6F6; }
  .Table__Cell .ProgressBar + span {
    width: 32px; }
  .Table__Cell--sortable {
    cursor: pointer; }

.Table__Action,
.Table__Prefix,
.Table__Drag,
.Table__Cell--size-auto {
  width: 1px;
  white-space: nowrap; }

.Table__Drag {
  cursor: move; }

.Table__Action__Container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.Table__Drag {
  cursor: move;
  color: #ABB4BD; }

.Table__Cell--clickable > *:hover {
  text-decoration: underline;
  cursor: pointer; }

.Grid__ShowMore {
  text-align: center; }

.Grid__ShowMore button {
  margin: 16px auto 0px auto;
  display: inline-block; }

.Table__ShowMore {
  padding: 8px 12px;
  border: 1px solid #F6F6F6;
  border-top: 0;
  text-align: center;
  color: #808080;
  cursor: pointer;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }
  .Table__ShowMore:hover {
    background-color: #FAFAFA; }

.Table__Cell__Title {
  font-weight: 500; }
  .Table__Cell__Title .ImagePlaceholder {
    margin-right: 16px; }
  .Table__Cell__Title--grow {
    width: 100%;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .Table__Cell__Title--grow p {
      margin: 0; }
    .Table__Cell__Title--grow a {
      word-break: break-word; }
  .Table__Cell__Title:not(.Table__Cell__Title--grow) a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .Table__Cell__Title--clickable {
    cursor: pointer; }
  .Table__Cell__Title a {
    color: #191919; }
    .Table__Cell__Title a:hover {
      text-decoration: underline;
      color: #191919; }

.Table__Cell .ImageItem--large .ImageItem__info {
  line-height: 16px;
  color: #9CA3AF;
  font-size: 14px;
  font-weight: 400; }

.Table__Cell .ImageItem--large .ImageItem__info__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #4B5563; }

.Table__DropdownTrigger {
  padding: 0 6px;
  border-radius: 16px;
  box-shadow: none; }

.modal .Table .Table__Cell:first-child {
  padding-left: 20px;
  border-left: 0; }

.modal .Table .Table__Cell {
  border-right: 0; }

.modal .Table .Table__Cell:last-child {
  padding-right: 20px; }

.modal .Table .Table__Placeholder {
  padding: 0 16px; }

.modal .Table.List--empty {
  padding: 0 16px; }

.modal-body .Table {
  width: calc(100% + 32px);
  margin: 0 -16px; }

.Collapsable__Table .Table__Cell {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0; }

.Collapsable__Table .Table__Row:not(:last-child):not(.Table__Header) .Table__Cell {
  padding-bottom: 8px; }

.Overview > .List .Table__Header .Table__Cell,
.Overview > .AsyncList > .Table .Table__Header .Table__Cell {
  background-color: transparent; }

@media (max-width: 1200px) {
  .Table__Cell {
    padding: 8px 12px; } }

@media (max-width: 1000px) {
  .Table__Cell {
    padding: 8px 8px; } }

.enable-pointer-events {
  pointer-events: auto !important; }

.Tabs {
  box-sizing: border-box; }

.Tabs__Header {
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #E5E5EA;
  -ms-flex-align: start;
      align-items: flex-start; }

.Tabs__Header__OverviewItem {
  padding: 16px 20px;
  -ms-flex: 1;
      flex: 1;
  border-bottom: 3px solid transparent; }
  .Tabs__Header__OverviewItem:hover:not(.Tabs__Header__OverviewItem--active) {
    border-bottom-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-light));
    cursor: pointer; }
  .Tabs__Header__OverviewItem--active {
    border-bottom-color: var(--color-primary);
    background-color: #F6F6F6; }

.Tabs__Header__OverviewItem__Title {
  margin-bottom: 8px;
  color: #808080;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Tabs__Header__OverviewItem__Title .Icon {
    margin-left: 8px;
    width: 14px;
    height: 14px;
    line-height: 20px; }

.Tabs__Header__OverviewItem__Count {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500; }
  .Tabs__Header__OverviewItem__Count small {
    margin-left: 8px; }

.Overview__Content__StatisticsCard__Description {
  margin-top: 8px; }

.Tabs__Header__OverviewItem__Increase {
  margin-top: 8px;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden; }

.Tabs__Header__OverviewItem__IncreaseCount {
  margin-right: 4px; }
  .Tabs__Header__OverviewItem__IncreaseCount--status-positive {
    color: #34C759; }
  .Tabs__Header__OverviewItem__IncreaseCount--status-negative {
    color: #FF3B30; }
  .Tabs__Header__OverviewItem__IncreaseCount--status-default {
    color: #808080; }

.Tabs__Header__Item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box; }
  .Tabs__Header__Item .Icon {
    width: 20px;
    height: 20px;
    margin-right: 8px; }
  .Tabs__Header__Item:hover:not(.Tabs__Header__Item--active) {
    background-color: #F6F6F6;
    cursor: pointer; }
  .Tabs__Header__Item:not(:last-child) {
    margin-right: 2px; }

.Overview > .Tabs .Tabs__Header {
  border-bottom: 0; }

.Tabs--vertical {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .Tabs--vertical .Tabs__Item {
    width: 100%;
    padding-left: 20px; }
  .Tabs--vertical .Tabs__Header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-right: 12px;
    margin-bottom: 0;
    border-bottom: 0;
    border-right: 1px solid #E5E5EA; }
  .Tabs--vertical .Tabs__Header__Item {
    margin-right: 0;
    width: 100%; }
    .Tabs--vertical .Tabs__Header__Item:not(:first-of-type) {
      margin-top: 6px; }

.Tabs--borders .Tabs__Header__Item {
  padding: 12px 20px;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: var(--color-button); }
  .Tabs--borders .Tabs__Header__Item .Icon path[fill^="#"] {
    fill: var(--color-button); }
  .Tabs--borders .Tabs__Header__Item .Icon path[stroke^="#"] {
    stroke: var(--color-button); }
  .Tabs--borders .Tabs__Header__Item--active {
    padding-bottom: 16px;
    position: relative;
    margin-bottom: -1px;
    border: 1px solid #E5E5EA;
    border-bottom: 0;
    color: #191919; }
    .Tabs--borders .Tabs__Header__Item--active .Icon path[fill^="#"] {
      fill: #191919; }
    .Tabs--borders .Tabs__Header__Item--active .Icon path[stroke^="#"] {
      stroke: #191919; }

.Tabs--background .Tabs__Header__Item {
  padding: 12px 8px;
  color: #6B7280;
  border-radius: 6px; }
  .Tabs--background .Tabs__Header__Item .Icon path[fill^="#"] {
    fill: #6B7280; }
  .Tabs--background .Tabs__Header__Item .Icon path[stroke^="#"] {
    stroke: #6B7280; }
  .Tabs--background .Tabs__Header__Item--active {
    color: var(--color-button);
    background-color: hsl(var(--color-button-hue), var(--color-button-saturation), 95%); }
    .Tabs--background .Tabs__Header__Item--active .Icon path[fill^="#"] {
      fill: var(--color-button); }
    .Tabs--background .Tabs__Header__Item--active .Icon path[stroke^="#"] {
      stroke: var(--color-button); }

.Tabs--full_width .Tabs__Header {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0;
  margin-bottom: 0; }

.Tabs--full_width .Tabs__Header__Item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  padding: 8px;
  border-bottom: 1px solid #E5E5EA;
  text-align: center;
  font-weight: 600;
  color: #808080;
  line-height: 18px;
  cursor: pointer; }
  .Tabs--full_width .Tabs__Header__Item--active {
    border-bottom: 2px solid var(--color-primary); }
  .Tabs--full_width .Tabs__Header__Item:hover:not(.Tabs__Header__Item--active) {
    border-bottom: 2px solid #E5E5EA;
    background-color: unset; }

.Form__control__highlighter {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word; }

.Text > div:first-child {
  width: 100%;
  overflow: hidden;
  float: left; }

.Text__Mention, .Form__control__highlighter strong, .Form__MarkupEditor__Mention {
  display: inline;
  border-radius: 2px;
  background-color: #E5E5EA;
  color: #191919; }

.Text__Inner h1, .DraftEditor-editorContainer h1 {
  margin-bottom: 8px;
  color: #191919;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600; }

.Text__Inner h2, .DraftEditor-editorContainer h2 {
  margin-bottom: 8px;
  color: #808080;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  font-weight: 600; }

.Text__Inner ul, .Text__Inner ol, .Text__Inner blockquote, .Text__Inner pre, .DraftEditor-editorContainer ul, .DraftEditor-editorContainer ol, .DraftEditor-editorContainer blockquote, .DraftEditor-editorContainer pre {
  display: block;
  margin: 0 0 0 0; }
  .Text__Inner ul:last-child, .Text__Inner ol:last-child, .Text__Inner blockquote:last-child, .Text__Inner pre:last-child, .DraftEditor-editorContainer ul:last-child, .DraftEditor-editorContainer ol:last-child, .DraftEditor-editorContainer blockquote:last-child, .DraftEditor-editorContainer pre:last-child {
    margin-bottom: 0; }

.Text__Inner p, .Text__Inner pre, .DraftEditor-editorContainer p, .DraftEditor-editorContainer pre {
  margin: 0; }

.Text__Inner hr, .DraftEditor-editorContainer hr {
  margin: 8px 0; }

.Text__Inner ul, .Text__Inner ol, .DraftEditor-editorContainer ul, .DraftEditor-editorContainer ol {
  padding-left: 20px; }

.Text__Inner blockquote, .DraftEditor-editorContainer blockquote {
  padding-left: 8px;
  border-left: 2px solid #E5E5EA;
  color: #808080;
  font-style: italic; }

.Text__Inner code, .Text__Inner .public-DraftStyleDefault-pre > pre > div, .DraftEditor-editorContainer code, .DraftEditor-editorContainer .public-DraftStyleDefault-pre > pre > div {
  padding: 4px 8px;
  display: inline-block;
  background-color: #F6F6F6;
  color: #FF3B30; }

.Text__Inner pre, .DraftEditor-editorContainer pre {
  display: block; }
  .Text__Inner pre code, .Text__Inner pre > .code-block, .DraftEditor-editorContainer pre code, .DraftEditor-editorContainer pre > .code-block {
    color: #191919; }

.Text__Inner a:not(.ProfilePopover__Trigger), .DraftEditor-editorContainer a:not(.ProfilePopover__Trigger) {
  color: var(--color-link); }
  .Text__Inner a:not(.ProfilePopover__Trigger):hover, .DraftEditor-editorContainer a:not(.ProfilePopover__Trigger):hover {
    color: var(--color-link);
    text-decoration: underline; }

.Text__Inner ul, .Text__Inner ol {
  margin-left: 1.2em; }

.DraftEditor-editorContainer ul, .DraftEditor-editorContainer ol {
  margin-bottom: 20px; }

.Text__Inner .otherListTypeBefore {
  margin-top: 20px; }

.Text__ReadMore {
  padding-left: 4px;
  float: right;
  margin-top: -18px;
  background-color: #FFFFFF;
  color: var(--color-primary);
  cursor: pointer; }
  .Text__ReadMore:hover {
    text-decoration: underline; }

.redux-toastr .toastr {
  min-height: 0;
  padding: 12px 20px;
  border-radius: 8px;
  box-shadow: 0 1px 1px #65656f;
  opacity: 1; }
  .redux-toastr .toastr:hover {
    box-shadow: 0 1px 1px #65656f !important; }
  .redux-toastr .toastr > div {
    display: -ms-flexbox;
    display: flex; }
  .redux-toastr .toastr .rrt-left-container {
    width: auto;
    position: static;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .redux-toastr .toastr .rrt-left-container .rrt-holder {
      width: 24px;
      height: 24px;
      margin: 0;
      position: static; }
      .redux-toastr .toastr .rrt-left-container .rrt-holder .Icon {
        width: 24px;
        height: 24px; }
  .redux-toastr .toastr .rrt-middle-container {
    margin-left: 24px;
    padding: 0;
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-family: inherit; }
    .redux-toastr .toastr .rrt-middle-container .rrt-title {
      display: none; }
  .redux-toastr .toastr .rrt-right-container {
    width: auto; }
    .redux-toastr .toastr .rrt-right-container button {
      width: auto;
      padding: 0 4px;
      position: relative;
      font-size: 18px;
      color: #FFFFFF; }

.ToggleContent .Placeholder {
  border-top: 1px solid #E5E5EA; }

.ToggleContent .ToggleContent__Header:hover .ToggleContent__Header__Info h3 .Icon {
  display: inline-block; }

.ToggleContent__Header {
  padding: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  line-height: 24px; }
  .ToggleContent__Header .spacer {
    width: 8px;
    height: 1px; }

.ToggleContent__Header__Toggle {
  width: 24px;
  height: 34px;
  margin: -12px;
  margin-right: 0;
  padding: 12px;
  overflow: hidden;
  border-right: 1px solid #E5E5EA;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .ToggleContent__Header__Toggle:not([disabled]) {
    cursor: pointer; }
  .ToggleContent__Header__Toggle[disabled] {
    border-right: 1px solid transparent; }
  .ToggleContent__Header__Toggle .Icon {
    float: none;
    position: relative;
    top: 3px; }

.ToggleContent__Header__Drag {
  width: 34px;
  padding-left: 12px;
  cursor: move; }
  .ToggleContent__Header__Drag .Icon path[fill^="#"] {
    fill: #ABB4BD; }
  .ToggleContent__Header__Drag .Icon path[stroke^="#"] {
    stroke: #ABB4BD; }

.ToggleContent__Header__Info {
  margin-right: 12px;
  padding: 0 12px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  .ToggleContent__Header__Info .Form__control {
    padding-left: 0;
    padding-right: 0;
    float: left;
    font-size: 16px;
    border: none !important; }
    .ToggleContent__Header__Info .Form__control:hover {
      margin-bottom: -2px;
      border-bottom: 2px dashed #E5E5EA !important; }
  .ToggleContent__Header__Info .Image {
    border-radius: 3px;
    overflow: hidden;
    margin-right: 16px; }
  .ToggleContent__Header__Info h3, .ToggleContent__Header__Info h3 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ToggleContent__Header__Info a {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.15px;
    -ms-flex: 1;
        flex: 1;
    display: block;
    color: #191919 !important;
    line-height: 36px; }
    .ToggleContent__Header__Info a:hover {
      text-decoration: underline; }
    .ToggleContent__Header__Info a .Icon {
      margin-top: -3px;
      margin-left: 8px;
      float: none;
      position: relative;
      top: 3px;
      width: 20px;
      height: 20px;
      display: none;
      cursor: pointer; }
      .ToggleContent__Header__Info a .Icon path[fill^="#"] {
        fill: #ABB4BD; }
      .ToggleContent__Header__Info a .Icon path[stroke^="#"] {
        stroke: #ABB4BD; }
      .ToggleContent__Header__Info a .Icon:hover path[fill^="#"] {
        fill: #808080; }
      .ToggleContent__Header__Info a .Icon:hover path[stroke^="#"] {
        stroke: #808080; }

.ToggleContent__Container {
  margin-left: 49px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border-top: 1px solid #E5E5EA;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .ToggleContent__Container .Table {
    border-radius: 0; }
    .ToggleContent__Container .Table .PureList__Inner > * {
      border-radius: 0;
      border-left: 0;
      border-right: 0; }

.ToggleContent--extended .ToggleContent__Header {
  border-bottom-right-radius: 0; }

.ToggleContent + .ToggleContent {
  margin-top: 12px; }

.ToolBar {
  width: calc(100% - 24px);
  padding: 12px;
  display: -ms-flexbox;
  display: flex; }
  .ToolBar > :not(:last-child) {
    margin-right: 8px; }
  .ToolBar .Form {
    width: auto;
    float: left; }
    .ToolBar .Form .Form__control:not(.Form__control--multiLine) {
      width: 200px; }
    .ToolBar .Form > * {
      float: left;
      margin-right: 16px; }
  .ToolBar .ButtonGroup + .Button {
    margin-left: 16px; }

.Tooltip {
  max-width: 300px;
  position: absolute;
  z-index: 10;
  transition: opacity 0.25s; }
  .Tooltip.in {
    opacity: 1; }

.Tooltip__Arrow {
  width: 0;
  height: 0;
  margin: auto;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.Tooltip__Arrow--top {
  border-top: 5px solid rgba(128, 128, 128, 0.95);
  border-bottom: 0; }

.Tooltip__Arrow--left {
  margin-top: 5px;
  float: right;
  border-left: 5px solid rgba(128, 128, 128, 0.95); }
  .Tooltip__Arrow--left + .Tooltip__Content {
    position: relative;
    left: -10px; }

.Tooltip__Arrow--bottom {
  border-bottom: 5px solid rgba(128, 128, 128, 0.95);
  border-top: 0; }

.Tooltip__Content {
  padding: 4px 12px;
  background-color: rgba(128, 128, 128, 0.95);
  color: #FFFFFF;
  border-radius: 8px;
  font-size: 13px; }

.TopBar {
  height: 71px;
  width: calc(100% - 100px - 40px);
  padding: 0 20px;
  position: fixed;
  z-index: 15;
  left: 100px;
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  line-height: 72px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .TopBar .Container__Content {
    padding-top: 0;
    padding-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .TopBar .TopBar__Brand {
    color: #FFFFFF; }
  .TopBar .TopBar__Content {
    padding: 0 16px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .TopBar .TopBar__Content .SearchBar {
      max-width: 300px;
      margin: 0;
      border-radius: 25px; }
  .TopBar .TopBar__Trigger {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    padding: 10px 20px;
    height: 20px;
    margin-right: 16px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    color: var(--color-primary-text); }
    .TopBar .TopBar__Trigger:hover:not(.TopBar__Trigger--open) {
      background-color: rgba(255, 255, 255, 0.2); }
    .TopBar .TopBar__Trigger .Icon {
      width: 20px;
      height: 20px; }
      .TopBar .TopBar__Trigger .Icon path[fill^="#"] {
        fill: var(--color-primary-text); }
      .TopBar .TopBar__Trigger .Icon path[stroke^="#"] {
        stroke: var(--color-primary-text); }
    .TopBar .TopBar__Trigger--icon {
      padding: 10px; }
    .TopBar .TopBar__Trigger--open {
      background-color: var(--color-primary-text); }
      .TopBar .TopBar__Trigger--open .Icon path[fill^="#"] {
        fill: var(--color-primary); }
      .TopBar .TopBar__Trigger--open .Icon path[stroke^="#"] {
        stroke: var(--color-primary); }
  .TopBar .TopBar__Trigger__Unread {
    min-width: 10px;
    padding: 3px 4px;
    position: absolute;
    top: -2px;
    right: -5px;
    background-color: #FF3B30;
    line-height: 12px;
    border-radius: 8px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    color: #FFFFFF; }
  .TopBar .TopBar__profile {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
    .TopBar .TopBar__profile .ImageItem {
      padding: 16px 0;
      line-height: normal; }
    .TopBar .TopBar__profile .dropdown-toggle {
      color: var(--color-primary-text); }
    .TopBar .TopBar__profile .caret {
      display: none; }
  .TopBar .dropdown .menu .item.userStatusInputItem {
    padding-left: .5em !important;
    padding-right: .5em !important; }
    .TopBar .dropdown .menu .item.userStatusInputItem .triggerIcon {
      margin-right: 0px; }
    .TopBar .dropdown .menu .item.userStatusInputItem .statusText {
      margin-left: 0px; }
  .TopBar .UserStatusInput input {
    cursor: pointer; }

.TopBar__Profile__Detail {
  display: -ms-flexbox !important;
  display: flex !important;
  color: #808080;
  cursor: pointer; }
  .TopBar__Profile__Detail .ProfileImage {
    margin-right: 8px; }
  .TopBar__Profile__Detail h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #191919; }

.TopBar__Profile__Detail__Info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }

.LocationSelector__Trigger {
  margin-right: 0 !important;
  display: -ms-flexbox;
  display: flex; }
  .LocationSelector__Trigger .Icon {
    float: right;
    margin-left: 8px; }

.LocationSelector .menu {
  min-width: 300px !important;
  max-height: 280px;
  overflow-y: auto !important; }

.LocationSelector > input.search {
  display: none;
  visibility: none; }

.LocationSelector .SearchBar {
  width: calc(100% - 32px);
  margin: 16px 16px 8px 16px; }

.LocationSelector .TopBar__Trigger .Icon {
  float: right;
  margin-left: 8px; }

.LocationSelector .LocationSelector__Item {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center; }
  .LocationSelector .LocationSelector__Item:hover:not(.LocationSelector__Item--selected) .ImagePlaceholder {
    background-color: #FFFFFF; }
  .LocationSelector .LocationSelector__Item .ImagePlaceholder {
    margin-right: 12px;
    background-color: #F6F6F6;
    border-radius: 4px;
    color: var(--color-primary); }
  .LocationSelector .LocationSelector__Item .LocationSelector__Item__Name {
    font-weight: 600;
    line-height: 16px; }
  .LocationSelector .LocationSelector__Item small {
    font-weight: 400; }
  .LocationSelector .LocationSelector__Item--selected .ImagePlaceholder {
    background-color: var(--color-primary);
    color: #FFFFFF; }
  .LocationSelector .LocationSelector__Item--selected .LocationSelector__Item__Name {
    color: var(--color-primary); }

.LocationSelector .LocationSelector__Item__Info {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }

.LocationSelector .LocationSelector__Item__Check {
  color: var(--color-primary);
  font-size: 24px; }

.TopBar__SetupProgress {
  width: 200px;
  margin-right: 24px;
  padding: 8px 16px;
  line-height: 20px;
  color: #FFFFFF;
  border-left: 1px solid #F6F6F6;
  border-right: 1px solid #F6F6F6;
  cursor: pointer; }
  .TopBar__SetupProgress:hover {
    border-left-color: #E5E5EA;
    border-right-color: #E5E5EA; }
  .TopBar__SetupProgress .ProgressBar {
    background-color: #E5E5EA; }
  .TopBar__SetupProgress .ProgressBar__Status {
    background-color: #34C759; }
  .TopBar__SetupProgress .TopBar__SetupProgress__Title {
    display: -ms-flexbox;
    display: flex;
    color: #808080; }
    .TopBar__SetupProgress .TopBar__SetupProgress__Title h5 {
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
      color: #191919; }
  .TopBar__SetupProgress h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: none; }
  .TopBar__SetupProgress .ProgressBar__Container {
    margin-top: 4px; }
  .TopBar__SetupProgress .ProgressBar__Status {
    height: 8px; }
  .TopBar__SetupProgress .ProgressBar {
    border-radius: 4px; }

.ReferModal__Button {
  margin-right: 24px !important;
  box-shadow: none; }

.ReferModal__Content {
  display: -ms-flexbox;
  display: flex;
  text-align: center; }
  .ReferModal__Content img {
    width: auto;
    height: 75px;
    margin: 0 auto 24px auto; }
  .ReferModal__Content .Button {
    margin: auto auto 0; }
  .ReferModal__Content .ReferModal__Description {
    margin-bottom: 24px; }
  .ReferModal__Content h3 {
    margin-bottom: 8px;
    font-weight: 600; }
  .ReferModal__Content > div {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .ReferModal__Content > div a {
      font-weight: 600; }
    .ReferModal__Content > div:not(:last-child) {
      border-right: 1px solid #E5E5EA; }

.WeekSelector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center; }
  .WeekSelector > * {
    float: left; }
    .WeekSelector > *:not(:last-child) {
      margin-right: 16px; }
  .WeekSelector .Button .Icon {
    width: 34px;
    height: 34px; }
  .WeekSelector .WeekSelector__Navigation {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    -ms-flex-align: center;
        align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .WeekSelector .WeekSelector__Navigation .Icon, .WeekSelector .WeekSelector__Navigation .WeekSelector__Switch {
      width: 20px;
      height: 20px;
      padding: 0 4px; }
      .WeekSelector .WeekSelector__Navigation .Icon path[fill^="#"], .WeekSelector .WeekSelector__Navigation .WeekSelector__Switch path[fill^="#"] {
        fill: #191919; }
      .WeekSelector .WeekSelector__Navigation .Icon path[stroke^="#"], .WeekSelector .WeekSelector__Navigation .WeekSelector__Switch path[stroke^="#"] {
        stroke: #191919; }
      .WeekSelector .WeekSelector__Navigation .Icon:hover path[fill^="#"], .WeekSelector .WeekSelector__Navigation .WeekSelector__Switch:hover path[fill^="#"] {
        fill: #606060; }
      .WeekSelector .WeekSelector__Navigation .Icon:hover path[stroke^="#"], .WeekSelector .WeekSelector__Navigation .WeekSelector__Switch:hover path[stroke^="#"] {
        stroke: #606060; }
  .WeekSelector .WeekSelector__Date {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0.15px;
    margin-left: 8px; }
    .WeekSelector .WeekSelector__Date .Spinner__container {
      margin-left: 12px;
      float: left; }
    .WeekSelector .WeekSelector__Date .Spinner__dot {
      background-color: #808080; }

.ImageViewer {
  height: calc(100vh - 72px); }
  .ImageViewer img {
    box-sizing: border-box;
    height: 100%;
    padding: 20px 0 90px 0;
    object-fit: contain; }

.PdfViewer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: calc(100vh - 72px); }
  .PdfViewer iframe {
    box-sizing: border-box;
    margin: 0 80px;
    max-height: calc(100% - 90px); }

.UnsupportedViewer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 300px; }

.UnsupportedViewer__Header > span {
  color: #1C1C1E;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; }

.UnsupportedViewer__Header .UnsupportedViewer__CloseIcon {
  float: right;
  cursor: pointer; }

.UnsupportedViewer__Content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer; }
  .UnsupportedViewer__Content .UnsupportedViewer__FileIcon {
    width: 40px;
    height: 40px;
    display: -ms-grid;
    display: grid; }
    .UnsupportedViewer__Content .UnsupportedViewer__FileIcon > * {
      grid-area: 1 / -1; }
    .UnsupportedViewer__Content .UnsupportedViewer__FileIcon > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      border-radius: 1000px;
      background-color: #007AFF;
      width: 20px;
      height: 20px;
      -ms-flex-item-align: end;
          align-self: end;
      justify-self: end;
      position: relative;
      left: 2px; }
      .UnsupportedViewer__Content .UnsupportedViewer__FileIcon > div .Icon {
        width: 12px;
        height: 12px; }
        .UnsupportedViewer__Content .UnsupportedViewer__FileIcon > div .Icon path[fill^="#"] {
          fill: #FFFFFF; }
        .UnsupportedViewer__Content .UnsupportedViewer__FileIcon > div .Icon path[stroke^="#"] {
          stroke: #FFFFFF; }
  .UnsupportedViewer__Content .UnsupportedViewer__Text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-left: 12px; }
    .UnsupportedViewer__Content .UnsupportedViewer__Text .UnsupportedViewer__FileName {
      font-weight: 500; }

.FileViewer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.87);
  z-index: 11;
  box-sizing: border-box; }

.FileViewer__Header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 72px;
  padding: 0 20px; }
  .FileViewer__Header .FileViewer__Close {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background-color: #F3F4F6;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer; }
    .FileViewer__Header .FileViewer__Close > i {
      font-size: 18px;
      color: #1C1C1E; }
  .FileViewer__Header .FileViewer__FileName {
    margin: 0 auto 0 16px;
    color: #FFFFFF;
    font-weight: 500; }

.FileViewer__ActionButtons {
  display: -ms-flexbox;
  display: flex; }
  .FileViewer__ActionButtons > * {
    margin-right: 8px; }
    .FileViewer__ActionButtons > *:last-child {
      margin-right: unset; }

.FileViewer__ViewerModule {
  margin: auto; }

.FileViewer__Navigation {
  position: fixed;
  top: 50vh;
  left: 20px;
  padding: 8px;
  background-color: #191919;
  border-radius: 100px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .FileViewer__Navigation:last-of-type {
    left: unset;
    right: 20px; }
  .FileViewer__Navigation .Icon path[fill^="#"] {
    fill: #FFFFFF; }
  .FileViewer__Navigation .Icon path[stroke^="#"] {
    stroke: #FFFFFF; }

.QuizChoiceInput {
  display: inline-block; }

.QuizChoiceInput__Item {
  padding: 8px 12px;
  border: 1px solid #E5E5EA;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .QuizChoiceInput__Item--active {
    border-color: var(--color-button);
    background-color: hsl(var(--color-button-hue), var(--color-button-saturation), var(--color-button-lightness-verylight));
    color: var(--color-button); }
    .QuizChoiceInput__Item--active:not(:first-child) {
      margin-top: -1px;
      border-top-width: 1px !important; }
  .QuizChoiceInput__Item--disabled {
    opacity: 0.5; }
  .QuizChoiceInput__Item:not(.QuizChoiceInput__Item--disabled) {
    cursor: pointer; }
  .QuizChoiceInput__Item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .QuizChoiceInput__Item:not(:first-child) {
    border-top-width: 0; }
  .QuizChoiceInput__Item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }

.QuizChoiceInput__Item__Name {
  font-weight: 600;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.DefaultRadioButton {
  float: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content; }

.DefaultRadioButton__Label {
  margin: 0 8px;
  cursor: pointer; }
  .DefaultRadioButton__Label .Icon {
    margin-left: 8px;
    position: relative;
    top: 4px;
    float: none;
    width: 18px;
    height: 18px; }

.SelectToggle {
  background-color: white; }
  .SelectToggle .Button__Icon {
    fill: white; }
  .SelectToggle button {
    border: 1px solid #DFDFDF;
    background-color: white; }
    .SelectToggle button:not(.Button--disabled):not(.Button--active):hover {
      background-color: white; }
    .SelectToggle button * {
      display: inline-block; }
    .SelectToggle button .SelectToggle__Name {
      min-width: 24px; }
    .SelectToggle button .Icon {
      float: none;
      vertical-align: text-top; }
    .SelectToggle button .arrowDown {
      margin-left: 3px; }

.StaticLinkPreview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  background-color: #F6F6F6;
  border: 1px solid #E5E7EB;
  cursor: pointer; }
  .StaticLinkPreview--editor {
    border-radius: 8px;
    cursor: default; }
    .StaticLinkPreview--editor .StaticLinkPreview__ImagePreview {
      border-radius: 8px 8px 0 0; }

.StaticLinkPreview__ImagePreview {
  width: 100%;
  max-height: 700px;
  object-fit: cover; }

.StaticLinkPreview__Info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 16px; }

.StaticLinkPreview__Header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .StaticLinkPreview__Header img {
    width: 20px;
    height: 20px;
    margin-right: 8px; }
  .StaticLinkPreview__Header span {
    font-weight: 500;
    color: #8E8E93;
    font-size: 13px; }

.Icon.StaticLinkPreview__RemoveButton {
  width: 32px;
  height: 32px;
  border: 1px solid #E5E7EB;
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 3px;
  cursor: pointer; }
  .Icon.StaticLinkPreview__RemoveButton path[fill^="#"] {
    fill: #191919; }
  .Icon.StaticLinkPreview__RemoveButton path[stroke^="#"] {
    stroke: #191919; }

.StaticLinkPreview__Title {
  line-height: 22px;
  font-size: 17px;
  color: #48484A;
  font-weight: 500; }
  .StaticLinkPreview__Title:not(:last-of-type) {
    margin-top: 12px; }

.StaticLinkPreview__Description {
  font-size: 15px;
  color: #1C1C1E; }
  .StaticLinkPreview__Description:not(:last-of-type) {
    margin-top: 8px; }

.EmojiReactionButton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  box-sizing: border-box;
  border-radius: 100px;
  font-weight: 500;
  font-size: 13px;
  color: #505050;
  cursor: pointer;
  margin: 2px 0;
  border: none;
  padding: 2px 8px;
  background-color: transparent; }
  .EmojiReactionButton--selected {
    box-sizing: border-box;
    border: 1px solid #93c3fb;
    background-color: #F1F2F5; }

.EmojiReactionButton__Count {
  margin-left: 2px; }

.EmojiReactions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 fit-content;
      flex: 1 1 fit-content;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -8px;
  margin-right: -8px;
  width: auto !important;
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 2px 8px;
  position: absolute;
  bottom: 4px;
  box-shadow: 0px 1px 1px 0px #ABB4BD;
  gap: 2px; }

.PrivateMessage--state-sent .EmojiReactions {
  background-color: #DCF7C5; }

.EmojiReactionPicker.ui.popup {
  width: 286px;
  max-width: none;
  box-sizing: border-box;
  padding: 4px 8px;
  border-radius: 16px;
  filter: drop-shadow(0px 0px 4px #E5E5EA);
  box-shadow: none;
  border: 0; }
  .EmojiReactionPicker.ui.popup::before {
    border: 0;
    box-shadow: none !important; }

.EmojiReactionPicker__TriggerButton {
  width: 20px;
  height: 20px;
  cursor: pointer; }
  .EmojiReactionPicker__TriggerButton path[fill^="#"] {
    fill: #9CA3AF; }
  .EmojiReactionPicker__TriggerButton path[stroke^="#"] {
    stroke: #9CA3AF; }

.EmojiReactionPicker__OptionsList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -6px 0 0 -6px;
  width: calc(100% + 12px); }

.EmojiReactionPicker__Option {
  font-size: 20px;
  border-radius: 30px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 6px 0 0 6px; }
  .EmojiReactionPicker__Option:hover {
    background-color: #F6F6F6; }

.EmojiReactionsUserList__Tabs .Tabs__Header {
  margin-bottom: 8px;
  overflow-x: auto; }
  .EmojiReactionsUserList__Tabs .Tabs__Header::-webkit-scrollbar {
    height: 0; }

.EmojiReactionsUserList__Tabs .Tabs__Header__Item {
  min-width: 69px; }
  .EmojiReactionsUserList__Tabs .Tabs__Header__Item > span:last-of-type {
    margin-left: 2px; }

.EmojiReactionsUserList__AsyncList .ImageItem {
  height: 44px; }

.UserStatusInput .triggerIcon {
  cursor: pointer;
  color: gray;
  height: 1.5em !important;
  width: 1.5em !important;
  position: relative;
  left: -8px;
  vertical-align: top; }

.UserStatusInput .statusText {
  display: inline-block;
  vertical-align: top;
  background-color: inherit;
  width: calc(100% - 45px); }

.UserStatusInput .statusDelete {
  float: inherit;
  margin-right: 0em !important;
  height: 20px !important;
  width: 20px !important;
  position: relative;
  right: -4px;
  cursor: pointer;
  padding: 3px;
  background: #F3F4F6;
  top: -3px;
  border-radius: 20px; }

.UserStatusModal .UserStatusInput .statusText {
  width: calc(100% - 50px); }

.UserStatusModal .ClearAfter {
  margin-top: .5em;
  margin-left: 1em; }
  .UserStatusModal .ClearAfter .clearAfterLabel {
    vertical-align: top; }
    .UserStatusModal .ClearAfter .clearAfterLabel h6 {
      margin-top: 8px; }
  .UserStatusModal .ClearAfter .clearAfterSelectPart {
    margin-left: 1em; }
    .UserStatusModal .ClearAfter .clearAfterSelectPart .Select {
      width: 5em;
      display: inline-block;
      vertical-align: middle; }
    .UserStatusModal .ClearAfter .clearAfterSelectPart .clearAfterCustom {
      display: block;
      margin-top: .4em; }

.UserStatusModal .Presets {
  margin-top: 2em; }
  .UserStatusModal .Presets .presetsTitle {
    margin-bottom: 1.5em;
    font-size: 12px;
    color: #ABB4BD; }
  .UserStatusModal .Presets .preset {
    cursor: pointer;
    display: block;
    margin-top: .5em; }
    .UserStatusModal .Presets .preset .emoji-mart-emoji, .UserStatusModal .Presets .preset h6, .UserStatusModal .Presets .preset label {
      display: inline-block; }
    .UserStatusModal .Presets .preset h6 {
      vertical-align: top;
      margin-left: 1em; }
    .UserStatusModal .Presets .preset label {
      cursor: pointer;
      color: #ABB4BD;
      vertical-align: top;
      margin-left: .33em; }

.Recognition__Card {
  position: relative;
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  background-image: url("/static/images/recognition_bg.png");
  background-size: 50%;
  background-position: top right;
  border: 2px solid #fff;
  border-radius: 8px;
  gap: 24px;
  width: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3); }
  .Recognition__Card .Recognition__Card__Header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    gap: 16px;
    padding: 0px; }
    .Recognition__Card .Recognition__Card__Header .Recognition__Card__Profile {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      position: relative; }
      .Recognition__Card .Recognition__Card__Header .Recognition__Card__Profile div {
        width: 40px;
        height: 40px;
        border-radius: 50%; }
      .Recognition__Card .Recognition__Card__Header .Recognition__Card__Profile > div:first-child {
        object-fit: cover;
        z-index: 2;
        overflow: hidden;
        border: 1px solid #FFFFFF; }
        .Recognition__Card .Recognition__Card__Header .Recognition__Card__Profile > div:first-child img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .Recognition__Card .Recognition__Card__Header .Recognition__Card__Profile > div:last-child {
        display: -ms-flexbox;
        display: flex;
        background-color: var(--color-primary);
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        overflow: hidden;
        object-fit: cover;
        z-index: 3;
        margin-left: -10px;
        border: 1px solid #FFFFFF; }
        .Recognition__Card .Recognition__Card__Header .Recognition__Card__Profile > div:last-child svg {
          width: 25px;
          height: 25px; }
      .Recognition__Card .Recognition__Card__Header .Recognition__Card__Profile .Recognition__Card__Recipient {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        font-family: "Inter", sans-serif;
        line-height: 1.2;
        color: var(--color-primary-text); }
  .Recognition__Card .Recognition__Card__Content {
    font-family: "Playfair Display";
    color: var(--color-primary-text);
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 24px; }
    .Recognition__Card .Recognition__Card__Content .Recognition__Card_Footer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 8px; }
      .Recognition__Card .Recognition__Card__Content .Recognition__Card_Footer .Recognition__Card_Footer_Tag {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        font-family: "Inter", sans-serif;
        -ms-flex-pack: center;
            justify-content: center;
        border-radius: 100px;
        padding: 8px 12px;
        background-color: rgba(255, 255, 255, 0.1);
        font-size: 12px;
        color: var(--color-primary-text);
        white-space: nowrap; }

.tw-sticky-header thead th, .tw-sticky-header thead td {
  position: sticky;
  top: 0;
  z-index: 5;
  background-color: white; }

.tw-sticky-first-column tbody tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 5;
  background-color: white; }

.tw-sticky-first-column thead tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 7;
  background-color: white; }

.tw-sticky-header.tw-sticky-first-column thead tr td:first-child {
  z-index: 9; }

.tw-overflow-auto {
  overflow-x: auto; }
  .tw-overflow-auto table {
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    table-layout: auto; }
  .tw-overflow-auto th,
  .tw-overflow-auto td {
    white-space: nowrap; }

.pagination-dropdown {
  position: relative;
  overflow: visible !important; }
  .pagination-dropdown .Select-menu-outer {
    position: absolute !important;
    z-index: 9999 !important;
    max-height: 120px !important;
    overflow-y: auto !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    left: 0 !important;
    right: auto !important;
    top: 100%;
    margin-top: 2px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    background: white !important; }
    .pagination-dropdown .Select-menu-outer .Select-option {
      font-size: 14px !important;
      padding: 8px 12px !important;
      text-align: center !important; }
      .pagination-dropdown .Select-menu-outer .Select-option:hover {
        background-color: #f3f4f6 !important; }
      .pagination-dropdown .Select-menu-outer .Select-option.is-selected {
        background-color: #dbeafe !important;
        color: #1d4ed8 !important; }

[class*="tw-overflow-"] .pagination-dropdown {
  overflow: visible !important; }

#Flexchange .Flexchange__Top {
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex; }
  #Flexchange .Flexchange__Top > .Button {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin-left: 16px;
    -ms-flex-item-align: start;
        align-self: flex-start; }

#Flexchange .Container__Content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

#Flexchange .Flexchange__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-direction: row;
      flex-direction: row;
  z-index: 2;
  border: 1px solid #ABB4BD;
  border-bottom: none; }
  #Flexchange .Flexchange__content .wrapper__content {
    padding: 0;
    display: -ms-flexbox;
    display: flex; }
  #Flexchange .Flexchange__content .Flexchange__exchange {
    padding: 20px;
    background-color: #FFFFFF;
    border-left: 1px solid #E5E5EA;
    border-bottom: none; }

.AddExchangeForm .Select {
  min-width: unset; }

.ActivityFeed__Activity {
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .ActivityFeed__Activity:last-child {
    margin-bottom: 0; }
  .ActivityFeed__Activity .ActivityFeed__Activity__image {
    margin-right: 16px;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .ActivityFeed__Activity .ActivityFeed__Activity__content {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .ActivityFeed__Activity replaced {
    font-weight: 500; }

.ActivityFeed__Comment {
  margin: 0.1rem 0;
  padding: 4px 12px;
  display: inline-block;
  white-space: pre-wrap;
  background-color: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }

.Exchange__ActivityList__show-more {
  padding: 8px 0;
  cursor: pointer; }
  .Exchange__ActivityList__show-more:hover {
    text-decoration: underline; }

.Calendar {
  width: 100%;
  min-height: 250px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .Calendar .CalendarDay__exchanges__add {
    width: 100%;
    display: none; }
  .Calendar .List:not(.List--empty) + .Button {
    margin-top: 8px; }
  .Calendar .Calendar__content {
    border-top: 1px solid #E5E5EA;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1; }
    .Calendar .Calendar__content .CalendarDay {
      -ms-flex: 1;
          flex: 1;
      border-right: 1px solid #E5E5EA; }
      @media (min-width: 769px) {
        .Calendar .Calendar__content .CalendarDay:hover .CalendarDay__exchanges__add {
          display: -ms-flexbox !important;
          display: flex !important; } }
      .Calendar .Calendar__content .CalendarDay.CalendarDay--today .CalendarDay__header {
        margin-top: -1px;
        border-top: 3px solid var(--color-primary);
        padding-top: calc(12px - 2px); }
      .Calendar .Calendar__content .CalendarDay:last-child {
        border-right: none; }
      .Calendar .Calendar__content .CalendarDay .CalendarDay__header {
        padding: 12px 16px;
        background-color: #FAFAFA;
        border-bottom: 1px solid #E5E5EA;
        color: #808080;
        text-align: center;
        font-size: 1.05rem; }
      .Calendar .Calendar__content .CalendarDay .CalendarDay__exchanges {
        padding: 8px; }

@media (max-width: 1000px) {
  .Calendar .Calendar__content {
    display: block;
    -ms-flex-item-align: start;
        align-self: flex-start; }
    .Calendar .Calendar__content .CalendarDay {
      -ms-flex: none;
          flex: none;
      border: 0; }
      .Calendar .Calendar__content .CalendarDay.CalendarDay--today .CalendarDay__header {
        border-top-color: transparent; }
      .Calendar .Calendar__content .CalendarDay .CalendarDay__exchanges {
        padding-top: 0; }
      .Calendar .Calendar__content .CalendarDay .PureList__Inner {
        padding: 4px;
        overflow: hidden; }
      .Calendar .Calendar__content .CalendarDay .PureList__placeholder {
        margin-top: 8px; } }

.Exchange .modal-content {
  overflow: hidden; }

.Exchange .Exchange__User {
  margin-bottom: 16px; }

.Exchange .Exchange__Status {
  margin: 24px calc(-24px - 1px) 0;
  padding: 16px 20px;
  color: #808080;
  border-top: 1px solid #E5E5EA; }
  .Exchange .Exchange__Status + .Exchange__Status--revert {
    margin-top: 0;
    cursor: pointer; }
  .Exchange .Exchange__Status .Profile .Profile__Exchange__User__name {
    margin-bottom: 2px;
    color: #191919; }
  .Exchange .Exchange__Status .Icon {
    margin-right: 0.3rem;
    width: 18px;
    height: 18px; }
  .Exchange .Exchange__Status.Exchange__Status--state-open {
    margin-top: 0;
    border-top: none; }
  .Exchange .Exchange__Status.Exchange__Status--state-approved {
    background-color: #79C8A6;
    border-top: none; }
    .Exchange .Exchange__Status.Exchange__Status--state-approved .ImageItem .ImageItem__info__name, .Exchange .Exchange__Status.Exchange__Status--state-approved small {
      color: #FFFFFF; }
  .Exchange .Exchange__Status.Exchange__Status--state-expired {
    background-color: #f26e70;
    border-top: none; }
    .Exchange .Exchange__Status.Exchange__Status--state-expired .Icon path[fill^="#"], .Exchange .Exchange__Status.Exchange__Status--state-expired .ImageItem .ImageItem__info__name path[fill^="#"], .Exchange .Exchange__Status.Exchange__Status--state-expired small path[fill^="#"] {
      fill: #FFFFFF; }
    .Exchange .Exchange__Status.Exchange__Status--state-expired .Icon path[stroke^="#"], .Exchange .Exchange__Status.Exchange__Status--state-expired .ImageItem .ImageItem__info__name path[stroke^="#"], .Exchange .Exchange__Status.Exchange__Status--state-expired small path[stroke^="#"] {
      stroke: #FFFFFF; }

.Exchange .Exchange__Status--revert {
  cursor: pointer; }

.Exchange .Exchange__Replacements {
  margin-top: 16px; }
  .Exchange .Exchange__Replacements + .Exchange__Status--revert {
    margin-top: 0; }

.Exchange .Exchange__Replacements__ApprovalMessage {
  margin-bottom: 8px;
  text-align: center;
  color: #808080; }

.Exchange .Exchange__OwnerActions .dropdown-toggle .Icon {
  width: 20px;
  height: 20px; }
  .Exchange .Exchange__OwnerActions .dropdown-toggle .Icon path[fill^="#"] {
    fill: #808080; }
  .Exchange .Exchange__OwnerActions .dropdown-toggle .Icon path[stroke^="#"] {
    stroke: #808080; }

.Exchange .Exchange__OwnerActions .dropdown-toggle[aria-expanded="true"] .Icon path[fill^="#"], .Exchange .Exchange__OwnerActions .dropdown-toggle .Icon:hover path[fill^="#"] {
  fill: #606060; }

.Exchange .Exchange__OwnerActions .dropdown-toggle[aria-expanded="true"] .Icon path[stroke^="#"], .Exchange .Exchange__OwnerActions .dropdown-toggle .Icon:hover path[stroke^="#"] {
  stroke: #606060; }

.Exchange .Exchange__Actions {
  overflow: hidden; }
  .Exchange .Exchange__Actions .Button {
    width: 47.5%;
    float: left; }
    .Exchange .Exchange__Actions .Button:first-child {
      margin-right: 5%; }
    .Exchange .Exchange__Actions .Button i {
      margin: -5px 8px 0 0;
      float: none;
      position: relative;
      top: 4px; }
  .Exchange .Exchange__Actions .Exchange__Actions--accept {
    color: #34C759; }
  .Exchange .Exchange__Actions .Exchange__Actions--decline {
    color: #FF3B30; }

.Exchange .Exchange__Status__replacement {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Exchange .Exchange__Status__replacement .ImageItem {
    -ms-flex: 1;
        flex: 1; }
  .Exchange .Exchange__Status__replacement .Exchange__Status__replacement__actions {
    position: relative;
    top: 2px; }

.Exchange .Exchange__item {
  margin: -16px -16px 0 -16px;
  padding: 16px 16px 0;
  position: relative;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }

.Exchange .Exchange__feed {
  margin: 0 -16px -16px -16px;
  padding: 16px;
  background-color: #FAFAFA;
  color: #606060; }

.Exchange .Exchange__PostComment {
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex; }
  .Exchange .Exchange__PostComment textarea {
    -ms-flex: 1;
        flex: 1; }
  .Exchange .Exchange__PostComment .Button {
    margin-left: 8px;
    -ms-flex-item-align: end;
        align-self: flex-end; }

.Exchange__Info {
  background-color: #FFFFFF;
  text-align: left; }
  .Exchange__Info:last-child .Exchange__Info__placed-in {
    margin-bottom: 16px; }
  .Exchange__Info .Exchange__title {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.5px; }
  .Exchange__Info .Exchange__Info__date {
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 1px; }
  .Exchange__Info .Exchange__Info__placed-in {
    margin-top: 8px;
    font-style: italic; }
  .Exchange__Info .Exchange__Info__description {
    white-space: pre-wrap;
    margin-top: 24px;
    overflow: hidden; }

.ExchangeItem {
  padding: 16px 12px 8px;
  background-color: #FFFFFF;
  color: #191919;
  border-radius: 8px;
  border: 1px solid #E5E5EA;
  overflow: hidden;
  cursor: pointer; }
  .ExchangeItem:not(:last-child) {
    margin-bottom: 8px; }
  .ExchangeItem .ExchangeItem__title {
    margin-bottom: 8px;
    font-size: 20px; }
  .ExchangeItem .ExchangeItem__status {
    overflow: hidden; }
  .ExchangeItem .ExchangeItem__status__indicator {
    margin-top: 5px;
    float: left;
    line-height: 20px; }
    .ExchangeItem .ExchangeItem__status__indicator small {
      position: relative;
      top: -1px; }
  .ExchangeItem .ExchangeItem__status__icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
    border-radius: 10px; }
    .ExchangeItem .ExchangeItem__status__icon i {
      font-size: 20px;
      color: #FF9500; }
  .ExchangeItem .ExchangeItem__user {
    float: right; }
  .ExchangeItem.ExchangeItem--state-approved .ExchangeItem__status__icon {
    background-color: #007AFF; }
    .ExchangeItem.ExchangeItem--state-approved .ExchangeItem__status__icon i {
      color: #FFFFFF; }
  .ExchangeItem.ExchangeItem--state-open .ExchangeItem__status__icon {
    background-color: #34C759; }
    .ExchangeItem.ExchangeItem--state-open .ExchangeItem__status__icon i {
      color: #FFFFFF; }
  .ExchangeItem.ExchangeItem--state-rejected .ExchangeItem__status__icon, .ExchangeItem.ExchangeItem--state-declined .ExchangeItem__status__icon, .ExchangeItem.ExchangeItem--state-expired .ExchangeItem__status__icon {
    background-color: #FF3B30; }
    .ExchangeItem.ExchangeItem--state-rejected .ExchangeItem__status__icon i, .ExchangeItem.ExchangeItem--state-declined .ExchangeItem__status__icon i, .ExchangeItem.ExchangeItem--state-expired .ExchangeItem__status__icon i {
      color: #FFFFFF; }

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .ExchangeItem {
    padding: 8px 4px 8px; }
    .ExchangeItem .ExchangeItem__title {
      margin-bottom: 8px;
      font-size: 1.25rem; } }

@media (max-width: 1000px) {
  .ExchangeItem {
    margin: 8px 8px 0 0;
    float: left; }
    .ExchangeItem .ExchangeItem__user {
      margin-left: 24px;
      float: left; } }

.Replacement {
  margin: 0 -16px;
  padding: 16px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-top: 1px solid #E5E5EA; }
  .Replacement .ImageItem {
    float: left;
    -ms-flex: 1;
        flex: 1; }
  .Replacement .ImageItem + small {
    line-height: 30px; }

.Replacement__Actions {
  display: -ms-flexbox;
  display: flex; }

.modal.AddExchangeForm .modal-body {
  padding: 0 !important; }

.modal.AddExchangeForm textarea.Form__control {
  min-height: 36px;
  border: 1px solid #E5E5EA; }

.modal.AddExchangeForm .Exchange__Info, .modal.AddExchangeForm .Shift {
  padding: 16px 20px;
  background-color: transparent; }

.modal.AddExchangeForm .Carousel {
  min-height: 250px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .modal.AddExchangeForm .Carousel .Carousel__inner {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }

.modal.AddExchangeForm .Carousel__Card {
  padding: 20px 0; }

.modal.AddExchangeForm .Shifts {
  padding: 0 20px; }
  .modal.AddExchangeForm .Shifts.List--empty {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }

.AddExchangeForm .ShiftItem {
  padding: 16px 20px;
  border: 1px solid #E5E5EA;
  border-radius: 8px;
  background-color: #FFFFFF;
  cursor: pointer; }
  .AddExchangeForm .ShiftItem:not(:last-child) {
    margin-bottom: 4px; }
  .AddExchangeForm .ShiftItem:hover {
    border: 1px solid #ABB4BD; }

.AddExchangeForm .Shift__Receivers {
  overflow: hidden; }
  .AddExchangeForm .Shift__Receivers .ProfileImage {
    margin-right: 4px;
    float: left; }

.AddExchangeForm__date {
  margin-bottom: 16px;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase; }

#Flexchange {
  -ms-flex: 1;
      flex: 1; }

:root {
  --color-primary: #19214D;
  --color-primary-hue: 231;
  --color-primary-saturation: 51%;
  --color-primary-lightness: 20%;
  --color-primary-lightness-light: 60%;
  --color-primary-lightness-verylight: 89.5652%;
  --color-primary-lightness-dark: 16%;
  --color-primary-r: 25;
  --color-primary-g: 33;
  --color-primary-b: 77;
  --color-button: #007AFF;
  --color-button-hue: 211;
  --color-button-saturation: 100%;
  --color-button-lightness: 50%;
  --color-button-lightness-light: 75%;
  --color-button-lightness-verylight: 93.4783%;
  --color-button-lightness-dark: 40%;
  --color-button-r: 0;
  --color-button-g: 122;
  --color-button-b: 255;
  --color-primary-text: #FFF;
  --color-button-text: #FFF;
  --color-link: #007AFF;
  --container-max-width: 1400px;
  --container-max-width-print: 1040px;
  --padding-base: 20px;
  --padding-xlarge: 64px; }

html ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px; }

html ::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.25);
  transition: color .2s ease;
  border-radius: 5px; }

html ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0; }

@media print {
  @page {
    size: A4;
    margin-top: 24px;
    margin-bottom: 32px; }
  body {
    padding-top: 36px;
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
    background-color: #FFF !important; } }

#App {
  display: -ms-flexbox;
  display: flex; }

#Network, #Organisation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.OrganisationBar + div {
  width: calc(100% - 32px - 32px);
  padding-left: calc(32px + 32px); }

.OrganisationBar--open + div {
  width: calc(100% - 250px);
  padding-left: 250px; }

a {
  color: var(--color-button);
  text-decoration: none;
  cursor: pointer; }
  a.linkified:hover {
    text-decoration: underline; }
  a:hover {
    color: hsl(var(--color-button-hue), var(--color-button-saturation), var(--color-button-lightness-dark)); }
  a:focus {
    outline: none; }

.Linkify a {
  color: var(--color-link); }

input, textarea {
  font-size: 1rem;
  display: block;
  border: 0;
  outline: 0;
  resize: none; }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ABB4BD !important;
    line-height: normal; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ABB4BD !important;
    line-height: normal; }
  input::placeholder, textarea::placeholder {
    color: #ABB4BD !important;
    line-height: normal; }
  input.input, textarea.input {
    width: 100%;
    margin-bottom: 1rem;
    padding: 8px 0;
    background-color: transparent;
    border-bottom: 2px solid #E5E5EA;
    color: #808080; }
    input.input:hover, input.input:focus, textarea.input:hover, textarea.input:focus {
      border-bottom-color: #c9c9d3; }
    input.input.Form__control--warning, textarea.input.Form__control--warning {
      border-bottom: 2px solid #FF9500; }

select {
  height: 28.19px;
  padding: 0.4rem 20px;
  display: block;
  background-color: #FFFFFF;
  font-size: 0.85rem;
  border: 1px solid #E5E5EA; }

img {
  max-width: 100%; }

.show {
  display: block !important;
  opacity: 1 !important; }

.hide {
  display: none !important; }

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

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

small, .small {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  color: #9CA3AF; }

.Column {
  -ms-flex: 1;
      flex: 1; }
  .Column > * {
    margin-left: 24px; }

.Column.Column--width-8 {
  -ms-flex-preferred-size: 66.666667%;
      flex-basis: 66.666667%; }

.Column.Column--width-6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }

.Column.Column--width-4 {
  -ms-flex-preferred-size: 33.333333%;
      flex-basis: 33.333333%; }

.Column.Column--width-3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%; }

.Column.Column--width-1 {
  -ms-flex-preferred-size: 8.333333%;
      flex-basis: 8.333333%; }

.Row {
  width: calc(100% + 24px);
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 24px -24px; }
  .Row:last-child {
    margin-bottom: 0; }

hr {
  width: 100%;
  margin: 16px 0;
  height: 1px;
  background-color: #F3F4F6;
  border: none; }

.SyncMessage {
  overflow: hidden;
  line-height: 24px;
  text-align: left; }
  .SyncMessage .Icon {
    margin-right: 8px; }
    .SyncMessage .Icon path[fill^="#"] {
      fill: var(--color-primary); }
    .SyncMessage .Icon path[stroke^="#"] {
      stroke: var(--color-primary); }

.SyncMessage + .Form__Row {
  margin-top: 16px; }

#__lpform_username, #__lpform_password {
  z-index: 1 !important; }

.AsyncSpinner {
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.Text--green {
  color: #34C759; }

.Justify, .Align {
  display: -ms-flexbox;
  display: flex; }
  .Justify > *, .Align > * {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .Justify :not(.Justify--no-wrap):not(.Align--no-wrap), .Align :not(.Justify--no-wrap):not(.Align--no-wrap) {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

.Justify--center {
  -ms-flex-pack: center;
      justify-content: center; }

.Align--center {
  -ms-flex-align: center;
      align-items: center; }

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

.Text.Text--size-large {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px; }

.Text.Text--size-default {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px; }

.Text.Text--size-small {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px; }

.Text--type-display.Text--size-large {
  font-weight: 700;
  font-size: 57px;
  line-height: 64px; }

.Text--type-display.Text--size-default {
  font-weight: 700;
  font-size: 45px;
  line-height: 52px; }

.Text--type-display.Text--size-small {
  font-weight: 700;
  font-size: 36px;
  line-height: 44px; }

.Text--type-headline.Text--size-large {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700; }

.Text--type-headline.Text--size-default {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500; }

.Text--type-headline.Text--size-small {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500; }

.Text--type-title.Text--size-large {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700; }

.Text--type-title.Text--size-default {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.15px; }

.Text--type-title.Text--size-small {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.1px; }

.Text--type-label.Text--size-large {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px; }

.Text--type-label.Text--size-default {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px; }

.Text--type-label.Text--size-small {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.1px; }

@media (min-width: 1200px) {
  .visible-ld {
    display: none; } }

@media screen and (min-width: 1001px) and (max-width: 1200px) {
  .visible-ld {
    display: inherit !important; }
  .hidden-ld {
    display: none !important; } }

@media (min-width: 1001px) {
  .visible-md {
    display: none; } }

@media (max-width: 1000px) {
  .visible-ld {
    display: none; }
  .Row {
    width: calc(100% + 16px);
    margin: 0 0 16px -16px; }
  .Column > * {
    margin-left: 16px; } }

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .visible-md {
    display: inherit !important; }
  .hidden-md {
    display: none !important; } }

@media (min-width: 769px) {
  .visible-sd {
    display: none; } }

@media (max-width: 768px) {
  .visible-md {
    display: none; }
  .visible-sd {
    display: inherit !important; }
  .hidden-sd {
    display: none !important; }
  .shrink-sd {
    -ms-flex: 0 0;
        flex: 0 0; } }

.pointer {
  cursor: pointer; }

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

.underline {
  text-decoration: underline; }

.before\:tw-absolute::before{
  content: var(--tw-content);
  position: absolute; }

.before\:tw-left-\[6px\]::before{
  content: var(--tw-content);
  left: 6px; }

.before\:tw-top-\[7\%\]::before{
  content: var(--tw-content);
  top: 7%; }

.before\:tw-h-\[86\%\]::before{
  content: var(--tw-content);
  height: 86%; }

.before\:tw-w-\[4px\]::before{
  content: var(--tw-content);
  width: 4px; }

.before\:tw-rounded-md::before{
  content: var(--tw-content);
  border-radius: 0.375rem; }

.before\:tw-bg-blue-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); }

.before\:tw-bg-cyan-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)); }

.before\:tw-bg-green-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); }

.before\:tw-bg-indigo-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1)); }

.before\:tw-bg-orange-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); }

.before\:tw-bg-pink-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1)); }

.before\:tw-bg-purple-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); }

.before\:tw-bg-red-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }

.before\:tw-content-\[\"\"\]::before{
  --tw-content: "";
  content: var(--tw-content); }

.first\:tw-sticky:first-child{
  position: sticky; }

.first\:tw-left-0:first-child{
  left: 0px; }

.first\:tw-z-10:first-child{
  z-index: 10; }

.first\:tw-z-20:first-child{
  z-index: 20; }

.first\:tw-rounded-tl-lg:first-child{
  border-top-left-radius: 0.5rem; }

.first\:tw-border-l:first-child{
  border-left-width: 1px; }

.first\:tw-bg-white:first-child{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

.first\:tw-pl-4:first-child{
  padding-left: 16px; }

.last\:tw-mb-0:last-child{
  margin-bottom: 0px; }

.last\:tw-rounded-tr-lg:last-child{
  border-top-right-radius: 0.5rem; }

.last\:tw-border-b-0:last-child{
  border-bottom-width: 0px; }

.last\:tw-border-r:last-child{
  border-right-width: 1px; }

.last\:tw-pr-4:last-child{
  padding-right: 16px; }

.hover\:tw-scale-\[1\.9\]:hover{
  --tw-scale-x: 1.9;
  --tw-scale-y: 1.9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.hover\:\!tw-bg-gray-100:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; }

.hover\:\!tw-bg-red-light:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 229 229 / var(--tw-bg-opacity, 1)) !important; }

.hover\:tw-bg-blue-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); }

.hover\:tw-bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); }

.hover\:tw-bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); }

.hover\:tw-bg-gray-neutral-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1)); }

.hover\:tw-bg-zinc-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); }

.hover\:\!tw-bg-auto:hover{
  background-size: auto !important; }

.hover\:\!tw-text-red-link:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important; }

.hover\:tw-text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1)); }

.hover\:tw-text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1)); }

.hover\:\!tw-shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; }

@media print{
  .print\:tw-hidden{
    display: none; }
  .print\:tw-w-full{
    width: 100%; }
  .print\:tw-max-w-none{
    max-width: none; }
  .print\:tw-bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .print\:\!tw-p-0{
    padding: 0px !important; }
  .print\:tw-p-0{
    padding: 0px; } }

.\[\&\>svg\]\:\!tw-ml-1>svg{
  margin-left: 4px !important; }

.\[\&\>svg\]\:\!tw-mr-0>svg{
  margin-right: 0px !important; }

.\[\&_h5\]\:\!tw-pl-2 h5{
  padding-left: 8px !important; }

