@charset "UTF-8";
/*
* Info
Sass obsługuje specjalny typ selektora o nazwie placeholders. 
Symbole zastępcze wyglądają jak klasy, z wyjątkiem tego, że kropka jest zamieniana na znak %. 
Charakterystyczną cechą symboli zastępczych Sass jest to, że nie są renderowane w arkuszu stylów wyników.

W rzeczywistości mogą one zostać rozszerzone za pomocą dyrektywy @extend.

Przykład:

%message {
    padding: 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.message-error {
    @extend %message;
    color: red;
}


*/
.section-list {
  padding: calc(var(--bw__sizer) * 80) 0;
  position: relative; }
  @media (max-width: 1599px) {
    .section-list {
      padding: calc(var(--bw__sizer) * 60) 0 calc(var(--bw__sizer) * 40) 0; } }
  @media (max-width: 1365px) {
    .section-list {
      padding: calc(var(--bw__sizer) * 50) 0 calc(var(--bw__sizer) * 20) 0; } }
  @media (max-width: 467px) {
    .section-list {
      padding: calc(var(--bw__sizer) * 40) 0 0 0; } }
  .section-list::before {
    content: "";
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), transparent 50%);
    width: 100%;
    height: calc(var(--bw__sizer) * 150);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .section-list .item {
    padding: calc(var(--bw__sizer) * 30) calc(var(--bw__sizer) * 50) calc(var(--bw__sizer) * 30);
    margin: calc(var(--bw__sizer) * 35) 0 0 0; }
    @media (max-width: 1599px) {
      .section-list .item {
        padding: calc(var(--bw__sizer) * 30) calc(var(--bw__sizer) * 40) calc(var(--bw__sizer) * 30); } }
    @media (max-width: 1365px) {
      .section-list .item {
        margin: calc(var(--bw__sizer) * 25) 0 0 0;
        padding: calc(var(--bw__sizer) * 30) calc(var(--bw__sizer) * 30) calc(var(--bw__sizer) * 30); } }
    @media (max-width: 1199px) {
      .section-list .item {
        margin: calc(var(--bw__sizer) * 10) 0 0 0; } }
    @media (max-width: 991px) {
      .section-list .item {
        padding: calc(var(--bw__sizer) * 20) calc(var(--bw__sizer) * 20) calc(var(--bw__sizer) * 20); } }
    .section-list .item__image {
      width: calc(var(--bw__sizer) * 220);
      height: calc(var(--bw__sizer) * 220);
      border: calc(var(--bw__sizer) * 1) solid var(--default-color);
      border-radius: 100%;
      position: relative;
      margin-bottom: calc(var(--bw__sizer) * 25); }
      @media (max-width: 1599px) {
        .section-list .item__image {
          width: calc(var(--bw__sizer) * 200);
          height: calc(var(--bw__sizer) * 200); } }
      @media (max-width: 1199px) {
        .section-list .item__image {
          width: calc(var(--bw__sizer) * 170);
          height: calc(var(--bw__sizer) * 170); } }
      .section-list .item__image .picture {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 100%;
        width: 92%;
        height: 92%;
        overflow: hidden; }
      .section-list .item__image img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .section-list .item__desc {
      line-height: 1.6em;
      overflow: hidden;
      transition: all 0.5s ease-out; }
      @media (max-width: 767px) {
        .section-list .item__desc {
          font-size: calc(var(--bw__text-sizer) * 0.75); } }
      .section-list .item__desc p {
        position: relative;
        max-height: 6.4em;
        overflow: hidden;
        transition: all 0.5s ease-out; }
      .section-list .item__desc.expanded p {
        max-height: 90em; }
      .section-list .item__desc.expanded .desc__button::before {
        content: "pokaż mniej"; }
      .section-list .item__desc.expanded .desc__button .arrow {
        transform: rotate(45deg); }
      .section-list .item__desc .desc__button {
        display: flex;
        align-items: center;
        border: none;
        background: none;
        margin: 0 auto;
        margin-top: calc(var(--bw__sizer) * 20);
        transition: all 0.3s ease-out; }
        .section-list .item__desc .desc__button::before {
          content: "pokaż więcej"; }
        .section-list .item__desc .desc__button:hover, .section-list .item__desc .desc__button:focus, .section-list .item__desc .desc__button:active {
          color: var(--default-color); }
        .section-list .item__desc .desc__button .arrow {
          position: relative;
          display: block;
          width: 0.7em;
          height: 0.7em;
          margin-left: calc(var(--bw__sizer) * 10);
          transform: rotate(-135deg);
          transition: all 0.3s ease-out; }
          .section-list .item__desc .desc__button .arrow::after, .section-list .item__desc .desc__button .arrow::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            background-color: var(--default-color); }
          .section-list .item__desc .desc__button .arrow::after {
            width: 100%;
            height: calc(var(--bw__sizer) * 3); }
          .section-list .item__desc .desc__button .arrow::before {
            width: calc(var(--bw__sizer) * 3);
            height: 100%; }
    .section-list .item__name {
      margin-bottom: calc(var(--bw__sizer) * 15); }
  .section-list__alfa::before {
    display: none; }
  .section-list__alfa::after {
    content: "";
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.03), transparent 50%);
    width: 100%;
    height: calc(var(--bw__sizer) * 150);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .section-list__alfa .items {
    margin-top: calc(var(--bw__sizer) * 35); }
  .section-list__alfa .item {
    cursor: pointer;
    position: relative;
    margin: 0; }
    .section-list__alfa .item__name {
      margin-bottom: 0; }
    .section-list__alfa .item__popup {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      opacity: 0;
      visibility: hidden;
      width: 100%;
      height: 110%;
      background-color: #fff;
      z-index: 2;
      padding: calc(var(--bw__sizer) * 40);
      transition: all 0.3s ease-in-out;
      box-shadow: 0 0 calc(var(--bw__sizer) * 20) rgba(0, 0, 0, 0.03); }
      @media (max-width: 1599px) {
        .section-list__alfa .item__popup {
          padding: calc(var(--bw__sizer) * 30); } }
      @media (max-width: 1365px) {
        .section-list__alfa .item__popup {
          padding: calc(var(--bw__sizer) * 20); } }
      @media (max-width: 1199px) {
        .section-list__alfa .item__popup {
          padding: calc(var(--bw__sizer) * 15); } }
      @media (max-width: 991px) {
        .section-list__alfa .item__popup {
          padding: calc(var(--bw__sizer) * 30); } }
      @media (max-width: 767px) {
        .section-list__alfa .item__popup {
          padding: calc(var(--bw__sizer) * 20); } }
      .section-list__alfa .item__popup .item__image {
        display: block;
        width: calc(var(--bw__sizer) * 110);
        min-width: calc(var(--bw__sizer) * 110);
        height: calc(var(--bw__sizer) * 110);
        margin-right: calc(var(--bw__sizer) * 18); }
        @media (max-width: 1599px) {
          .section-list__alfa .item__popup .item__image {
            width: calc(var(--bw__sizer) * 100);
            min-width: calc(var(--bw__sizer) * 100);
            height: calc(var(--bw__sizer) * 100);
            margin-right: calc(var(--bw__sizer) * 13); } }
        @media (max-width: 1365px) {
          .section-list__alfa .item__popup .item__image {
            width: calc(var(--bw__sizer) * 90);
            min-width: calc(var(--bw__sizer) * 90);
            height: calc(var(--bw__sizer) * 90);
            margin-right: calc(var(--bw__sizer) * 13); } }
        @media (max-width: 1199px) {
          .section-list__alfa .item__popup .item__image {
            width: calc(var(--bw__sizer) * 75);
            min-width: calc(var(--bw__sizer) * 75);
            height: calc(var(--bw__sizer) * 75);
            margin-right: calc(var(--bw__sizer) * 13); } }
        @media (max-width: 991px) {
          .section-list__alfa .item__popup .item__image {
            width: calc(var(--bw__sizer) * 90);
            min-width: calc(var(--bw__sizer) * 90);
            height: calc(var(--bw__sizer) * 90);
            margin-right: calc(var(--bw__sizer) * 13); } }
        @media (max-width: 767px) {
          .section-list__alfa .item__popup .item__image {
            width: calc(var(--bw__sizer) * 75);
            min-width: calc(var(--bw__sizer) * 75);
            height: calc(var(--bw__sizer) * 75);
            margin-right: calc(var(--bw__sizer) * 13); } }
      .section-list__alfa .item__popup .item__desc {
        line-height: 1.6em;
        height: 11.2em;
        overflow: initial; }
        @media (max-width: 767px) {
          .section-list__alfa .item__popup .item__desc {
            font-size: calc(var(--bw__text-sizer) * 0.75); } }
        .section-list__alfa .item__popup .item__desc p {
          max-height: none;
          overflow: initial;
          padding-right: calc(var(--bw__sizer) * 20); }
    .section-list__alfa .item:hover .item__popup {
      opacity: 1;
      visibility: visible; }
  .section-list__hide {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out; }
    .section-list__hide.active {
      opacity: 1;
      visibility: visible;
      max-height: none; }
  .section-list .btn__alfa {
    margin-top: calc(var(--bw__sizer) * 60);
    position: relative;
    z-index: 1; }
    .section-list .btn__alfa.active {
      display: none; }


/*# sourceMappingURL=SectionList.css.map*/