.motywy-hero-kontener{container-type:inline-size}.motywy-hero{--scena-h:var(--poz-wys);--przed-x:var(--poz-przed-x);--przed-y:var(--poz-przed-y);--przed-w:var(--poz-przed-w);--po-x:var(--poz-po-x);--po-y:var(--poz-po-y);--po-w:var(--poz-po-w);--linia-y:var(--poz-linia-y);--cta-x:var(--poz-cta-x);--cta-y:var(--poz-cta-y);--cta-tx:var(--poz-cta-tx);--przycisk-y:var(--poz-przycisk-y);container-type:size}.motywy-hero-scena{container-type:size}@media (max-width:1023px){.motywy-hero{--scena-h:var(--pio-wys);--przed-x:var(--pio-przed-x);--przed-y:var(--pio-przed-y);--przed-w:var(--pio-przed-w);--po-x:var(--pio-po-x);--po-y:var(--pio-po-y);--po-w:var(--pio-po-w);--linia-y:var(--pio-linia-y);--cta-x:var(--pio-cta-x);--cta-y:var(--pio-cta-y);--cta-tx:var(--pio-cta-tx);--przycisk-y:var(--pio-przycisk-y)}}@keyframes motywy-hero-schowany{0%,to{opacity:0}}@keyframes motywy-hero-pelny{0%,to{opacity:1}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.motywy-hero[data-z-filmem]:not([data-film-gotowy]) :is([data-rola=post-podklad],[data-rola=post],[data-film=post-cien],[data-film=strona]){animation:6s linear motywy-hero-schowany}.motywy-hero[data-z-filmem]:not([data-film-gotowy]) [data-rola=kafel][data-karta]{animation:6s linear motywy-hero-pelny}}.motywy-hero-stos{transform:translateY(var(--stos-2,0px))}.motywy-hero-stos-przycisk{transform:translateX(-50%) translateY(var(--stos-2,0px))}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.motywy-hero[data-z-filmem] .motywy-hero-stos{transition:transform .8s cubic-bezier(.16,1,.3,1);transform:none}.motywy-hero[data-z-filmem] .motywy-hero-stos-przycisk{transition:transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-50%)}.motywy-hero[data-z-filmem][data-stos-otwarty="1"] .motywy-hero-stos{transform:translateY(var(--stos-1))}.motywy-hero[data-z-filmem][data-stos-otwarty="1"] .motywy-hero-stos-przycisk{transform:translateX(-50%) translateY(var(--stos-1))}.motywy-hero[data-z-filmem][data-stos-otwarty="2"] .motywy-hero-stos{transform:translateY(var(--stos-2))}.motywy-hero[data-z-filmem][data-stos-otwarty="2"] .motywy-hero-stos-przycisk{transform:translateX(-50%) translateY(var(--stos-2))}}.motywy-hero-przycisk{right:96px;top:var(--przycisk-y)}@media (max-width:1023px){.motywy-hero-przycisk{right:16px}}.motywy-hero[data-oszczedny] [data-film=post-cien]{display:none}.motywy-hero [data-rola=porownaj-przed]{opacity:0;transition:opacity .12s linear}.motywy-hero[data-porownaj] [data-rola=porownaj-przed]{opacity:1}.motywy-hero:has([data-rola=porownaj]:active) [data-rola=porownaj-przed]{opacity:1}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.motywy-hero[data-z-filmem]:not([data-film-stan=koniec]) [data-rola=porownaj]{visibility:hidden}}.motywy-hero[data-film-stan=gra] [data-rola=porownaj],.motywy-hero[data-film-stan=pauza] [data-rola=porownaj]{visibility:hidden}.motywy-hero-kafel{background:#1a1a1a -webkit-image-set(url(/motywy-hero/biblioteka-112.avif) 1x type("image/avif"),url(/motywy-hero/biblioteka-112.webp) 1x type("image/webp")) 0 0/500% 1200% no-repeat;background:#1a1a1a image-set("/motywy-hero/biblioteka-112.avif" 1x type("image/avif"),"/motywy-hero/biblioteka-112.webp" 1x type("image/webp")) 0 0/500% 1200% no-repeat}.motywy-hero-cien{background:-webkit-image-set(url(/motywy-hero/grafika-cien.avif) 1x type("image/avif"),url(/motywy-hero/grafika-cien.webp) 1x type("image/webp")) 50%/100% 100% no-repeat;background:image-set("/motywy-hero/grafika-cien.avif" 1x type("image/avif"),"/motywy-hero/grafika-cien.webp" 1x type("image/webp")) 50%/100% 100% no-repeat}