
.check-if-deploy-is-working {
    color: red;
}

:root,
.light {
    --primary: rgb(25, 28, 31);
    --secondary: rgb(66, 71, 77);
    --back: #ffffff;
    --gray: rgb(245, 246, 248);
    --gray2: rgb(223, 227, 231);
    --gray3: rgb(192, 199, 207);
    --gray4: rgb(162, 172, 185);
    --brand: rgb(226, 34, 55);
    --success: rgb(61, 132, 0);
    --successlight: rgb(209, 233, 202);
    --error: rgb(226, 34, 55);

    --polityka: rgb(88, 96, 255);
    --gospodarka: rgb(0, 131, 121);
    --bezpieczenstwo: rgb(127, 119, 0);
    --europa: rgb(0, 124, 179);
    --finanse: rgb(206, 70, 0);
    --prawo: rgb(169, 100, 0);
    --energia-i-klimat: rgb(61, 132, 0);
    --spoleczenstwo: rgb(172, 64, 218);

    --politics: rgb(88, 96, 255);
    --business: rgb(0, 131, 121);
    --security: rgb(127, 119, 0);
    --europe: rgb(0, 124, 179);
    --finance: rgb(206, 70, 0);
    --legal: rgb(169, 100, 0);
    --energy-and-climate: rgb(61, 132, 0);
    --society: rgb(172, 64, 218);
}

.dark {
    --primary: #ffffff;
    --secondary: rgb(192, 199, 207);
    --back: rgb(25, 28, 31);
    --gray: rgb(35, 38, 42);
    --gray2: rgb(45, 49, 53);
    --gray3: rgb(66, 71, 77);
    --gray4: rgb(88, 95, 103);
    --brand: rgb(247, 90, 100);
    --success: rgb(78, 164, 0);
    --successlight: rgb(51, 77, 41);
    --error: rgb(226, 34, 55);

    --polityka: rgb(127, 132, 255);
    --gospodarka: rgb(0, 162, 150);
    --bezpieczenstwo: rgb(157, 147, 0);
    --europa: rgb(0, 153, 221);
    --finanse: rgb(254, 88, 0);
    --prawo: rgb(208, 125, 0);
    --energia-i-klimat: rgb(78, 164, 0);
    --spoleczenstwo: rgb(191, 110, 233);

    --politics: rgb(127, 132, 255);
    --business: rgb(0, 162, 150);
    --security: rgb(157, 147, 0);
    --europe: rgb(0, 153, 221);
    --finance: rgb(254, 88, 0);
    --legal: rgb(208, 125, 0);
    --energy-and-climate: rgb(78, 164, 0);
    --society: rgb(191, 110, 233);
}

@media (prefers-color-scheme: dark) {
    :root {
        --primary: #ffffff;
        --secondary: rgb(192, 199, 207);
        --back: rgb(25, 28, 31);
        --gray: rgb(35, 38, 42);
        --gray2: rgb(45, 49, 53);
        --gray3: rgb(66, 71, 77);
        --gray4: rgb(88, 95, 103);
        --brand: rgb(247, 90, 100);
        --polityka: rgb(127, 132, 255);
        --gospodarka: rgb(0, 162, 150);
        --bezpieczenstwo: rgb(157, 147, 0);
        --europa: rgb(0, 153, 221);
        --finanse: rgb(254, 88, 0);
        --prawo: rgb(208, 125, 0);
        --energia-i-klimat: rgb(78, 164, 0);
        --spoleczenstwo: rgb(191, 110, 233);
        --success: rgb(78, 164, 0);
        --successlight: rgb(51, 77, 41);
    }

    .light {
        --primary: rgb(25, 28, 31);
        --secondary: rgb(66, 71, 77);
        --back: #ffffff;
        --gray: rgb(245, 246, 248);
        --gray2: rgb(223, 227, 231);
        --gray3: rgb(192, 199, 207);
        --gray4: rgb(162, 172, 185);
        --brand: rgb(226, 34, 55);
        --polityka: rgb(88, 96, 255);
        --gospodarka: rgb(0, 131, 121);
        --bezpieczenstwo: rgb(127, 119, 0);
        --europa: rgb(0, 124, 179);
        --finanse: rgb(206, 70, 0);
        --prawo: rgb(169, 100, 0);
        --energia-i-klimat: rgb(61, 132, 0);
        --spoleczenstwo: rgb(172, 64, 218);
        --success: rgb(61, 132, 0);
        --successlight: rgb(209, 233, 202);
    }
}

/*
! tailwindcss v3.3.6 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: currentColor;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: "Whitney A", "Whitney B", sans-serif;
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol,
ul {
    padding: 0 0 0 1.1em;
    margin: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
    display: none;
}

* {
    scrollbar-color: initial;
    scrollbar-width: initial;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}

html {
    min-height: 100vh;
    overflow-x: hidden;
    background-color: var(--back);
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 1rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    font-size: 16px;
    color: var(--primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 1024px) {
    html {
        font-size: 1.111vw;
    }
}

@media (min-width: 1440px) {
    html {
        font-size: 16px;
    }
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    overflow-x: hidden;
}

.main-column {
    margin: auto;
    width: 100%;
    max-width: 1440px;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .main-column {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 1024px) {
    .main-column {
        padding-left: 2.828rem;
        padding-right: 2.828rem;
    }
}

.footer {
    background-color: var(--gray);
    --back: var(--gray);
}

.pi-grid {
    position: relative;
    margin-left: -1rem;
    margin-right: -1rem;
    display: grid;
    grid-auto-flow: dense;
}

.inner-grid {
    display: grid;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

.pi-grid:before,
.pi-grid:after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    z-index: 10;
    display: block;
    width: 2rem;
    background-color: var(--back);
    --tw-content: "";
    content: var(--tw-content);
}

.pi-grid:before {
    left: -1rem;
}

.pi-grid:after {
    right: -1rem;
}

.pi-grid .cell {
    position: relative;
    border-bottom-width: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.414rem;
    padding-bottom: 1.414rem;
}

.pi-grid .cell:after {
    position: absolute;
    top: 1.414rem;
    bottom: 1.414rem;
    right: 0px;
    display: block;
    border-left-width: 1px;
    --tw-content: '';
    content: var(--tw-content);
}

.pi-grid .cell.clear:after {
    display: none;
}

.cell.big:before {
    position: absolute;
    top: 1.414rem;
    left: -1rem;
    bottom: 1.414rem;
    z-index: 5;
    display: block;
    width: 1rem;
    border-right-width: 1px;
    background-color: var(--back);
    --tw-content: '';
    content: var(--tw-content);
}

.cell.big:after {
    position: absolute;
    top: 1.414rem;
    right: -1rem;
    bottom: 1.414rem;
    z-index: 5;
    display: block;
    width: 1rem;
    --tw-translate-x: -1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-left-width: 1px;
    background-color: var(--back);
    --tw-content: '';
    content: var(--tw-content);
}

.row {
    margin-left: -1rem;
    margin-right: -1rem;
    display: flex;
    flex-wrap: wrap;
}

.col {
    padding-left: 1rem;
    padding-right: 1rem;
}

*,
*:after,
*:before {
    border-color: var(--gray2);
}

.briefing-section .markdown p a,
.pi3-article-content a,
.link {
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel.png');
    background-size: 0% 1px;
    background-position: left bottom;
    background-repeat: no-repeat;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

:is(.dark .briefing-section .markdown p a),
:is(.dark pi3-article-content a),
:is(.dark .link) {
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-white.png');
}

@media (min-width: 1024px) {
    .briefing-section .markdown p a,
    .pi3-article-content a,
    .link {
        transition-property: background-size;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
}

.briefing-section .markdown:has(+ .text-polityka) a, .briefing-section .markdown:has(+ .text-politics) a,
.polityka .pi3-article a,
.polityka .link,
.politics .pi3-article a,
.politics .link{
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-polityka.png');
}

:is(.dark .briefing-section .markdown:has(+ .text-polityka) a, .dark .briefing-section .markdown:has(+ .text-politics) a),
:is(.polityka .pi3-article-content a),
:is(.dark .polityka .link),
:is(.politics .pi3-article-content a),
:is(.dark .politics .link){
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-polityka-dark.png');
}

.briefing-section .markdown:has(+ .text-gospodarka) a, .briefing-section .markdown:has(+ .text-business) a,
.gospodarka .pi3-article-content a,
.gospodarka .link,
.business .pi3-article-content a,
.business .link{
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-gospodarka.png');
}

:is(.dark .briefing-section .markdown:has(+ .text-gospodarka) a, .dark .briefing-section .markdown:has(+ .text-business) a),
:is(.gospodarka .pi3-article-content a),
:is(.dark .gospodarka .link),
:is(.business .pi3-article-content a),
:is(.dark .business .link) {
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-gospodarka-dark.png');
}

.briefing-section .markdown:has(+ .text-energia-i-klimat) a, .briefing-section .markdown:has(+ .text-energy-and-climate) a,
.energia-i-klimat .pi3-article-content a,
.energia-i-klimat .link,
.energy-and-climate .pi3-article-content a,
.energy-and-climate .link{
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-finanse.png');
}

:is(.dark .briefing-section .markdown:has(+ .text-energia-i-klimat) a, .dark .briefing-section .markdown:has(+ .text-energy-and-climate) a),
:is(.energia-i-klimat .pi3-article-content a),
:is(.dark .energia-i-klimat .link),
:is(.energy-and-climate .pi3-article-content a),
:is(.dark .energy-and-climate .link){
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-finanse-dark.png');
}

.briefing-section .markdown:has(+ .text-finanse) a, .briefing-section .markdown:has(+ .text-finance) a,
.finanse .pi3-article-content a,
.finanse .link,
.finance .pi3-article-content a,
.finance .link{
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-energia.png');
}

:is(.dark .briefing-section .markdown:has(+ .text-finanse) a, .dark .briefing-section .markdown:has(+ .text-finance) a),
:is(.finanse .pi3-article-content a),
:is(.dark .finanse .link),
:is(.finance .pi3-article-content a),
:is(.dark .finance .link){
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-energia-dark.png');
}

.briefing-section .markdown:has(+ .text-prawo) a, .briefing-section .markdown:has(+ .text-legal) a,
.prawo .pi3-article-content a,
.prawo .link,
.legal .pi3-article-content a,
.legal .link{
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-prawo.png');
}

:is(.dark .briefing-section .markdown:has(+ .text-prawo) a, .dark .briefing-section .markdown:has(+ .text-legal) a),
:is(.prawo .pi3-article-content a),
:is(.dark .prawo .link),
:is(.legal .pi3-article-content a),
:is(.dark .legal .link){
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-prawo-dark.png');
}

.briefing-section .markdown:has(+ .text-europa) a, .briefing-section .markdown:has(+ .text-europe) a,
.europa .pi3-article-content a,
.europa .link,
.europe .pi3-article-content a,
.europe .link{
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-europa.png');
}

:is(.dark .briefing-section .markdown:has(+ .text-europa) a, .dark .briefing-section .markdown:has(+ .text-europe) a),
:is(.europa .pi3-article-content a),
:is(.dark .europa .link),
:is(.europe .pi3-article-content a),
:is(.dark .europe .link){
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-europa-dark.png');
}

.briefing-section .markdown:has(+ .text-bezpieczenstwo) a, .briefing-section .markdown:has(+ .text-security) a,
.bezpieczenstwo .pi3-article-content a,
.bezpieczenstwo .link,
.security .pi3-article-content a,
.security .link{
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-bezpieczenstwo.png');
}

:is(.dark .briefing-section .markdown:has(+ .text-bezpieczenstwo) a, .dark .briefing-section .markdown:has(+ .text-security) a),
:is(.bezpieczenstwo .pi3-article-content a),
:is(.dark .bezpieczenstwo .link),
:is(.security .pi3-article-content a),
:is(.dark .security .link){
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-bezpieczenstwo-dark.png');
}

.briefing-section .markdown:has(+ .text-spoleczenstwo) a, .briefing-section .markdown:has(+ .text-society) a,
.spoleczenstwo .pi3-article-content a,
.spoleczenstwo .link,
.society .pi3-article-content a,
.society .link{
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-zdrowie.png');
}

:is(.dark .briefing-section .markdown:has(+ .text-spoleczenstwo) a, .dark .briefing-section .markdown:has(+ .text-society) a),
:is(.spoleczenstwo .pi3-article-content a),
:is(.dark .spoleczenstwo .link),
:is(.society .pi3-article-content a),
:is(.dark .society .link){
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-zdrowie-dark.png');
}

.link.regular {
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel.png');
}

:is(.dark .link.regular) {
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-white.png');
}

.briefing-section .markdown p a:hover,
.pi3-article-content a:hover,
.link:hover,
.group:hover .link,
.expand-trigger.open .link {
    background-size: 100% 1px;
}

.underline-link {
    border-bottom-width: 1px;
    border-color: var(--primary);
    font-weight: 500;
}

/* Accordion */

.expand-panel {
    display: none;
    height: auto;
    overflow: hidden;
}

.expand-panel.dropdown {
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.expand-panel.dropdown.css-animated {
    opacity: 1;
}

.expand-panel.animated,
.expand-panel-fragment.animated {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.expand-panel.animated.open,
.expand-panel-fragment.animated.open {
    overflow: visible;
}

.expand-trigger.open .accordion-icon {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.expand-panel-fragment {
    overflow: hidden;
}

.expand-panel-fragment.cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 4.242rem;
    overflow: hidden;
}

/* Mode switcher */

.mode-switcher .dark-mode {
    display: none !important;
}

.dark .mode-switcher .dark-mode {
    display: block !important;
}

.dark .mode-switcher .light-mode {
    display: none !important;
}

/* .mode-switcher {
  @apply bg-gray rounded-full flex p-2xs gap-xs mr-auto relative cursor-pointer;
}
.mode-switcher .icon {
  @apply relative z-20 text-secondary;
}
.mode-switcher .light-mode-icon {
  @apply text-primary hover:text-primary;
}
.mode-switcher:after {
  @apply transition-all absolute box-content h-m w-m p-3xs -m-3xs left-2xs content-[''] block bg-back rounded-full;
}
.dark .mode-switcher:after {
  @apply left-auto translate-x-[2.121rem];
}
.dark .mode-switcher .light-mode-icon {
  @apply text-secondary hover:text-secondary;
}
.dark .mode-switcher .dark-mode-icon {
  @apply text-primary hover:text-primary;
} */

/* Typography */

.allcaps {
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 0.841rem;
    line-height: 1.414;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em !important;
}

.icon {
    font-family: "Material Symbols Sharp";
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    position: relative;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 20;
    display: inline-block !important;
    height: 1.414rem !important;
    width: 1.414rem !important;
    font-size: 1.414rem !important;
    line-height: 1.212 !important;
    letter-spacing: 0em !important;
    line-height: 1.414rem !important;
    color: var(--secondary);
    user-select: none;
}

.icon.interactive {
    font-variation-settings: "wght" 300, "GRAD" 0;
    position: relative;
    z-index: 30;
    margin: -0.5rem;
    box-sizing: content-box;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 9999px;
    padding: 0.5rem;
    color: var(--primary);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.icon.interactive.expand-trigger {
    z-index: 9999;
}
.icon.icon-bold {
    font-variation-settings: "wght" 300, "GRAD" 0;
}

.icon .tooltip {
    pointer-events: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 20;
    display: none;
    --tw-translate-x: -50%;
    --tw-translate-y: 0.177rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 0.25rem;
    border-width: 1px;
    background-color: var(--gray);
    padding-left: 0.354rem;
    padding-right: 0.354rem;
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 0.841rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    color: var(--secondary);
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

@media (min-width: 1024px) {
    .icon .tooltip {
        display: block;
    }
}

.icon:active .tooltip {
    opacity: 0 !important;
    transition-delay: 0ms;
}

.icon:hover .tooltip {
    opacity: 1;
    transition-delay: 700ms;
}

.icon.fill,
.icon.active {
    font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
}

.icon.small {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
    text-align: center;
    font-size: 1rem !important;
    line-height: 1.414 !important;
    letter-spacing: 0.02em !important;
}

.icon.fill.small {
    font-variation-settings: "FILL" 1;
}

.briefing-section {
    position: relative;
    padding-bottom: 2rem;
}

.briefing-section .play-icon {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.briefing-section:hover .play-icon {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}

/*.briefing-section .markdown p a {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.briefing-section .markdown p a:hover {
    text-decoration:underline;
}*/

.play-icon.active {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    opacity: 1 !important;
}

.player-widget {
    bottom: 0px;
    --tw-translate-y: 10.1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

@media (min-width: 1024px) {
    .player-widget {
        --tw-translate-y: 6rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.dark .player-widget.dark {
    --back: #000;
}

.player-widget.active {
    bottom: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.play-audio {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.play-audio.activated {
    pointer-events: none;
    opacity: 0;
}

.mobile-play {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.mobile-play.hide {
    pointer-events: none;
    opacity: 0;
}

.player-widget .icon-player-collapse {
    display: none !important;
}

.player-widget .expand-trigger.open .icon-player-collapse {
    display: block !important;
}

.player-widget .expand-trigger.open .icon-player-expand {
    display: none !important;
}

.search-input {
    width: 0px;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    z-index: 999;
}

.search-input.active {
    width: 17.5rem;
    opacity: 1;
}

.pseudocheck-label {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pseudocheck-label input[type="checkbox"],
.pseudocheck-label input[type="radio"] {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.pseudocheck-label input[type="checkbox"]:checked + .pseudocheck {
    border-color: currentColor;
    background-color: currentColor;
}

.pseudocheck {
    position: relative;
    border-radius: 2px;
    border-color: var(--gray4);
}

.pseudoradio {
    position: relative;
    aspect-ratio: 1;
    height: 0.707rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: var(--gray4);
}

.pseudocheck-label input[type="radio"]:checked + .pseudoradio {
    border-width: 0.3rem;
    border-color: currentColor;
}

.pseudocheck-label.disabled-checkbox {
    cursor: auto;
}

.pseudocheck:after {
    font-family: "Material Symbols Sharp";
    font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 200, "opsz" 24;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    position: relative;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "check";
    position: absolute;
    left: -1px;
    top: -1px;
    height: 0.707rem;
    width: 0.707rem;
    font-size: 0.707rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    line-height: 1em;
    color: var(--back);
}

.pseudocheck-label input[type="checkbox"]:checked + .pseudocheck-circle {
    font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24;
    color: var(--primary);
}

.pseudocheck-label input[type="checkbox"]:checked + .pseudocheck-circle:after {
    content: "check_circle";
}
.pseudocheck-label input[type="checkbox"].loading + .pseudocheck-circle {
}
.pseudocheck-label input[type="checkbox"].loading + .pseudocheck-circle .loader_anim {
    position: absolute;
    width: 1em;
    height: 1em;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.pseudocheck-label input[type="checkbox"].loading + .pseudocheck-circle .loader_anim::after {
    content:'';
    display: block; 
    position: absolute;
    width: 0.4em;
    height: 0.4em;
    background-color: var(--back);
}
@keyframes spin { 
    from { 
        transform: rotate(0deg);
    } to { 
        transform: rotate(360deg); 
    }
}
.pseudocheck-circle {
    font-family: "Material Symbols Sharp";
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    position: relative;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
    display: inline-block !important;
    height: 1.414rem !important;
    width: 1.414rem !important;
    font-size: 1.414rem !important;
    line-height: 1.212 !important;
    letter-spacing: 0em !important;
    line-height: 1.414rem !important;
    color: var(--gray4);
}

.pseudocheck-circle:after {
    content: "circle";
}

/* Main menu link  */

.main-menu-links {
    position: relative;
    z-index: 30;
    margin-left: -1rem;
    margin-right: -1rem;
    overflow-x: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .main-menu-links {
        margin-left: -1.414rem;
        margin-right: -1.414rem;
        padding-left: 1.414rem;
        padding-right: 1.414rem;
    }
}

/* Input */

.pi-input {
    display: block;
    width: 100%;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: var(--gray3);
    background-color: var(--back);
    padding: 0.5rem;
    font-size: 1rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
}

.pi-input:focus {
    border-color: var(--gray4);
    --tw-shadow: inset 0px 0px 0px 1px var(--gray4);
    --tw-shadow-colored: inset 0px 0px 0px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
}

:is(.dark .pi-input) {
    background-color: var(--gray);
}

.pi-input {
    -webkit-appearance: none;
}

/* Buttons */

.button {
    display: flex;
    cursor: pointer;
    justify-content: center;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: var(--gray2);
    background-color: var(--gray);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.707rem;
    padding-right: 0.707rem;
    font-weight: 500;
    color: var(--secondary);
}

.button:hover {
    border-color: var(--gray3);
    color: var(--primary);
}

.button-label {
    /* @apply -translate-y-[0.0625rem]; */
}

.button.button-primary {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--back);
}

.button.button-primary:hover {
    opacity: 0.9;
}

.button.button-primary .icon {
    color: var(--back) !important;
}

.button.button-big {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Markdown typography */

.markdown strong {
    font-weight: 600;
    color: var(--primary);
}

.markdown li {
    position: relative;
    list-style-type: none;
}

.markdown li:after {
    position: absolute;
    top: 0.707rem;
    left: -0.707rem;
    display: block;
    aspect-ratio: 1;
    height: 0.177rem;
    width: 0.177rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    background-color: var(--primary);
    --tw-content: '';
    content: var(--tw-content);
}

/* Briefing dates */

.dates {
    display: flex;
    touch-action: none;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 0.841rem;
    line-height: 1.414;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em !important;
}

.day {
    display: flex;
    width: 33.33%;
    flex-shrink: 0;
    flex-grow: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
    gap: 0.354rem;
    padding-top: 1.414rem;
    padding-bottom: 1.414rem;
    text-align: center;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    position:relative;
}

.year {
    position: absolute;
    bottom: 0.7rem;
    font-weight:100;
    font-size: 0.6rem;
    text-align:center;
    left: 0;
    right: 0;
    opacity:0.6;
}

html.light .year {
    opacity: 1;
}

.day:first-child {
    margin-right: 33.33%;
}

@media (min-width: 640px) {
    .day {
        width: 20%;
    }

    .day:first-child {
        margin-right: 40%;
    }
}

@media (min-width: 1024px) {
    .day {
        width: 11.11%;
    }

    .day:first-child {
        margin-right: 44.44%;
    }
}

.day.active .date {
    font-weight: 600;
}

.icon.today {
    pointer-events: none;
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.icon.today.active {
    pointer-events: auto;
    opacity: 1;
}

.day .weekday {
    font-weight: 400;
    color: var(--secondary);
}

/* Main menu floating hover */

.floating-line,
.floating-line-submenu {
    position: absolute;
    bottom: 0px;
    width: 0px;
    border-bottom-width: 2px;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.floating-line.animated,
.floating-line-submenu.animated {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.main-menu-link {
    cursor: pointer;
    white-space: nowrap;
    padding-left: 0.707rem;
    padding-right: 0.707rem;
    font-size: 1rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    font-weight: 500;
}

.main-menu-link:first-child {
    padding-left: 0px;
}

.main-menu-link .label {
    position: relative;
    display: block;
    padding-top: 1.414rem;
    padding-bottom: 1.414rem;
}

.main-menu-link.submenu .label {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.main-menu-link .label:after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: transparent;
    --tw-content: "";
    content: var(--tw-content);
}

.main-menu-link.active-link .label:after {
    display: block;
    border-top-width: 2px;
    border-color: inherit;
}

/* Right panel */

.right-panel {
    right: -1rem;
    width: 63rem;
    --tw-translate-x: 63.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.right-panel-opened .right-panel {
    right: 0px;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.right-panel-opened {
    overflow: hidden;
}

.open-right-link {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.right-panel-opened .open-right-link {
    --tw-rotate: 225deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Fixed top menu */

.menu-bar {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.menu-bar.fixed-top {
    top: -4.242rem;
    z-index: 50;
}

.menu-bar.fixed-menu {
    position: fixed;
    top: 0px;
    z-index: 50;
/*  
    transition-property: top;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    */
}

.menu-bar.fixed-shown {
    top: 0px;
    z-index: 50;
/*    
    transition-property: top;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    */
}

.fixed-top-bar {
    --tw-translate-y: -3rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.fixed-top-bar.visible {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.nowrap {
    white-space: nowrap;
}

@media (min-width: 640px) {
    .nowrap-last-2 {
        white-space: nowrap;
    }
}

.h1 .nowrap-last-2 {
    white-space: normal;
}

@media (min-width: 640px) {
    .h1 .nowrap-last-2 {
        white-space: nowrap;
    }
}

/* Player */

/* .no-playlist .no-playlist-hide {
  @apply hidden;
}
.no-playlist .no-playlist-show {
  @apply block;
} */

.player-title {
    margin-left: -1rem;
    margin-right: 2.828rem;
    cursor: pointer;
    overflow: hidden;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-right: 2rem;
    font-weight: 500;
}

@media (min-width: 1024px) {
    .player-title {
        margin-right: 0px;
        width: 24rem;
        padding-top: 1.414rem;
        padding-bottom: 1.414rem;
        padding-left: 1rem;
        padding-right: 2.828rem;
    }
}

.no-playlist .icon-player-expand,
.no-playlist .icon-player-collapse {
    display: none !important;
}

.no-playlist .player-title {
    cursor: default;
    padding-right: 0px;
}

.play-podcast.active .play-podcast-icon-container {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}

input#calendar {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
}

input#calendar2 {
    margin-top: 1em;
}

.flatpickr-calendar.flatpickr-calendar::before,
.flatpickr-calendar.flatpickr-calendar::after {
    display: none;
}

.flatpickr-calendar .flatpickr-day.flatpickr-day {
    display: flex;
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    border-color: var(--back);
    font-size: 0.841rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    font-weight: 600;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    color: var(--primary);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.flatpickr-calendar .flatpickr-day.flatpickr-day {
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.flatpickr-calendar .flatpickr-months.flatpickr-months {
    padding-bottom: 0.5rem;
}

.flatpickr-calendar .flatpickr-weekdaycontainer.flatpickr-weekdaycontainer {
    padding: 0 1.2rem;
    justify-content: center;
}

.flatpickr-calendar .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month.flatpickr-next-month {
    top: 1rem !important;
}

.flatpickr-calendar .flatpickr-prev-month.flatpickr-prev-month {
    left: 1.2rem !important;
}

.flatpickr-calendar .flatpickr-next-month.flatpickr-next-month {
    right: 1.2rem !important;
}

.flatpickr-calendar .flatpickr-weekday.flatpickr-weekday {
    width: 36px !important;
}

.flatpickr-calendar .dayContainer.dayContainer {
    justify-content: center;
}

/*.flatpickr-calendar .calendar.calendar .flatpickr-day.flatpickr-day:hover {
    background-color: var(--primary);
    color: var(--back);
}
*/

/*
    color: var(--back) !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}*/

.flatpickr-calendar .flatpickr-weekday.flatpickr-weekday,
.flatpickr-calendar span.flatpickr-weekday.flatpickr-weekday {
    font-size: 0.707rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    font-weight: 400;
    color: var(--secondary);
}

.flatpickr-calendar .flatpickr-weekday.flatpickr-weekday:hover {
    background-color: var(--back);
    color: var(--secondary);
}

.flatpickr-calendar .flatpickr-day.selected.flatpickr-day {
    background-color: var(--primary);
    color: var(--back);
}
html.light .flatpickr-calendar .flatpickr-day.selected.flatpickr-day {
    background-color: var(--primary);
    color: var(--back);
}

.flatpickr-calendar .flatpickr-day.nextMonthDay.flatpickr-day,
.flatpickr-calendar .flatpickr-day.prevMonthDay.flatpickr-day {
    font-weight: 400;
    color: var(--secondary);
}

.flatpickr-calendar .flatpickr-day.nextMonthDay.flatpickr-day:hover {
    color: var(--back);
}

.flatpickr-calendar.flatpickr-calendar {
    font-size: 1rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    border: 1px solid var(--gray2);
    background-color: var(--back);
    border-radius: 0.25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.flatpickr-calendar .flatpickr-day.selected.flatpickr-day,
.flatpickr-calendar .flatpickr-day.startRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.endRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.selected.inRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.startRange.inRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.endRange.inRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.selected:focus.flatpickr-day,
.flatpickr-calendar .flatpickr-day.startRange:focus.flatpickr-day,
.flatpickr-calendar .flatpickr-day.endRange:focus.flatpickr-day,
.flatpickr-calendar .flatpickr-day.selected:hover.flatpickr-day,
.flatpickr-calendar .flatpickr-day.startRange:hover.flatpickr-day,
.flatpickr-calendar .flatpickr-day.endRange:hover.flatpickr-day,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay.flatpickr-day,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay.flatpickr-day,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay.flatpickr-day,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay.flatpickr-day,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay.flatpickr-day,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay.flatpickr-day {
    background: var(--primary);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--back);
    border-color: var(--primary);
}

.flatpickr-calendar .flatpickr-day.inRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.prevMonthDay.inRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.nextMonthDay.inRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.today.inRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.prevMonthDay.today.inRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day.nextMonthDay.today.inRange.flatpickr-day,
.flatpickr-calendar .flatpickr-day:hover.flatpickr-day,
.flatpickr-calendar .flatpickr-day.prevMonthDay:hover.flatpickr-day,
.flatpickr-calendar .flatpickr-day.nextMonthDay:hover.flatpickr-day,
.flatpickr-calendar .flatpickr-day:focus.flatpickr-day,
.flatpickr-calendar .flatpickr-day.prevMonthDay:focus.flatpickr-day,
.flatpickr-calendar .flatpickr-day.nextMonthDay:focus.flatpickr-day {
    cursor: pointer;
    outline: 0;
    background: var(--primary);
    border-color: var(--primary);
    color: var(--back);
}

.flatpickr-calendar .flatpickr-day.inRange.flatpickr-day {
    -webkit-box-shadow: -5px 0 0 var(--primary), 5px 0 0 var(--primary);
    box-shadow: -5px 0 0 var(--primary), 5px 0 0 var(--primary);
    color: var(--back);
    border-radius: 0;
}

.flatpickr-calendar .flatpickr-day.selected.startRange.flatpickr-day + .endRange.flatpickr-day:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.startRange.startRange.flatpickr-day + .endRange.flatpickr-day:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.endRange.startRange.flatpickr-day + .endRange.flatpickr-day:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 var(--primary);
    box-shadow: -10px 0 0 var(--primary);
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer .flatpickr-day.inRange.flatpickr-day {
    -webkit-box-shadow: -2px 0 0 var(--primary), 5px 0 0 var(--primary);
    box-shadow: -2px 0 0 var(--primary), 5px 0 0 var(--primary);
    color: var(--back);
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled.flatpickr-day,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled.flatpickr-day:hover {
    background: transparent !important;
    color: var(--gray4) !important;
    cursor: not-allowed;
    border: none;
}

.flatpickr-calendar .flatpickr-current-month span {
    font-size: 1rem;
    line-height: 1.414;
    color: var(--primary);
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 500;
    margin: 0 2px;
    /*    cursor:pointer;
          font-family:inherit;
          height:auto;
          line-height:inherit;
          margin:-1px 0 0 0;
          outline:none;
          padding:0 0 0 .5ch;
          position:relative;
          vertical-align:initial;
          -webkit-box-sizing:border-box;

          width:auto*/
}
html.light .flatpickr-calendar .flatpickr-current-month span {
    color: var(--primary) !important;
}

/*.flatpickr-current-month .flatpickr-monthDropdown-months {
  text-align:right;
  background: red;
}*/

/*.flatpickr-current-month .flatpickr-monthDropdown-months option {
    display: none !important;
    width: 0 !important;
}*/
/*.flatpickr-current-month input.cur-year {
  text-align:left;
}
.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown {
    display: none !important;
    background:transparent;
}*/


/* Show more show less */

.expand-trigger .show-less,
.expand-trigger-fragment .show-less {
    display: none !important;
}

.expand-trigger.open .show-less,
.expand-trigger-fragment.open .show-less {
    display: block !important;
}

.expand-trigger.open .show-more,
.expand-trigger-fragment.open .show-more {
    display: none !important;
}

/* Analysis text styling */

.facts {
    font-size: 1.189rem;
    line-height: 1.309;
    letter-spacing: 0.01em;
    line-height: 1.414em;
}

.facts p {
    margin-bottom: 1.414rem;
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", serif;
}
.facts li {
    margin-bottom: 0.45rem;
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", serif;
}

.facts .content-object.left-side-small {
    float: left;
    padding-right: 1.414rem;
}

.polityka .facts a, .politics .facts a,
.briefing-section .markdown:has(+ .text-polityka) a, .briefing-section .markdown:has(+ .text-politics) a {
    color: var(--polityka);
}

.gospodarka .facts a, .business .facts a,
.briefing-section .markdown:has(+ .text-gospodarka) a, .briefing-section .markdown:has(+ .text-business) a {
    color: var(--gospodarka);
}
.energia-i-klimat .facts a, .energy-and-climate .facts a,
.briefing-section .markdown:has(+ .text-energia-i-klimat) a, .briefing-section .markdown:has(+ .text-energy-and-climate) a {
    color: var(--energia-i-klimat);
}

.finanse .facts a, .finance .facts a,
.briefing-section .markdown:has(+ .text-finanse) a, .briefing-section .markdown:has(+ .text-finance) a {
    color: var(--finanse);
}

.prawo .facts a, .legal .facts a,
.briefing-section .markdown:has(+ .text-prawo) a, .briefing-section .markdown:has(+ .text-legal) a {
    color: var(--prawo);
}

.europa .facts a, .europe .facts a,
.briefing-section .markdown:has(+ .text-europa) a, .briefing-section .markdown:has(+ .text-europe) a {
    color: var(--europa);
}

.bezpieczenstwo .facts a, .security .facts a,
.briefing-section .markdown:has(+ .text-bezpieczenstwo) a, .briefing-section .markdown:has(+ .text-security) a {
    color: var(--bezpieczenstwo);
}

.spoleczenstwo .facts a, .society .facts a,
.briefing-section .markdown:has(+ .text-spoleczenstwo) a, .briefing-section .markdown:has(+ .text-society) a {
    color: var(--spoleczenstwo);
}

.polityka .naszym-zdaniem, .politics .naszym-zdaniem {
    border-color: var(--polityka);
    color: var(--polityka);
}

.gospodarka .naszym-zdaniem, .business .naszym-zdaniem {
    border-color: var(--gospodarka);
    color: var(--gospodarka);
}

.energia-i-klimat .naszym-zdaniem, .energy-and-climate .naszym-zdaniem {
    border-color: var(--energia-i-klimat);
    color: var(--energia-i-klimat);
}

.finanse .naszym-zdaniem, .finance .naszym-zdaniem {
    border-color: var(--finanse);
    color: var(--finanse);
}

.prawo .naszym-zdaniem, .legal .naszym-zdaniem {
    border-color: var(--prawo);
    color: var(--prawo);
}

.europa .naszym-zdaniem, .europe .naszym-zdaniem {
    border-color: var(--europa);
    color: var(--europa);
}

.bezpieczenstwo .naszym-zdaniem, .security .naszym-zdaniem {
    border-color: var(--bezpieczenstwo);
    color: var(--bezpieczenstwo);
}

.spoleczenstwo .naszym-zdaniem, .society .naszym-zdaniem {
    border-color: var(--spoleczenstwo);
    color: var(--spoleczenstwo);
}

.facts strong {
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-weight: 600;
    color: var(--primary);
}

.facts h4 {
    margin-bottom: 1.414rem;
    margin-top: 2.828rem;
    border-top-width: 1px;
    padding-top: 1.414rem;
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 1rem;
    line-height: 1.414;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.08em !important;
}

.facts h4:first-child {
    margin-top: 0px;
    border-top-width: 0px;
}

.facts .graph-header {
    padding-top: 1.414rem;
    padding-bottom: 1.414rem;
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 0.841rem;
    line-height: 1.414;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em !important;
}

/* Facts table */

.facts table {
    margin-top: 1.414rem;
    margin-bottom: 1.414rem;
    min-width: 100%;
    border-left-width: 1px;
    border-bottom-width: 1px;
    text-align: left;
    font-size: 1rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    table-layout: fixed;
}

.facts table img {
    width: 12rem;
    min-width: 12rem;
    max-width: 12rem;
}

.facts table p {
    margin-bottom: 0.707rem;
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 1rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
}

.facts table td,
.facts table th {
    width: auto;
    border-top-width: 1px;
    border-right-width: 1px;
    padding: 0.707rem;
    vertical-align: top;
}

.facts table th {
    font-weight: 600;
}

.facts table.clean {
    position: relative;
    border-width: 0px;
}

.facts table.clean tr:first-child td,
.facts table.clean tr:first-child th {
    border-top-width: 0px;
}

.facts table.clean td,
.facts table.clean th {
    border-right-width: 0px;
    padding-left: 0px;
    padding-right: 1.414rem;
}

.facts table.clean .definition_trigger {
    position: relative;
    cursor: help;
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: var(--secondary);
}

.facts table.flex-table tr {
    display: flex;
    width: 100%;
}

.facts table.flex-table td,
.facts table.flex-table th {
    display: block;
    width: auto;
    flex: 1 1 0%;
    flex-shrink: 0;
}

.facts table.flex-table img {
    width: 100%;
    min-width: 0px;
    max-width: none;
}

.definition_trigger .definition_tooltip {
    pointer-events: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 30;
    --tw-translate-x: -50%;
    --tw-translate-y: 0.177rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    white-space: nowrap;
    border-radius: 0.25rem;
    border-width: 1px;
    background-color: var(--gray);
    padding-left: 0.354rem;
    padding-right: 0.354rem;
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 0.841rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    font-weight: 400;
    color: var(--secondary);
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.definition_trigger:hover .definition_tooltip {
    opacity: 1;
}

.end-pilcrow {
    display: none;
}

/* Mobile menu */

.mobile-menu-container {
    margin-left: -1rem;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    overflow-y: auto;
    overflow-x: visible;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.menu-opened .mobile-menu-container {
    margin-left: 0px;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.menu-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 40;
    display: none;
    height: 100%;
    width: 100%;
    background-color: var(--primary);
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

:is(.dark .menu-overlay) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.overlay-opened .menu-overlay {
    display: block;
}

.overlay-animated .menu-overlay {
    opacity: 0.2;
}

:is(.dark.overlay-animated .menu-overlay) {
    opacity: 0.5;
}

/* Marquee text animation */

.title-value {
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.title-value.animate {
    animation-name: scroll-text;
}

@keyframes scroll-text {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(var(--text-translate));
    }
}

.pointer-events-none {
    pointer-events: none;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.\!absolute {
    position: absolute !important;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.\!right-s {
    right: 1rem !important;
}

.\!top-m {
    top: 1.414rem !important;
}

.-bottom-1 {
    bottom: -1px;
}

.-left-3xs {
    left: -0.354rem;
}

.-left-s {
    left: -1rem;
}

.-left-xs {
    left: -0.707rem;
}

.-right-xs {
    right: -0.707rem;
}

.-top-1 {
    top: -1px;
}

.-top-m {
    top: -1.414rem;
}

.bottom-0 {
    bottom: 0px;
}

.bottom-1 {
    bottom: 1px;
}

.bottom-l {
    bottom: 2rem;
}

.bottom-m {
    bottom: 1.414rem;
}

.bottom-s {
    bottom: 1rem;
}

.left-0 {
    left: 0px;
}

.left-1\/2 {
    left: 50%;
}

.left-1\/4 {
    left: 25%;
}

.left-s {
    left: 1rem;
}

.left-xl {
    left: 2.828rem;
}

.right-0 {
    right: 0px;
}

.right-4xs {
    right: 0.25rem;
}

.right-l {
    right: 2rem;
}

.right-s {
    right: 1rem;
}

.right-xl {
    right: 2.828rem;
}

.right-xs {
    right: 0.707rem;
}

.top-0 {
    top: 0px;
}

.top-1\/2 {
    top: 50%;
}

.top-2xs {
    top: 0.5rem;
}

.top-4xs {
    top: 0.25rem;
}

.top-\[5\.242rem\] {
    top: 5.242rem;
}

.top-\[5\.828rem\] {
    top: 5.828rem;
}

.top-full {
    top: 100%;
}

.top-m {
    top: 1.414rem;
}

.top-s {
    top: 1rem;
}

.top-xl {
    top: 2.828rem;
}

.top-xs {
    top: 0.707rem;
}

.-z-10 {
    z-index: -10;
}

.z-0 {
    z-index: 0;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-30 {
    z-index: 30;
}

.z-40 {
    z-index: 40;
}

.z-50 {
    z-index: 50;
}

.z-\[80\] {
    z-index: 80;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.col-span-1 {
    grid-column: span 1 / span 1;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.col-span-5 {
    grid-column: span 5 / span 5;
}

.col-start-3 {
    grid-column-start: 3;
}

.row-span-2 {
    grid-row: span 2 / span 2;
}

.row-start-1 {
    grid-row-start: 1;
}

.row-start-2 {
    grid-row-start: 2;
}

.row-start-7 {
    grid-row-start: 7;
}

.m-auto {
    margin: auto;
}

.-mx-3xs {
    margin-left: -0.354rem;
    margin-right: -0.354rem;
}

.-mx-s {
    margin-left: -1rem;
    margin-right: -1rem;
}

.-my-3xs {
    margin-top: -0.354rem;
    margin-bottom: -0.354rem;
}

.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mx-xs {
    margin-left: 0.707rem;
    margin-right: 0.707rem;
}

.my-3xs {
    margin-top: 0.354rem;
    margin-bottom: 0.354rem;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.my-s {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-xl {
    margin-top: 2.828rem;
    margin-bottom: 2.828rem;
}

.-mb-1 {
    margin-bottom: -1px;
}

.-ml-2xs {
    margin-left: -0.5rem;
}

.-ml-\[2px\] {
    margin-left: -2px;
}

.-mr-2xs {
    margin-right: -0.5rem;
}

.-mr-l {
    margin-right: -2rem;
}

.-mt-1 {
    margin-top: -1px;
}

.-mt-2xs {
    margin-top: -0.5rem;
}

.-mt-m {
    margin-top: -1.414rem;
}

.mb-2xl {
    margin-bottom: 4rem;
}

.mb-2xs {
    margin-bottom: 0.5rem;
}

.mb-3xs {
    margin-bottom: 0.354rem;
}

.mb-4xs {
    margin-bottom: 0.25rem;
}

.mb-\[4\.242rem\] {
    margin-bottom: 4.242rem;
}

.mb-l {
    margin-bottom: 2rem;
}

.mb-m {
    margin-bottom: 1.414rem;
}

.mb-s {
    margin-bottom: 1rem;
}

.mb-xl {
    margin-bottom: 2.828rem;
}

.mb-xs {
    margin-bottom: 0.707rem;
}

.ml-3xs {
    margin-left: 0.354rem;
}

.ml-4xs {
    margin-left: 0.25rem;
}

.ml-auto {
    margin-left: auto;
}

.ml-m {
    margin-left: 1.414rem;
}

.mr-3xs {
    margin-right: 0.354rem;
}

.mr-4xs {
    margin-right: 0.25rem;
}

.mr-auto {
    margin-right: auto;
}

.mr-xs {
    margin-right: 0.707rem;
}

.mt-0 {
    margin-top: 0px;
}

.mt-1 {
    margin-top: 1px;
}

.mt-2xl {
    margin-top: 4rem;
}

.mt-2xs {
    margin-top: 0.5rem;
}

.mt-3xl {
    margin-top: 8rem;
}

.mt-3xs {
    margin-top: 0.354rem;
}

.mt-5xs {
    margin-top: 0.177rem;
}

.mt-auto {
    margin-top: auto;
}

.mt-l {
    margin-top: 2rem;
}

.mt-m {
    margin-top: 1.414rem;
}

.mt-s {
    margin-top: 1rem;
}

.mt-xl {
    margin-top: 2.828rem;
}

.mt-xs {
    margin-top: 0.707rem;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.\!hidden {
    display: none !important;
}

.hidden {
    display: none;
}

.aspect-1 {
    aspect-ratio: 1;
}

.aspect-2 {
    aspect-ratio: 2;
}

.aspect-\[2\] {
    aspect-ratio: 2;
}

.h-1 {
    height: 1px;
}

.h-2xl {
    height: 4rem;
}

.h-2xs {
    height: 0.5rem;
}

.h-\[1\.682rem\] {
    height: 1.682rem;
}

.h-\[100dvh\] {
    height: 100dvh;
}

.h-\[2\.404rem\] {
    height: 2.404rem;
}

.h-\[2\.5rem\] {
    height: 2.5rem;
}

.h-\[2\.828rem\] {
    height: 2.828rem;
}

.h-\[2px\] {
    height: 2px;
}

.h-\[5\.242rem\] {
    height: 5.242rem;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.h-l {
    height: 2rem;
}

.h-m {
    height: 1.414rem;
}

.h-xl {
    height: 2.828rem;
}

.h-xs {
    height: 0.707rem;
}

.\!w-\[6rem\] {
    width: 6rem !important;
}

.w-1\/2 {
    width: 50%;
}

.w-1\/3 {
    width: 33.333333%;
}

.w-1\/4 {
    width: 25%;
}

.w-2\/3 {
    width: 66.666667%;
}

.w-2xl {
    width: 4rem;
}

.w-2xs {
    width: 0.5rem;
}

.w-3\/4 {
    width: 75%;
}

.w-3xs {
    width: 0.354rem;
}

.w-\[1\.682rem\] {
    width: 1.682rem;
}

.w-\[10rem\] {
    width: 10rem;
}

.w-\[20rem\] {
    width: 20rem;
}

.w-\[23\.26rem\] {
    width: 23.26rem;
}

.w-\[28\.8rem\] {
    width: 28.8rem;
}

.w-\[2px\] {
    width: 2px;
}

.w-\[33\.33\%\] {
    width: 33.33%;
}

.w-\[6\.5rem\] {
    width: 6.5rem;
}

.w-\[6\.618rem\] {
    width: 6.618rem;
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}

.w-l {
    width: 2rem;
}

.w-m {
    width: 1.414rem;
}

.w-s {
    width: 1rem;
}

.w-xl {
    width: 2.828rem;
}

.w-xs {
    width: 0.707rem;
}

.\!min-w-\[6rem\] {
    min-width: 6rem !important;
}

.max-w-\[36rem\] {
    max-width: 36rem;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.shrink-0 {
    flex-shrink: 0;
}

.flex-grow-0 {
    flex-grow: 0;
}

.grow-0 {
    flex-grow: 0;
}

.basis-full {
    flex-basis: 100%;
}

.\!-translate-x-1\/3 {
    --tw-translate-x: -33.333333% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.\!-translate-x-2\/3 {
    --tw-translate-x: -66.666667% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-2xs {
    --tw-translate-x: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-4xs {
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-l {
    --tw-translate-x: -2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-4xs {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-xs {
    --tw-translate-y: -0.707rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1 {
    --tw-translate-y: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2xs {
    --tw-translate-y: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-5xs {
    --tw-translate-y: 0.177rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[0\.075rem\] {
    --tw-translate-y: 0.075rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
    cursor: pointer;
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-start {
    scroll-snap-align: start;
}

.list-disc {
    list-style-type: disc;
}

.columns-2 {
    -moz-columns: 2;
    columns: 2;
}

@media (max-width: 800px) {
    .columns-collapse-800 {
        -moz-columns: 1;
        columns: 1;
    }
}

.break-inside-avoid {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.items-start {
    align-items: flex-start;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-2xs {
    gap: 0.5rem;
}

.gap-3xs {
    gap: 0.354rem;
}

.gap-6xs {
    gap: 0.125rem;
}

.gap-l {
    gap: 2rem;
}

.gap-m {
    gap: 1.414rem;
}

.gap-s {
    gap: 1rem;
}

.gap-xs {
    gap: 0.707rem;
}

.gap-x-2xs {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.gap-y-2xs {
    row-gap: 0.5rem;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.text-ellipsis {
    text-overflow: ellipsis;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-full {
    border-radius: 9999px;
}

.border {
    border-width: 1px;
}

.border-0 {
    border-width: 0px;
}

.border-2 {
    border-width: 2px;
}

.\!border-t-0 {
    border-top-width: 0px !important;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-2 {
    border-bottom-width: 2px;
}

.border-l {
    border-left-width: 1px;
}

.border-t {
    border-top-width: 1px;
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
    border-color: rgba(0,0,0,0.05);
}

.border-back {
    border-color: var(--back);
}

.border-bezpieczenstwo, .border-security {
    border-color: var(--bezpieczenstwo);
}

.border-brand {
    border-color: var(--brand);
}

.border-energia-i-klimat, .border-energy-and-climate {
    border-color: var(--energia-i-klimat);
}

.border-europa, .border-europe {
    border-color: var(--europa);
}

.border-finanse, .border-finance {
    border-color: var(--finanse);
}

.border-gospodarka, .border-business {
    border-color: var(--gospodarka);
}

.border-polityka, .border-politics {
    border-color: var(--polityka);
}

.border-prawo, .border-legal {
    border-color: var(--prawo);
}

.border-primary {
    border-color: var(--primary);
}

.border-spoleczenstwo, .border-society {
    border-color: var(--spoleczenstwo);
}

.bg-\[\#ededed\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity));
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
    background-color: rgba(0,0,0,0.5);
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
    background-color: rgba(0,0,0,0.6);
}

.bg-back {
    background-color: var(--back);
}

.bg-bezpieczenstwo, .bg-security {
    background-color: var(--bezpieczenstwo);
}

.bg-brand {
    background-color: var(--brand);
}

.bg-energia-i-klimat, .bg-energy-and-climate {
    background-color: var(--energia-i-klimat);
}

.bg-europa, .bg-europe {
    background-color: var(--europa);
}

.bg-finanse, .bg-finance {
    background-color: var(--finanse);
}

.bg-gospodarka, .bg-business {
    background-color: var(--gospodarka);
}

.bg-gray {
    background-color: var(--gray);
}

.bg-gray2 {
    background-color: var(--gray2);
}

.bg-polityka, .bg-politics {
    background-color: var(--polityka);
}

.bg-prawo, .bg-legal {
    background-color: var(--prawo);
}

.bg-primary {
    background-color: var(--primary);
}

.bg-secondary {
    background-color: var(--secondary);
}

.bg-success {
    background-color: var(--success);
}

.bg-spoleczenstwo, .bg-society {
    background-color: var(--spoleczenstwo);
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-back {
    --tw-gradient-from: var(--back) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.object-right {
    -o-object-position: right;
    object-position: right;
}

.object-top {
    -o-object-position: top;
    object-position: top;
}

.p-3xs {
    padding: 0.354rem;
}

.p-m {
    padding: 1.414rem;
}

.p-s {
    padding: 1rem;
}

.p-xs {
    padding: 0.707rem;
}

.\!px-l {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.px-3xs {
    padding-left: 0.354rem;
    padding-right: 0.354rem;
}

.px-s {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-xs {
    padding-left: 0.707rem;
    padding-right: 0.707rem;
}

.py-2xs {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-3xs {
    padding-top: 0.354rem;
    padding-bottom: 0.354rem;
}

.py-4xs {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-m {
    padding-top: 1.414rem;
    padding-bottom: 1.414rem;
}

.py-s {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-xs {
    padding-top: 0.707rem;
    padding-bottom: 0.707rem;
}

.pb-3xl {
    padding-bottom: 8rem;
}

.pb-3xs {
    padding-bottom: 0.354rem;
}

.pb-4xs {
    padding-bottom: 0.25rem;
}

.pb-l {
    padding-bottom: 2rem;
}

.pb-m {
    padding-bottom: 1.414rem;
}

.pb-s {
    padding-bottom: 1rem;
}

.pb-xl {
    padding-bottom: 2.828rem;
}

.pb-xs {
    padding-bottom: 0.707rem;
}

.pl-0 {
    padding-left: 0px;
}

.pl-m {
    padding-left: 1.414rem;
}

.pl-s {
    padding-left: 1rem;
}

.pl-xs {
    padding-left: 0.707rem;
}

.pr-l {
    padding-right: 2rem;
}

.pr-m {
    padding-right: 1.414rem;
}

.pr-xl {
    padding-right: 2.828rem;
}

.pr-xs {
    padding-right: 0.707rem;
}

.pt-4xs {
    padding-top: 0.25rem;
}

.pt-l {
    padding-top: 2rem;
}

.pt-m {
    padding-top: 1.414rem;
}

.pt-s {
    padding-top: 1rem;
}

.pt-xl {
    padding-top: 2.828rem;
}

.pt-xs {
    padding-top: 0.707rem;
}

.text-center {
    text-align: center;
}

.-indent-m {
    text-indent: -1.414rem;
}

.align-super {
    vertical-align: super;
}

.\!font-sans {
    font-family: "Whitney A", "Whitney B", sans-serif !important;
}

.font-sans {
    font-family: "Whitney A", "Whitney B", sans-serif;
}

.font-serif-deck {
    font-family: "Chronicle Deck A", "Chronicle Deck B", serif;
}

.text-base {
    font-size: 1rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
}

.text-n-1 {
    font-size: 0.841rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
}

.text-n-2 {
    font-size: 0.707rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
}

.text-n1 {
    font-size: 1.189rem;
    line-height: 1.309;
    letter-spacing: 0.01em;
}

.text-n2 {
    font-size: 1.414rem;
    line-height: 1.212;
    letter-spacing: 0em;
}

.text-n3 {
    font-size: 1.682rem;
    line-height: 1.122;
    letter-spacing: 0em;
}

.text-n4 {
    font-size: 2rem;
    line-height: 1.122;
    letter-spacing: 0em;
}

.text-n5 {
    font-size: 2.378rem;
    line-height: 1.122;
    letter-spacing: 0em;
}

.text-n6 {
    font-size: 2.828rem;
    line-height: 1.122;
    letter-spacing: 0em;
}

.text-n7 {
    font-size: 3.364rem;
    line-height: 1.122;
    letter-spacing: 0em;
}

.text-n8 {
    font-size: 4rem;
    line-height: 1.122;
    letter-spacing: 0em;
}

.font-medium {
    font-weight: 500;
}

.font-normal {
    font-weight: 400;
}

.font-semibold {
    font-weight: 600;
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\!leading-base {
    line-height: 1.414em !important;
}

.\!leading-n1 {
    line-height: 1.297em !important;
}

.\!leading-n2 {
    line-height: 1.189em !important;
}

.leading-base {
    line-height: 1.414em;
}

.leading-n1 {
    line-height: 1.297em;
}

.leading-n3 {
    line-height: 1.091em;
}

.leading-n4 {
    line-height: 1em;
}

.\!text-back {
    color: var(--back) !important;
}

.\!text-bezpieczenstwo, .\!text-security {
    color: var(--bezpieczenstwo) !important;
}

.\!text-energia-i-klimat, .\!text-energy-and-climate {
    color: var(--energia-i-klimat) !important;
}

.\!text-europa, .\!text-europe {
    color: var(--europa) !important;
}

.\!text-finanse, .\!text-finance {
    color: var(--finanse) !important;
}

.\!text-gospodarka, .\!text-business {
    color: var(--gospodarka) !important;
}

.\!text-inherit {
    color: inherit !important;
}

.\!text-polityka, .\!text-politics {
    color: var(--polityka) !important;
}

.\!text-prawo, .\!text-legal {
    color: var(--prawo) !important;
}

.\!text-primary {
    color: var(--primary) !important;
}

.\!text-spoleczenstwo, .\!text-society {
    color: var(--spoleczenstwo) !important;
}

.text-\[white\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-back {
    color: var(--back);
}

.text-bezpieczenstwo, .text-security {
    color: var(--bezpieczenstwo);
}

.text-energia-i-klimat, .text-energy-and-climate {
    color: var(--energia-i-klimat);
}

.text-europa, .text-europe {
    color: var(--europa);
}

.text-finanse, .text-finance {
    color: var(--finanse);
}

.text-gospodarka, .text-business {
    color: var(--gospodarka);
}

.text-polityka, .text-politics {
    color: var(--polityka);
}

.text-prawo, .text-legal {
    color: var(--prawo);
}

.text-spoleczenstwo, .text-society {
    color: var(--spoleczenstwo);
}

.text-brand {
    color: var(--brand);
}

.text-primary {
    color: var(--primary);
}

.text-gray2 {
    color: var(--gray2);
}

.text-gray3 {
    color: var(--gray3);
}

.text-secondary {
    color: var(--secondary);
}

.text-success-light {
    color: var(--successlight);
}


.opacity-0 {
    opacity: 0;
}

.opacity-60 {
    opacity: 0.6;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.scrollbar {
    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.scrollbar::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    border-radius: var(--scrollbar-track-radius);
}

.scrollbar::-webkit-scrollbar-track:hover {
    background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.scrollbar::-webkit-scrollbar-track:active {
    background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-thumb-radius);
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.scrollbar::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.scrollbar::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-corner);
    border-radius: var(--scrollbar-corner-radius);
}

.scrollbar::-webkit-scrollbar-corner:hover {
    background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.scrollbar::-webkit-scrollbar-corner:active {
    background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.scrollbar {
    scrollbar-width: auto;
}

.scrollbar::-webkit-scrollbar {
    display: block;
    width: var(--scrollbar-width, 16px);
    height: var(--scrollbar-height, 16px);
}

.scrollbar-thumb-primary {
    --scrollbar-thumb: var(--primary) !important;
}

.scrollbar-h-1 {
    --scrollbar-height: 1px;
}

.h1 {
    font-family: "Chronicle Deck A", "Chronicle Deck B", serif;
    font-size: 2rem;
    line-height: 1.122;
    letter-spacing: 0em;
    font-weight: 400;
    line-height: 1.189em;
    letter-spacing: 0px !important;
}

@media (min-width: 640px) {
    .h1 {
        font-family: "Chronicle Display A", "Chronicle Display B", serif;
        font-size: 2.378rem;
        line-height: 1.122;
        letter-spacing: 0em;
    }
}

@media (min-width: 1024px) {
    .h1 {
        font-size: 3.364rem;
        line-height: 1.122;
        letter-spacing: 0em;
        line-height: 1.091em;
    }
}

.h1 {
    font-variant-ligatures: common-ligatures;
}

.h2-plus {
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 1.682rem;
    line-height: 1.122;
    letter-spacing: 0em;
    font-weight: 600;
    line-height: 1.091em;
}

@media (min-width: 640px) {
    .h2-plus {
        font-size: 2rem;
        line-height: 1.122;
        letter-spacing: 0em;
    }
}

@media (min-width: 1024px) {
    .h2-plus {
        font-size: 2.378rem;
        line-height: 1.122;
        letter-spacing: 0em;
    }
}

.h2 {
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 1.414rem;
    line-height: 1.212;
    letter-spacing: 0em;
    font-weight: 600;
    line-height: 1.189em;
}

@media (min-width: 640px) {
    .h2 {
        font-size: 1.682rem;
        line-height: 1.122;
        letter-spacing: 0em;
    }
}

@media (min-width: 1024px) {
    .h2 {
        font-size: 2rem;
        line-height: 1.122;
        letter-spacing: 0em;
        line-height: 1.091em;
    }
}

.h3 {
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 1.189rem;
    line-height: 1.309;
    letter-spacing: 0.01em;
    font-weight: 600;
    line-height: 1.189em;
}

@media (min-width: 640px) {
    .h3 {
        font-size: 1.414rem;
        line-height: 1.212;
        letter-spacing: 0em;
        line-height: 1.091em;
    }
}

.h4 {
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 1.189rem;
    line-height: 1.309;
    letter-spacing: 0.01em;
    font-weight: 600;
    line-height: 1.189em;
}

.h5 {
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 1rem;
    line-height: 1.414;
    letter-spacing: 0.02em;
    font-weight: 600;
    line-height: 1.414em;
}

.lead {
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 1.189rem;
    line-height: 1.309;
    letter-spacing: 0.01em;
    font-weight: 400;
    line-height: 1.414em !important;
    color: var(--secondary);
}

@media (min-width: 1024px) {
    .lead {
        font-size: 1.414rem;
        line-height: 1.212;
        letter-spacing: 0em;
    }
}

/* Hide scrollbar for Chrome, Safari and Opera */

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.first\:border-none:first-child {
    border-style: none;
}

.first\:pt-0:first-child {
    padding-top: 0px;
}

.last\:-mb-xs:last-child {
    margin-bottom: -0.707rem;
}

.last\:mb-0:last-child {
    margin-bottom: 0px;
}

.last\:mr-0:last-child {
    margin-right: 0px;
}

.last\:hidden:last-child {
    display: none;
}

.last\:border-0:last-child {
    border-width: 0px;
}

.last\:\!border-b-0:last-child {
    border-bottom-width: 0px !important;
}

.last\:border-b-0:last-child {
    border-bottom-width: 0px;
}

.last\:pb-0:last-child {
    padding-bottom: 0px;
}

.group:last-child .group-last\:hidden {
    display: none;
}

.group:hover .group-hover\:-translate-x-4xs {
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-3xs {
    --tw-translate-x: 0.354rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-4xs {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/block:hover .group-hover\/block\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/block:hover .group-hover\/block\:opacity-100 {
    opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

.hover\:bg-gray:hover {
    background-color: var(--gray);
}

.hover\:text-primary:hover {
    color: var(--primary);
}

.focus\:shadow-\[inset_0px_0px_0px_1px_var\(--gray3\)\]:focus {
    --tw-shadow: inset 0px 0px 0px 1px var(--gray3);
    --tw-shadow-colored: inset 0px 0px 0px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-0:focus {
    outline-width: 0px;
}

:is(.dark .dark\:border-0) {
    border-width: 0px;
}

:is(.dark .dark\:bg-back) {
    background-color: var(--back);
}

@media (min-width: 640px) {
    .t\:right-l {
        right: 2rem;
    }

    .t\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .t\:row-span-2 {
        grid-row: span 2 / span 2;
    }

    .t\:mb-0 {
        margin-bottom: 0px;
    }

    .t\:ml-0 {
        margin-left: 0px;
    }

    .t\:ml-auto {
        margin-left: auto;
    }

    .t\:mt-xl {
        margin-top: 2.828rem;
    }

    .t\:w-1\/2 {
        width: 50%;
    }

    .t\:w-1\/3 {
        width: 33.333333%;
    }

    .t\:w-1\/4 {
        width: 25%;
    }

    .t\:w-2\/3 {
        width: 66.666667%;
    }

    .t\:w-3\/4 {
        width: 75%;
    }

    .t\:w-auto {
        width: auto;
    }

    .t\:flex-initial {
        flex: 0 1 auto;
    }

    .t\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .t\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .t\:p-m {
        padding: 1.414rem;
    }

    .t\:px-m {
        padding-left: 1.414rem;
        padding-right: 1.414rem;
    }

    .t\:py-m {
        padding-top: 1.414rem;
        padding-bottom: 1.414rem;
    }

    .t\:pt-m {
        padding-top: 1.414rem;
    }

    .t\:text-n-1 {
        font-size: 0.841rem;
        line-height: 1.414;
        letter-spacing: 0.02em;
    }

    .t\:h2-plus {
        font-family: "Whitney A", "Whitney B", sans-serif;
        font-size: 1.682rem;
        line-height: 1.122;
        letter-spacing: 0em;
        font-weight: 600;
        line-height: 1.091em;
    }

    @media (min-width: 640px) {
        .t\:h2-plus {
            font-size: 2rem;
            line-height: 1.122;
            letter-spacing: 0em;
        }
    }

    @media (min-width: 1024px) {
        .t\:h2-plus {
            font-size: 2.378rem;
            line-height: 1.122;
            letter-spacing: 0em;
        }
    }

    .t\:h4 {
        font-family: "Whitney A", "Whitney B", sans-serif;
        font-size: 1.189rem;
        line-height: 1.309;
        letter-spacing: 0.01em;
        font-weight: 600;
        line-height: 1.189em;
    }

    .t\:first\:border-0:first-child {
        border-width: 0px;
    }

    .t\:first\:pt-0:first-child {
        padding-top: 0px;
    }
}

@media (min-width: 1024px) {
    .d\:visible {
        visibility: visible;
    }

    .d\:static {
        position: static;
    }

    .d\:-left-s {
        left: -1rem;
    }

    .d\:bottom-0 {
        bottom: 0px;
    }

    .d\:left-s {
        left: 1rem;
    }

    .d\:left-xl {
        left: 2.828rem;
    }

    .d\:right-0 {
        right: 0px;
    }

    .d\:right-auto {
        right: auto;
    }

    .d\:right-xl {
        right: 2.828rem;
    }

    .d\:top-4xs {
        top: 0.25rem;
    }

    .d\:top-auto {
        top: auto;
    }

    .d\:order-2 {
        order: 2;
    }

    .d\:order-none {
        order: 0;
    }

    .d\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .d\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .d\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .d\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .d\:col-span-5 {
        grid-column: span 5 / span 5;
    }

    .d\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .d\:col-span-7 {
        grid-column: span 7 / span 7;
    }

    .d\:col-start-3 {
        grid-column-start: 3;
    }

    .d\:col-start-4 {
        grid-column-start: 4;
    }

    .d\:col-start-5 {
        grid-column-start: 5;
    }

    .d\:col-start-7 {
        grid-column-start: 7;
    }

    .d\:col-start-8 {
        grid-column-start: 8;
    }

    .d\:col-start-9 {
        grid-column-start: 9;
    }

    .d\:row-span-3 {
        grid-row: span 3 / span 3;
    }

    .d\:row-start-1 {
        grid-row-start: 1;
    }

    .d\:mx-s {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .d\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .d\:-mt-m {
        margin-top: -1.414rem;
    }

    .d\:mb-0 {
        margin-bottom: 0px;
    }

    .d\:mb-\[4\.242rem\] {
        margin-bottom: 4.242rem;
    }

    .d\:mb-xl {
        margin-bottom: 2.828rem;
    }

    .d\:ml-0 {
        margin-left: 0px;
    }

    .d\:ml-s {
        margin-left: 1rem;
    }

    .d\:mr-auto {
        margin-right: auto;
    }

    .d\:mt-2xs {
        margin-top: 0.5rem;
    }

    .d\:mt-3xl {
        margin-top: 8rem;
    }

    .d\:mt-xl {
        margin-top: 2.828rem;
    }

    .d\:block {
        display: block;
    }

    .d\:\!inline-block {
        display: inline-block !important;
    }

    .d\:flex {
        display: flex;
    }

    .d\:hidden {
        display: none;
    }

    .d\:h-\[3\.364rem\] {
        height: 3.364rem;
    }

    .d\:h-\[3rem\] {
        height: 3rem;
    }

    .d\:h-\[5\.242rem\] {
        height: 5.242rem;
    }

    .d\:h-l {
        height: 2rem;
    }

    .d\:h-m {
        height: 1.414rem;
    }

    .d\:w-1\/12 {
        width: 8.333333%;
    }

    .d\:w-1\/2 {
        width: 50%;
    }

    .d\:w-1\/3 {
        width: 33.333333%;
    }

    .d\:w-1\/4 {
        width: 25%;
    }

    .d\:w-10\/12 {
        width: 83.333333%;
    }

    .d\:w-3\/4 {
        width: 75%;
    }

    .d\:w-7\/12 {
        width: 58.333333%;
    }

    .d\:w-8\/12 {
        width: 66.666667%;
    }

    .d\:w-\[11\.11\%\] {
        width: 11.11%;
    }

    .d\:w-\[3\.364rem\] {
        width: 3.364rem;
    }

    .d\:w-\[44\.44\%\] {
        width: 44.44%;
    }

    .d\:w-\[8rem\] {
        width: 8rem;
    }

    .d\:w-auto {
        width: auto;
    }

    .d\:w-l {
        width: 2rem;
    }

    .d\:flex-1 {
        flex: 1 1 0%;
    }

    .d\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .d\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .d\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .d\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .d\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .d\:flex-row {
        flex-direction: row;
    }

    .d\:items-start {
        align-items: flex-start;
    }

    .d\:gap-s {
        gap: 1rem;
    }

    .d\:gap-xs {
        gap: 0.707rem;
    }

    .d\:border-0 {
        border-width: 0px;
    }

    .d\:\!border-b-0 {
        border-bottom-width: 0px !important;
    }

    .d\:border-t-0 {
        border-top-width: 0px;
    }

    .d\:p-0 {
        padding: 0px;
    }

    .d\:py-2xs {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .d\:py-4xs {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .d\:pb-0 {
        padding-bottom: 0px;
    }

    .d\:pb-xl {
        padding-bottom: 2.828rem;
    }

    .d\:pr-0 {
        padding-right: 0px;
    }

    .d\:pt-l {
        padding-top: 2rem;
    }

    .d\:pt-xs {
        padding-top: 0.707rem;
    }

    .d\:text-base {
        font-size: 1rem;
        line-height: 1.414;
        letter-spacing: 0.02em;
    }

    .d\:text-n-1 {
        font-size: 0.841rem;
        line-height: 1.414;
        letter-spacing: 0.02em;
    }

    .d\:font-medium {
        font-weight: 500;
    }

    .d\:text-primary {
        color: var(--primary);
    }

    .d\:h3 {
        font-family: "Whitney A", "Whitney B", sans-serif;
        font-size: 1.189rem;
        line-height: 1.309;
        letter-spacing: 0.01em;
        font-weight: 600;
        line-height: 1.189em;
    }

    @media (min-width: 640px) {
        .d\:h3 {
            font-size: 1.414rem;
            line-height: 1.212;
            letter-spacing: 0em;
            line-height: 1.091em;
        }
    }
}

.main-logo {
    height: 100%;
    width: auto;
    max-width: 100%;
}

/* BRIEFING LOADER */
#timeline-parent {
    position: relative;
}
.briefing-loader {
    position: relative;
    opacity: 0;
    animation: fadeIn 200ms forwards ease-in;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.briefing-loader-stripe {
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, var(--primary), var(--primary));
/*    background-color: var(--primary);*/
    background-size: 50% 2px;
    background-repeat: no-repeat;
    animation: briefing-loader 2s infinite linear;
    top: -22px;
}

@keyframes briefing-loader {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.skeleton-text {
    color: #888 !important;
    opacity: 0.5;
    text-shadow: -0.5em 0 0 #888;
    overflow:hidden;
    letter-spacing: -0.01em !important;
    word-spacing: 0.3em;
    animation: skeleton-pulse 2s infinite ease-in-out;
    cursor: default;
    user-select: none;
}


@keyframes skeleton-pulse {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.4;
  }
}


.section-links {
    width: 100%;
    padding: 0;
    margin: 0;
    /* background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 5%); */
    mask-image: linear-gradient(to left, transparent,black 25px);
    -webkit-mask-image: linear-gradient(to left, transparent,black 25px);
    padding-right: 25px;
}

.section-links.active {
  cursor: grabbing;
}
.all-sections-link {
    position: absolute;
    padding:0;
    background-color: var(--back);
    z-index: 31;
    box-shadow: 25px 0 5px -5px var(--back);
}

.all-sections-link .label {
    box-shadow: 0 -1px 0 var(--gray2) inset;
}

/* PODCAST IFRAME STUFF */

.md-article_subtype-podcast .pi3-article-content iframe {
    background-color:#F2F2F2;
    text-decoration:none;
    border:5px solid #F2F2F2;
    border-bottom-width:7px;
    box-sizing:content-box;
    border-radius:5px;
}

.md-article_subtype-podcast .pi3-article-content p:has(iframe) + div,
.md-article_subtype-podcast .pi3-article-content p:has(iframe) + p div
{
    display:none;
    border: 1px solid red;
}

/* CHARTS & GRAPHS */

.pi-charts-zoomable-modal-trigger, .zoom-graph-btn {
    display:none;
}

.dark .pi-simple-horizontal-export-button,
.dark .pi-simple-stacked-export-button {
   -webkit-filter: invert(1);
   filter: invert(1);
}
.dark .pi-chart svg {
    background-color: #fff;
}

/* TABELA PROGRNOZA */

.tabelaPrognoza {
    background-color: #fff;
    color: rgb(25, 28, 31) !important;
}

.tabelaPrognoza strong {
    color: rgb(25, 28, 31) !important;
}
.tabelaPrognoza img {
    min-width:50px !important;
    width: auto !important;
    text-align:center;
    margin: 0 auto;
}

/* GRAPH FIX */


.aspect-2:has(.pi-charts-sparklines-wrapper) {
  aspect-ratio: auto;
}
.dark .pi-simple-horizontal-footer-extra p {
    color: #fff !important;
}

.dark .facts .graph-header {
    color: var(--primary);
}

.content-object + p {
    clear:both;
}

.content-object.left-side-small + p,
.content-object.left-side + p {
    clear:none;
}

.graph-container {
    color: rgb(35, 38, 42);
}

.content-object.left-side {
    float: left;
    width: 50%;
    padding-right: 1.414rem;
    padding-bottom: 1.414rem;
/*    margin-right: 11px;*/
/*    padding-right: 11px*/
}

.content-object.left-side-small {
    float: left;
    width: 25%;
/*    margin-right: 11px;*/
/*    padding-right: 11px*/
}

.dark .graph-object .pi-charts-sparklines-main-container {
    background-color: var(--primary);
}

.dark .pi-simple-serial-footer p img {
    filter: invert(1);
}

/* RAPORTY KOLOR LINKU */

.page-category-2505 .facts a {
    color: var(--gospodarka);
    text-decoration: none !important;
    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-gospodarka.png');
}

.dark .page-category-2505 .facts a {

    background-image: url('https://zasoby.politykainsight.pl/pi3/images/pixels/pixel-gospodarka-dark.png');
}