.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
@charset "UTF-8";
/*

 */
/* line 376, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 42rem) {
  /* line 376, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 99rem) {
  /* line 376, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 99rem) {
  /* line 381, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--grid--full-width {
    max-width: 100%;
  }
}

/* line 386, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

/* line 390, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row-padding [class*='bx--col'],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 395, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--grid--condensed [class*='bx--col'] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

/* line 108, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 123, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm, .bx--row--condensed .bx--col-sm--auto, .bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm, .bx--row--narrow .bx--col-sm--auto, .bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 129, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col,
.bx--col-sm {
  max-width: 100%;
  flex-basis: 0;
  flex-grow: 1;
}

/* line 135, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col--auto,
.bx--col-sm--auto {
  width: auto;
  max-width: 100%;
  flex: 1 0 0%;
}

/* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-0 {
  display: none;
}

/* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

/* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

/* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

/* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

/* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--offset-sm-0 {
  margin-left: 0;
}

/* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--offset-sm-1 {
  margin-left: 25%;
}

/* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--offset-sm-2 {
  margin-left: 50%;
}

/* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--offset-sm-3 {
  margin-left: 75%;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 123, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md, .bx--row--condensed .bx--col-md--auto, .bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md, .bx--row--narrow .bx--col-md--auto, .bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  /* line 129, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
  /* line 135, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col--auto,
.bx--col-md--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-md-0 {
    display: none;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-md-0 {
    margin-left: 0;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-md-1 {
    margin-left: 12.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-md-2 {
    margin-left: 25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-md-3 {
    margin-left: 37.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-md-4 {
    margin-left: 50%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-md-5 {
    margin-left: 62.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-md-6 {
    margin-left: 75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-13 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-13, .bx--grid--condensed .bx--col-lg-13 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-13, .bx--grid--narrow .bx--col-lg-13 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-14 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-14, .bx--grid--condensed .bx--col-lg-14 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-14, .bx--grid--narrow .bx--col-lg-14 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-15 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-15, .bx--grid--condensed .bx--col-lg-15 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-15, .bx--grid--narrow .bx--col-lg-15 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg-16 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg-16, .bx--grid--condensed .bx--col-lg-16 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg-16, .bx--grid--narrow .bx--col-lg-16 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 123, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg, .bx--row--condensed .bx--col-lg--auto, .bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg, .bx--row--narrow .bx--col-lg--auto, .bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  /* line 129, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
  /* line 135, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col--auto,
.bx--col-lg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-0 {
    display: none;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-1 {
    display: block;
    max-width: 6.25%;
    flex: 0 0 6.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-2 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-3 {
    display: block;
    max-width: 18.75%;
    flex: 0 0 18.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-4 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-5 {
    display: block;
    max-width: 31.25%;
    flex: 0 0 31.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-6 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-7 {
    display: block;
    max-width: 43.75%;
    flex: 0 0 43.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-8 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-9 {
    display: block;
    max-width: 56.25%;
    flex: 0 0 56.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-10 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-11 {
    display: block;
    max-width: 68.75%;
    flex: 0 0 68.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-12 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-13 {
    display: block;
    max-width: 81.25%;
    flex: 0 0 81.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-14 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-15 {
    display: block;
    max-width: 93.75%;
    flex: 0 0 93.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-lg-16 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-0 {
    margin-left: 0;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-1 {
    margin-left: 6.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-2 {
    margin-left: 12.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-3 {
    margin-left: 18.75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-4 {
    margin-left: 25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-5 {
    margin-left: 31.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-6 {
    margin-left: 37.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-7 {
    margin-left: 43.75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-8 {
    margin-left: 50%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-9 {
    margin-left: 56.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-10 {
    margin-left: 62.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-11 {
    margin-left: 68.75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-12 {
    margin-left: 75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-13 {
    margin-left: 81.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-14 {
    margin-left: 87.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-lg-15 {
    margin-left: 93.75%;
  }
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-13 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-13, .bx--grid--condensed .bx--col-xlg-13 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-13, .bx--grid--narrow .bx--col-xlg-13 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-14 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-14, .bx--grid--condensed .bx--col-xlg-14 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-14, .bx--grid--narrow .bx--col-xlg-14 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-15 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-15, .bx--grid--condensed .bx--col-xlg-15 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-15, .bx--grid--narrow .bx--col-xlg-15 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg-16 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg-16, .bx--grid--condensed .bx--col-xlg-16 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg-16, .bx--grid--narrow .bx--col-xlg-16 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 123, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg, .bx--row--condensed .bx--col-xlg--auto, .bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg, .bx--row--narrow .bx--col-xlg--auto, .bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 82rem) {
  /* line 129, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
  /* line 135, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-0 {
    display: none;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-1 {
    display: block;
    max-width: 6.25%;
    flex: 0 0 6.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-2 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-3 {
    display: block;
    max-width: 18.75%;
    flex: 0 0 18.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-4 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-5 {
    display: block;
    max-width: 31.25%;
    flex: 0 0 31.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-6 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-7 {
    display: block;
    max-width: 43.75%;
    flex: 0 0 43.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-8 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-9 {
    display: block;
    max-width: 56.25%;
    flex: 0 0 56.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-10 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-11 {
    display: block;
    max-width: 68.75%;
    flex: 0 0 68.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-12 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-13 {
    display: block;
    max-width: 81.25%;
    flex: 0 0 81.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-14 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-15 {
    display: block;
    max-width: 93.75%;
    flex: 0 0 93.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-xlg-16 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-0 {
    margin-left: 0;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-1 {
    margin-left: 6.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-2 {
    margin-left: 12.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-3 {
    margin-left: 18.75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-4 {
    margin-left: 25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-5 {
    margin-left: 31.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-6 {
    margin-left: 37.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-7 {
    margin-left: 43.75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-8 {
    margin-left: 50%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-9 {
    margin-left: 56.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-10 {
    margin-left: 62.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-11 {
    margin-left: 68.75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-12 {
    margin-left: 75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-13 {
    margin-left: 81.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-14 {
    margin-left: 87.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-xlg-15 {
    margin-left: 93.75%;
  }
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-13 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-13, .bx--grid--condensed .bx--col-max-13 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-13, .bx--grid--narrow .bx--col-max-13 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-14 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-14, .bx--grid--condensed .bx--col-max-14 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-14, .bx--grid--narrow .bx--col-max-14 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-15 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-15, .bx--grid--condensed .bx--col-max-15 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-15, .bx--grid--narrow .bx--col-max-15 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 118, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max-16 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max-16, .bx--grid--condensed .bx--col-max-16 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max-16, .bx--grid--narrow .bx--col-max-16 {
  padding-right: 1rem;
  padding-left: 0;
}

/* line 123, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 53, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max, .bx--row--condensed .bx--col-max--auto, .bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

/* line 59, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max, .bx--row--narrow .bx--col-max--auto, .bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  /* line 129, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
  /* line 135, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col--auto,
.bx--col-max--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-0 {
    display: none;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-1 {
    display: block;
    max-width: 6.25%;
    flex: 0 0 6.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-2 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-3 {
    display: block;
    max-width: 18.75%;
    flex: 0 0 18.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-4 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-5 {
    display: block;
    max-width: 31.25%;
    flex: 0 0 31.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-6 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-7 {
    display: block;
    max-width: 43.75%;
    flex: 0 0 43.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-8 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-9 {
    display: block;
    max-width: 56.25%;
    flex: 0 0 56.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-10 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-11 {
    display: block;
    max-width: 68.75%;
    flex: 0 0 68.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-12 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-13 {
    display: block;
    max-width: 81.25%;
    flex: 0 0 81.25%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-14 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-15 {
    display: block;
    max-width: 93.75%;
    flex: 0 0 93.75%;
  }
  /* line 143, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--col-max-16 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-0 {
    margin-left: 0;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-1 {
    margin-left: 6.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-2 {
    margin-left: 12.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-3 {
    margin-left: 18.75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-4 {
    margin-left: 25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-5 {
    margin-left: 31.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-6 {
    margin-left: 37.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-7 {
    margin-left: 43.75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-8 {
    margin-left: 50%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-9 {
    margin-left: 56.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-10 {
    margin-left: 62.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-11 {
    margin-left: 68.75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-12 {
    margin-left: 75%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-13 {
    margin-left: 81.25%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-14 {
    margin-left: 87.5%;
  }
  /* line 150, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
  .bx--offset-max-15 {
    margin-left: 93.75%;
  }
}

/* line 183, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--no-gutter,
.bx--row.bx--no-gutter [class*='bx--col'] {
  padding-right: 0;
  padding-left: 0;
}

/* line 188, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*='bx--col'] {
  padding-left: 0;
}

/* line 192, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*='bx--col'] {
  padding-right: 0;
}

/* line 197, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*='bx--col'] {
  padding-left: 0;
}

/* line 201, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*='bx--col'] {
  padding-right: 0;
}

/* line 216, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--hang--start {
  padding-left: 1rem;
}

/* line 220, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--hang--end {
  padding-right: 1rem;
}

/* line 225, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--hang--left {
  padding-left: 1rem;
}

/* line 229, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--hang--right {
  padding-right: 1rem;
}

/* line 268, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio {
  position: relative;
}

/* line 272, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: '';
  float: left;
}

/* line 280, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: '';
}

/* line 290, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

/* line 290, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

/* line 290, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

/* line 290, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

/* line 290, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

/* line 290, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

/* line 290, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

/* line 290, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

/* line 290, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

/* line 296, node_modules/@carbon/grid/scss/_inlined/_mixins.scss */
.bx--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 44, app/assets/stylesheets/shared/initial/_colors_elements.scss */
.black {
  color: #000;
}

/* line 48, app/assets/stylesheets/shared/initial/_colors_elements.scss */
.notice_color {
  color: #006cfa;
}

/* line 52, app/assets/stylesheets/shared/initial/_colors_elements.scss */
.disabled {
  color: #cacaca;
}

/* line 3, app/assets/stylesheets/shared/initial/text/_base.scss */
.high-emphasis {
  color: #000;
}

/* line 7, app/assets/stylesheets/shared/initial/text/_base.scss */
.medium-emphasis {
  color: #595959;
}

/* line 12, app/assets/stylesheets/shared/initial/text/_base.scss */
.overline-01 {
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* line 19, app/assets/stylesheets/shared/initial/text/_base.scss */
.subtitle-01 {
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: .15px;
}

/* line 25, app/assets/stylesheets/shared/initial/text/_base.scss */
.subtitle-02 {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 600;
  letter-spacing: .1px;
}

/* line 31, app/assets/stylesheets/shared/initial/text/_base.scss */
.subtitle-02__small-margin-right {
  margin-right: 5px;
}

/* line 35, app/assets/stylesheets/shared/initial/text/_base.scss */
.subtitle-02 .link, .subtitle-02 .link:visited {
  color: #93989c;
  text-decoration-color: #93989c;
}

/* line 41, app/assets/stylesheets/shared/initial/text/_base.scss */
.body-01 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: .15px;
}

/* line 47, app/assets/stylesheets/shared/initial/text/_base.scss */
.body-01.long {
  line-height: 1.5rem;
}

/* line 52, app/assets/stylesheets/shared/initial/text/_base.scss */
.body-02 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: .16px;
}

/* line 58, app/assets/stylesheets/shared/initial/text/_base.scss */
.body-02.long {
  line-height: 1.25rem;
}

/* line 63, app/assets/stylesheets/shared/initial/text/_base.scss */
.helper-text-01 {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: .32px;
  color: #595959;
}

/* line 70, app/assets/stylesheets/shared/initial/text/_base.scss */
.alert {
  color: #DA1E28;
}

/* line 15, app/assets/stylesheets/shared/initial/text/_heading.scss */
.heading-marketing {
  font-family: "Signika", sans-serif;
  font-size: 3.375rem;
  font-weight: 400;
  letter-spacing: -0.82px;
  line-height: 4rem;
  margin: 1rem 0 0.5rem 1px;
}

/* line 9, app/assets/stylesheets/shared/initial/text/_heading.scss */
.heading-marketing.no_top_margin {
  margin-top: 0;
}

/* line 19, app/assets/stylesheets/shared/initial/text/_heading.scss */
h1, .heading-01 {
  font-family: "Signika", sans-serif;
  font-size: 2.625rem;
  font-weight: 400;
  letter-spacing: -0.21px;
  line-height: 3.125rem;
  margin: 1rem 0 0.5rem 1px;
}

/* line 9, app/assets/stylesheets/shared/initial/text/_heading.scss */
h1.no_top_margin, .heading-01.no_top_margin {
  margin-top: 0;
}

/* line 23, app/assets/stylesheets/shared/initial/text/_heading.scss */
h2, .heading-02 {
  font-family: "Signika", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.5rem;
  margin: 1rem 0 0.5rem 1px;
}

/* line 9, app/assets/stylesheets/shared/initial/text/_heading.scss */
h2.no_top_margin, .heading-02.no_top_margin {
  margin-top: 0;
}

/* line 27, app/assets/stylesheets/shared/initial/text/_heading.scss */
h3:not(.tailwind-override), .heading-03 {
  font-family: "Signika", sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.25rem;
  margin: 1rem 0 0.5rem 1px;
}

/* line 9, app/assets/stylesheets/shared/initial/text/_heading.scss */
h3.no_top_margin:not(.tailwind-override), .heading-03.no_top_margin {
  margin-top: 0;
}

/* line 31, app/assets/stylesheets/shared/initial/text/_heading.scss */
h4, .heading-04 {
  font-family: "IBM Plex Sans", arial;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 600;
  line-height: 1.625rem;
  margin: 1rem 0 0.5rem 1px;
}

/* line 9, app/assets/stylesheets/shared/initial/text/_heading.scss */
h4.no_top_margin, .heading-04.no_top_margin {
  margin-top: 0;
}

/* line 35, app/assets/stylesheets/shared/initial/text/_heading.scss */
h5, .heading-05 {
  font-family: "IBM Plex Sans", arial;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 600;
  line-height: 1.375rem;
  margin: 1rem 0 0.5rem 1px;
}

/* line 9, app/assets/stylesheets/shared/initial/text/_heading.scss */
h5.no_top_margin, .heading-05.no_top_margin {
  margin-top: 0;
}

/* line 39, app/assets/stylesheets/shared/initial/text/_heading.scss */
.heading {
  padding: 3rem 1rem;
  background-color: #313949;
  color: white;
  width: auto;
  height: 144px;
}

/* line 46, app/assets/stylesheets/shared/initial/text/_heading.scss */
.heading.profil {
  background-image: url(https://emploi-paysdefalaise.keycooptsystem.com/assets/corgi/banners/profil_banner-7eccc38e742cae3166c57f1012dcc2c218ab3543f3f011cabd80c34a7a9692db.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 928px 144px;
}

/* line 1, app/assets/stylesheets/shared/initial/_align_flex.scss */
.row, .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 1rem 0 0;
}

/* line 6, app/assets/stylesheets/shared/initial/_align_flex.scss */
.row.for_form, .column.for_form {
  margin: 0% 3%;
}

/* line 10, app/assets/stylesheets/shared/initial/_align_flex.scss */
.row.with_space, .column.with_space {
  margin: 30px 0;
}

/* line 14, app/assets/stylesheets/shared/initial/_align_flex.scss */
.row.between, .column.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

/* line 18, app/assets/stylesheets/shared/initial/_align_flex.scss */
.row.around, .column.around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

/* line 22, app/assets/stylesheets/shared/initial/_align_flex.scss */
.row.start, .column.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

/* line 26, app/assets/stylesheets/shared/initial/_align_flex.scss */
.row.end, .column.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

/* line 30, app/assets/stylesheets/shared/initial/_align_flex.scss */
.row.mb-4, .column.mb-4 {
  margin-bottom: 1rem;
}

/* line 34, app/assets/stylesheets/shared/initial/_align_flex.scss */
.row.in_form, .column.in_form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 5px 3%;
}

/* line 40, app/assets/stylesheets/shared/initial/_align_flex.scss */
.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 44, app/assets/stylesheets/shared/initial/_align_flex.scss */
.column.centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 48, app/assets/stylesheets/shared/initial/_align_flex.scss */
.column.center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media (min-width: 1025px) {
  /* line 53, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .row {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  /* line 57, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .row.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  /* line 61, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .row.centered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  /* line 65, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .row.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
}

@media (max-width: 1024px) {
  /* line 53, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 73, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .row.end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  /* line 80, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .row.end {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}

/* line 86, app/assets/stylesheets/shared/initial/_align_flex.scss */
.inline_flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* line 89, app/assets/stylesheets/shared/initial/_align_flex.scss */
.inline_flex.centered {
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 95, app/assets/stylesheets/shared/initial/_align_flex.scss */
.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

@media (min-width: 1025px) {
  /* line 99, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .one_third {
    margin: 0 1%;
    width: 31.333%;
  }
  /* line 104, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .one_third:first-of-type {
    margin-left: 0;
  }
  /* line 107, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .one_third:last-of-type {
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  /* line 99, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .one_third {
    width: 100%;
  }
}

@media (min-width: 1025px) {
  /* line 116, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .two_third {
    margin: 0 1%;
    width: 64.666%;
  }
}

@media (max-width: 1024px) {
  /* line 116, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .two_third {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 1025px) {
  /* line 128, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .half {
    margin: 0 1%;
    width: 48%;
  }
}

@media (max-width: 1024px) {
  /* line 128, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .half {
    width: 100%;
  }
}

/* line 139, app/assets/stylesheets/shared/initial/_align_flex.scss */
.align-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

/* line 144, app/assets/stylesheets/shared/initial/_align_flex.scss */
.align-vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 149, app/assets/stylesheets/shared/initial/_align_flex.scss */
.align-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto !important;
}

/* line 154, app/assets/stylesheets/shared/initial/_align_flex.scss */
.align-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 159, app/assets/stylesheets/shared/initial/_align_flex.scss */
.bx--grid {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 1025px) {
  /* line 159, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .bx--grid {
    max-width: 1221px;
    width: 95%;
  }
}

@media (max-width: 1024px) {
  /* line 159, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .bx--grid {
    width: 100%;
  }
}

/* line 172, app/assets/stylesheets/shared/initial/_align_flex.scss */
.bx--grid.white {
  background-color: #fff;
  padding: 1.5rem;
}

@media (min-width: 1025px) {
  /* line 172, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .bx--grid.white {
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 0px 1px #cacaca;
    -moz-box-shadow: 0px 0px 0px 1px #cacaca;
    -ms-box-shadow: 0px 0px 0px 1px #cacaca;
    box-shadow: 0px 0px 0px 1px #cacaca;
  }
}

@media (max-width: 1024px) {
  /* line 172, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .bx--grid.white {
    margin: 0;
    padding: 1rem;
  }
}

/* line 188, app/assets/stylesheets/shared/initial/_align_flex.scss */
.bx--grid-limited {
  max-width: 1024px;
}

/* line 194, app/assets/stylesheets/shared/initial/_align_flex.scss */
.bx--row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 198, app/assets/stylesheets/shared/initial/_align_flex.scss */
.bx--row-border {
  border: 1px solid #cacaca;
  border-radius: 4px;
  margin: 1rem 0;
  padding: 1rem;
}

/* line 205, app/assets/stylesheets/shared/initial/_align_flex.scss */
.bx--row .row, .bx--row .column {
  margin: 0;
}

/* line 210, app/assets/stylesheets/shared/initial/_align_flex.scss */
.bx--row .bx--col-lg-4 .button {
  width: 100%;
}

@media (max-width: 767px) {
  /* line 217, app/assets/stylesheets/shared/initial/_align_flex.scss */
  .bx--row .bx--col-sm-4 .button {
    margin: 5px 0;
    width: 100%;
  }
}

/* line 6, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  border-radius: 0;
  font-family: 'Signika', sans-serif;
  margin: 0;
  max-width: inherit;
}

@media (min-width: 1025px) {
  /* line 6, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title {
    padding: 1rem 2rem;
  }
}

@media (max-width: 1024px) {
  /* line 6, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title {
    padding: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 6, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}

/* line 29, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  font-size: 1.75rem;
  color: #000;
  text-transform: inherit;
  line-height: 2.3rem;
  margin: 0;
  text-transform: inherit;
}

/* line 41, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__text-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  color: #000;
  font-size: 1.75rem;
  line-height: 2.3rem;
  position: relative;
  padding-right: 67px;
  max-width: 81%;
}

/* line 52, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__text-tag .tag {
  position: absolute;
  right: -10px;
  top: 0;
}

@media (max-width: 767px) {
  /* line 41, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title__text-tag {
    position: relative;
    width: 100%;
  }
}

/* line 64, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__icon {
  display: inline-block;
  height: 30px;
  width: 30px;
  margin-right: 8px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.page-title__icon svg {
  fill: #000;
  height: 100%;
  width: 100%;
}

/* line 68, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__icon .mask-color {
  fill: var(--primary-color);
  opacity: .8;
}

@media (max-width: 1024px) {
  /* line 74, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title__icon.icon {
    display: none;
  }
}

/* line 80, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__drawn-icon.icon {
  display: inline-block;
  height: 60px;
  width: 60px;
  margin-right: 8px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.page-title__drawn-icon.icon svg {
  fill: #000;
  height: 100%;
  width: 100%;
}

/* line 84, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__drawn-icon.icon .mask-color {
  fill: var(--primary-color);
  opacity: .8;
}

/* line 91, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__small_desc {
  font-size: 1rem;
  color: #93989c;
  font-weight: 400;
  margin-top: 5px;
  width: 100%;
  line-height: 1.6rem;
}

/* line 100, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__uppercase {
  text-transform: uppercase;
}

/* line 104, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__border {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: inherit;
}

/* line 112, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title__border:after {
  content: "";
  border-bottom: 2px solid var(--primary-very-light);
  margin-top: 10px;
  width: 60px;
}

/* line 120, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title.innactive {
  color: #93989c;
}

/* line 123, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title.innactive:after {
  border-color: #93989c;
}

/* line 130, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-left: 20px;
  height: 99px;
}

/* line 136, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.header-title h1 {
  font-size: 2rem;
  max-width: 1221px;
  margin: 0 auto;
  width: 100%;
}

/* line 143, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.header-title.blue {
  background: #9ec8ff url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/svg_header/maskrecompenses-07487195fd686fb282aecbb3ce23360b9739f985ef904174c8ac271e015adf71.svg) no-repeat 125% 35%;
}

/* line 146, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.header-title.blue h1 {
  color: #006cfa;
}

/* line 151, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.header-title.yellow {
  background: #fff1cc url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/svg_header/maskrecompenses-07487195fd686fb282aecbb3ce23360b9739f985ef904174c8ac271e015adf71.svg) no-repeat 125% 35%;
}

/* line 154, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.header-title.yellow h1 {
  color: #ffba00;
}

@media (min-width: 1446px) {
  /* line 151, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .header-title.yellow {
    background-position: 111% 35%;
  }
}

/* line 164, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-select--with-block {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  width: 100%;
}

/* line 171, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-select--with-block .page-select__select {
  margin-right: 20px;
  width: 27%;
}

/* line 176, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-select--with-block .page-select__picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 33%;
}

/* line 182, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-select--with-block .page-select__picture .signee_block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 188, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-select--with-block .picture_block {
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
  width: 40px;
}

/* line 196, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-select--with-block .picture_block img {
  height: 40px;
  width: 40px;
}

/* line 202, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-select--with-block .page-title__button {
  margin-left: auto;
}

@media (min-width: 1025px) {
  /* line 207, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title__text-and-button {
    width: 75%;
  }
}

@media (max-width: 1024px) {
  /* line 207, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title__text-and-button {
    width: 100%;
  }
}

/* line 220, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--with-icon-button .page-title__icon-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

@media (min-width: 1025px) {
  /* line 220, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title--with-icon-button .page-title__icon-button {
    margin-left: auto;
  }
}

@media (max-width: 1024px) {
  /* line 220, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title--with-icon-button .page-title__icon-button {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0;
  }
  /* line 234, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title--with-icon-button .page-title__icon-button .button {
    margin: 5px;
  }
}

/* line 242, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--with-button .page-title__button {
  margin-left: auto;
}

@media (max-width: 767px) {
  /* line 242, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title--with-button .page-title__button {
    margin-left: 0;
  }
}

/* line 249, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--with-button .page-title__button .button {
  margin-right: 10px;
}

@media (max-width: 767px) {
  /* line 249, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title--with-button .page-title__button .button {
    margin-top: 1rem;
  }
}

/* line 256, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--with-button .page-title__button .button:last-child {
  margin-right: 0;
}

/* line 265, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--with-search .page-title__search-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1025px) {
  /* line 265, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title--with-search .page-title__search-bar {
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  /* line 265, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title--with-search .page-title__search-bar {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}

/* line 277, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--with-search .page-title__search-bar .simple-search__field {
  width: auto;
}

@media (max-width: 767px) {
  /* line 277, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title--with-search .page-title__search-bar .simple-search__field {
    margin: 5px 0;
    order: 1;
  }
}

/* line 287, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--with-search .page-title__button {
  margin-right: 8px;
}

@media (max-width: 767px) {
  /* line 287, app/assets/stylesheets/shared/initial/text/_title_head.scss */
  .page-title--with-search .page-title__button {
    margin: 5px 0;
    order: 2;
    width: 100%;
  }
}

/* line 300, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--with-picture .page-title__picture {
  margin-left: auto;
}

/* line 305, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--configure-parameters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #93989c;
  margin-left: auto;
  text-decoration: none;
}

/* line 312, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--configure-parameters .icon {
  margin-left: 10px;
}

/* line 315, app/assets/stylesheets/shared/initial/text/_title_head.scss */
.page-title--configure-parameters .icon svg {
  fill: #93989c;
}

/* line 1, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 5, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.h2__title {
  font-weight: normal;
  margin-top: .8em;
  margin-bottom: .8em;
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
}

/* line 13, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.h2__title-no-margin {
  margin-top: 0;
}

/* line 17, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.h2__title h2 {
  margin-bottom: .8em;
  position: relative;
}

/* line 21, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.h2__title h2:before {
  content: "";
  border-bottom: 2px solid var(--primary-color);
  bottom: -12px;
  left: 0;
  position: absolute;
  width: 100px;
}

/* line 30, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.h2__title .subtitle {
  font-size: 0.875rem;
}

@media (max-width: 1024px) {
  /* line 34, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
  .h2__title.row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 38, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
  .h2__title.row .button {
    width: 100%;
  }
}

/* line 46, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.section__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 1rem auto;
  max-width: 1221px;
  width: 95%;
}

@media (min-width: 1446px) {
  /* line 46, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
  .section__title {
    padding: 0;
  }
}

/* line 58, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.section__title h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #006cfa;
}

/* line 65, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.overlined__title {
  background-color: #f1f1f1;
  color: #3f3f3f;
  font-weight: normal;
  font-size: 0.75rem;
  letter-spacing: 2px;
  margin: 2rem 0 1.5rem 0;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
}

/* line 75, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.overlined__title .link, .overlined__title .link:visited {
  color: #93989c;
  text-decoration-color: #93989c;
}

/* line 80, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.overlined__title.first-element {
  margin-top: 0;
}

/* line 85, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.block__title {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 89, app/assets/stylesheets/shared/initial/text/_title_inside.scss */
.block__title .icon.icon_detail {
  margin-top: -7px;
  margin-right: 0.5rem;
}

/* line 1, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband {
  max-width: 1221px;
  padding: 0 1rem;
  margin: 1rem auto 0 auto;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/shared/initial/_grid_template.scss */
  .grid-template__headband {
    border-radius: 0;
    padding: 0 0;
    margin: 1rem auto 1rem auto;
  }
}

/* line 12, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 1rem;
  margin: 0 0.5rem;
  background-color: #1f2532;
}

/* line 21, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband-top h2 {
  color: #fff;
}

/* line 25, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband-top .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  color: #fff;
}

/* line 31, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband-top .link svg {
  fill: #fff;
}

/* line 35, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband-top .link:visited {
  color: #fff;
  text-decoration-color: #fff;
}

/* line 40, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband-top .link:hover {
  color: #d9d9d9;
  text-decoration-color: #d9d9d9;
}

/* line 44, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband-top .link:hover svg {
  fill: #d9d9d9;
}

/* line 50, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband-top .profile-picture.small {
  background-color: #fff;
  border-radius: 50%;
}

/* line 56, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband .info__bar {
  margin: 0;
  padding: 0 0.5rem;
  font-size: 0.75rem;
}

/* line 63, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband .info__bar .figures:first-child {
  border-top-left-radius: 0;
}

/* line 67, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__headband .info__bar .figures:last-child {
  border-top-right-radius: 0;
}

/* line 74, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__container {
  display: grid;
  grid-template-columns: [left] 70% [right] 30%;
  max-width: 1221px;
  width: 100%;
}

/* line 80, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__container .aside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 86, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__container .grid-template__presentation .link--info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 0.5rem;
}

@media (min-width: 1025px) {
  /* line 74, app/assets/stylesheets/shared/initial/_grid_template.scss */
  .grid-template__container {
    margin: 0 auto;
    padding: 24px 1rem;
  }
  /* line 97, app/assets/stylesheets/shared/initial/_grid_template.scss */
  .grid-template__container .aside {
    grid-row-start: 1;
    grid-row-end: span 1000;
    grid-column: right;
  }
}

@media (max-width: 1024px) {
  /* line 74, app/assets/stylesheets/shared/initial/_grid_template.scss */
  .grid-template__container {
    grid-template-columns: 100%;
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 767px) {
  /* line 111, app/assets/stylesheets/shared/initial/_grid_template.scss */
  .grid-template__container .edit_link {
    display: none;
  }
}

/* line 118, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__job .button {
  margin: 0.5rem 0;
  width: 100%;
}

/* line 124, app/assets/stylesheets/shared/initial/_grid_template.scss */
.button__grid_presentation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 0.5rem 0;
}

/* line 129, app/assets/stylesheets/shared/initial/_grid_template.scss */
.button__grid_presentation .button {
  margin: 0.5rem 0;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 124, app/assets/stylesheets/shared/initial/_grid_template.scss */
  .button__grid_presentation {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* line 139, app/assets/stylesheets/shared/initial/_grid_template.scss */
.job_offer_button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 143, app/assets/stylesheets/shared/initial/_grid_template.scss */
.job_offer_button .button {
  margin: 0.5rem 0;
  width: 100%;
}

/* line 149, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__delete {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

/* line 154, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__broadcast {
  background-color: #f1f1f1;
  border-radius: 4px;
  padding: 1rem;
  margin-top: 0.5rem;
  font-weight: bold;
}

/* line 161, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__broadcast hr {
  border-color: #fff;
}

/* line 165, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__broadcast .numbers {
  margin-left: auto;
  font-size: 1.25rem;
  text-align: right;
}

/* line 174, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__published.successful_candidacy, .grid-template__published.draft {
  background-color: #f1f1f1;
  border-left: 4px solid #3f3f3f;
}

/* line 180, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__published.published, .grid-template__published.sent {
  background-color: #e9f7ed;
  border-left: 4px solid #42BE65;
}

/* line 186, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__published.paused {
  background-color: #f0f6ff;
  border-left: 4px solid #006cfa;
}

/* line 191, app/assets/stylesheets/shared/initial/_grid_template.scss */
.grid-template__published.closed {
  background-color: #fdf0f1;
  border-left: 4px solid #DA1E28;
}

/* line 1, app/assets/stylesheets/shared/initial/_base.scss */
* {
  box-sizing: border-box;
  font-family: 'IBM Plex Sans', 'Arial', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}

/* line 10, app/assets/stylesheets/shared/initial/_base.scss */
html {
  height: 100%;
}

/* line 14, app/assets/stylesheets/shared/initial/_base.scss */
body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f1f1f1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #3f3f3f;
  font: 16px/1em 'IBM Plex Sans', 'Arial', sans-serif;
  min-height: 100vh;
  line-height: 1.5rem;
}

/* line 35, app/assets/stylesheets/shared/initial/_base.scss */
.hide {
  display: none;
}

/* line 39, app/assets/stylesheets/shared/initial/_base.scss */
p {
  font-size: 1rem;
  margin: 1rem 0;
}

/* line 43, app/assets/stylesheets/shared/initial/_base.scss */
p span, p.stronger {
  font-weight: 700;
}

/* line 49, app/assets/stylesheets/shared/initial/_base.scss */
.logo {
  background-image: var(--logo-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  font-weight: bold;
  height: 60px;
  margin: 5px auto;
  outline: none;
  padding: 0;
  text-indent: -9000px;
  width: 280px;
}

/***********************************************************
 * FOOTER
 *
 */
/* line 68, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) {
  background: #1f2532;
}

/* line 71, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer {
  display: -ms-grid;
  display: grid;
  color: #6e6e6e;
  font-size: 0.875rem;
  max-width: 1221px;
  margin: 0 auto;
  padding: 1rem 2rem 2rem;
  position: relative;
  width: 95%;
}

/* line 83, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-column {
  font-size: 0.875rem;
  margin-right: 2rem;
}

/* line 87, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-column .column {
  color: #fff;
  font-size: 0.875rem;
  margin-left: 1rem;
}

/* line 92, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-column .column .footer__button {
  background-color: transparent;
  border-radius: 4px;
  border: 2px solid #fff;
  margin-top: 1rem;
  padding: 0.5rem;
  width: max-content;
}

/* line 101, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-column .column a {
  color: #fff;
  padding-bottom: 5px;
  text-decoration: none;
}

@media (min-width: 1025px) {
  /* line 110, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-column.contact {
    -ms-grid-column: 2;
    -ms-grid-column-span: 0;
    grid-column: 2 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-row: 1 / 1;
  }
  /* line 115, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-column.margin {
    -ms-grid-column: 3;
    -ms-grid-column-span: 0;
    grid-column: 3 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-row: 1 / 1;
    margin-top: 1rem;
  }
  /* line 121, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-column.last {
    -ms-grid-column: 4;
    -ms-grid-column-span: 0;
    grid-column: 4 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-row: 1 / 1;
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  /* line 129, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-column.contact {
    -ms-grid-column: 1;
    -ms-grid-column-span: 0;
    grid-column: 1 / 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-row: 2 / 2;
  }
  /* line 134, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-column.margin {
    -ms-grid-column: 2;
    -ms-grid-column-span: 0;
    grid-column: 2 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-row: 1 / 1;
    margin-top: 1rem;
  }
  /* line 140, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-column.last {
    -ms-grid-column: 2;
    -ms-grid-column-span: 0;
    grid-column: 2 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-row: 2 / 2;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  /* line 148, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-column.contact {
    -ms-grid-column: 1;
    -ms-grid-column-span: 0;
    grid-column: 1 / 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-row: 2 / 2;
  }
  /* line 153, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-column.margin {
    -ms-grid-column: 1;
    -ms-grid-column-span: 0;
    grid-column: 1 / 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 0;
    grid-row: 3 / 3;
    margin-top: 1rem;
  }
  /* line 159, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-column.last {
    -ms-grid-column: 1;
    -ms-grid-column-span: 0;
    grid-column: 1 / 1;
    -ms-grid-row: 4;
    -ms-grid-row-span: 0;
    grid-row: 4 / 4;
    margin-right: 0;
  }
}

/* line 167, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-logo {
  background-color: #fff;
  border-radius: 20px;
  padding: 1rem;
  margin-top: 1rem;
}

@media (min-width: 1025px) {
  /* line 167, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-logo {
    width: 241px;
  }
}

@media (max-width: 767px) {
  /* line 167, app/assets/stylesheets/shared/initial/_base.scss */
  footer:not(.tailwind-override) .footer__content-logo {
    width: 100%;
  }
}

/* line 180, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-logo a {
  width: 100%;
}

/* line 185, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-bottom {
  background-color: #000;
}

/* line 188, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-bottom .lng__selector {
  padding: 1rem 2rem;
}

/* line 191, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-bottom .lng__selector .menu {
  background-color: #000;
  color: #fff;
  bottom: 62px;
  top: inherit;
}

/* line 198, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-bottom .lng__selector .lng__select {
  color: #fff;
}

/* line 201, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-bottom .lng__selector .lng__select .icon svg {
  fill: #fff;
}

/* line 208, app/assets/stylesheets/shared/initial/_base.scss */
footer:not(.tailwind-override) .footer__content-langage {
  margin: 0 auto;
  max-width: 1221px;
  width: 95%;
}

/* line 1, app/assets/stylesheets/shared/elements/_icon.scss */
.icon {
  display: inline-block;
  height: 35px;
  width: 35px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.icon svg {
  fill: #93989c;
  height: 100%;
  width: 100%;
}

/* line 5, app/assets/stylesheets/shared/elements/_icon.scss */
.icon.with_r_margin {
  margin-right: 8px;
}

/* line 9, app/assets/stylesheets/shared/elements/_icon.scss */
.icon.with_l_margin {
  margin-left: 8px;
}

/* line 13, app/assets/stylesheets/shared/elements/_icon.scss */
.icon.medium--icon {
  height: 55px;
  width: 55px;
}

/* line 17, app/assets/stylesheets/shared/elements/_icon.scss */
.icon.medium--icon svg {
  height: 55px;
  width: 55px;
}

/* line 24, app/assets/stylesheets/shared/elements/_icon.scss */
.icon_lng {
  height: 28px;
  margin: 0;
  width: 28px;
}

/* line 30, app/assets/stylesheets/shared/elements/_icon.scss */
.rotate_45_deg {
  transform: rotate(45deg);
}

/* line 35, app/assets/stylesheets/shared/elements/_icon.scss */
.arrow_right {
  transform: rotate(270deg);
}

/* line 41, app/assets/stylesheets/shared/elements/_icon.scss */
.picto_bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
  transform: rotate(180deg);
}

/* line 48, app/assets/stylesheets/shared/elements/_icon.scss */
.picto_bottom.icon {
  height: 25px;
  width: 25px;
}

/* line 53, app/assets/stylesheets/shared/elements/_icon.scss */
.picto_bottom.rotate {
  transform: rotate(0deg);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.094, 0.54, 0.07);
  transition-delay: initial;
  transition-property: all;
}

/* line 1, app/assets/stylesheets/shared/elements/_dot.scss */
.dot {
  background-color: var(--primary-color);
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
  height: 5px;
  vertical-align: middle;
  width: 5px;
}

/* line 4, app/assets/stylesheets/shared/elements/menu_burger_icon.scss */
.menu-mobile {
  display: none;
  height: 21.6px;
  position: relative;
  width: 30px;
}

/* line 10, app/assets/stylesheets/shared/elements/menu_burger_icon.scss */
.menu-mobile span {
  position: absolute;
  transform: rotate(0deg);
  transition: all 250ms ease-in-out;
  width: 100%;
}

/* line 17, app/assets/stylesheets/shared/elements/menu_burger_icon.scss */
.menu-mobile span:nth-child(1) {
  background-color: #000;
  border-radius: 7px;
  height: 2px;
  top: 0.9375px;
}

/* line 24, app/assets/stylesheets/shared/elements/menu_burger_icon.scss */
.menu-mobile span:nth-child(2),
.menu-mobile span:nth-child(3) {
  background-color: #000;
  border-radius: 7px;
  height: 2px;
  top: 9.375px;
}

/* line 32, app/assets/stylesheets/shared/elements/menu_burger_icon.scss */
.menu-mobile span:nth-child(4) {
  background-color: #000;
  border-radius: 7px;
  height: 2px;
  top: 18.75px;
}

/* line 40, app/assets/stylesheets/shared/elements/menu_burger_icon.scss */
.menu-mobile.is-active span:nth-child(1), .menu-mobile.is-active span:nth-child(4) {
  opacity: 0;
}

/* line 45, app/assets/stylesheets/shared/elements/menu_burger_icon.scss */
.menu-mobile.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

/* line 49, app/assets/stylesheets/shared/elements/menu_burger_icon.scss */
.menu-mobile.is-active span:nth-child(3) {
  top: 9.375px;
  transform: rotate(-45deg);
}

/* line 1, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector {
  position: relative;
  min-width: 150px;
  width: 15%;
}

/* line 6, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector.sessions {
  position: absolute;
  left: 10px;
  top: 10px;
}

/* line 13, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector:hover .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 18, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector .lng__select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #000;
  font-weight: bold;
  height: 30px;
  padding: 2px 0 0 10px;
  text-align: left;
}

/* line 27, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector .lng__select .icon {
  margin-right: 0.5rem;
  height: 21px;
  width: 21px;
}

/* line 32, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector .lng__select .icon svg {
  fill: #000;
}

/* line 38, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  color: #000;
  display: none;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0 0 0 39px;
  position: absolute;
  text-align: left;
  top: 26px;
  z-index: 100;
  width: 100%;
}

/* line 54, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector .menu li {
  font-weight: bold;
  list-style: none;
  margin: 10px 0;
}

/* line 59, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector .menu li a, .lng__selector .menu li span {
  color: inherit;
  display: block;
  height: 100%;
  margin-left: 0;
  text-decoration: none;
  width: 100%;
}

/* line 68, app/assets/stylesheets/shared/elements/_language_menu.scss */
.lng__selector .menu li.flag {
  display: block;
}

/* line 1, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* line 8, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination a, .pagination span, .pagination .page {
  background-color: #fff;
  border-radius: 4px;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 1rem;
  margin: 0 5px;
}

/* line 17, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination span, .pagination .page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #fff;
  color: #93989c;
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
}

@media (max-width: 1024px) {
  /* line 17, app/assets/stylesheets/shared/elements/_paginate.scss */
  .pagination span, .pagination .page {
    padding: 10px;
    min-width: inherit;
  }
}

/* line 33, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination .page.current {
  color: #000;
}

/* line 37, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination .prev {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-size: 8%;
  background: #fff url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/arrow_left-80ce94e42ef0f99ea832a70824f9c9d0dcb5568952a565f0f7f75c44c618d3ea.svg) no-repeat 10% center;
  color: #93989c;
  padding: 10px 15px 10px 30px;
}

@media (max-width: 1024px) {
  /* line 37, app/assets/stylesheets/shared/elements/_paginate.scss */
  .pagination .prev {
    display: none;
  }
}

/* line 51, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination .next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-size: 8%;
  background: #fff url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/arrow_right-42bf43ecaeee6a6f440398d30def634ab569deb191552dfb9b486f589ff53c3c.svg) no-repeat 90% center;
  color: #93989c;
  padding: 10px 30px 10px 15px;
  text-align: right;
}

@media (max-width: 1024px) {
  /* line 51, app/assets/stylesheets/shared/elements/_paginate.scss */
  .pagination .next {
    display: none;
  }
}

/* line 66, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination .first {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-size: 30%;
  background: #fff url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/arrow_left-80ce94e42ef0f99ea832a70824f9c9d0dcb5568952a565f0f7f75c44c618d3ea.svg) no-repeat 21px center;
  padding: 10px 26px 10px 15px;
  position: relative;
  width: 15px;
}

/* line 76, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination .first:before {
  content: "";
  background: #fff url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/arrow_left-80ce94e42ef0f99ea832a70824f9c9d0dcb5568952a565f0f7f75c44c618d3ea.svg) no-repeat 0 center;
  display: block;
  height: 20px;
  position: absolute;
  width: 15px;
}

/* line 86, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination .last {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-size: 30%;
  background: #fff url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/arrow_right-42bf43ecaeee6a6f440398d30def634ab569deb191552dfb9b486f589ff53c3c.svg) no-repeat 5px center;
  padding: 10px 15px 10px 26px;
  position: relative;
  width: 15px;
}

/* line 96, app/assets/stylesheets/shared/elements/_paginate.scss */
.pagination .last:after {
  content: "";
  background: #fff url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/arrow_right-42bf43ecaeee6a6f440398d30def634ab569deb191552dfb9b486f589ff53c3c.svg) no-repeat 0 center;
  display: block;
  height: 20px;
  position: absolute;
  width: 15px;
}

/* line 1, app/assets/stylesheets/shared/components/_buttons.scss */
.button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  background-position: center;
  background-color: #ededed;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #b1b1b1;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: bold;
  height: max-content;
  letter-spacing: .03rem;
  line-height: inherit;
  margin-right: 5px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.8s;
  white-space: normal;
  width: max-content;
  word-wrap: break-word;
  max-width: 100%;
  padding: 11px 0.5rem;
}

/* line 28, app/assets/stylesheets/shared/mixin/_button.scss */
.button--small {
  padding: 3px 0.5rem;
}

/* line 31, app/assets/stylesheets/shared/mixin/_button.scss */
.button--small .icon {
  height: 25px;
  width: 25px;
}

/* line 37, app/assets/stylesheets/shared/mixin/_button.scss */
.button--big {
  padding: 15px;
}

/* line 42, app/assets/stylesheets/shared/mixin/_button.scss */
.button .icon svg {
  fill: #b1b1b1;
}

/* line 5, app/assets/stylesheets/shared/components/_buttons.scss */
.button--width100 {
  width: 100% !important;
}

/* line 9, app/assets/stylesheets/shared/components/_buttons.scss */
.button--icon {
  padding: 6px 5px 5px;
}

/* line 13, app/assets/stylesheets/shared/components/_buttons.scss */
.button--text-icon {
  padding: 2px 8px 1px 3px;
}

/* line 17, app/assets/stylesheets/shared/components/_buttons.scss */
.button--margin {
  margin: 0 10px;
}

/* line 21, app/assets/stylesheets/shared/components/_buttons.scss */
.button--margin-right {
  margin-right: 10px;
}

/* line 25, app/assets/stylesheets/shared/components/_buttons.scss */
.button--margin-auto {
  margin: 20px auto 10px !important;
}

/* line 29, app/assets/stylesheets/shared/components/_buttons.scss */
.button--margin-left {
  margin-left: 10px;
}

/* line 33, app/assets/stylesheets/shared/components/_buttons.scss */
.button--aligned-right {
  margin-left: auto;
}

/* line 37, app/assets/stylesheets/shared/components/_buttons.scss */
.button--margin-top {
  margin-top: 5px;
}

/* line 41, app/assets/stylesheets/shared/components/_buttons.scss */
.button--margin-bottom {
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  /* line 46, app/assets/stylesheets/shared/components/_buttons.scss */
  .button.btn_upload {
    width: 100%;
  }
}

/* line 51, app/assets/stylesheets/shared/components/_buttons.scss */
.button.end {
  margin-left: auto;
}

/* line 55, app/assets/stylesheets/shared/components/_buttons.scss */
.button.special_top_margin {
  margin: 20px 0 10px;
}

/* line 59, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level1 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  background-position: center;
  background-color: #006cfa;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: bold;
  height: max-content;
  letter-spacing: .03rem;
  line-height: inherit;
  margin-right: 5px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.8s;
  white-space: normal;
  width: max-content;
  word-wrap: break-word;
  max-width: 100%;
}

/* line 28, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level1--small {
  padding: 3px 0.5rem;
}

/* line 31, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level1--small .icon {
  height: 25px;
  width: 25px;
}

/* line 37, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level1--big {
  padding: 15px;
}

/* line 42, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level1 .icon svg {
  fill: #fff;
}

/* line 62, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level1:hover {
  background: #0353e9;
}

/* line 66, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level1:active {
  background-color: #0353e9;
  background-size: 100%;
  transition: background 0s;
}

/* line 73, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  background-position: center;
  background-color: #252525;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: bold;
  height: max-content;
  letter-spacing: .03rem;
  line-height: inherit;
  margin-right: 5px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.8s;
  white-space: normal;
  width: max-content;
  word-wrap: break-word;
  max-width: 100%;
}

/* line 28, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level2--small {
  padding: 3px 0.5rem;
}

/* line 31, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level2--small .icon {
  height: 25px;
  width: 25px;
}

/* line 37, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level2--big {
  padding: 15px;
}

/* line 42, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level2 .icon svg {
  fill: #fff;
}

/* line 76, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level2:hover {
  background: #4c4c4c;
}

/* line 80, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level2:active {
  background-color: #4c4c4c;
  background-size: 100%;
  transition: background 0s;
}

/* line 87, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level3 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  background-position: center;
  background-color: #e0e0e0;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #3f3f3f;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: bold;
  height: max-content;
  letter-spacing: .03rem;
  line-height: inherit;
  margin-right: 5px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.8s;
  white-space: normal;
  width: max-content;
  word-wrap: break-word;
  max-width: 100%;
}

/* line 28, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level3--small {
  padding: 3px 0.5rem;
}

/* line 31, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level3--small .icon {
  height: 25px;
  width: 25px;
}

/* line 37, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level3--big {
  padding: 15px;
}

/* line 42, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level3 .icon svg {
  fill: #3f3f3f;
}

/* line 90, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level3:hover {
  background: #cacaca;
}

/* line 94, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level3:active {
  background-color: #cacaca;
  background-size: 100%;
  transition: background 0s;
}

/* line 101, app/assets/stylesheets/shared/components/_buttons.scss */
.button--level4 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  background-position: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #3f3f3f;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: bold;
  height: max-content;
  letter-spacing: .03rem;
  line-height: inherit;
  margin-right: 5px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.8s;
  white-space: normal;
  width: max-content;
  word-wrap: break-word;
  max-width: 100%;
  border: 2px solid #3f3f3f;
  padding: 10px 0.5rem;
}

/* line 28, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level4--small {
  padding: 3px 0.5rem;
}

/* line 31, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level4--small .icon {
  height: 25px;
  width: 25px;
}

/* line 37, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level4--big {
  padding: 15px;
}

/* line 42, app/assets/stylesheets/shared/mixin/_button.scss */
.button--level4 .icon svg {
  fill: #3f3f3f;
}

/* line 107, app/assets/stylesheets/shared/components/_buttons.scss */
.button--breadcrumb {
  background-color: #fff;
  border-radius: 100px;
  color: #000;
  margin-right: 20px;
  padding: 0;
  position: relative;
  border: 1px solid #93989c;
}

/* line 116, app/assets/stylesheets/shared/components/_buttons.scss */
.button--breadcrumb:before {
  content: url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/dropdown-b746203cfea2f106c7576f81ed5e008caada5ef312d63b6183b230ef7a9c5af7.svg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  display: inline-block;
  height: 40px;
  transform: rotate(92deg);
  width: 40px;
}

/* line 126, app/assets/stylesheets/shared/components/_buttons.scss */
.button--breadcrumb:hover, .button--breadcrumb:focus:not(:focus-visible) {
  background-color: #f1f1f1;
}

/* line 131, app/assets/stylesheets/shared/components/_buttons.scss */
.button--breadcrumb_text {
  background-color: #fff;
  border-radius: 100px;
  color: #000;
  padding: 3px 15px 3px 0;
  margin-right: 20px;
  position: relative;
  border: 1px solid #93989C;
}

/* line 140, app/assets/stylesheets/shared/components/_buttons.scss */
.button--breadcrumb_text:before {
  content: url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/dropdown-b746203cfea2f106c7576f81ed5e008caada5ef312d63b6183b230ef7a9c5af7.svg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  display: inline-block;
  height: 40px;
  transform: rotate(92deg);
  width: 40px;
}

/* line 150, app/assets/stylesheets/shared/components/_buttons.scss */
.button--breadcrumb_text:hover {
  background-color: #f1f1f1;
}

/* line 156, app/assets/stylesheets/shared/components/_buttons.scss */
.button:disabled, .button.inactive {
  background-color: #6c7276;
  cursor: default;
}

/* line 162, app/assets/stylesheets/shared/components/_buttons.scss */
.button:disabled .icon svg, .button.inactive .icon svg {
  fill: white;
}

/* line 169, app/assets/stylesheets/shared/components/_buttons.scss */
.container__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #ededed;
  padding-top: 30px;
  margin: 30px auto;
  width: 100%;
}

/* line 179, app/assets/stylesheets/shared/components/_buttons.scss */
.container__button .end {
  margin-left: auto;
}

/* line 183, app/assets/stylesheets/shared/components/_buttons.scss */
.container__button.centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media (max-width: 1024px) {
  /* line 169, app/assets/stylesheets/shared/components/_buttons.scss */
  .container__button {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 190, app/assets/stylesheets/shared/components/_buttons.scss */
  .container__button .button {
    margin: 10px 0 0 0;
    width: 100%;
  }
}

/* line 197, app/assets/stylesheets/shared/components/_buttons.scss */
.block__button {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  align-items: space-between;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f1f1f1;
  border-radius: 4px;
  height: 100%;
  padding: 20px 15px 10px 20px;
}

/* line 208, app/assets/stylesheets/shared/components/_buttons.scss */
.block__button .button {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 1025px) {
  /* line 197, app/assets/stylesheets/shared/components/_buttons.scss */
  .block__button {
    width: 25%;
  }
}

@media (max-width: 1024px) {
  /* line 197, app/assets/stylesheets/shared/components/_buttons.scss */
  .block__button {
    width: 100%;
  }
}

/* line 221, app/assets/stylesheets/shared/components/_buttons.scss */
#advanced-search-opener {
  padding-left: 28px;
  position: relative;
}

/* line 225, app/assets/stylesheets/shared/components/_buttons.scss */
#advanced-search-opener:before {
  content: attr(data-before);
  font-size: 1.5rem;
  left: 10px;
  margin-right: 15px;
  position: absolute;
}

/* line 1, app/assets/stylesheets/shared/components/_links.scss */
.link {
  color: #3f3f3f;
  cursor: pointer;
  margin-right: 5px;
  text-decoration-color: #3f3f3f;
  text-decoration: underline;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/shared/components/_links.scss */
  .link .icon {
    display: none;
  }
}

/* line 14, app/assets/stylesheets/shared/components/_links.scss */
.link.end {
  text-align: right;
  margin-right: 0;
}

/* line 19, app/assets/stylesheets/shared/components/_links.scss */
.link:visited {
  color: #3f3f3f;
}

/* line 22, app/assets/stylesheets/shared/components/_links.scss */
.link:hover {
  color: #157aff;
  text-decoration-color: #006cfa;
}

/* line 27, app/assets/stylesheets/shared/components/_links.scss */
.link--info {
  color: #006cfa;
  text-decoration-color: #006cfa;
}

/* line 31, app/assets/stylesheets/shared/components/_links.scss */
.link--info:visited, .link--info:hover {
  color: #157aff;
}

/* line 36, app/assets/stylesheets/shared/components/_links.scss */
.link--info .icon {
  height: 30px;
  width: 30px;
}

/* line 40, app/assets/stylesheets/shared/components/_links.scss */
.link--info .icon svg {
  fill: #006cfa;
}

/* line 45, app/assets/stylesheets/shared/components/_links.scss */
.link--info_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  line-height: 1.75rem;
}

/* line 52, app/assets/stylesheets/shared/components/_links.scss */
.link--no-border {
  text-decoration: none;
}

/* line 56, app/assets/stylesheets/shared/components/_links.scss */
.link--sanitized {
  display: block;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}

/* line 65, app/assets/stylesheets/shared/components/_links.scss */
.link--with_margin {
  margin: 0 10px;
}

/* line 69, app/assets/stylesheets/shared/components/_links.scss */
.link--5_left {
  margin-left: 5px;
}

/* line 73, app/assets/stylesheets/shared/components/_links.scss */
.link--with_margin_bottom {
  margin-bottom: 0.5rem;
}

/* line 77, app/assets/stylesheets/shared/components/_links.scss */
.link--with_margin_top {
  margin-top: 0.5rem;
}

/* line 81, app/assets/stylesheets/shared/components/_links.scss */
.link--black {
  color: #000;
}

/* line 85, app/assets/stylesheets/shared/components/_links.scss */
.link--edit {
  background: transparent url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/pen-c7c5bcb4d7e3840b123a9c96e92f86c61380c2874da967d8fc4c9844ac24ab63.svg) no-repeat 0 0;
  background-size: 30px 30px;
  color: #000;
  font-size: 0.875rem;
  padding-left: 28px;
  margin-left: 10px;
  line-height: 30px;
}

/* line 95, app/assets/stylesheets/shared/components/_links.scss */
.link--no-margin {
  margin: 0;
}

/* line 99, app/assets/stylesheets/shared/components/_links.scss */
.link--0_left {
  margin-left: 0;
}

/* line 104, app/assets/stylesheets/shared/components/_links.scss */
.canceled_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: transparent;
  border: 0;
  color: #DA1E28;
  cursor: pointer;
  margin-right: 20px;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: underline;
}

/* line 116, app/assets/stylesheets/shared/components/_links.scss */
.canceled_link.inactive {
  cursor: help;
  color: #cacaca;
}

/* line 121, app/assets/stylesheets/shared/components/_links.scss */
.canceled_link.inactive .icon svg {
  fill: #cacaca;
}

/* line 128, app/assets/stylesheets/shared/components/_links.scss */
.canceled_link .icon svg {
  fill: #DA1E28;
}

/* line 23, app/assets/stylesheets/shared/components/form/_input.scss */
input[type="color"]:not(.tailwind-override),
input[type="date"]:not(.tailwind-override),
input[type="email"]:not(.tailwind-override),
input[type="number"]:not(.tailwind-override),
input[type="password"]:not(.tailwind-override),
input[type="search"]:not(.tailwind-override),
input[type="tel"]:not(.tailwind-override),
input[type="text"]:not(.tailwind-override),
input[type="time"]:not(.tailwind-override),
input[type="url"]:not(.tailwind-override),
.input:not(.tailwind-override) {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: inherit;
  border: 1px solid #93989c;
  border-radius: 4px;
  font-size: 0.875rem;
  height: 47px;
  outline: none;
  padding: 0 15px;
}

/* line 12, app/assets/stylesheets/shared/components/form/_input.scss */
input[type="color"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="date"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="email"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="number"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="password"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="search"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="tel"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="text"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="time"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="url"]:not(.tailwind-override):focus:not(:focus-visible),
.input:not(.tailwind-override):focus:not(:focus-visible) {
  background-color: #fff;
  border: 1px solid #006cfa;
}

/* line 17, app/assets/stylesheets/shared/components/form/_input.scss */
input[type="color"]:not(.tailwind-override):active,
input[type="date"]:not(.tailwind-override):active,
input[type="email"]:not(.tailwind-override):active,
input[type="number"]:not(.tailwind-override):active,
input[type="password"]:not(.tailwind-override):active,
input[type="search"]:not(.tailwind-override):active,
input[type="tel"]:not(.tailwind-override):active,
input[type="text"]:not(.tailwind-override):active,
input[type="time"]:not(.tailwind-override):active,
input[type="url"]:not(.tailwind-override):active,
.input:not(.tailwind-override):active {
  background-color: #fff;
  border: 1px solid #006cfa;
}

/* line 36, app/assets/stylesheets/shared/components/form/_input.scss */
input[type="color"]:not(.tailwind-override):disabled,
input[type="date"]:not(.tailwind-override):disabled,
input[type="email"]:not(.tailwind-override):disabled,
input[type="number"]:not(.tailwind-override):disabled,
input[type="password"]:not(.tailwind-override):disabled,
input[type="search"]:not(.tailwind-override):disabled,
input[type="tel"]:not(.tailwind-override):disabled,
input[type="text"]:not(.tailwind-override):disabled,
input[type="time"]:not(.tailwind-override):disabled,
input[type="url"]:not(.tailwind-override):disabled,
.input:not(.tailwind-override):disabled {
  background-color: #f1f1f1;
  color: rgba(0, 0, 0, 0.3);
  cursor: initial;
  border: none;
}

/* line 42, app/assets/stylesheets/shared/components/form/_input.scss */
input[type="color"]:not(.tailwind-override):-moz-read-only,
input[type="date"]:not(.tailwind-override):-moz-read-only,
input[type="email"]:not(.tailwind-override):-moz-read-only,
input[type="number"]:not(.tailwind-override):-moz-read-only,
input[type="password"]:not(.tailwind-override):-moz-read-only,
input[type="search"]:not(.tailwind-override):-moz-read-only,
input[type="tel"]:not(.tailwind-override):-moz-read-only,
input[type="text"]:not(.tailwind-override):-moz-read-only,
input[type="time"]:not(.tailwind-override):-moz-read-only,
input[type="url"]:not(.tailwind-override):-moz-read-only,
.input:not(.tailwind-override):-moz-read-only {
  background-color: #f1f1f1;
  color: rgba(0, 0, 0, 0.3);
  cursor: initial;
  border: none;
}

/* line 49, app/assets/stylesheets/shared/components/form/_input.scss */
input[type="color"]:not(.tailwind-override):read-only,
input[type="date"]:not(.tailwind-override):read-only,
input[type="email"]:not(.tailwind-override):read-only,
input[type="number"]:not(.tailwind-override):read-only,
input[type="password"]:not(.tailwind-override):read-only,
input[type="search"]:not(.tailwind-override):read-only,
input[type="tel"]:not(.tailwind-override):read-only,
input[type="text"]:not(.tailwind-override):read-only,
input[type="time"]:not(.tailwind-override):read-only,
input[type="url"]:not(.tailwind-override):read-only,
.input:not(.tailwind-override):read-only {
  background-color: #f1f1f1;
  color: rgba(0, 0, 0, 0.3);
  cursor: initial;
  border: none;
}

/* line 56, app/assets/stylesheets/shared/components/form/_input.scss */
input[type="color"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="date"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="email"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="number"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="password"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="search"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="tel"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="text"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="time"]:not(.tailwind-override):focus:not(:focus-visible),
input[type="url"]:not(.tailwind-override):focus:not(:focus-visible),
.input:not(.tailwind-override):focus:not(:focus-visible) {
  border: 2px solid #006cfa;
}

/* line 61, app/assets/stylesheets/shared/components/form/_input.scss */
textarea, textarea.input {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: inherit;
  border: 1px solid #93989c;
  border-radius: 4px;
  font-size: 0.875rem;
  height: 47px;
  outline: none;
  padding: 0 15px;
  min-height: 80px;
  padding: 10px;
  resize: none;
  width: 100%;
}

/* line 12, app/assets/stylesheets/shared/components/form/_input.scss */
textarea:focus:not(:focus-visible), textarea.input:focus:not(:focus-visible) {
  background-color: #fff;
  border: 1px solid #006cfa;
}

/* line 17, app/assets/stylesheets/shared/components/form/_input.scss */
textarea:active, textarea.input:active {
  background-color: #fff;
  border: 1px solid #006cfa;
}

/* line 69, app/assets/stylesheets/shared/components/form/_input.scss */
.input_100 {
  width: 100px;
}

/* line 73, app/assets/stylesheets/shared/components/form/_input.scss */
.input,
.select {
  width: 100%;
}

/* line 78, app/assets/stylesheets/shared/components/form/_input.scss */
.input_date {
  min-width: 200px;
}

/* line 82, app/assets/stylesheets/shared/components/form/_input.scss */
.input_datetime {
  min-width: 0;
}

/* line 86, app/assets/stylesheets/shared/components/form/_input.scss */
.input__delete-content {
  position: relative;
}

/* line 89, app/assets/stylesheets/shared/components/form/_input.scss */
.input__delete-content input.input_file:checked + .delete_bg_txt {
  background: #f1f1f1;
  color: #fff;
  cursor: pointer;
}

/* line 96, app/assets/stylesheets/shared/components/form/_input.scss */
[data-file] {
  display: block;
  position: relative;
}

/* line 100, app/assets/stylesheets/shared/components/form/_input.scss */
[data-file]:after {
  content: attr(data-file);
  color: #93989c;
  display: block;
  padding: 10px 0;
  position: absolute;
  font-size: 0.875rem;
  white-space: nowrap;
}

/* line 111, app/assets/stylesheets/shared/components/form/_input.scss */
fieldset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/shared/components/form/_input.scss */
.fieldset {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 1.5rem;
}

/* line 122, app/assets/stylesheets/shared/components/form/_input.scss */
.fieldset legend {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 1.5rem;
}

/* line 1, app/assets/stylesheets/shared/components/form/_select.scss */
.select {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: inherit;
  border: 1px solid #93989c;
  border-radius: 4px;
  font-size: 0.875rem;
  height: 47px;
  outline: none;
  padding: 0 15px;
  -moz-appearance: none;
  background: url(https://emploi-paysdefalaise.keycooptsystem.com/assets/red_panda/dropdown-b746203cfea2f106c7576f81ed5e008caada5ef312d63b6183b230ef7a9c5af7.svg) no-repeat 100% center;
  background-color: #fff;
  padding: 0 5px 0 10px;
  width: 100%;
}

/* line 12, app/assets/stylesheets/shared/components/form/_input.scss */
.select:focus:not(:focus-visible) {
  background-color: #fff;
  border: 1px solid #006cfa;
}

/* line 17, app/assets/stylesheets/shared/components/form/_input.scss */
.select:active {
  background-color: #fff;
  border: 1px solid #006cfa;
}

/* line 9, app/assets/stylesheets/shared/components/form/_select.scss */
.selectselect {
  -webkit-appearance: inherit;
  background-color: transparent;
  background-image: none;
  border: 0;
  color: #3f3f3f;
  font-size: 0.875rem;
  padding: 5px 0;
  width: 100%;
}

/* line 20, app/assets/stylesheets/shared/components/form/_select.scss */
.select.with_margin_left {
  margin-left: 10px;
}

/* line 25, app/assets/stylesheets/shared/components/form/_select.scss */
.select_100 {
  width: 100px;
}

/* line 29, app/assets/stylesheets/shared/components/form/_select.scss */
.select_200 {
  width: 200px;
}

/* line 33, app/assets/stylesheets/shared/components/form/_select.scss */
.select_300 {
  width: 300px !important;
}

/* line 37, app/assets/stylesheets/shared/components/form/_select.scss */
.select_auto {
  width: 100%;
}

/* line 41, app/assets/stylesheets/shared/components/form/_select.scss */
.select2 {
  width: 100% !important;
}

/* line 44, app/assets/stylesheets/shared/components/form/_select.scss */
.select2-search--dropdown .select2-search__field {
  width: 98%;
}

/* line 1, app/assets/stylesheets/shared/components/form/_checkbox.scss */
input[type="checkbox"]:not(.tailwind-override) {
  transform: scale(1.1);
  -o-transform: scale(1.1);
  /* Opera */
  -webkit-transform: scale(1.1);
  /* Safari and Chrome */
  -moz-transform: scale(1.5);
  /* FF */
  ms-transform: scale(1.1);
  /* IE */
  font-size: 200%;
  margin: 0 15px 2px 1px;
  height: 15px;
  width: 15px;
  zoom: 1.3;
}

/* line 14, app/assets/stylesheets/shared/components/form/_checkbox.scss */
input[type=checkbox]:disabled {
  border-color: #f1f1f1;
  background-color: #f1f1f1;
}

/* line 18, app/assets/stylesheets/shared/components/form/_checkbox.scss */
input[type=checkbox]:disabled:hover {
  cursor: not-allowed;
}

/* line 23, app/assets/stylesheets/shared/components/form/_checkbox.scss */
input[type=checkbox]:disabled + label {
  color: rgba(0, 0, 0, 0.3);
}

/* line 27, app/assets/stylesheets/shared/components/form/_checkbox.scss */
[type="checkbox"] ~ input {
  margin-left: 1rem;
}

/* line 31, app/assets/stylesheets/shared/components/form/_checkbox.scss */
.content__designed_checkbox {
  display: block;
  margin: 1rem 0;
}

/* line 35, app/assets/stylesheets/shared/components/form/_checkbox.scss */
.content__designed_checkbox label {
  min-height: 17px;
  margin-right: 5px;
}

/* line 42, app/assets/stylesheets/shared/components/form/_checkbox.scss */
.false__designed__checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #6e6e6e;
  margin: 1rem 0;
  padding-left: 30px;
  position: relative;
}

/* line 49, app/assets/stylesheets/shared/components/form/_checkbox.scss */
.false__designed__checkbox:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #6e6e6e;
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 2px;
}

/* line 62, app/assets/stylesheets/shared/components/form/_checkbox.scss */
.false__designed__checkbox.true::after {
  content: '';
  position: absolute;
  border: 1px solid;
  border-color: #6e6e6e transparent transparent #6e6e6e;
  height: 10px;
  transform: rotate(224deg);
  width: 4px;
  left: 8px;
  top: 2px;
}

/* line 1, app/assets/stylesheets/shared/components/form/_radio.scss */
input[type="radio"]:not(.tailwind-override) {
  transform: scale(1.1);
  -o-transform: scale(1.1);
  /* Opera */
  -webkit-transform: scale(1.1);
  /* Safari and Chrome */
  -moz-transform: scale(1.5);
  /* FF */
  ms-transform: scale(1.1);
  /* IE */
  font-size: 200%;
  margin: -6px 0.5rem 0 3px;
  height: 15px;
  width: 15px;
  zoom: 1.3;
}

/* line 14, app/assets/stylesheets/shared/components/form/_radio.scss */
input[type=radio]:disabled:not(.tailwind-override) {
  border-color: #f1f1f1;
  background-color: #f1f1f1;
}

/* line 18, app/assets/stylesheets/shared/components/form/_radio.scss */
input[type=radio]:disabled:not(.tailwind-override):hover {
  cursor: not-allowed;
}

/* line 23, app/assets/stylesheets/shared/components/form/_radio.scss */
input[type=radio]:disabled:not(.tailwind-override) + label {
  color: rgba(0, 0, 0, 0.3);
}

/* line 27, app/assets/stylesheets/shared/components/form/_radio.scss */
[type="radio"] ~ input {
  margin-left: 1rem;
}

/* line 31, app/assets/stylesheets/shared/components/form/_radio.scss */
.content__designed_radio {
  display: inline-block;
  margin: 4px;
}

/* line 35, app/assets/stylesheets/shared/components/form/_radio.scss */
.content__designed_radio .radio-label {
  min-height: 22px;
  margin: 0 0.5rem 0 4px;
}

/* line 40, app/assets/stylesheets/shared/components/form/_radio.scss */
.content__designed_radio.width__100 {
  width: 100%;
}

/* line 1, app/assets/stylesheets/shared/components/form/_switch.scss */
.switch-text {
  align-items: center;
  border-radius: 4px;
  border: 1px solid #93989c;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: max-content;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/shared/components/form/_switch.scss */
  .switch-text {
    margin-top: 0.5rem;
  }
}

/* line 14, app/assets/stylesheets/shared/components/form/_switch.scss */
.switch-text label {
  margin-bottom: 0;
}

/* line 18, app/assets/stylesheets/shared/components/form/_switch.scss */
.switch-text input[type="radio"] {
  display: none;
}

/* line 21, app/assets/stylesheets/shared/components/form/_switch.scss */
.switch-text input[type="radio"]:checked + .switch-text__content {
  background-color: #ededed;
  color: #1f2532;
  translate: translateY(5px);
}

/* line 28, app/assets/stylesheets/shared/components/form/_switch.scss */
.switch-text .switch-text__content {
  align-items: center;
  background-color: #fff;
  color: #ededed;
  cursor: pointer;
  display: flex;
  font-weight: 900;
  height: 40px;
  justify-content: center;
  padding: 0 17px;
  position: relative;
  transition: all 250ms ease;
  width: max-content;
  will-change: transition;
}

/* line 7, app/assets/stylesheets/shared/components/_form.scss */
label {
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: 0.37px;
}

/* line 13, app/assets/stylesheets/shared/components/_form.scss */
label.with_space {
  margin-bottom: 0.875rem;
}

/* line 17, app/assets/stylesheets/shared/components/_form.scss */
label.without_space {
  margin: 0;
}

@media (max-width: 767px) {
  /* line 7, app/assets/stylesheets/shared/components/_form.scss */
  label {
    margin-bottom: 0.5rem;
  }
}

/* line 25, app/assets/stylesheets/shared/components/_form.scss */
label.label__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 29, app/assets/stylesheets/shared/components/_form.scss */
label.label__info .info__icon {
  height: 20px;
  width: 20px;
}

/* line 33, app/assets/stylesheets/shared/components/_form.scss */
label.label__info .info__icon svg {
  fill: #000;
}

/* line 40, app/assets/stylesheets/shared/components/_form.scss */
fieldset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 0;
  margin-bottom: 1.5rem;
}

/* line 47, app/assets/stylesheets/shared/components/_form.scss */
.radio {
  display: inline-block;
}

/* line 51, app/assets/stylesheets/shared/components/_form.scss */
.tos__end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  flex-direction: column;
}

@media (max-width: 767px) {
  /* line 51, app/assets/stylesheets/shared/components/_form.scss */
  .tos__end {
    margin: 30px auto;
    padding-top: 1rem;
  }
}

/* line 60, app/assets/stylesheets/shared/components/_form.scss */
.tos__end .tos__end_input {
  flex-direction: row;
}

/* line 63, app/assets/stylesheets/shared/components/_form.scss */
.tos__end .tos__end_input .checkbox-label {
  display: inline-flex;
}

/* line 68, app/assets/stylesheets/shared/components/_form.scss */
.tos__end .link {
  line-height: 16px;
}

/* line 73, app/assets/stylesheets/shared/components/_form.scss */
.content__upload-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #93989c;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  margin: 0 0.625rem 0.625rem 0;
  padding: 0.5rem 1rem;
  position: relative;
  width: max-content;
}

@media (max-width: 1024px) {
  /* line 73, app/assets/stylesheets/shared/components/_form.scss */
  .content__upload-block {
    margin-top: 20px;
  }
}

/* line 88, app/assets/stylesheets/shared/components/_form.scss */
.content__upload-block input[type="file"] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 97, app/assets/stylesheets/shared/components/_form.scss */
.content__upload-block .content__designed_checkbox {
  margin-left: 2rem;
}

/* line 102, app/assets/stylesheets/shared/components/_form.scss */
.content__upload-file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  text-decoration: underline;
}

/* line 111, app/assets/stylesheets/shared/components/_form.scss */
.content__upload-file .icon.add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 2px solid #006cfa;
  border-radius: 50%;
  height: 1.625rem;
  margin-right: 0.625rem;
  width: 1.625rem;
}

/* line 122, app/assets/stylesheets/shared/components/_form.scss */
.content__upload-file svg {
  fill: #006cfa;
}

/* line 1, app/assets/stylesheets/shared/components/_card.scss */
.card__component {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  color: #3f3f3f;
  font-size: 0.875rem;
  min-height: 80px;
  padding: 1rem;
  text-decoration: none;
}

@media (min-width: 1025px) {
  /* line 1, app/assets/stylesheets/shared/components/_card.scss */
  .card__component {
    margin: 1rem 0;
  }
}

@media (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/shared/components/_card.scss */
  .card__component {
    margin: 0.5rem 0;
  }
}

/* line 22, app/assets/stylesheets/shared/components/_card.scss */
.card__component img {
  margin-right: 0.5rem;
  height: 32px;
  width: 32px;
}

/* line 28, app/assets/stylesheets/shared/components/_card.scss */
.card__component-content {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  width: 60%;
}

/* line 36, app/assets/stylesheets/shared/components/_card.scss */
.card__component .small_content {
  color: #6e6e6e;
  font-size: 0.75rem;
}

/* line 41, app/assets/stylesheets/shared/components/_card.scss */
.card__component .numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #f1f1f1;
  border-radius: 20px;
  color: #3f3f3f;
  font-size: 1.25rem;
  font-weight: 600;
  height: 40px;
  margin-left: auto;
  min-width: 40px;
  padding: 0 0.5rem;
}

/* line 57, app/assets/stylesheets/shared/components/_card.scss */
a.card__component:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

/* line 61, app/assets/stylesheets/shared/components/_card.scss */
a.card__component:visited {
  color: #3f3f3f;
  text-decoration: none;
}

/* line 3, app/assets/stylesheets/shared/components/_widget.scss */
.widget_create {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #006cfa;
  border-radius: 4px;
  color: #fff;
  padding: 1rem;
  min-height: 80px;
  width: 100%;
  text-decoration: none;
}

@media (min-width: 1025px) {
  /* line 3, app/assets/stylesheets/shared/components/_widget.scss */
  .widget_create {
    margin: 1rem 0;
  }
}

@media (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/shared/components/_widget.scss */
  .widget_create {
    margin: 0.5rem 0;
  }
}

/* line 22, app/assets/stylesheets/shared/components/_widget.scss */
.widget_create:hover {
  background-color: #0056c7;
}

/* line 26, app/assets/stylesheets/shared/components/_widget.scss */
.widget_create-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  margin-left: 0.5rem;
  text-align: left;
}

/* line 37, app/assets/stylesheets/shared/components/_widget.scss */
.widget_create .bg_white {
  background-color: #fff;
  border-radius: 50%;
  padding: 0.5rem;
}

/* line 43, app/assets/stylesheets/shared/components/_widget.scss */
.widget_create .previous {
  margin-left: auto;
}

/* line 45, app/assets/stylesheets/shared/components/_widget.scss */
.widget_create .previous svg {
  fill: #fff;
}

/* line 50, app/assets/stylesheets/shared/components/_widget.scss */
.widget_create img {
  margin-right: 0.5rem;
  height: 40px;
  width: 40px;
}

/* line 57, app/assets/stylesheets/shared/components/_widget.scss */
.widget__empty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #cacaca;
  border-radius: 4px;
  margin: 1rem 0;
  padding: 1rem;
  text-align: center;
}

/* line 69, app/assets/stylesheets/shared/components/_widget.scss */
.widget__empty .link {
  margin-top: 1rem;
}

/* line 73, app/assets/stylesheets/shared/components/_widget.scss */
.widget__empty .icon {
  width: 118px;
  height: 86px;
  margin-bottom: 1rem;
}

/* line 16, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  background-color: #fff;
  padding: 0.5rem 1rem;
  margin: 1rem auto;
  width: 95%;
  max-width: 1221px;
  font-size: 0.875rem;
}

/* line 27, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message a {
  color: #3f3f3f;
  font-weight: bold;
}

/* line 32, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message .icon__alert {
  margin-right: 0.5rem;
  height: 35px;
  width: 35px;
}

/* line 38, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message .close .icon {
  height: 25px;
  width: 25px;
}

/* line 43, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message.error {
  background-color: #f29fa4;
  border-left: 4px solid #DA1E28;
  border-top: 1px solid #DA1E28;
  border-bottom: 1px solid #DA1E28;
  border-right: 1px solid #DA1E28;
}

/* line 10, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message.error .icon__alert svg {
  fill: #DA1E28;
}

/* line 48, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message.warning {
  background-color: #fffcf5;
  border-left: 4px solid #ffba00;
  border-top: 1px solid #ffba00;
  border-bottom: 1px solid #ffba00;
  border-right: 1px solid #ffba00;
}

/* line 10, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message.warning .icon__alert svg {
  fill: #ffba00;
}

/* line 53, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message.notice {
  background-color: #f5f9ff;
  border-left: 4px solid #006cfa;
  border-top: 1px solid #006cfa;
  border-bottom: 1px solid #006cfa;
  border-right: 1px solid #006cfa;
}

/* line 10, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message.notice .icon__alert svg {
  fill: #006cfa;
}

/* line 58, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message.success {
  background-color: white;
  border-left: 4px solid #42BE65;
  border-top: 1px solid #42BE65;
  border-bottom: 1px solid #42BE65;
  border-right: 1px solid #42BE65;
}

/* line 10, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message.success .icon__alert svg {
  fill: #42BE65;
}

/* line 63, app/assets/stylesheets/shared/components/_information_message.scss */
.information__message.full_width {
  margin: 1rem 0 2rem 0;
  width: 100%;
}

/* line 70, app/assets/stylesheets/shared/components/_information_message.scss */
.information__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 1px solid #cacaca;
  border-radius: 4px;
  padding: 1.5rem;
  margin: 1rem 0;
}

/* line 78, app/assets/stylesheets/shared/components/_information_message.scss */
.information__content .medium--icon {
  margin-right: 1.5rem;
}

/* line 1, app/assets/stylesheets/shared/components/_tags.scss */
.tags-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}

/* line 7, app/assets/stylesheets/shared/components/_tags.scss */
.tags-container.centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 34, app/assets/stylesheets/shared/components/_tags.scss */
.tag {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #1f2532;
  border-radius: 12px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag .icon svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}

/* line 38, app/assets/stylesheets/shared/components/_tags.scss */
.docket {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #1f2532;
  border-radius: 12px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
  border-radius: 4px;
  font-size: 0.625rem;
  padding: 1px 5px;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.docket .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.docket .icon svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}

/* line 47, app/assets/stylesheets/shared/components/_tags.scss */
.tag:last-child, .docket:last-child {
  margin-right: 0;
}

/* line 51, app/assets/stylesheets/shared/components/_tags.scss */
.tag.hide, .docket.hide {
  display: none;
}

/* line 55, app/assets/stylesheets/shared/components/_tags.scss */
.tag.margin-top, .docket.margin-top {
  margin-top: 5px;
}

/* line 59, app/assets/stylesheets/shared/components/_tags.scss */
.tag--border, .docket--border {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 12px;
  color: #3f3f3f;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
  border-color: #3f3f3f;
  color: #3f3f3f;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--border .icon, .docket--border .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--border .icon svg, .docket--border .icon svg {
  fill: #3f3f3f;
  height: 100%;
  width: 100%;
}

/* line 66, app/assets/stylesheets/shared/components/_tags.scss */
.tag--blue, .docket--blue {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #c7dfff;
  border-radius: 12px;
  color: #002a61;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--blue .icon, .docket--blue .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--blue .icon svg, .docket--blue .icon svg {
  fill: #002a61;
  height: 100%;
  width: 100%;
}

/* line 70, app/assets/stylesheets/shared/components/_tags.scss */
.tag--very-light-blue, .docket--very-light-blue {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #dde1e6;
  border-radius: 12px;
  color: #121519;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--very-light-blue .icon, .docket--very-light-blue .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--very-light-blue .icon svg, .docket--very-light-blue .icon svg {
  fill: #121519;
  height: 100%;
  width: 100%;
}

/* line 74, app/assets/stylesheets/shared/components/_tags.scss */
.tag--green, .docket--green {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #A7F0BA;
  border-radius: 12px;
  color: #1a4d29;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--green .icon, .docket--green .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--green .icon svg, .docket--green .icon svg {
  fill: #1a4d29;
  height: 100%;
  width: 100%;
}

/* line 78, app/assets/stylesheets/shared/components/_tags.scss */
.tag--dark-blue, .docket--dark-blue {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #1f2532;
  border-radius: 12px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--dark-blue .icon, .docket--dark-blue .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--dark-blue .icon svg, .docket--dark-blue .icon svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}

/* line 82, app/assets/stylesheets/shared/components/_tags.scss */
.tag--orange, .docket--orange {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #ffdfb3;
  border-radius: 12px;
  color: #4d2c00;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--orange .icon, .docket--orange .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--orange .icon svg, .docket--orange .icon svg {
  fill: #4d2c00;
  height: 100%;
  width: 100%;
}

/* line 86, app/assets/stylesheets/shared/components/_tags.scss */
.tag--red, .docket--red {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #f29fa4;
  border-radius: 12px;
  color: #270507;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--red .icon, .docket--red .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--red .icon svg, .docket--red .icon svg {
  fill: #270507;
  height: 100%;
  width: 100%;
}

/* line 91, app/assets/stylesheets/shared/components/_tags.scss */
.tag--primary, .docket--primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: var(--primary-very-light);
  border-radius: 12px;
  color: #3f3f3f;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--primary .icon, .docket--primary .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--primary .icon svg, .docket--primary .icon svg {
  fill: #3f3f3f;
  height: 100%;
  width: 100%;
}

/* line 95, app/assets/stylesheets/shared/components/_tags.scss */
.tag--disabled, .tag--draft, .tag--allocated, .tag--canceled, .tag--not_visible_by_coopters, .tag--transferred, .docket--disabled, .docket--draft, .docket--allocated, .docket--canceled, .docket--not_visible_by_coopters, .docket--transferred {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #dde1e6;
  border-radius: 12px;
  color: #121519;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--disabled .icon, .tag--draft .icon, .tag--allocated .icon, .tag--canceled .icon, .tag--not_visible_by_coopters .icon, .tag--transferred .icon, .docket--disabled .icon, .docket--draft .icon, .docket--allocated .icon, .docket--canceled .icon, .docket--not_visible_by_coopters .icon, .docket--transferred .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--disabled .icon svg, .tag--draft .icon svg, .tag--allocated .icon svg, .tag--canceled .icon svg, .tag--not_visible_by_coopters .icon svg, .tag--transferred .icon svg, .docket--disabled .icon svg, .docket--draft .icon svg, .docket--allocated .icon svg, .docket--canceled .icon svg, .docket--not_visible_by_coopters .icon svg, .docket--transferred .icon svg {
  fill: #121519;
  height: 100%;
  width: 100%;
}

/* line 99, app/assets/stylesheets/shared/components/_tags.scss */
.tag--paused, .tag--progress, .tag--reached_by_the_recruiter, .tag--met, .docket--paused, .docket--progress, .docket--reached_by_the_recruiter, .docket--met {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #c7dfff;
  border-radius: 12px;
  color: #002a61;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--paused .icon, .tag--progress .icon, .tag--reached_by_the_recruiter .icon, .tag--met .icon, .docket--paused .icon, .docket--progress .icon, .docket--reached_by_the_recruiter .icon, .docket--met .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--paused .icon svg, .tag--progress .icon svg, .tag--reached_by_the_recruiter .icon svg, .tag--met .icon svg, .docket--paused .icon svg, .docket--progress .icon svg, .docket--reached_by_the_recruiter .icon svg, .docket--met .icon svg {
  fill: #002a61;
  height: 100%;
  width: 100%;
}

/* line 103, app/assets/stylesheets/shared/components/_tags.scss */
.tag--success, .tag--confirmed, .tag--play, .tag--completed, .tag--published, .tag--visible_by_coopters, .tag--interested, .tag--successful, .docket--success, .docket--confirmed, .docket--play, .docket--completed, .docket--published, .docket--visible_by_coopters, .docket--interested, .docket--successful {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #A7F0BA;
  border-radius: 12px;
  color: #1a4d29;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--success .icon, .tag--confirmed .icon, .tag--play .icon, .tag--completed .icon, .tag--published .icon, .tag--visible_by_coopters .icon, .tag--interested .icon, .tag--successful .icon, .docket--success .icon, .docket--confirmed .icon, .docket--play .icon, .docket--completed .icon, .docket--published .icon, .docket--visible_by_coopters .icon, .docket--interested .icon, .docket--successful .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--success .icon svg, .tag--confirmed .icon svg, .tag--play .icon svg, .tag--completed .icon svg, .tag--published .icon svg, .tag--visible_by_coopters .icon svg, .tag--interested .icon svg, .tag--successful .icon svg, .docket--success .icon svg, .docket--confirmed .icon svg, .docket--play .icon svg, .docket--completed .icon svg, .docket--published .icon svg, .docket--visible_by_coopters .icon svg, .docket--interested .icon svg, .docket--successful .icon svg {
  fill: #1a4d29;
  height: 100%;
  width: 100%;
}

/* line 107, app/assets/stylesheets/shared/components/_tags.scss */
.tag--ininterested, .tag--basic, .docket--ininterested, .docket--basic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #1f2532;
  border-radius: 12px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--ininterested .icon, .tag--basic .icon, .docket--ininterested .icon, .docket--basic .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--ininterested .icon svg, .tag--basic .icon svg, .docket--ininterested .icon svg, .docket--basic .icon svg {
  fill: #fff;
  height: 100%;
  width: 100%;
}

/* line 111, app/assets/stylesheets/shared/components/_tags.scss */
.tag--info, .tag--pending, .tag--pending-broadcast, .docket--info, .docket--pending, .docket--pending-broadcast {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #ffdfb3;
  border-radius: 12px;
  color: #4d2c00;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--info .icon, .tag--pending .icon, .tag--pending-broadcast .icon, .docket--info .icon, .docket--pending .icon, .docket--pending-broadcast .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--info .icon svg, .tag--pending .icon svg, .tag--pending-broadcast .icon svg, .docket--info .icon svg, .docket--pending .icon svg, .docket--pending-broadcast .icon svg {
  fill: #4d2c00;
  height: 100%;
  width: 100%;
}

/* line 115, app/assets/stylesheets/shared/components/_tags.scss */
.tag--warning, .tag--closed, .tag--failed, .docket--warning, .docket--closed, .docket--failed {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #f29fa4;
  border-radius: 12px;
  color: #270507;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--warning .icon, .tag--closed .icon, .tag--failed .icon, .docket--warning .icon, .docket--closed .icon, .docket--failed .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--warning .icon svg, .tag--closed .icon svg, .tag--failed .icon svg, .docket--warning .icon svg, .docket--closed .icon svg, .docket--failed .icon svg {
  fill: #270507;
  height: 100%;
  width: 100%;
}

/* line 119, app/assets/stylesheets/shared/components/_tags.scss */
.tag--experimental, .docket--experimental {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #e7dbf7;
  border-radius: 12px;
  color: #6929C4;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--experimental .icon, .docket--experimental .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--experimental .icon svg, .docket--experimental .icon svg {
  fill: #6929C4;
  height: 100%;
  width: 100%;
}

/* line 123, app/assets/stylesheets/shared/components/_tags.scss */
.tag--event, .docket--event {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #f8ccce;
  border-radius: 12px;
  color: #9F1853;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  hyphens: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-word;
  width: fit-content;
}

/* line 29, app/assets/stylesheets/shared/components/_tags.scss */
.tag--event .icon, .docket--event .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* line 39, app/assets/stylesheets/shared/mixin/_mixins.scss */
.tag--event .icon svg, .docket--event .icon svg {
  fill: #9F1853;
  height: 100%;
  width: 100%;
}

/* line 129, app/assets/stylesheets/shared/components/_tags.scss */
.tag--rectangle_tag, .docket--rectangle_tag {
  background-color: #1f2532;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 5px 0 auto;
  padding: 4px 8px;
  text-align: center;
  letter-spacing: .05rem;
}

/* line 1, app/assets/stylesheets/shared/components/_profile_picture.scss */
.profile-picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: 40px;
  width: 40px;
}

/* line 11, app/assets/stylesheets/shared/components/_profile_picture.scss */
.profile-picture img {
  height: 100%;
  width: 100%;
}

/* line 16, app/assets/stylesheets/shared/components/_profile_picture.scss */
.profile-picture.tiny {
  height: 30px;
  width: 30px;
}

/* line 21, app/assets/stylesheets/shared/components/_profile_picture.scss */
.profile-picture.small {
  height: 40px;
  width: 40px;
}

/* line 26, app/assets/stylesheets/shared/components/_profile_picture.scss */
.profile-picture.medium {
  height: 65px;
  width: 65px;
}

/* line 31, app/assets/stylesheets/shared/components/_profile_picture.scss */
.profile-picture.large {
  height: 90px;
  width: 90px;
}

/* line 44, app/assets/stylesheets/shared/components/_logo.scss */
.large_logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  height: 90px;
  width: 90px;
}

/* line 8, app/assets/stylesheets/shared/components/_logo.scss */
.large_logo img {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

/* line 17, app/assets/stylesheets/shared/components/_logo.scss */
.large_logo .anonymous {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.55);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* line 28, app/assets/stylesheets/shared/components/_logo.scss */
.large_logo .anonymous svg {
  fill: #fff;
  height: 30%;
  width: 30%;
}

/* line 34, app/assets/stylesheets/shared/components/_logo.scss */
.large_logo .anonymous.hide {
  display: none;
}

/* line 39, app/assets/stylesheets/shared/components/_logo.scss */
.large_logo.margin-right {
  margin-right: 20px;
}

@media (max-width: 1024px) {
  /* line 44, app/assets/stylesheets/shared/components/_logo.scss */
  .large_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    height: 60px;
    width: 60px;
  }
  /* line 8, app/assets/stylesheets/shared/components/_logo.scss */
  .large_logo img {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
  }
  /* line 17, app/assets/stylesheets/shared/components/_logo.scss */
  .large_logo .anonymous {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.55);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  /* line 28, app/assets/stylesheets/shared/components/_logo.scss */
  .large_logo .anonymous svg {
    fill: #fff;
    height: 30%;
    width: 30%;
  }
  /* line 34, app/assets/stylesheets/shared/components/_logo.scss */
  .large_logo .anonymous.hide {
    display: none;
  }
  /* line 39, app/assets/stylesheets/shared/components/_logo.scss */
  .large_logo.margin-right {
    margin-right: 20px;
  }
}

/* line 52, app/assets/stylesheets/shared/components/_logo.scss */
.medium_logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  height: 80px;
  width: 80px;
}

/* line 8, app/assets/stylesheets/shared/components/_logo.scss */
.medium_logo img {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

/* line 17, app/assets/stylesheets/shared/components/_logo.scss */
.medium_logo .anonymous {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.55);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* line 28, app/assets/stylesheets/shared/components/_logo.scss */
.medium_logo .anonymous svg {
  fill: #fff;
  height: 30%;
  width: 30%;
}

/* line 34, app/assets/stylesheets/shared/components/_logo.scss */
.medium_logo .anonymous.hide {
  display: none;
}

/* line 39, app/assets/stylesheets/shared/components/_logo.scss */
.medium_logo.margin-right {
  margin-right: 20px;
}

@media (max-width: 1024px) {
  /* line 52, app/assets/stylesheets/shared/components/_logo.scss */
  .medium_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    height: 40px;
    width: 40px;
  }
  /* line 8, app/assets/stylesheets/shared/components/_logo.scss */
  .medium_logo img {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
  }
  /* line 17, app/assets/stylesheets/shared/components/_logo.scss */
  .medium_logo .anonymous {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.55);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  /* line 28, app/assets/stylesheets/shared/components/_logo.scss */
  .medium_logo .anonymous svg {
    fill: #fff;
    height: 30%;
    width: 30%;
  }
  /* line 34, app/assets/stylesheets/shared/components/_logo.scss */
  .medium_logo .anonymous.hide {
    display: none;
  }
  /* line 39, app/assets/stylesheets/shared/components/_logo.scss */
  .medium_logo.margin-right {
    margin-right: 20px;
  }
}

/* line 60, app/assets/stylesheets/shared/components/_logo.scss */
.small_logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  height: 50px;
  width: 50px;
}

/* line 8, app/assets/stylesheets/shared/components/_logo.scss */
.small_logo img {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

/* line 17, app/assets/stylesheets/shared/components/_logo.scss */
.small_logo .anonymous {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.55);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* line 28, app/assets/stylesheets/shared/components/_logo.scss */
.small_logo .anonymous svg {
  fill: #fff;
  height: 30%;
  width: 30%;
}

/* line 34, app/assets/stylesheets/shared/components/_logo.scss */
.small_logo .anonymous.hide {
  display: none;
}

/* line 39, app/assets/stylesheets/shared/components/_logo.scss */
.small_logo.margin-right {
  margin-right: 20px;
}

@media (max-width: 1024px) {
  /* line 60, app/assets/stylesheets/shared/components/_logo.scss */
  .small_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    height: 25px;
    width: 25px;
  }
  /* line 8, app/assets/stylesheets/shared/components/_logo.scss */
  .small_logo img {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
  }
  /* line 17, app/assets/stylesheets/shared/components/_logo.scss */
  .small_logo .anonymous {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.55);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  /* line 28, app/assets/stylesheets/shared/components/_logo.scss */
  .small_logo .anonymous svg {
    fill: #fff;
    height: 30%;
    width: 30%;
  }
  /* line 34, app/assets/stylesheets/shared/components/_logo.scss */
  .small_logo .anonymous.hide {
    display: none;
  }
  /* line 39, app/assets/stylesheets/shared/components/_logo.scss */
  .small_logo.margin-right {
    margin-right: 20px;
  }
}

/* line 68, app/assets/stylesheets/shared/components/_logo.scss */
.mini_logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  height: 40px;
  width: 40px;
}

/* line 8, app/assets/stylesheets/shared/components/_logo.scss */
.mini_logo img {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

/* line 17, app/assets/stylesheets/shared/components/_logo.scss */
.mini_logo .anonymous {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.55);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* line 28, app/assets/stylesheets/shared/components/_logo.scss */
.mini_logo .anonymous svg {
  fill: #fff;
  height: 30%;
  width: 30%;
}

/* line 34, app/assets/stylesheets/shared/components/_logo.scss */
.mini_logo .anonymous.hide {
  display: none;
}

/* line 39, app/assets/stylesheets/shared/components/_logo.scss */
.mini_logo.margin-right {
  margin-right: 20px;
}

/* line 1, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation {
  background-image: url(https://emploi-paysdefalaise.keycooptsystem.com/assets/default/social_network_default.jpg);
  background-size: cover;
  padding: 30px 0 45px 0;
  position: relative;
  letter-spacing: .04rem;
}

/* line 8, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation:before {
  content: "";
  background-color: #f1f1f1;
  position: absolute;
  height: 450px;
  top: 140px;
  left: -180px;
  width: 96%;
  z-index: -1;
}

@media (max-width: 767px) {
  /* line 8, app/assets/stylesheets/shared/components/_banner.scss */
  .banner__presentation:before {
    content: normal;
  }
}

@media (min-width: 1025px) {
  /* line 1, app/assets/stylesheets/shared/components/_banner.scss */
  .banner__presentation {
    margin: 34px 50px 0 225px;
    width: calc(100% - 275px);
  }
}

@media (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/shared/components/_banner.scss */
  .banner__presentation {
    margin-right: 0;
    margin-left: 177px;
    width: calc(100% - 177px);
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/shared/components/_banner.scss */
  .banner__presentation {
    margin: 0;
    padding-top: 107px;
    padding-bottom: 0;
    width: 100%;
  }
}

/* line 41, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  min-height: 300px;
  position: relative;
  max-width: 600px;
  z-index: 10;
}

@media (min-width: 1025px) {
  /* line 41, app/assets/stylesheets/shared/components/_banner.scss */
  .banner__presentation-description {
    left: -126px;
    padding: 30px 40px;
    width: calc(66% - 80px);
  }
}

@media (max-width: 1024px) {
  /* line 41, app/assets/stylesheets/shared/components/_banner.scss */
  .banner__presentation-description {
    padding: 20px;
    left: -50px;
    width: calc(100% - 40px);
  }
}

@media (max-width: 767px) {
  /* line 41, app/assets/stylesheets/shared/components/_banner.scss */
  .banner__presentation-description {
    min-height: 200px;
    left: 0;
    width: 100%;
  }
}

/* line 69, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-description .subtitle {
  font-size: 1rem;
}

/* line 74, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-job_title {
  font-size: 2rem;
  font-family: 'Signika', sans-serif;
}

/* line 79, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-name-author {
  font-size: 1.25rem;
  color: #006cfa;
  margin-right: 5px;
}

/* line 85, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-info {
  margin-top: 5px;
}

/* line 89, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-company-name {
  font-size: 1.75rem;
  line-height: 2rem;
  color: #3f3f3f;
  text-transform: uppercase;
}

/* line 96, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-company-description {
  font-size: 1rem;
  line-height: 1.75rem;
  color: #3f3f3f;
}

/* line 102, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-company {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* line 107, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-company-logo {
  display: block;
  height: 50px;
  margin-right: 10px;
  max-width: 50px;
  min-width: 50px;
  margin-top: 10px;
}

/* line 115, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-company-logo img {
  height: 100%;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 107, app/assets/stylesheets/shared/components/_banner.scss */
  .banner__presentation-company-logo {
    display: none;
  }
}

/* line 125, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 20px;
}

/* line 131, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-button.centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 136, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-applied {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  font-size: 0.875rem;
  background-color: #f1f1f1;
  color: rgba(0, 0, 0, 0.3);
  padding: 0 1.2em 0 0.2em;
  position: relative;
  width: max-content;
  border-radius: 4px;
}

/* line 148, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation-applied svg {
  fill: #93989c;
}

/* line 153, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation .profile-picture {
  margin-right: 10px;
}

/* line 155, app/assets/stylesheets/shared/components/_banner.scss */
.banner__presentation .profile-picture.small {
  min-width: 50px;
  height: 50px;
}

@media (max-width: 767px) {
  /* line 153, app/assets/stylesheets/shared/components/_banner.scss */
  .banner__presentation .profile-picture {
    display: none;
  }
}

@-webkit-keyframes pulse-legacy {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes pulse-legacy {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

@-o-keyframes pulse-legacy {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse-legacy {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes opening-menu {
  0% {
    opacity: 0;
  }
  100% {
    opactiy: 1;
  }
}

@-moz-keyframes opening-menu {
  0% {
    opacity: 0;
  }
  100% {
    opactiy: 1;
  }
}

@-o-keyframes opening-menu {
  0% {
    opacity: 0;
  }
  100% {
    opactiy: 1;
  }
}

@keyframes opening-menu {
  0% {
    opacity: 0;
  }
  100% {
    opactiy: 1;
  }
}

@-webkit-keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
    opacity: .5;
  }
  10% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, -1deg);
    opacity: 1;
  }
  20% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, 1.5deg);
    opacity: 1;
  }
  30%,
50%,
70%,
90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
    opacity: .8;
  }
  40%,
60%,
80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -1.5deg);
    opacity: .1;
  }
  to {
    transform: scale3d(0.98, 0.98, 0.98);
    opacity: 1;
  }
}

@-moz-keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
    opacity: .5;
  }
  10% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, -1deg);
    opacity: 1;
  }
  20% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, 1.5deg);
    opacity: 1;
  }
  30%,
50%,
70%,
90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
    opacity: .8;
  }
  40%,
60%,
80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -1.5deg);
    opacity: .1;
  }
  to {
    transform: scale3d(0.98, 0.98, 0.98);
    opacity: 1;
  }
}

@-o-keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
    opacity: .5;
  }
  10% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, -1deg);
    opacity: 1;
  }
  20% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, 1.5deg);
    opacity: 1;
  }
  30%,
50%,
70%,
90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
    opacity: .8;
  }
  40%,
60%,
80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -1.5deg);
    opacity: .1;
  }
  to {
    transform: scale3d(0.98, 0.98, 0.98);
    opacity: 1;
  }
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
    opacity: .5;
  }
  10% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, -1deg);
    opacity: 1;
  }
  20% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, 1.5deg);
    opacity: 1;
  }
  30%,
50%,
70%,
90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
    opacity: .8;
  }
  40%,
60%,
80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -1.5deg);
    opacity: .1;
  }
  to {
    transform: scale3d(0.98, 0.98, 0.98);
    opacity: 1;
  }
}

/* line 1, app/assets/stylesheets/shared/_notifications.scss */
.notifications-center {
  font-size: 1rem;
  margin-top: 20px;
}

/* line 5, app/assets/stylesheets/shared/_notifications.scss */
.notifications-center a {
  text-decoration: none;
}

/* line 9, app/assets/stylesheets/shared/_notifications.scss */
.notifications-center__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  background-color: #fafafa;
  border-bottom: 1px solid #ededed;
  border-radius: 8px 8px 0 0;
  padding: 20px;
}

/* line 19, app/assets/stylesheets/shared/_notifications.scss */
.notifications-center__head-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* line 25, app/assets/stylesheets/shared/_notifications.scss */
.notifications-center .notification-content .notification-content-text__description {
  max-width: inherit;
}

/* line 30, app/assets/stylesheets/shared/_notifications.scss */
.no_notifications {
  background: #fff;
  border-bottom: 1px solid #ededed;
  padding: 35px 10px;
  text-align: center;
}

/* line 37, app/assets/stylesheets/shared/_notifications.scss */
.notification-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #ededed;
  background-color: #fff;
  position: relative;
}

/* line 45, app/assets/stylesheets/shared/_notifications.scss */
.notification-container:hover {
  background-color: #fafafa;
  border-radius: 4px;
}

/* line 50, app/assets/stylesheets/shared/_notifications.scss */
.notification-container .dot {
  background-color: #3f3f3f;
  border-radius: 50%;
  height: 7px;
  margin-left: 5px;
  width: 7px;
}

/* line 57, app/assets/stylesheets/shared/_notifications.scss */
.notification-container .dot:before {
  content: " ";
}

/* line 60, app/assets/stylesheets/shared/_notifications.scss */
.notification-container .dot.green {
  -webkit-animation: pulse-legacy 1.25s infinite;
  -moz-animation: pulse-legacy 1.25s infinite;
  -o-animation: pulse-legacy 1.25s infinite;
  animation: pulse-legacy 1.25s infinite;
  box-shadow: 0 0 0 0 rgba(35, 215, 174, 0.7);
  background-color: #42BE65;
}

/* line 68, app/assets/stylesheets/shared/_notifications.scss */
.notification-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 93%;
  padding: 10px;
}

/* line 75, app/assets/stylesheets/shared/_notifications.scss */
.notification-content .picture {
  border: 0;
  cursor: pointer;
  display: inline-block;
  width: 50px;
}

/* line 81, app/assets/stylesheets/shared/_notifications.scss */
.notification-content .picture .clip_circle {
  border-radius: 50%;
  margin: 7px 0;
}

/* line 89, app/assets/stylesheets/shared/_notifications.scss */
.notification-content-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  color: #000;
  padding-left: 15px;
}

/* line 96, app/assets/stylesheets/shared/_notifications.scss */
.notification-content-text__description {
  text-align: left;
  word-wrap: break-word;
  max-width: 268px;
  width: 100%;
  font-size: 0.875rem;
}

/* line 105, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

/* line 109, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu a {
  text-decoration: none;
}

/* line 113, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu__alert {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  cursor: pointer;
  height: 60px;
  width: 60px;
}

/* line 121, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu__alert .icon {
  margin-top: 5px;
  height: 25px;
  width: 25px;
}

/* line 126, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu__alert .icon svg {
  fill: #000;
}

/* line 132, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu__widget-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: #42BE65;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  font-size: 0.625rem;
  font-weight: bold;
  height: 10px;
  margin-top: -10px;
  position: absolute;
  right: 18px;
  top: 50%;
  width: 10px;
}

/* line 150, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu__list {
  -webkit-animation: opening-menu .5s 1;
  -moz-animation: opening-menu .5s 1;
  -o-animation: opening-menu .5s 1;
  animation: opening-menu .5s 1;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.1), 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  max-width: 400px;
  min-width: 360px;
  display: none;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 60px;
  z-index: 100;
  max-height: 80vh;
  overflow-y: scroll;
}

@media (max-width: 460px) {
  /* line 150, app/assets/stylesheets/shared/_notifications.scss */
  .notification-menu__list {
    right: -45px;
  }
}

/* line 173, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu__list:before {
  border: 7px solid transparent;
  border-bottom: 10px solid #fff;
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: -17px;
}

@media (max-width: 460px) {
  /* line 173, app/assets/stylesheets/shared/_notifications.scss */
  .notification-menu__list:before {
    right: 67px;
  }
}

/* line 187, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu__list-link {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #ededed;
  font-weight: bold;
  padding: 10px;
}

/* line 196, app/assets/stylesheets/shared/_notifications.scss */
.notification-menu__list-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-radius: 0 0 8px 8px;
  font-weight: bold;
  padding: 10px 0;
}

/* line 205, app/assets/stylesheets/shared/_notifications.scss */
.pop-notifications-container {
  overflow: hidden;
  padding-left: 20px;
  position: absolute;
  right: 0;
  top: 140px;
  width: 360px;
  z-index: 500;
}

/* line 215, app/assets/stylesheets/shared/_notifications.scss */
.pop-notification-container {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 4px;
  height: 83px;
  position: relative;
  width: 320px;
  margin-bottom: 10px;
  margin-left: 0;
}

/* line 225, app/assets/stylesheets/shared/_notifications.scss */
.pop-notification-container--hidden {
  opacity: 0;
  margin-left: 340px;
}

/* line 230, app/assets/stylesheets/shared/_notifications.scss */
.pop-notification-container--ungrown {
  height: 0;
}

/* line 234, app/assets/stylesheets/shared/_notifications.scss */
.pop-notification-container__actions {
  position: absolute;
  top: 5px;
  right: 5px;
}

/* line 239, app/assets/stylesheets/shared/_notifications.scss */
.pop-notification-container__actions svg {
  fill: #93989c;
}

/* line 244, app/assets/stylesheets/shared/_notifications.scss */
.pop-notification-container:after {
  content: "";
  -webkit-animation: tada 4.5s 5;
  -moz-animation: tada 4.5s 5;
  -o-animation: tada 4.5s 5;
  animation: tada 4.5s 5;
  background-image: url(https://emploi-paysdefalaise.keycooptsystem.com/assets/sparkling_animation-b570046bf148ed7185bd9af32ae93ffe3ebf16b02393dbb8c69ac00a9a4c1140.png);
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20px;
  height: 65px;
  left: 0px;
  position: absolute;
  top: 10px;
  width: 65px;
}

/* line 1, app/assets/stylesheets/shared/_header.scss */
header:not(.tailwind-override) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

/* line 12, app/assets/stylesheets/shared/_header.scss */
.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  background: #fff;
  height: 80px;
  padding: 0 1%;
  position: relative;
  width: 100%;
}

/* line 23, app/assets/stylesheets/shared/_header.scss */
.header_connexion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 26, app/assets/stylesheets/shared/_header.scss */
.header_connexion .button {
  margin-right: 1rem;
}

/* line 31, app/assets/stylesheets/shared/_header.scss */
.header .header__name-top {
  color: #000;
  display: block;
  padding-right: 1rem;
  position: relative;
  margin-left: auto;
}

@media (max-width: 1024px) {
  /* line 31, app/assets/stylesheets/shared/_header.scss */
  .header .header__name-top {
    display: none;
  }
}

/* line 43, app/assets/stylesheets/shared/_header.scss */
.header .header__name-menu {
  display: none;
}

@media (max-width: 1024px) {
  /* line 43, app/assets/stylesheets/shared/_header.scss */
  .header .header__name-menu {
    display: block;
    margin-left: 2px;
  }
}

/* line 52, app/assets/stylesheets/shared/_header.scss */
.header .profile__name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  line-height: 1.3rem;
  width: max-content;
}

/* line 58, app/assets/stylesheets/shared/_header.scss */
.header .profile__name:hover {
  color: #fa006c;
  cursor: pointer;
}

@media (min-width: 1025px) {
  /* line 64, app/assets/stylesheets/shared/_header.scss */
  .header .profile__name:after {
    content: "";
    border-right: 1px solid #979797;
    height: 36px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px;
  }
}

/* line 75, app/assets/stylesheets/shared/_header.scss */
.header .profile__name .profile-picture {
  margin-right: 0.5rem;
}

/* line 80, app/assets/stylesheets/shared/_header.scss */
.header .show__mobile {
  display: none;
}

@media (max-width: 1024px) {
  /* line 80, app/assets/stylesheets/shared/_header.scss */
  .header .show__mobile {
    display: block;
  }
}

/* line 88, app/assets/stylesheets/shared/_header.scss */
.header .hide__mobile {
  display: block;
}

@media (max-width: 1024px) {
  /* line 88, app/assets/stylesheets/shared/_header.scss */
  .header .hide__mobile {
    display: none;
  }
}

/* line 96, app/assets/stylesheets/shared/_header.scss */
.header__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-image: var(--logo-url);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  font-weight: bold;
  height: 56px;
  outline: none;
  padding: 0;
  text-indent: -9000px;
  width: 280px;
}

/* line 111, app/assets/stylesheets/shared/_header.scss */
.header__logo:hover {
  opacity: .8;
}

@media (max-width: 1024px) {
  /* line 96, app/assets/stylesheets/shared/_header.scss */
  .header__logo {
    margin: 0 auto 0 0;
    width: 130px;
  }
}

/* line 121, app/assets/stylesheets/shared/_header.scss */
.header .root {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* line 126, app/assets/stylesheets/shared/_header.scss */
.header .root .icon {
  margin-right: 0.5rem;
  height: 24px;
  width: 24px;
}

/* line 131, app/assets/stylesheets/shared/_header.scss */
.header .root .icon svg {
  fill: #000;
}

/* line 138, app/assets/stylesheets/shared/_header.scss */
.header .root.current a {
  color: #000;
}

/* line 141, app/assets/stylesheets/shared/_header.scss */
.header .root.current a .icon svg {
  fill: #000;
}

/* line 147, app/assets/stylesheets/shared/_header.scss */
.header .root a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #3f3f3f;
}

/* line 152, app/assets/stylesheets/shared/_header.scss */
.header .root a:hover {
  color: #000;
  cursor: pointer;
}

/* line 156, app/assets/stylesheets/shared/_header.scss */
.header .root a:hover .icon svg {
  fill: #000;
}

/* line 165, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu {
  -webkit-animation: opening-menu .5s 1;
  -moz-animation: opening-menu .5s 1;
  -o-animation: opening-menu .5s 1;
  animation: opening-menu .5s 1;
  background-color: #fff;
  display: none;
  font-size: 14px;
  padding: 12px 0;
  width: 300px;
  z-index: 100;
}

@media (min-width: 1025px) {
  /* line 165, app/assets/stylesheets/shared/_header.scss */
  .dropdown__content-menu {
    border-radius: 4px;
    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.1), 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 32px;
    top: 90px;
  }
}

@media (max-width: 1024px) {
  /* line 165, app/assets/stylesheets/shared/_header.scss */
  .dropdown__content-menu {
    border-top: 1px solid #cacaca;
    height: 100%;
    overflow-x: scroll;
    padding-bottom: 100px;
    position: fixed;
    right: 0;
    top: 64px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 165, app/assets/stylesheets/shared/_header.scss */
  .dropdown__content-menu {
    top: 80px;
    width: 100%;
  }
}

/* line 198, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu-middle {
  border-bottom: 1px solid #cacaca;
}

/* line 202, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu-top {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 0.5rem;
}

/* line 207, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu-bottom {
  padding-top: 1rem;
}

/* line 211, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu .dropdown__content-menu-bottom li {
  padding: 5px 0;
}

/* line 215, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu .identification__menu-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 4px;
  color: #000;
  padding: 1rem 0.5rem;
  text-decoration: none;
}

/* line 224, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu .identification__menu-link:hover {
  background-color: #fff0f6;
}

/* line 227, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu .identification__menu-link:hover .icon svg {
  fill: #fa006c;
}

/* line 232, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu .identification__menu-link .icon {
  height: 24px;
  width: 24px;
}

/* line 236, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu .identification__menu-link .icon svg {
  fill: #000;
}

/* line 242, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu ul {
  list-style: none;
  padding-left: 1.5rem;
  padding-right: 1rem;
}

/* line 247, app/assets/stylesheets/shared/_header.scss */
.dropdown__content-menu ul li {
  padding: 10px 0;
}

@media (min-width: 1025px) {
  /* line 253, app/assets/stylesheets/shared/_header.scss */
  .menu-mobile {
    display: none;
  }
}

@media (max-width: 1024px) {
  /* line 253, app/assets/stylesheets/shared/_header.scss */
  .menu-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-right: 1rem;
  }
}

/* line 265, app/assets/stylesheets/shared/_header.scss */
.header__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

/* line 270, app/assets/stylesheets/shared/_header.scss */
.header__nav.header__top li {
  font-weight: bold;
}

/* line 275, app/assets/stylesheets/shared/_header.scss */
.header__nav li {
  padding: 0 1rem;
}

/* line 279, app/assets/stylesheets/shared/_header.scss */
.header__nav.header__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.5rem;
  width: 54%;
}

/* line 286, app/assets/stylesheets/shared/_header.scss */
.header__nav.header__top .root.current a {
  background-size: 100% 4px;
}

/* line 289, app/assets/stylesheets/shared/_header.scss */
.header__nav.header__top .root a {
  position: relative;
  padding: 28px 5px;
  background-image: linear-gradient(to right, var(--primary-color), var(--primary-color));
  background-repeat: no-repeat;
  background-size: 100% 0px;
  background-position: left bottom;
  transition: background-size .15s;
}

/* line 298, app/assets/stylesheets/shared/_header.scss */
.header__nav.header__top .root a:hover {
  font-weight: bold;
  background-size: 100% 4px;
}

@media (max-width: 1024px) {
  /* line 279, app/assets/stylesheets/shared/_header.scss */
  .header__nav.header__top {
    display: none;
  }
}

/* line 310, app/assets/stylesheets/shared/_header.scss */
.header__nav.header__menu {
  display: none;
}

@media (max-width: 1024px) {
  /* line 310, app/assets/stylesheets/shared/_header.scss */
  .header__nav.header__menu {
    display: block;
  }
}

@media (min-width: 1025px) {
  /* line 319, app/assets/stylesheets/shared/_header.scss */
  .header__connexion-top {
    display: flex;
  }
  /* line 322, app/assets/stylesheets/shared/_header.scss */
  .header__connexion-top .button {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 327, app/assets/stylesheets/shared/_header.scss */
  .header__connexion-top .button--level4 {
    margin-left: 1rem;
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  /* line 334, app/assets/stylesheets/shared/_header.scss */
  .header__connexion-top {
    display: none;
  }
  /* line 337, app/assets/stylesheets/shared/_header.scss */
  .header__connexion-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 341, app/assets/stylesheets/shared/_header.scss */
  .header__connexion-menu .button {
    width: 100%;
  }
  /* line 345, app/assets/stylesheets/shared/_header.scss */
  .header__connexion-menu .button--level1 {
    margin-bottom: 1rem;
  }
}

/* line 1, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  margin: 1rem auto 25px;
}

@media (min-width: 1025px) {
  /* line 1, app/assets/stylesheets/shared/components/_tabs.scss */
  .tabs-bar {
    border: 1px solid #cacaca;
    border-radius: 4px;
    padding: 1rem;
    width: 1221px;
    max-width: 95%;
    overflow: hidden;
  }
}

@media (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/shared/components/_tabs.scss */
  .tabs-bar {
    margin: 1.5rem 0 1rem 0;
    padding: 0.5rem;
  }
}

/* line 22, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar span {
  font-size: 0.75rem;
  color: #3f3f3f;
}

/* line 27, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__list {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  text-decoration: none;
  margin: 0 auto;
  width: 100%;
}

/* line 36, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  position: relative;
  border-radius: 4px;
}

/* line 47, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__item .tabs-bar__link {
  color: #93989c;
  font-size: 1rem;
  padding: 7px 10px;
  font-weight: bold;
}

/* line 55, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__item .tabs-bar__link-icon svg {
  fill: #3f3f3f;
}

/* line 59, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__item--active {
  background-color: var(--primary-very-light);
}

/* line 61, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__item--active .tabs-bar__link {
  color: #000;
}

/* line 65, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__link {
  text-decoration: none;
  white-space: nowrap;
}

/* line 69, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__link--icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 75, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__link-icon {
  height: 25px;
  margin-right: 6px;
  width: 25px;
}

/* line 80, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__link-icon svg {
  fill: #000;
}

/* line 94, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__date-picker {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

/* line 100, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__date-picker .date-picker__text {
  font-size: 1rem;
  margin-right: 5px;
}

/* line 105, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__date-picker .period-picker_select,
.tabs-bar__date-picker .date-picker__input {
  margin-right: 5px;
  min-width: 170px;
  position: relative;
  width: 170px;
}

/* line 114, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__more-filter {
  margin-left: 5px;
}

/* line 116, app/assets/stylesheets/shared/components/_tabs.scss */
.tabs-bar__more-filter .icon {
  height: 16px;
  width: 16px;
}

/* line 1, app/assets/stylesheets/shared/components/_timeline.scss */
.time_container {
  padding: 0;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1025px) {
  /* line 1, app/assets/stylesheets/shared/components/_timeline.scss */
  .time_container {
    margin: 1rem 0;
  }
  /* line 9, app/assets/stylesheets/shared/components/_timeline.scss */
  .time_container:before {
    background: #93989c;
    content: '';
    height: 92%;
    right: 12px;
    position: absolute;
    top: 60px;
    width: 1px;
    z-index: 1;
  }
}

@media (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/shared/components/_timeline.scss */
  .time_container {
    margin: 1rem -7px 40px -10px;
  }
}

/* line 26, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  min-height: 83px;
  position: relative;
}

/* line 33, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block.comment {
  margin-top: 0;
}

/* line 37, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block .icon {
  background-color: #fff;
  margin: 0 -5px 0 -3px;
}

/* line 42, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block .timeline_content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 0.875rem;
  background-color: #ededed;
  border-radius: 4px;
  margin: 0 1%;
  padding: 15px 5px;
  position: relative;
  width: 87%;
}

/* line 55, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block .timeline_content .timeline_event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 10px;
  width: 90%;
}

/* line 61, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block .timeline_content .timeline_event a {
  color: #3f3f3f;
}

/* line 66, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block .timeline_content p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 0.875rem;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}

/* line 75, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block .timeline_content p .link {
  margin-left: 5px;
}

/* line 80, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block .timeline_content .tag {
  margin-left: 10px;
  padding: 2px 10px;
  text-transform: capitalize;
  margin: 0 4px 4px 4px;
  padding: 0 10px;
}

/* line 89, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block .circle {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: var(--primary-color);
  border: 1px solid #fff;
  border-radius: 50%;
  height: 11px;
  position: absolute;
  right: 7px;
  width: 11px;
  z-index: 10;
}

@media (max-width: 1024px) {
  /* line 89, app/assets/stylesheets/shared/components/_timeline.scss */
  .timeline_block .circle {
    display: none;
  }
}

/* line 105, app/assets/stylesheets/shared/components/_timeline.scss */
.timeline_block .timeline_date {
  border-bottom: 1px solid #cacaca;
  text-align: left;
  padding: 0 0.5rem 0.5rem 0.5rem;
  margin: 0 0.5rem 0.5rem 0.5rem;
  width: 90%;
}

/* line 1, app/assets/stylesheets/shared/_tooltip.scss */
.ui-tooltip {
  border: 0;
  border-radius: 16px;
  display: inline-block;
  font-size: 0.875rem;
  left: 0;
  max-width: 250px;
  padding: 8px 16px;
  position: absolute;
  text-align: left;
  top: 0;
  z-index: 10000;
  color: white;
}

/* line 16, app/assets/stylesheets/shared/_tooltip.scss */
.ui-tooltip, .arrow:after {
  background: #0f172a;
  border: 0;
}

/* line 21, app/assets/stylesheets/shared/_tooltip.scss */
.arrow {
  bottom: -8px;
  height: 12px;
  left: 50%;
  margin-left: -32px;
  overflow: hidden;
  position: absolute;
  width: 50px;
}

/* line 31, app/assets/stylesheets/shared/_tooltip.scss */
.arrow:after {
  content: '';
  height: 25px;
  left: 20px;
  position: absolute;
  top: -20px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 25px;
}

/* line 46, app/assets/stylesheets/shared/_tooltip.scss */
.ui-helper-hidden {
  display: none;
}

/* line 50, app/assets/stylesheets/shared/_tooltip.scss */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/************************************************************
* TOOLTIPS
*
*/
/* line 65, app/assets/stylesheets/shared/_tooltip.scss */
.tooltipped {
  position: relative;
}

/* line 69, app/assets/stylesheets/shared/_tooltip.scss */
.tooltipped:after {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #fff;
  content: attr(aria-label);
  display: none;
  font: normal normal 11px/1.5 Helvetica,arial;
  -webkit-font-smoothing: subpixel-antialiased;
  padding: 5px 8px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-transform: none;
  white-space: pre;
  word-wrap: break-word;
  z-index: 1000000;
}

/* line 87, app/assets/stylesheets/shared/_tooltip.scss */
.tooltipped:before {
  border: 5px solid transparent;
  color: rgba(0, 0, 0, 0.8);
  content: '';
  display: none;
  height: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 1000001;
}

/* line 99, app/assets/stylesheets/shared/_tooltip.scss */
.tooltipped:hover:before, .tooltipped:hover:after, .tooltipped:active:before, .tooltipped:active:after, .tooltipped:focus:before, .tooltipped:focus:after {
  display: inline-block;
  text-decoration: none;
}

/* line 104, app/assets/stylesheets/shared/_tooltip.scss */
.tooltipped-s:after {
  margin-top: 5px;
  right: 50%;
  top: 100%;
}

/* line 110, app/assets/stylesheets/shared/_tooltip.scss */
.tooltipped-s:before {
  border-bottom-color: rgba(0, 0, 0, 0.8);
  bottom: -5px;
  margin-right: 10px;
  right: 50%;
  top: auto;
}

/* line 1, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled {
  padding-bottom: 1px;
}

/* line 4, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-list {
  list-style: none;
}

/* line 8, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
}

@media (min-width: 1025px) {
  /* line 8, app/assets/stylesheets/shared/_skills.scss */
  .skills__detailled-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media (max-width: 1024px) {
  /* line 8, app/assets/stylesheets/shared/_skills.scss */
  .skills__detailled-item {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    position: relative;
  }
  /* line 22, app/assets/stylesheets/shared/_skills.scss */
  .skills__detailled-item .remove_fields {
    position: absolute;
    bottom: -8px;
    right: 10px;
  }
}

@media (max-width: 767px) {
  /* line 31, app/assets/stylesheets/shared/_skills.scss */
  .skills__detailled-item .remove_fields {
    right: -20px;
  }
}

/* line 36, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-item-title {
  text-align: left;
}

@media (min-width: 1025px) {
  /* line 36, app/assets/stylesheets/shared/_skills.scss */
  .skills__detailled-item-title {
    min-width: 130px;
  }
}

/* line 44, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-item-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media (min-width: 1025px) {
  /* line 44, app/assets/stylesheets/shared/_skills.scss */
  .skills__detailled-item-tag {
    width: 68%;
  }
}

/* line 55, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #797f83;
}

/* line 62, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-level {
  background: url(https://emploi-paysdefalaise.keycooptsystem.com/assets/stars-b1ebcb631d638369844eb67002a496c6c2114c46bb3aba7af9be5ba7974e422c.png) no-repeat;
  display: block;
  height: 24px;
  width: 117px;
}

@media (min-width: 1025px) {
  /* line 62, app/assets/stylesheets/shared/_skills.scss */
  .skills__detailled-level {
    margin: 0 25px;
  }
}

/* line 72, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-level.beginner {
  background-position: 0 -25px;
}

/* line 75, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-level.intermediate {
  background-position: 0 -50px;
}

/* line 78, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-level.confirmed {
  background-position: 0 -75px;
}

/* line 81, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled-level.expert {
  background-position: 0 -100px;
}

/* line 86, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled_value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: 30px;
  position: relative;
  width: 30px;
}

/* line 94, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled_value:last-child {
  margin-right: 15px;
}

/* line 98, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled_value.required {
  background-color: #F0F0F0;
}

/* line 102, app/assets/stylesheets/shared/_skills.scss */
.skills__detailled_value.required span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  bottom: -25px;
  font-size: .5rem;
  height: 24px;
  margin: 0 4px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}

/* line 2, app/assets/stylesheets/shared/_skill_field.scss */
#bl_question .skill-field__help {
  background-color: #f1f1f1;
}

/* line 6, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field {
  position: relative;
}

@media (min-width: 1025px) {
  /* line 6, app/assets/stylesheets/shared/_skill_field.scss */
  .skill-field {
    margin: 0 15px;
  }
}

@media (max-width: 1024px) {
  /* line 6, app/assets/stylesheets/shared/_skill_field.scss */
  .skill-field {
    margin: 5px 10px 5px 0;
  }
}

/* line 17, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__stars {
  width: 107px;
  height: 25px;
  background: url(https://emploi-paysdefalaise.keycooptsystem.com/assets/stars-b1ebcb631d638369844eb67002a496c6c2114c46bb3aba7af9be5ba7974e422c.png) no-repeat;
  background-position: 0 0;
}

/* line 24, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label {
  display: block;
  height: 25px;
  position: absolute;
  top: 0px;
  width: 27px;
}

/* line 31, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label__hidden {
  display: none;
}

/* line 35, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label.level-1 {
  left: 0px;
}

/* line 38, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label.level-2 {
  left: 25px;
}

/* line 41, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label.level-3 {
  left: 50px;
}

/* line 44, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label.level-4 {
  left: 75px;
}

/* line 49, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__help {
  background: white;
  display: block;
  left: 122px;
  position: absolute;
  text-align: left;
  top: 3px;
  width: 300px;
}

@media (max-width: 767px) {
  /* line 49, app/assets/stylesheets/shared/_skill_field.scss */
  .skill-field__help {
    left: 117px;
    top: 1px;
  }
}

/* line 64, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__radio {
  display: none;
}

/* line 68, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field .field_with_errors {
  position: absolute;
  top: 23px;
  width: 400px;
  display: block;
}

/* line 76, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__radio.level-1:checked ~ .skill-field__stars {
  background-position: 0 -25px;
}

/* line 79, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__radio.level-2:checked ~ .skill-field__stars {
  background-position: 0 -50px;
}

/* line 82, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__radio.level-3:checked ~ .skill-field__stars {
  background-position: 0 -75px;
}

/* line 85, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__radio.level-4:checked ~ .skill-field__stars {
  background-position: 0 -100px;
}

/* line 92, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label.level-1:hover ~ .skill-field__stars {
  background-position: 0 -25px;
}

/* line 95, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label.level-2:hover ~ .skill-field__stars {
  background-position: 0 -50px;
}

/* line 98, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label.level-3:hover ~ .skill-field__stars {
  background-position: 0 -75px;
}

/* line 101, app/assets/stylesheets/shared/_skill_field.scss */
.skill-field__label.level-4:hover ~ .skill-field__stars {
  background-position: 0 -100px;
}

/* line 1, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list {
  font-size: 0.875rem;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  margin: 1rem 0;
  min-width: 100%;
  position: relative;
  width: 100%;
}

@media (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list {
    border-bottom: 2px solid #ededed;
    display: block;
    margin: 15px 0;
  }
}

/* line 17, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list thead {
  background-color: #f1f1f1;
  color: #93989c;
}

@media (max-width: 1024px) {
  /* line 17, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list thead {
    display: none;
  }
}

/* line 26, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr {
  border-bottom: 1px solid #ededed;
}

@media (max-width: 1024px) {
  /* line 26, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list tr {
    display: block;
  }
}

/* line 33, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr > * {
  padding: 4px 0;
}

/* line 37, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr th {
  font-weight: bold;
  padding: 10px;
  min-height: 40px;
  position: relative;
  vertical-align: middle;
}

/* line 45, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr td {
  border-bottom: 1px solid #f1f1f1;
  padding: 1rem 0.5rem;
}

@media (max-width: 1024px) {
  /* line 45, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list tr td {
    border: 0;
    display: block;
    padding: 40px 0 5px 0;
    position: relative;
    text-align: left;
    white-space: normal;
    width: auto;
  }
  /* line 58, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list tr td:before {
    content: attr(data-title);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    left: 0;
    padding-right: 10px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: nowrap;
    width: 100%;
  }
  /* line 75, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list tr td.icon__information {
    display: none;
  }
  /* line 79, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list tr td .small_logo {
    display: none;
  }
  /* line 83, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list tr td.text-center {
    text-align: left;
  }
}

/* line 88, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr td.logo {
  width: 8%;
}

/* line 93, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr td.cell__icon .icon {
  height: 25px;
  width: 25px;
}

/* line 97, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr td.cell__icon .icon svg {
  fill: #000;
}

/* line 102, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr td.cell__icon span {
  display: block;
  float: left;
}

/* line 107, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr td.cell__icon .sending-status {
  margin-top: 1px;
}

/* line 114, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr:last-child > td {
  border-bottom: 0;
}

/* line 120, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.table_levels td:nth-child(5) {
  padding-left: 5px;
  padding-right: 0;
}

/* line 124, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.table_levels td:nth-child(6) {
  padding-left: 5px;
  padding-right: 0;
}

/* line 133, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.companies th:first-child:after {
  border-right: 0;
}

/* line 138, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.companies td:nth-child(3) {
  width: 30%;
}

@media (max-width: 1024px) {
  /* line 138, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.companies td:nth-child(3) {
    width: 100%;
  }
}

/* line 150, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.stat tr td:first-child {
  width: 30%;
}

@media (max-width: 1024px) {
  /* line 150, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.stat tr td:first-child {
    width: 100%;
  }
}

/* line 162, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.keywards td:first-child {
  width: 10%;
}

@media (max-width: 1024px) {
  /* line 162, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.keywards td:first-child {
    width: 100%;
  }
}

/* line 170, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.keywards td:nth-child(3) {
  width: 30%;
}

@media (max-width: 1024px) {
  /* line 170, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.keywards td:nth-child(3) {
    width: 100%;
  }
}

/* line 178, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.keywards td:nth-child(5) {
  width: 10%;
}

@media (max-width: 1024px) {
  /* line 178, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.keywards td:nth-child(5) {
    width: 100%;
  }
}

/* line 188, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.candidacies {
  font-size: 1rem;
}

/* line 193, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.candidacies tr td:nth-child(1) {
  width: 5%;
}

@media (max-width: 1024px) {
  /* line 193, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.candidacies tr td:nth-child(1) {
    width: 100%;
  }
}

/* line 201, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.candidacies tr td:nth-child(2) {
  width: 40%;
}

@media (max-width: 1024px) {
  /* line 201, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.candidacies tr td:nth-child(2) {
    width: 100%;
  }
}

/* line 209, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.candidacies tr td:nth-child(3) {
  text-align: right;
  width: 45%;
}

@media (max-width: 1024px) {
  /* line 209, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.candidacies tr td:nth-child(3) {
    text-align: left;
    width: 100%;
  }
}

/* line 224, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.posts_list tr td {
  padding-bottom: 10px;
  padding-top: 10px;
}

/* line 228, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.posts_list tr td:first-child {
  width: 7%;
}

@media (max-width: 1024px) {
  /* line 228, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.posts_list tr td:first-child {
    width: 100%;
  }
}

/* line 236, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.posts_list tr td:nth-child(2) {
  width: 10%;
}

@media (max-width: 1024px) {
  /* line 236, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.posts_list tr td:nth-child(2) {
    width: 100%;
  }
}

/* line 244, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.posts_list tr td:nth-child(3) {
  width: 48%;
}

@media (max-width: 1024px) {
  /* line 244, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.posts_list tr td:nth-child(3) {
    width: 100%;
  }
}

/* line 252, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.posts_list tr td:nth-child(4) {
  width: 17%;
}

@media (max-width: 1024px) {
  /* line 252, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.posts_list tr td:nth-child(4) {
    width: 100%;
  }
}

/* line 260, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.posts_list tr td:nth-child(5) {
  width: 18%;
}

@media (max-width: 1024px) {
  /* line 260, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.posts_list tr td:nth-child(5) {
    width: 100%;
  }
}

/* line 273, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.categories_table tr td {
  padding-bottom: 15px;
  padding-top: 15px;
}

/* line 277, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.categories_table tr td:first-child {
  width: 40%;
}

@media (max-width: 1024px) {
  /* line 277, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.categories_table tr td:first-child {
    width: 100%;
  }
}

/* line 285, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.categories_table tr td:nth-child(2) {
  width: 20%;
}

@media (max-width: 1024px) {
  /* line 285, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.categories_table tr td:nth-child(2) {
    width: 100%;
  }
}

/* line 293, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.categories_table tr td:nth-child(3) {
  width: 20%;
}

@media (max-width: 1024px) {
  /* line 293, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.categories_table tr td:nth-child(3) {
    width: 100%;
  }
}

/* line 301, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list.categories_table tr td:nth-child(4) {
  width: 20%;
}

@media (max-width: 1024px) {
  /* line 301, app/assets/stylesheets/canary/../shared/_table.scss */
  .table_list.categories_table tr td:nth-child(4) {
    width: 100%;
  }
}

/* line 312, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr td table {
  width: 100%;
}

/* line 315, app/assets/stylesheets/canary/../shared/_table.scss */
.table_list tr td table tr td {
  border-bottom: 0;
  padding: 0 0 0 5px;
  text-align: left;
}

/* line 323, app/assets/stylesheets/canary/../shared/_table.scss */
.content_table_head {
  z-index: 800;
}

/* line 2, app/assets/stylesheets/canary/../shared/_badges.scss */
.badge__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.875rem;
  margin-top: 30px;
}

/* line 10, app/assets/stylesheets/canary/../shared/_badges.scss */
.badge__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  margin: 0 1% 1% 0;
  padding: 10px;
  width: 32.33%;
}

@media (min-width: 1025px) {
  /* line 10, app/assets/stylesheets/canary/../shared/_badges.scss */
  .badge__content {
    width: 32%;
  }
}

@media (max-width: 1024px) {
  /* line 10, app/assets/stylesheets/canary/../shared/_badges.scss */
  .badge__content {
    width: 49%;
  }
}

@media (max-width: 767px) {
  /* line 10, app/assets/stylesheets/canary/../shared/_badges.scss */
  .badge__content {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    margin: 0;
    width: 100%;
  }
}

/* line 34, app/assets/stylesheets/canary/../shared/_badges.scss */
.badge__content .badge_icon {
  border-radius: 50px;
  height: 60px;
  margin-right: 10px;
  width: 60px;
}

/* line 40, app/assets/stylesheets/canary/../shared/_badges.scss */
.badge__content .badge_icon img {
  height: 100%;
  min-width: 100%;
}

/* line 46, app/assets/stylesheets/canary/../shared/_badges.scss */
.badge__content .badge__text-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: middle;
  width: 73%;
}

/* line 3, app/assets/stylesheets/canary/../shared/_levels.scss */
.table_levels .level__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #ffe399;
  border-radius: 4px;
  height: 70px;
  width: 70px;
}

/* line 12, app/assets/stylesheets/canary/../shared/_levels.scss */
.table_levels .level__image img {
  height: 50px;
  width: 50px;
}

/* line 18, app/assets/stylesheets/canary/../shared/_levels.scss */
.table_levels ul {
  list-style-position: outside;
}

/* line 22, app/assets/stylesheets/canary/../shared/_levels.scss */
.table_levels ul li {
  color: #93989c;
  margin-top: 0.25rem;
  margin-left: 1rem;
}

/* line 30, app/assets/stylesheets/canary/../shared/_levels.scss */
.refresh__coopters_levels {
  width: 30%;
  margin: 40px 0;
}

/* line 1, app/assets/stylesheets/shared/_components.scss */
.atom-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  padding: 1.5rem;
  max-width: 1221px;
  margin: 0.5rem;
}

/* line 9, app/assets/stylesheets/shared/_components.scss */
.atom-card_grey {
  background-color: #ededed;
}

@media (min-width: 1025px) {
  /* line 1, app/assets/stylesheets/shared/_components.scss */
  .atom-card {
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 0px 1px #cacaca;
    -moz-box-shadow: 0px 0px 0px 1px #cacaca;
    -ms-box-shadow: 0px 0px 0px 1px #cacaca;
    box-shadow: 0px 0px 0px 1px #cacaca;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/shared/_components.scss */
  .atom-card {
    padding: 1rem;
    margin: 0.5rem 0;
  }
}

/* line 59, app/assets/stylesheets/canary/../shared/_common_style.scss */
* {
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/canary/_content.scss */
body {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  color: #000;
  font-family: 'IBM Plex Sans', Arial, sans-serif;
  font-weight: 400;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* line 13, app/assets/stylesheets/canary/_content.scss */
.yield {
  margin: 0 auto;
  width: 100%;
}

/* line 18, app/assets/stylesheets/canary/_content.scss */
.closed_offer {
  background: #fff;
  font-size: 1.75rem;
  font-weight: 700;
  padding: 60px 20px;
  text-align: center;
  width: 100%;
}

/* line 26, app/assets/stylesheets/canary/_content.scss */
.closed_offer p {
  font-size: 1.25rem;
  margin: 40px 20px 60px;
}

/* line 32, app/assets/stylesheets/canary/_content.scss */
.bloc_job_info {
  background-color: #fff;
  padding: 2rem 0 5em;
  width: 100%;
}

/* line 37, app/assets/stylesheets/canary/_content.scss */
.bloc_job_info.without_bottom_padding {
  padding: 2rem 0;
}

/* line 41, app/assets/stylesheets/canary/_content.scss */
.bloc_job_info ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 1100px;
}

/* line 48, app/assets/stylesheets/canary/_content.scss */
.bloc_job_info ul li {
  font-size: 1rem;
  font-weight: 400;
  list-style-type: none;
  margin: 0 auto;
  text-align: center;
  width: 20%;
}

/* line 59, app/assets/stylesheets/canary/_content.scss */
.legal_mentions {
  color: #93989c;
  font-size: 0.75rem;
  text-align: justify;
  margin-top: 50px;
  line-height: 1.3rem;
}

/* line 66, app/assets/stylesheets/canary/_content.scss */
.legal_mentions a, .legal_mentions a:visited {
  font-weight: bold;
}

/* line 71, app/assets/stylesheets/canary/_content.scss */
.tos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 1rem;
  width: max-content;
}

/* line 77, app/assets/stylesheets/canary/_content.scss */
.tos__end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 30px 0 30px auto;
  padding-top: 1rem;
  width: max-content;
}

/* line 85, app/assets/stylesheets/canary/_content.scss */
.tos .checkbox-label {
  margin-right: 5px;
}

/* line 89, app/assets/stylesheets/canary/_content.scss */
.tos .link {
  margin: 0;
  font-weight: bold;
}

/* line 94, app/assets/stylesheets/canary/_content.scss */
.tos .error {
  color: #DA1E28;
  display: block;
  margin: 0;
  text-align: center;
}

/* line 102, app/assets/stylesheets/canary/_content.scss */
.canary .skill-field__help {
  background-color: #f1f1f1;
}

/* line 1, app/assets/stylesheets/canary/components/_common.scss */
div {
  box-sizing: border-box;
}

/* line 5, app/assets/stylesheets/canary/components/_common.scss */
.color {
  color: var(--primary-color);
}

/* line 9, app/assets/stylesheets/canary/components/_common.scss */
.dot {
  background-color: var(--primary-color);
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
  height: 5px;
  vertical-align: middle;
  width: 5px;
}

/* line 19, app/assets/stylesheets/canary/components/_common.scss */
.content {
  padding-right: 15%;
  padding-left: 15%;
  padding-bottom: 20px;
  margin: 40px auto;
}

/* line 25, app/assets/stylesheets/canary/components/_common.scss */
.content.joboffer_content {
  background-color: #fff;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 30px;
  position: relative;
  margin: 40px auto 0 auto;
  z-index: 2;
}

/* line 34, app/assets/stylesheets/canary/components/_common.scss */
.content.recommendation__show, .content.recommandation__form {
  background-color: #fff;
  padding-top: 65px;
  position: relative;
  margin-top: -56px;
  z-index: 1;
}

/* line 42, app/assets/stylesheets/canary/components/_common.scss */
.content .h2__title:first-child {
  border-top: 0;
}

/* line 47, app/assets/stylesheets/canary/components/_common.scss */
.svg_interested {
  height: 140px;
  width: 140px;
}

/* line 52, app/assets/stylesheets/canary/components/_common.scss */
.motivations_block {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--primary-very-light);
  border-radius: 4px;
  padding: 1rem;
  margin: 1rem 0;
}

/* line 59, app/assets/stylesheets/canary/components/_common.scss */
.motivations_block .icon {
  display: block;
  margin-right: 1rem;
  height: 100px;
  width: 100px;
}

/* line 65, app/assets/stylesheets/canary/components/_common.scss */
.motivations_block .icon svg {
  height: 100px;
  width: 100px;
}

@media (max-width: 767px) {
  /* line 73, app/assets/stylesheets/canary/components/_common.scss */
  .motivations_block .icon {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/canary/components/_header.scss */
.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: #fff;
  border-bottom: 4px solid var(--primary-color);
  height: 64px;
  padding: 0 20px;
}

/* line 10, app/assets/stylesheets/canary/components/_header.scss */
.header .header__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  width: 365px;
}

/* line 16, app/assets/stylesheets/canary/components/_header.scss */
.header .header__logo .logo {
  -moz-transition: all ease-in-out .15s;
  -webkit-transition: all ease-in-out .15s;
  transition: all ease-in-out .15s;
  background-image: var(--logo-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  font-weight: bold;
  height: 50px;
  outline: none;
  text-indent: -9000px;
  width: 100%;
}

/* line 22, app/assets/stylesheets/shared/_animation.scss */
.header .header__logo .logo:hover {
  -moz-transition: all ease-in-out .15s;
  -webkit-transition: all ease-in-out .15s;
  transition: all ease-in-out .15s;
}

/* line 29, app/assets/stylesheets/canary/components/_header.scss */
.header .header__logo .logo:hover {
  opacity: .8;
}

/* line 1, app/assets/stylesheets/canary/components/_forms.scss */
.content__upload-block {
  padding: 0;
  margin-left: 1rem;
}

/* line 5, app/assets/stylesheets/canary/components/_forms.scss */
.content__upload-file {
  background-color: #fff;
  border: 1px dashed #93989c;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
}

/* line 13, app/assets/stylesheets/canary/components/_forms.scss */
.resume {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0.625rem 0;
  position: relative;
}

/* line 18, app/assets/stylesheets/canary/components/_forms.scss */
.resume.is_dragover {
  background-color: #f1f1f1;
  width: max-content;
}

/* line 23, app/assets/stylesheets/canary/components/_forms.scss */
.resume .file_uploader {
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 31, app/assets/stylesheets/canary/components/_forms.scss */
.resume .upload_info {
  font-size: 1rem;
  left: 65%;
  position: absolute;
  top: 20px;
  z-index: 1;
}

/* line 39, app/assets/stylesheets/canary/components/_forms.scss */
.resume .upload_success {
  background-color: #f1f1f1;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  margin: 0.625rem;
  position: relative;
  width: max-content;
  display: none;
}

/* line 49, app/assets/stylesheets/canary/components/_forms.scss */
.resume .upload_success .cross {
  cursor: pointer;
  font-family: 'Arial Black', 'Arial Bold';
  font-size: 1rem;
  margin: 0 5px;
  padding-bottom: 0.25rem;
  vertical-align: middle;
}

/* line 3, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description,
.summary_description,
.formatted_content,
.joboffer_content,
.post_content,
.post__content {
  color: #3f3f3f;
  font-size: 1rem;
  line-height: 2rem;
  margin: 8px 0 24px;
}

/* line 14, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description a,
.summary_description a,
.formatted_content a,
.joboffer_content a,
.post_content a,
.post__content a {
  color: #006cfa;
  text-decoration: underline;
}

/* line 18, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description a:hover,
.summary_description a:hover,
.formatted_content a:hover,
.joboffer_content a:hover,
.post_content a:hover,
.post__content a:hover {
  color: #4897ff;
}

/* line 23, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description p,
.summary_description p,
.formatted_content p,
.joboffer_content p,
.post_content p,
.post__content p {
  font-size: 1rem;
  margin: 0 0 1rem;
}

/* line 28, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description u,
.summary_description u,
.formatted_content u,
.joboffer_content u,
.post_content u,
.post__content u {
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 2px;
  font-size: 1.5rem;
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ul,
.summary_description ul,
.formatted_content ul,
.joboffer_content ul,
.post_content ul,
.post__content ul {
  margin: 0 0 1rem;
  padding: 0;
}

/* line 39, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ul li,
.summary_description ul li,
.formatted_content ul li,
.joboffer_content ul li,
.post_content ul li,
.post__content ul li {
  list-style-type: none;
  padding-left: 0;
}

/* line 43, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ul li div-left,
.description ul li div-right,
.description ul li div-center,
.description ul li div-justify,
.summary_description ul li div-left,
.summary_description ul li div-right,
.summary_description ul li div-center,
.summary_description ul li div-justify,
.formatted_content ul li div-left,
.formatted_content ul li div-right,
.formatted_content ul li div-center,
.formatted_content ul li div-justify,
.joboffer_content ul li div-left,
.joboffer_content ul li div-right,
.joboffer_content ul li div-center,
.joboffer_content ul li div-justify,
.post_content ul li div-left,
.post_content ul li div-right,
.post_content ul li div-center,
.post_content ul li div-justify,
.post__content ul li div-left,
.post__content ul li div-right,
.post__content ul li div-center,
.post__content ul li div-justify {
  margin: 0;
}

/* line 50, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ul li ul,
.summary_description ul li ul,
.formatted_content ul li ul,
.joboffer_content ul li ul,
.post_content ul li ul,
.post__content ul li ul {
  margin: 0;
  padding-left: 20px;
}

/* line 55, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ul li ul li:before,
.summary_description ul li ul li:before,
.formatted_content ul li ul li:before,
.joboffer_content ul li ul li:before,
.post_content ul li ul li:before,
.post__content ul li ul li:before {
  color: #f1f1f1;
}

/* line 59, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ul li ul li div-left,
.description ul li ul li div-right,
.description ul li ul li div-center,
.description ul li ul li div-justify,
.summary_description ul li ul li div-left,
.summary_description ul li ul li div-right,
.summary_description ul li ul li div-center,
.summary_description ul li ul li div-justify,
.formatted_content ul li ul li div-left,
.formatted_content ul li ul li div-right,
.formatted_content ul li ul li div-center,
.formatted_content ul li ul li div-justify,
.joboffer_content ul li ul li div-left,
.joboffer_content ul li ul li div-right,
.joboffer_content ul li ul li div-center,
.joboffer_content ul li ul li div-justify,
.post_content ul li ul li div-left,
.post_content ul li ul li div-right,
.post_content ul li ul li div-center,
.post_content ul li ul li div-justify,
.post__content ul li ul li div-left,
.post__content ul li ul li div-right,
.post__content ul li ul li div-center,
.post__content ul li ul li div-justify {
  margin: 0;
}

/* line 68, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ul li:before,
.summary_description ul li:before,
.formatted_content ul li:before,
.joboffer_content ul li:before,
.post_content ul li:before,
.post__content ul li:before {
  content: "";
  background-color: var(--primary-color);
  border-radius: 50%;
  display: block;
  float: left;
  height: 6px;
  margin: 11px 6px 0 0;
  width: 6px;
}

/* line 81, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ol,
.summary_description ol,
.formatted_content ol,
.joboffer_content ol,
.post_content ol,
.post__content ol {
  font-size: 1rem;
  margin: 0 0 1rem 16px;
  padding: 0;
}

/* line 86, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ol li,
.summary_description ol li,
.formatted_content ol li,
.joboffer_content ol li,
.post_content ol li,
.post__content ol li {
  padding-left: 15px;
}

/* line 89, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ol li div-left,
.description ol li div-right,
.description ol li div-center,
.description ol li div-justify,
.summary_description ol li div-left,
.summary_description ol li div-right,
.summary_description ol li div-center,
.summary_description ol li div-justify,
.formatted_content ol li div-left,
.formatted_content ol li div-right,
.formatted_content ol li div-center,
.formatted_content ol li div-justify,
.joboffer_content ol li div-left,
.joboffer_content ol li div-right,
.joboffer_content ol li div-center,
.joboffer_content ol li div-justify,
.post_content ol li div-left,
.post_content ol li div-right,
.post_content ol li div-center,
.post_content ol li div-justify,
.post__content ol li div-left,
.post__content ol li div-right,
.post__content ol li div-center,
.post__content ol li div-justify {
  margin: 0;
}

/* line 96, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ol li ol,
.summary_description ol li ol,
.formatted_content ol li ol,
.joboffer_content ol li ol,
.post_content ol li ol,
.post__content ol li ol {
  margin: 0;
}

/* line 100, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description ol li ol li div-left,
.description ol li ol li div-right,
.description ol li ol li div-center,
.description ol li ol li div-justify,
.summary_description ol li ol li div-left,
.summary_description ol li ol li div-right,
.summary_description ol li ol li div-center,
.summary_description ol li ol li div-justify,
.formatted_content ol li ol li div-left,
.formatted_content ol li ol li div-right,
.formatted_content ol li ol li div-center,
.formatted_content ol li ol li div-justify,
.joboffer_content ol li ol li div-left,
.joboffer_content ol li ol li div-right,
.joboffer_content ol li ol li div-center,
.joboffer_content ol li ol li div-justify,
.post_content ol li ol li div-left,
.post_content ol li ol li div-right,
.post_content ol li ol li div-center,
.post_content ol li ol li div-justify,
.post__content ol li ol li div-left,
.post__content ol li ol li div-right,
.post__content ol li ol li div-center,
.post__content ol li ol li div-justify {
  margin: 0;
}

/* line 111, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description figure,
.summary_description figure,
.formatted_content figure,
.joboffer_content figure,
.post_content figure,
.post__content figure {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}

/* line 118, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description figure figcaption,
.summary_description figure figcaption,
.formatted_content figure figcaption,
.joboffer_content figure figcaption,
.post_content figure figcaption,
.post__content figure figcaption {
  display: none;
}

/* line 122, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description figure .remove,
.summary_description figure .remove,
.formatted_content figure .remove,
.joboffer_content figure .remove,
.post_content figure .remove,
.post__content figure .remove {
  top: -.4em !important;
}

/* line 127, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description img,
.summary_description img,
.formatted_content img,
.joboffer_content img,
.post_content img,
.post__content img {
  display: block;
  height: auto;
  margin: 10px auto;
  max-width: calc(min(100%, 550px));
}

/* line 134, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description div-left,
.description div-right,
.description div-center,
.description div-justify,
.summary_description div-left,
.summary_description div-right,
.summary_description div-center,
.summary_description div-justify,
.formatted_content div-left,
.formatted_content div-right,
.formatted_content div-center,
.formatted_content div-justify,
.joboffer_content div-left,
.joboffer_content div-right,
.joboffer_content div-center,
.joboffer_content div-justify,
.post_content div-left,
.post_content div-right,
.post_content div-center,
.post_content div-justify,
.post__content div-left,
.post__content div-right,
.post__content div-center,
.post__content div-justify {
  display: block;
  margin: 0 0 1rem;
}

/* line 142, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description div-left,
.summary_description div-left,
.formatted_content div-left,
.joboffer_content div-left,
.post_content div-left,
.post__content div-left {
  text-align: left;
}

/* line 143, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description div-right,
.summary_description div-right,
.formatted_content div-right,
.joboffer_content div-right,
.post_content div-right,
.post__content div-right {
  text-align: right;
}

/* line 144, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description div-center,
.summary_description div-center,
.formatted_content div-center,
.joboffer_content div-center,
.post_content div-center,
.post__content div-center {
  text-align: center;
}

/* line 145, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.description div-justify,
.summary_description div-justify,
.formatted_content div-justify,
.joboffer_content div-justify,
.post_content div-justify,
.post__content div-justify {
  text-align: justify;
}

/* line 148, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.formatted_content {
  margin: 0;
}

/* line 151, app/assets/stylesheets/canary/../shared/_job_offer_content.scss */
.formatted_content:focus:not(:focus-visible) {
  background-color: #ededed;
}

/* line 1, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookies__banner {
  background: white;
  box-shadow: 0 24px 42px 0 rgba(0, 0, 0, 0.22);
  font-size: 0.875rem;
  position: fixed;
  z-index: 1000;
}

@media (min-width: 1025px) {
  /* line 1, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
  .cookies__banner {
    border-radius: 4px;
    bottom: 48px;
    right: 45px;
    width: 338px;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
  .cookies__banner {
    bottom: 0;
    border: 1px solid #ededed;
    right: 0;
    width: 100%;
  }
}

/* line 22, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookies__banner-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 27, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookies__banner-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 1rem;
  padding: 1rem 1rem 0.5rem;
  font-weight: bold;
}

/* line 36, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookies__banner-text {
  padding: 0.5rem 1rem 1rem;
}

/* line 40, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookies__banner-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-top: 1px solid #cacaca;
  margin-top: 1rem;
}

/* line 46, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookies__banner-footer .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #cacaca;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.5rem;
  text-decoration: none;
}

/* line 57, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookies__banner-footer .link:last-child {
  border: 0;
}

/* line 64, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookie__policy-content {
  border: 1px solid #cacaca;
  padding: 1rem;
  margin: 0 .1rem;
}

/* line 71, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookie__policy-content.fonctionnal:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 0;
  margin-top: 1rem;
}

/* line 78, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookie__policy-content.fonctionnal:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 0;
  margin-bottom: 1rem;
}

/* line 86, app/assets/stylesheets/canary/../shared/_cookies_policy_banner.scss */
.cookie__policy-content.statistics {
  border-radius: 4px;
}

/* line 2, app/assets/stylesheets/canary/components/_posts.scss */
.page-post__site-banner-section {
  background-color: #fff;
  position: relative;
}

/* line 6, app/assets/stylesheets/canary/components/_posts.scss */
.page-post__site-banner-section::after {
  background-color: #fff;
  bottom: -70px;
  content: '';
  display: block;
  height: 70px;
  position: absolute;
  width: 100%;
  z-index: -1;
}

/* line 18, app/assets/stylesheets/canary/components/_posts.scss */
.page-post__site-banner {
  padding: 30px 10% 10px;
  text-align: center;
}

/* line 22, app/assets/stylesheets/canary/components/_posts.scss */
.page-post__site-banner h1 {
  line-height: 1.8rem;
}

/* line 27, app/assets/stylesheets/canary/components/_posts.scss */
.page-post__register-link {
  background-color: var(--primary-very-light);
  border-radius: 30px;
  color: #000;
  display: inline-block;
  font-weight: 700;
  margin-top: 20px;
  padding: 14px 20px;
  text-transform: uppercase;
}

/* line 39, app/assets/stylesheets/canary/components/_posts.scss */
.page-post__post-section {
  padding: 20px 0;
}

/* line 42, app/assets/stylesheets/canary/components/_posts.scss */
.page-post__post-section a {
  color: #000;
  margin: 0;
}

/* line 47, app/assets/stylesheets/canary/components/_posts.scss */
.page-post__post-section .post {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 8px;
  box-shadow: 0 0 10px #ededed;
  max-width: 530px;
  margin: 0 auto;
}

/* line 58, app/assets/stylesheets/canary/components/_posts.scss */
.post__meta {
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 15px 0;
}

/* line 65, app/assets/stylesheets/canary/components/_posts.scss */
.post__left-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 70, app/assets/stylesheets/canary/components/_posts.scss */
.post__author-picture {
  border-radius: 36px;
  height: 64px;
  width: 64px;
}

/* line 76, app/assets/stylesheets/canary/components/_posts.scss */
.post__left-meta-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 81, app/assets/stylesheets/canary/components/_posts.scss */
.post__left-meta-item:not(:first-child) {
  margin-left: 12px;
}

/* line 86, app/assets/stylesheets/canary/components/_posts.scss */
.post__author-name {
  color: #000;
  font-size: 1.25rem;
  margin-bottom: 4px;
}

/* line 92, app/assets/stylesheets/canary/components/_posts.scss */
.post__created-at {
  color: #3f3f3f;
}

/* line 96, app/assets/stylesheets/canary/components/_posts.scss */
.post__categories {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

/* line 104, app/assets/stylesheets/canary/components/_posts.scss */
.post__category {
  border-radius: 4px;
  color: #000;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 4px 8px;
  text-transform: initial;
  white-space: nowrap;
}

/* line 118, app/assets/stylesheets/canary/components/_posts.scss */
.post__content {
  display: block;
  margin: 10px 0;
  padding: 0 20px;
}

/* line 123, app/assets/stylesheets/canary/components/_posts.scss */
.post__content div-center,
.post__content div-justify,
.post__content div-left,
.post__content div-right {
  margin: 0;
}

/* line 129, app/assets/stylesheets/canary/components/_posts.scss */
.post__content div-center img,
.post__content div-justify img,
.post__content div-left img,
.post__content div-right img {
  border-radius: 4px;
  margin: 10px auto 0;
  width: 100%;
}

/* line 138, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer-container {
  display: block;
  padding: 0 20px 6px;
  text-decoration: none;
}

/* line 144, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer {
  background-color: #e6f1ff;
  border: 1px solid #93989c;
  border-radius: 5px;
  overflow: hidden;
}

/* line 150, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer:hover {
  border: 1px solid #6c7276;
}

/* line 153, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer:hover .post-job-offer__meta-container {
  border-top: 1px solid #6c7276;
}

/* line 159, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer__illustration-container {
  height: 258px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* line 166, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer__illustration {
  height: auto;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

/* line 178, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer__entity-logo {
  background-color: #fff;
  border-radius: 100%;
  bottom: 20px;
  height: 80px;
  position: absolute;
  right: 20px;
}

/* line 187, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer__title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 4px;
}

/* line 193, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer__meta-container {
  border-top: 1px solid #93989c;
  padding: 16px;
}

/* line 198, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1rem;
  list-style: none;
}

/* line 207, app/assets/stylesheets/canary/components/_posts.scss */
.post-job-offer__meta-item:not(:first-child)::before {
  color: #797f83;
  content: '●';
  margin: 0 4px;
}

/* line 216, app/assets/stylesheets/canary/components/_posts.scss */
.post__interactions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 38px;
  padding: 0 20px 6px;
  text-decoration: none;
}

/* line 223, app/assets/stylesheets/canary/components/_posts.scss */
.post-interactions__item-icon {
  height: 32px;
  text-indent: initial;
  width: 32px;
}

/* line 228, app/assets/stylesheets/canary/components/_posts.scss */
.post-interactions__item-icon svg {
  fill: #6c7276;
  height: 100%;
  width: 100%;
}

/* line 235, app/assets/stylesheets/canary/components/_posts.scss */
.post-interactions__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #6c7276;
}

/* line 240, app/assets/stylesheets/canary/components/_posts.scss */
.post-interactions__item:not(:first-child) {
  margin-left: 20px;
}

/* line 245, app/assets/stylesheets/canary/components/_posts.scss */
.post-interactions__text {
  font-size: 1rem;
  margin-left: 8px;
}