/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/block-jobs/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.profiles-block {
  background-color: var(--surface-tertiary);
  border-top: 1px solid var(--stroke-primary);
  /* Tabs Container */
  /* Tabs */
}
.profiles-block__container {
  display: grid;
  grid-template-columns: minmax(15%, 200px) 35% 1fr;
  grid-template-rows: repeat(6, auto);
}
.profiles-block__title-container {
  border-bottom: 1px solid var(--stroke-primary);
  border-left: 1px solid var(--stroke-primary);
  border-right: 1px solid var(--stroke-primary);
  grid-column: 2/span 1;
  grid-row: 1/span 1;
}
.profiles-block__title {
  padding: 2rem 4rem;
}
.profiles-block__tabs-container {
  border-right: 1px solid var(--stroke-primary);
  grid-column: 1/span 1;
  grid-row: 2/span 5;
}
.profiles-block__tabs-item {
  align-items: center;
  border-bottom: 1px solid var(--stroke-primary);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 1rem 0;
  transition: all 0.3s ease-in-out;
}
.profiles-block__tabs-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.profiles-block__tabs-item:first-child {
  border-top: 1px solid var(--stroke-primary);
}
.profiles-block__tabs-item img {
  aspect-ratio: 1/1;
  max-width: 5rem;
  -o-object-fit: contain;
     object-fit: contain;
  transition: filter 0.3s ease-in-out;
}
.profiles-block__tabs-item--active {
  background-color: var(--surface-negative-2);
  transition: background-color 0.3s ease-in-out;
}
.profiles-block__tabs-item--active:hover {
  background-color: var(--surface-negative-2);
}
.profiles-block__tabs-item--active img {
  filter: invert(100%);
}
.profiles-block__profile {
  border-bottom: 1px solid var(--stroke-primary);
  border-right: 1px solid var(--stroke-primary);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  grid-column: 2/span 1;
  grid-row: 2/span 4;
  justify-content: flex-end;
  min-height: auto;
  padding: 2rem 4rem;
}
.profiles-block__profile .profiles-block__profile-title,
.profiles-block__profile .profiles-block__profile-description,
.profiles-block__profile .profiles-block__profile-button {
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.profiles-block__profile-description {
  margin: 0;
}
.profiles-block__profile-button {
  width: -moz-fit-content;
  width: fit-content;
}
.profiles-block__navigation {
  align-items: center;
  border-right: 1px solid var(--stroke-primary);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  grid-column: 2/span 1;
  grid-row: 6/span 1;
  padding: 2rem 4rem;
}
.profiles-block__navigation-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 2rem;
  padding: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  width: 2rem;
}
.profiles-block__navigation-button:hover {
  opacity: 0.7;
  transform: scale(1.1);
}
.profiles-block__navigation-button--prev {
  transform: rotate(180deg) scaleY(-1);
}
.profiles-block__navigation-button--prev:hover {
  transform: rotate(180deg) scaleY(-1) scale(1.1);
}
.profiles-block__navigation-button--disabled {
  cursor: not-allowed;
  filter: grayscale(100%);
  opacity: 0.3;
  pointer-events: none;
}
.profiles-block__navigation-button--disabled:hover {
  opacity: 0.3;
  transform: none;
}
.profiles-block__navigation-button--prev.profiles-block__navigation-button--disabled:hover {
  transform: rotate(180deg) scaleY(-1);
}
.profiles-block__image-container {
  align-items: center;
  display: flex;
  grid-column: 3/span 1;
  grid-row: 1/span 5;
  justify-content: center;
  padding: 2rem 4rem;
}
.profiles-block__image-container img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  width: 300px;
}
.profiles-block__extra-content {
  align-items: center;
  border-top: 1px solid var(--stroke-primary);
  display: flex;
  gap: 5rem;
  grid-column: 3/span 1;
  grid-row: 6/span 1;
  padding: 2rem 4rem;
}
.profiles-block__extra-content .profiles-block__extra-label,
.profiles-block__extra-content .profiles-block__extra-value {
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.profiles-block__extra-label, .profiles-block__extra-value {
  margin: 0;
}

@media screen and (max-width: 950px) {
  .profiles-block__container {
    grid-template-columns: 1fr minmax(5%, 100px);
    grid-template-rows: repeat(8, auto);
  }
  .profiles-block__title {
    padding: 2rem 1rem;
  }
  .profiles-block__title-container {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .profiles-block__tabs-container {
    border-left: 1px solid var(--stroke-primary);
    grid-column: 2/3;
    grid-row: 2/span 5;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .profiles-block__tabs-item {
    border-bottom: 1px solid var(--stroke-primary);
    min-height: 100px;
    padding: 0.5rem 0;
  }
  .profiles-block__tabs-item:last-child {
    border-bottom: none;
  }
  .profiles-block__tabs-item img {
    max-width: 3rem;
  }
  .profiles-block__image-container {
    grid-column: 1/2;
    grid-row: 2/span 4;
  }
  .profiles-block__profile {
    border-top: 1px solid var(--stroke-primary);
    grid-column: 1/-1;
    grid-row: 7/8;
    padding: 2rem 1rem;
  }
  .profiles-block__navigation {
    grid-column: 1/-1;
    grid-row: 8/9;
    justify-self: flex-end;
    padding: 2rem 1rem;
  }
  .profiles-block__extra-content {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    grid-column: 1/2;
    grid-row: 6/7;
    justify-content: center;
    min-height: 6rem;
    padding: 0 0 0 1rem;
  }
}

/*# sourceMappingURL=style-index.css.map*/