@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-localization {
  padding: calc(var(--bw__sizer) * 30) 0 calc(var(--bw__sizer) * 25) 0;
  position: relative; }
  @media (max-width: 1365px) {
    .section-localization {
      padding: calc(var(--bw__sizer) * 25) 0 calc(var(--bw__sizer) * 25) 0; } }
  @media (max-width: 1199px) {
    .section-localization {
      padding-left: calc(var(--bw__sizer) * 50); } }
  @media (max-width: 991px) {
    .section-localization {
      padding-left: calc(var(--bw__sizer) * 30); } }
  @media (max-width: 767px) {
    .section-localization {
      padding: calc(var(--bw__sizer) * 20) 0 calc(var(--bw__sizer) * 15) 0;
      padding-left: calc(var(--bw__sizer) * 10); } }
  @media (max-width: 575px) {
    .section-localization {
      padding-bottom: 0; } }
  @media (max-width: 1199px) {
    .section-localization .section__header {
      margin-left: 0; } }
  @media (max-width: 767px) {
    .section-localization .section__header {
      margin-left: calc(var(--bw__sizer) * 20); } }
  .section-localization__title {
    margin: 0.916em 0 0.833em; }
  .section-localization__text {
    padding-left: calc(var(--bw__sizer) * 50);
    padding-bottom: calc(var(--bw__sizer) * 15); }
    @media (max-width: 991px) {
      .section-localization__text {
        padding-left: calc(var(--bw__sizer) * 40); } }
    @media (max-width: 767px) {
      .section-localization__text {
        padding-left: calc(var(--bw__sizer) * 50); } }
    @media (max-width: 467px) {
      .section-localization__text {
        padding-left: calc(var(--bw__sizer) * 35); } }
    .section-localization__text p {
      margin-bottom: 2em; }
    .section-localization__text strong {
      font-weight: 500; }
    .section-localization__text .map-button {
      border: 0;
      background-color: transparent;
      text-align: left;
      width: 100%;
      padding: 0; }
      .section-localization__text .map-button span {
        position: relative;
        font-weight: 500;
        transition: all 0.4s ease-in-out;
        display: inline-block; }
        .section-localization__text .map-button span svg {
          position: absolute;
          top: 50%;
          left: calc(var(--bw__sizer) * -50);
          width: calc(var(--bw__sizer) * 30);
          height: calc(var(--bw__sizer) * 18);
          transform: translateY(-50%) rotate(-90deg);
          opacity: 0;
          transition: all 0.4s ease-in-out;
          fill: var(--default-color); }
          @media (max-width: 991px) {
            .section-localization__text .map-button span svg {
              width: calc(var(--bw__sizer) * 22);
              height: calc(var(--bw__sizer) * 15);
              left: calc(var(--bw__sizer) * -40); } }
          @media (max-width: 575px) {
            .section-localization__text .map-button span svg {
              width: calc(var(--bw__sizer) * 17);
              height: calc(var(--bw__sizer) * 10);
              left: calc(var(--bw__sizer) * -30); } }
        .section-localization__text .map-button span:after {
          content: "";
          position: absolute;
          top: 50%;
          right: calc(var(--bw__sizer) * -15);
          transform: translate(100%, -50%);
          height: calc(var(--bw__sizer) * 1);
          width: 0;
          border-bottom: calc(var(--bw__sizer) * 2) dotted var(--default-color);
          transition: all 0.4s ease-in-out; }
          @media (max-width: 575px) {
            .section-localization__text .map-button span:after {
              display: none; } }
      .section-localization__text .map-button:hover span, .section-localization__text .map-button:focus-within span {
        color: var(--default-color); }
      .section-localization__text .map-button.active span {
        color: var(--default-color); }
        .section-localization__text .map-button.active span svg {
          opacity: 1; }
        .section-localization__text .map-button.active span::after {
          width: 100vw; }
    @media (max-width: 991px) {
      .section-localization__text .btn__beta::before {
        left: calc(var(--bw__sizer) * -40); } }
    @media (max-width: 575px) {
      .section-localization__text .btn__beta::before {
        left: calc(var(--bw__sizer) * -35); } }
  @media (max-width: 767px) {
    .section-localization__map {
      height: 50vh;
      margin-top: calc(var(--bw__sizer) * 10); } }
  @media (max-width: 575px) {
    .section-localization__map {
      padding: 0; } }
  .section-localization__map .map {
    width: 100%;
    height: 100%; }


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