.txt-auto { width: auto !important; max-width: 100%; }

.txt-clamp { height: auto !important; }

.empty-state { width: 100%; padding: 24px 0; font-size: 16px; color: #6b7280; }

.gazeta-issues-wrap { position: relative; align-self: stretch; }
.gazeta-issues-row { overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; touch-action: pan-y; overscroll-behavior-x: none; }
.gazeta-issues-row::-webkit-scrollbar { display: none; }
.gazeta-issues-nav {
  position: absolute;
  top: 218px;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  color: #000000;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(0, 0, 0, .08);
  z-index: 2;
  transition: box-shadow .2s ease, transform .2s ease, opacity .2s ease;
}
.gazeta-issues-nav:not([disabled]):hover { box-shadow: 0 6px 20px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .08); }
.gazeta-issues-nav:not([disabled]):active { transform: translateY(-50%) scale(.94); }
.gazeta-issues-prev { left: -23px; }
.gazeta-issues-next { right: -23px; }
.gazeta-issues-nav[disabled] { opacity: .35; cursor: default; }
.gazeta-issue-card { flex: none; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
.gazeta-issue-cover { position: relative; flex: none; width: 385px; height: 436px; z-index: 0; }
.gazeta-issue-cover > .fig-bg > .fig-img { object-fit: cover; }
.gazeta-issue-meta { flex: none; align-self: stretch; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.gazeta-issue-title {
  width: auto; max-width: 385px; align-self: stretch;
  font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-size: 34px; font-weight: 500; line-height: 41.51px;
  text-transform: uppercase; color: #000000;
}
.gazeta-issue-number {
  width: auto;
  font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-size: 18px; font-weight: 400; line-height: 21.47px;
  text-decoration: underline; color: #000000;
}

.audio-container.is-playing .play-button-container { opacity: 0.6; }

:where(.field-input, .field-select, .field-button) {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  font: inherit;
  color: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  outline: none;
  cursor: inherit;
}
:where(.field-button) { cursor: pointer; }
:where(.field-input)::placeholder { color: inherit; opacity: 0.55; }

.field-select option { padding: 8px 14.2px; }

:where(.form-shell) { display: contents; }

.auth-error[hidden], .form-error[hidden] { display: none; }
.auth-error, .form-error {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #f04438;
}

.rich-text > * { margin: 0; }
.rich-text h2, .rich-text h3, .rich-text h4 {
  font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #000000;
}
.rich-text p, .rich-text ul, .rich-text ol, .rich-text blockquote, .rich-text table {
  font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 44.4px;
  color: #000000;
}
.rich-text ul, .rich-text ol { padding-left: 1.2em; list-style: revert; }
.rich-text a { color: #ff800a; text-decoration: underline; }
.rich-text img { max-width: 100%; height: auto; }
.rich-text figure { margin: 0; }
.rich-text figcaption { font-size: 16px; line-height: 24px; color: #afafaf; }

.rich-text mark.marker-yellow { background-color: #fdf06a; }
.rich-text mark.marker-green { background-color: #62f962; }
.rich-text mark.marker-pink { background-color: #fc7999; }
.rich-text mark.pen-red { background-color: transparent; color: #e71313; }
.rich-text mark.pen-green { background-color: transparent; color: #128a00; }
.rich-text code { background: #f3f4f6; padding: 2px 6px; border-radius: 4px; font-family: 'Courier New', monospace; }
.rich-text pre { background: #0f172a; color: #e5e7eb; padding: 16px; border-radius: 8px; overflow-x: auto; }
.rich-text pre code { background: none; padding: 0; color: inherit; }
.rich-text hr { border: none; border-top: 1px solid #e5e7eb; margin: 24px 0; }
.rich-text table { border-collapse: collapse; }
.rich-text table td, .rich-text table th { border: 1px solid #e5e7eb; padding: 8px 12px; }
.rich-text .image-style-align-left { float: left; margin: 0 24px 12px 0; }
.rich-text .image-style-align-right { float: right; margin: 0 0 12px 24px; }

.flow-page {
  position: relative;
  width: 1920px;
  margin: 0 auto;
  background-color: #ffffff;
}
.flow-page > .header,
.flow-page > .footer {
  position: relative !important;
  left: auto !important;
  top: auto !important;
}
.flow-main {
  padding: 56px 180px 96px;
  min-height: 480px;
}
.flow-title {
  margin: 0 0 32px;
  font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 52.2px;
  letter-spacing: -0.36px;
  color: #132745;
}
.flow-subtitle {
  margin: -20px 0 32px;
  font-size: 18px;
  line-height: 26px;
  color: #6b7280;
}

.flow-grid { display: flex; flex-wrap: wrap; gap: 40px 33px; align-items: flex-start; }
.flow-grid > * { flex: 0 0 calc((100% - 66px) / 3); min-width: 0; }

.related-pager { position: absolute; right: 0; top: 0; display: flex; flex-direction: row; gap: 12px; }
.related-pager-btn {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; padding: 0; border: 0; border-radius: 10px;
  background: #ffffff; color: #132745; cursor: pointer;
  box-shadow: inset 0 0 0 0.2px #afafaf;
  transition: box-shadow .2s ease, opacity .2s ease;
}
.related-pager-btn:hover { box-shadow: inset 0 0 0 1px #afafaf; }
.related-pager-btn[disabled] { opacity: .35; cursor: default; }

.related-pager-btn svg { pointer-events: none; }

.flow-pager { display: flex; gap: 16px; align-items: center; margin-top: 48px; font-size: 18px; }
.flow-pager a, .flow-pager span {
  padding: 10px 18px;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #e5e7eb;
  color: #132745;
}
.flow-pager .is-current { background-color: #132745; color: #ffffff; }
.flow-empty { font-size: 20px; color: #6b7280; padding: 40px 0; }

.flow-title:empty { display: none; }

.flow-form { display: flex; flex-direction: column; gap: 18px; max-width: 520px; }
.flow-form label { display: flex; flex-direction: column; gap: 8px; font-size: 16px; color: #132745; }
.flow-form input {
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  font: inherit;
}
.flow-form button {
  align-self: flex-start;
  padding: 12px 24px;
  border-radius: 10px;
  background-color: #132745;
  color: #ffffff;
  font: inherit;
  cursor: pointer;
}
.flow-card { display: flex; flex-direction: column; gap: 12px; }
.flow-card img { width: 100%; height: 220px; object-fit: cover; border-radius: 12px; }
.flow-card h2 { margin: 0; font-size: 22px; font-weight: 500; line-height: 30px; color: #132745; }
.flow-muted { margin: 0; font-size: 16px; line-height: 24px; color: #6b7280; }
.flow-meta { margin: 0; font-size: 14px; line-height: 22px; color: #afafaf; }
.flow-link { color: #ff800a; text-decoration: underline; }
.flow-cover { max-width: 720px; width: 100%; border-radius: 16px; margin-bottom: 24px; }
.flow-audio { display: block; width: 100%; max-width: 720px; margin-bottom: 24px; }

.flow-video { display: block; width: 100%; max-width: 720px; aspect-ratio: 16 / 9;
  border: 0; border-radius: 16px; margin-bottom: 24px; background-color: #000000; }

.txt.title,
.txt.article-title,
.txt.description,
.txt.article-text,
.txt.author,
.txt.category,
.txt.time,
.txt.news-time,
.txt.news-date,
.txt.nav-link,
.txt.text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines, 1);
  line-clamp: var(--lines, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  min-height: 0;
  max-height: none;

  white-space: normal;

  overflow-wrap: break-word;
}

.n-137-7903,
.n-I136-4871-80-220,
.n-I136-4873-80-322,
.n-I136-4875-80-322,
.n-I136-4877-80-322,
.n-I136-4879-80-322,
.n-I136-4881-80-322,
.n-I136-4883-80-322,
.n-I137-6601-77-59117,
.n-I137-6602-77-59117,
.n-I137-6830-80-322,
.n-I137-6832-80-322,
.n-I137-6834-80-322,
.n-I137-6836-80-322,
.n-I137-6838-80-322,
.n-I137-7213-77-59117,
.n-I137-7214-77-59117,
.n-I137-7351-80-64,
.n-I137-7462-80-322,
.n-I137-7464-80-322,
.n-I137-7466-80-322,
.n-I137-7468-80-322,
.n-I137-7470-80-322,
.n-I137-7905-77-59170,
.n-I137-7907-77-59170,
.n-I137-7909-77-59170,
.n-I137-7911-77-59170,
.n-I137-7913-77-59170,
.n-I140-15284-80-322 { --lines: 2; }

.txt-full { --lines: 3; }
.txt-full.n-139-8890, .txt-full.n-139-13868 { width: 1100px; }

.txt.article-title.n-139-8899 { --lines: 4; }

.page.n-139-8884 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 528px;
  min-height: 0;
}
.page.n-139-8884 > .n-139-9207,
.page.n-139-8884 > .n-139-8911,
.page.n-139-8884 > .n-139-9427 {
  position: relative;
  top: auto;
  left: auto;
  flex: none;
}
.page.n-139-8884 > .n-139-9207 { order: 0; margin-left: 184px; }
.page.n-139-8884 > .n-139-8911 { order: 1; margin-left: 184px; margin-top: 48px; }
.page.n-139-8884 > .n-139-9427 { order: 2; margin-left: 180px; margin-top: 45px; }

.page.n-139-8884 > .footer { order: 3; }

.n-139-9430, .n-139-9440 {
  height: auto;
  grid-template-rows: none;
  grid-auto-rows: 338px;
}

.n-139-8885, .n-139-13863 { transform: translateY(calc((172.862px - 100%) / 2)); }

.n-I137-6601-77-59119,
.n-I137-6602-77-59119,
.n-I137-7213-77-59119,
.n-I137-7214-77-59119,
.n-I137-7351-80-66 { --lines: 3; }

.n-I136-4892-93-2442 { --lines: 4; }

.page.n-107-4910 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  padding-top: 528px;
  min-height: 0;
}
.page.n-107-4910 > .n-107-4947,
.page.n-107-4910 > .n-107-4957,
.page.n-107-4910 > .n-140-15977,
.page.n-107-4910 > .n-107-4936,
.page.n-107-4910 > .n-107-4942,
.page.n-107-4910 > .n-107-4950,
.page.n-107-4910 > .n-107-4958,
.page.n-107-4910 > .n-107-4959,
.page.n-107-4910 > .n-107-4990,
.page.n-107-4910 > .n-139-8828,
.page.n-107-4910 > .n-261-21516 {

  position: relative;
  top: auto;
  left: auto;
  flex: none;
}

.page.n-107-4910 > .footer {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  flex: none;
}

.page.n-107-4910 > .n-107-4947  { order: 0;  margin-left: 184px; }
.page.n-107-4910 > .n-107-4957  { order: 1;  margin-left: 184px; margin-top: 70px; }

.page.n-107-4910 > .n-140-15977 { order: 2;  margin-left: 184px; margin-top: -1px; }
.page.n-107-4910 > .n-107-4936  { order: 3;  margin-left: 136px; margin-top: 69px; }
.page.n-107-4910 > .n-107-4942  { order: 4;  margin-left: 136px; }
.page.n-107-4910 > .n-107-4950  { order: 5;  margin-left: 180px; margin-top: 70px; }
.page.n-107-4910 > .n-107-4958  { order: 6;  margin-left: 184px; margin-top: 70px; }
.page.n-107-4910 > .n-107-4959  { order: 7;  margin-left: 180px; margin-top: 65px; }
.page.n-107-4910 > .n-107-4990  { order: 8;  margin-left: 180px; margin-top: 70px; }
.page.n-107-4910 > .n-139-8828  { order: 9;  margin-left: 180px; margin-top: 66px; }
.page.n-107-4910 > .n-261-21516 { order: 10; margin-left: 180.5px; margin-top: 190px; }
.page.n-107-4910 > .footer      { order: 11; margin-top: 150px; }

.page.n-107-4910 > .n-107-4936 { height: auto; }
.page.n-107-4910 > .n-107-4936 > .n-107-4938 {
  position: relative;
  left: auto;
  top: auto;
  margin-left: 48px;
}

.lang-menu > summary { list-style: none; }
.lang-menu > summary::-webkit-details-marker { display: none; }
.lang-menu > summary::marker { content: ""; }
.lang-menu[open] > summary .meteor-icons-angle-up { transform: rotate(180deg); }

.ad-slot > .fig-bg { z-index: 0; }
.ad-slot > .fig-bg > .fig-img {
  object-fit: cover;

  object-position: var(--ad-focus-x, 50%) var(--ad-focus-y, 50%);
  transform: scale(calc(var(--ad-zoom, 100) / 100));
  transform-origin: var(--ad-focus-x, 50%) var(--ad-focus-y, 50%);
}
.ad-slot > .lnk-spread { z-index: 1; }

.ad-slot > .ad-overlay {
  position: absolute;
  left: var(--ad-ovl-x, 50%);
  top: var(--ad-ovl-y, 50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  max-width: 92%;
  margin: 0;
  font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  white-space: pre-wrap;
  pointer-events: none;
  font-size: var(--ad-ovl-size, 32px);
  color: var(--ad-ovl-color, #ffffff);
}
.ad-slot > .ad-overlay[data-bg="scrim"] {
  background: rgba(0, 0, 0, 0.55);
  padding: 0.35em 0.7em;
  border-radius: 6px;
}
.ad-slot > .ad-overlay[data-bg="shadow"] { text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85); }

.ad-slot:has(> .fig-bg)::after {
  content: "REKLAMA";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

.tech-tabs > .tech-tabs__state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.tech-tabs label.tab { cursor: pointer; border-bottom: 1px solid transparent; box-sizing: border-box; }
.tech-tabs:has(#tech-tab-latest:checked)   .tab--latest,
.tech-tabs:has(#tech-tab-featured:checked) .tab--featured,
.tech-tabs:has(#tech-tab-popular:checked)  .tab--popular { border-bottom-color: #ff800a; }
.tech-tabs:has(#tech-tab-latest:focus-visible)   .tab--latest,
.tech-tabs:has(#tech-tab-featured:focus-visible) .tab--featured,
.tech-tabs:has(#tech-tab-popular:focus-visible)  .tab--popular { outline: 2px solid #ff800a; outline-offset: 2px; }

.tech-tabs > .tech-panel { display: none; }
.tech-tabs:has(#tech-tab-latest:checked)   > .tech-panel--latest,
.tech-tabs:has(#tech-tab-featured:checked) > .tech-panel--featured,
.tech-tabs:has(#tech-tab-popular:checked)  > .tech-panel--popular { display: contents; }

.page.n-140-16247 { min-height: 0; }
.page.n-140-16247 > .n-140-18559 {
  position: relative;
  left: auto;
  top: auto;
  margin: 1143px 0 0 180px;
}

.page.n-140-16247 > .footer { position: relative; margin-top: 50px; }

@media (min-width: 1280px) {
  .page.n-140-16247 { margin-top: -153px !important; }

  .page.n-140-16247:not(.flow-page) > .header { top: 177px !important; }
}

.n-140-18727 { left: auto; right: 210px; }
.n-140-18727 > .text-container { min-width: 0; max-width: 375px; }
.n-140-18727 .txt-auto {
  max-width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
}

:is(.frame-346, .frame-347, .frame-355, .frame-356, .frame-357) > .frame-343 > .banner > .has-img.frame-335 {
  left: auto;
  right: 33px;
  top: -20px;
}

.pod-section-head {
  flex: none; align-self: stretch;
  display: flex; flex-direction: row; gap: 24px;
  align-items: center; justify-content: space-between;
}

.pod-pager { display: none; flex-direction: row; gap: 12px; }
[data-carousel].has-overflow > .pod-section-head > .pod-pager,
[data-feed].has-pages > .pod-section-head > .pod-pager { display: flex; }

[data-feed] > [data-feed-row] { transition: opacity .18s ease; }
[data-feed][data-feed-loading] > [data-feed-row] { opacity: .45; }

[data-feed-row]:has(> .card-16) { --feed-gap: 40px; }
[data-feed-row] > .card-16 { flex: 0 0 calc((100% - 3 * var(--feed-gap)) / 4); }

.pod-carousel-row {
  width: calc(100% + 180px); overflow-x: hidden;
  scrollbar-width: none; -ms-overflow-style: none;
  touch-action: pan-y; overscroll-behavior-x: none;
}
.pod-carousel-row::-webkit-scrollbar { display: none; }

@media (min-width: 1280px) {
  :is(.n-137-6590, .n-137-6806, .n-137-6988,
      .n-137-7344, .n-137-7202, .n-137-7438) {
    position: relative;
  }

  :is(.n-137-6590, .n-137-6806, .n-137-6988,
      .n-137-7344, .n-137-7202, .n-137-7438) > a.button {
    position: absolute;
    right: 0;
    top: -1px;
  }
}

.avatar-photo { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }

.pay-plan-note {
  margin: -12px 0 0;
  font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #525252;
}

.pay-plan-note b { font-weight: 500; color: #000000; }

.pay-plan-link { color: #ff800a; text-decoration: underline; }
