html {background:#000 url("/zrodla-edukacyjne/zasob/8ab598c6579da40fbff357110e26b297336570a0c795737e3d8cb75ad5dfc9ec"); font-family:Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size:16px; overflow-x:hidden;}body {margin:0;}a {color:hsl(210, 100%, 40%);}a:hover {color:#000;}.anyAdsense {overflow:hidden;}[data-adsense-area="middleSide1"] {margin:0 auto 1em; max-width:1280px;}[data-adsense-area="leftSideBottom2"] {margin:1em 1em 0 0;}#page-left-nav + [data-adsense-area="leftSideBottom2"] {margin-top:calc(1em + 5px);}[data-adsense-area="rightSideBottom3"] {margin:1em 1em 0;}.anyAdsense > div {margin:0 auto; padding:2px; background-color:#FFF; background-clip:padding-box; border:5px solid hsla(0, 0%, 0%, 0.15);}.anyAdsense > [style="height: 0px;"] {display:none; margin:0; padding:0; border:none;}[data-adsense-size="1200x300"] > div {width:1200px; height:300px;}[data-adsense-size="970x250"] > div {width:970px; height:250px;}[data-adsense-size="750x200"] > div {width:750px; height:200px;}[data-adsense-size="300x600"] > div {width:300px; height:600px;}[data-adsense-size="336x280"] > div {width:336px; height:280px;}[data-adsense-size="300x250"] > div {width:300px; height:250px;}[data-adsense-size="250x250"] > div {width:250px; height:250px;}[data-adsense-size="200x200"] > div {width:200px; height:200px;}[data-adsense-size="150x200"] > div {width:150px; height:200px;}[data-adsense-size="auto"] > div {}#page-adblock-warning {margin:1em auto; width:calc(100% - 2em); max-width:1024px; box-sizing:border-box; font-size:2em; background-color:#111; color:#DDD; border:10px solid hsl(210, 100%, 40%); box-shadow:0 10px 0 -5px hsl(210, 100%, 75%);}#page-adblock-warning > p {margin:1em;}#page-adblock-warning > :first-child {font-weight:bolder; color:hsl(0, 100%, 40%);}#page-adblock-warning > :last-child {font-weight:bolder; text-align:right; color:hsl(0, 100%, 40%);}#page-adblock-warning > p > b {color:hsl(210, 100%, 75%);}#page-footer > footer > div > div > section > div > #devmentor-contact {margin-bottom:1em;}#devmentor-contact > a {color:hsl(30, 100%, 50%);}#devmentor-contact > a:hover {color:hsl(30, 100%, 25%);}#devmentor-small-ad {margin:calc(1em + 5px) 1em 0 0;}#devmentor-small-ad > div {margin:0 auto; padding:2px; max-width:336px; max-height:280px; background-color:#FFF; background-clip:padding-box; border:5px solid hsla(0, 0%, 0%, 0.15);}#devmentor-small-ad > div > a {}#devmentor-small-ad > div > a > img {display:block; width:100%;}#devmentor-small-ad > div > a > video {display:block; width:100%;}#devmentor-small-ad > div > a > video > img {display:block; width:100%;}#devmentor-large-ad {margin:1em 1em 0;}#page-left-nav + #devmentor-large-ad {margin:1em;}#devmentor-large-ad > div {margin:0 auto; padding:2px; max-height:280px; background-color:#FFF; background-clip:padding-box; border:5px solid hsla(0, 0%, 0%, 0.15);}#devmentor-large-ad > div > a {}#devmentor-large-ad > div > a > img {display:block; width:100%;}#devmentor-large-ad > div > a > video {display:block; width:100%;}#devmentor-large-ad > div > a > video > img {display:block; width:100%;}[data-start-page] #main-content {}[data-start-page] #main-content > article {margin:2em 1em 1em; padding:2em; background-clip:padding-box; background-color:#000; background-image:url("/zrodla-edukacyjne/zasob/94b0a64d122104633acfa5a642b80a904e75c13c109569b0b568725212552b24"); color:#D9D9D9; border:10px solid hsla(0, 0%, 0%, 0.15);}[data-start-page] #main-content > :first-child {margin-top:1em;}[data-start-page] #main-content > article > header {background:url("/zrodla-edukacyjne/zasob/0a4fb9da5287a91a01a7eccafc91dad77f57595055a13694393dfcae302d0fc2") center bottom repeat-x; padding-bottom:calc(2em + 13px);}[data-start-page] #main-content > article > header > h2 {margin:0; line-height:calc(1em + 1px); font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:2.2em; color:#FFF; text-shadow:2px 2px 0 #000, 3px 3px 0 #777;}[data-start-page] #main-content > article > img {float:right; margin:1em 0 1em 1em; padding:5px; width:200px; border:1px solid #FFF;}[data-start-page] #main-content > article > p {margin:1em 0 0; line-height:1.75em;}[data-start-page] #main-content > article > dl {margin:1em 0 0; padding:2em; background-color:hsla(0, 0%, 17%, 0.5);}[data-start-page] #main-content > article > dl > dt {float:left;}[data-start-page] #main-content > article > dl > dt > a {display:block; text-decoration:none; padding:1em; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:#000; border-radius:4px;}[data-start-page] #main-content > article > dl > dt > a:hover {color:#FFF;}[data-start-page] #main-content > article > dl > :not(:first-child) {margin-top:2em;}[data-start-page] #main-content > article > dl > dd {clear:both; margin:0 0 0 1em; padding:1em; line-height:1.75em; border-left:4px solid #000; border-bottom:4px solid #000; border-bottom-left-radius:4px;}#website-map {font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif;}#website-map > header {background-image:url("/zrodla-edukacyjne/zasob/cc24b3865d463296c44065137880e332a5152b51e3f17db958d40ba44cd5319e"); background-color:hsl(210, 100%, 40%); color:#FFF; margin-bottom:calc(1em + 5px); padding:5em 1em; box-shadow:0 10px 0 -5px hsla(0, 0%, 45%, 0.5);}#website-map > header > h1 {margin:0; line-height:calc(1em + 1px); font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:2.1em; font-weight:normal; text-align:center;}#website-map > nav {margin:1em 1em 0; padding:1em; background-color:#FEFEFE; background-clip:padding-box; border:10px solid hsla(0, 0%, 0%, 0.15);}#website-map > nav > header {}#website-map > nav > header > h2 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:1.6em; color:hsl(210, 100%, 10%);}#website-map > nav > ul {margin:0; padding:0; list-style-type:none;}#website-map > nav > ul > li {margin-top:1em; padding:1em; background-color:#FFF; text-align:center; border:1px solid #BBB; box-shadow:0 0 4px 1px #BBB inset;}#website-map > nav > ul > li > a {display:inline-block; text-decoration:none; padding:1em; line-height:calc(1em + 1px); background-color:hsl(30, 100%, 60%); color:hsl(30, 100%, 10%); font-weight:bolder; box-shadow:0 8px 0 -4px #BBB;}#website-map > nav > ul > li > a:hover {background-color:#DDD; color:#000;}#website-map > nav > ul > li > ul {margin:calc(1em + 1px) 0 0; padding:0; list-style-type:none; text-align:left; border-top:1px solid #CCC;}#website-map > nav > ul > li > ul > li {margin-top:1em;}#website-map > nav > ul > li > ul > li > a {display:inline-block; text-decoration:none; padding:1em; line-height:calc(1em + 1px); background-color:hsl(30, 100%, 80%); color:hsl(30, 100%, 10%); font-weight:bolder; box-shadow:0 8px 0 -4px #BBB;}#website-map > nav > ul > li > ul > li > a:hover {background-color:#DDD; color:#000;}#website-map > nav > ul > li > ul > li > ul {margin:calc(1em + 4px) 0 0 2.5em; padding:0.5em 0 1em 0.5em; list-style-type:none; border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-bottom-left-radius:4px;}#website-map > nav > ul > li > ul > li > ul > li {display:inline-block; margin:0.5em 0 0 0.5em;}#website-map > nav > ul > li > ul > li > ul > li > a {display:block; text-decoration:none; padding:1em; min-width:1.5em; text-align:center; line-height:calc(1em + 1px); background-color:hsl(30, 100%, 90%); color:hsl(30, 100%, 10%); border-radius:4px;}#website-map > nav > ul > li > ul > li > ul > li > a:hover {background-color:#DDD; color:#000;}#website-map > div {}#website-map > div > ul {margin:0; padding:0; list-style-type:none;}#website-map > div > ul > li {margin:1em 1em 0; padding:1em; background-color:#FEFEFE; background-clip:padding-box; border:10px solid hsla(0, 0%, 0%, 0.15);}#website-map > div > ul > li:target {background-color:#FBFBFB; border-color:hsla(30, 100%, 40%, 0.25);}#website-map > div > ul > li > span {display:block; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:1.8em; font-weight:bolder; color:hsl(210, 100%, 10%);}#website-map > div > ul > li > ul {margin:0; padding:0; list-style-type:none;}#website-map > div > ul > li > ul > li {margin-top:1em; padding:1em 0 1em 1em; border-left:5px solid #CCC;}#website-map > div > ul > li > ul > li:target {padding:1em; background-color:#FBFBFB; border:5px solid hsl(30, 100%, 60%); box-shadow:0 0 4px 1px #BBB;}#website-map > div > ul > li > ul > li > span {display:block; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:1.6em; font-weight:bolder; color:hsl(210, 100%, 10%);}#website-map > div > ul > li > ul > li > ul {margin:0; padding:0; list-style-type:none;}#website-map > div > ul > li > ul > li > ul > li {margin-top:1em; padding:1em 0 1em 1em; border-left:5px solid #CCC;}#website-map > div > ul > li > ul > li > ul > li:target {padding:1em; background-color:#FBFBFB; border:5px solid hsl(30, 100%, 60%); box-shadow:0 0 4px 1px #BBB;}#website-map > div > ul > li > ul > li > ul > li > span {display:block; padding-bottom:1em; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:1.4em; text-transform:capitalize; color:hsl(210, 100%, 10%); border-bottom:1px solid #CCC;}#website-map > div > ul > li > ul > li > ul > li > ol {margin:1em 0 0 0; padding:0; list-style-type:none; counter-reset:licznik-1;}#website-map > div > ul > li > ul > li > ul > li > ol > li {position:relative;}#website-map > div > ul > li > ul > li > ul > li > ol > li:before {content:counter(licznik-1); counter-increment:licznik-1; position:absolute; left:0; top:0; width:3em; line-height:3em; text-align:center; background-color:hsl(30, 100%, 90%); color:hsl(30, 100%, 10%);}#website-map > div > ul > li > ul > li > ul > li > ol > :not(:first-child):before {border-top:1px solid #FFF;}#website-map > div > ul > li:target > ul > li > ul > li > ol > :not(:first-child):before, #website-map > div > ul > li > ul > li:target > ul > li > ol > :not(:first-child):before, #website-map > div > ul > li > ul > li > ul > li:target > ol > :not(:first-child):before {border-top-color:#FBFBFB;}#website-map > div > ul > li > ul > li > ul > li > ol > li:hover {background-color:#EEE;}#website-map > div > ul > li > ul > li > ul > li > ol > li:hover:before {background-color:hsl(30, 100%, 35%); color:#FFF;}#website-map > div > ul > li > ul > li > ul > li > ol > li > a {display:block; text-decoration:none; margin-left:3em; padding:0.75em 1em; line-height:1.5em; color:#555;}#website-map > div > ul > li > ul > li > ul > li > ol > :not(:first-child) > a {border-top:1px solid #FFF;}#website-map > div > ul > li:target > ul > li > ul > li > ol > :not(:first-child) > a, #website-map > div > ul > li > ul > li:target > ul > li > ol > :not(:first-child) > a, #website-map > div > ul > li > ul > li > ul > li:target > ol > :not(:first-child) > a {border-top-color:#FBFBFB;}#website-map > div > ul > li > ul > li > ul > li > ol > li:hover > a {color:hsl(30, 100%, 35%);}#website-map > div > ul > li > ul > li > ul > li > ol > li > a:hover {background-color:#DDD; color:#000;}#website-map > div > ul > li > ul > li > ul > li > ol > li > a > span {font-weight:bolder;}#website-map > div > ul > li > ul > li > ul > li > ol > li > ul {margin:0; padding:0.5em 0 1em 1em; list-style-type:none;}#website-map > div > ul > li > ul > li > ul > li > ol > li > ul > li {display:inline-block; margin:0.5em 0.5em 0 0;}#website-map > div > ul > li > ul > li > ul > li > ol > li > ul > li > a {display:block; text-decoration:none; padding:0.75em 1em; min-width:1.5em; text-align:center; background-color:#EEE; color:#555; border-radius:4px;}#website-map > div > ul > li > ul > li > ul > li > ol > li:hover > ul > li > a {background-color:#FFF; box-shadow:0 0 4px 1px #BBB;}#website-map > div > ul > li > ul > li > ul > li > ol > li > ul > li > a:hover {background-color:hsl(30, 100%, 90%); color:hsl(30, 100%, 10%);}#page {}#page {min-width:500px;}#page-header-and-main {}#page-header-and-main {background:#EEE url("/zrodla-edukacyjne/zasob/78627070e735560d49d9b4b8db6c0c47a698abfc753367881a868e6ac99e9662");}#page-header {}#page-header {background:url("/zrodla-edukacyjne/zasob/0a4fb9da5287a91a01a7eccafc91dad77f57595055a13694393dfcae302d0fc2") center 0 repeat-x, url("/zrodla-edukacyjne/zasob/0a4fb9da5287a91a01a7eccafc91dad77f57595055a13694393dfcae302d0fc2") center bottom repeat-x, #000 url("/zrodla-edukacyjne/zasob/3452c79d44ad412e16ccd15884853bf40af6fd575256b0acad031b95b1112477"); padding:13px 0; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; box-shadow:0 10px 0 -5px hsla(0, 0%, 45%, 0.5);}#page-header > header {max-width:1280px; margin:auto; position:relative;}#page-header-logo {background:url("/zrodla-edukacyjne/zasob/0a4fb9da5287a91a01a7eccafc91dad77f57595055a13694393dfcae302d0fc2") center 0 repeat-x, url("/zrodla-edukacyjne/zasob/0a4fb9da5287a91a01a7eccafc91dad77f57595055a13694393dfcae302d0fc2") center bottom repeat-x; padding:7em 0; position:relative;}#page-header-logo > :first-child {margin:0; line-height:calc(1em + 1px); font-size:2.5em; font-weight:normal; text-transform:uppercase; text-align:center;}#page-header-logo > :first-child > a {text-decoration:none;}#page-header-logo > :first-child > a > * {padding:0 0.25em;}#page-header-logo > :first-child > a > :nth-child(1) {color:#FFF; transition:200ms;}#page-header-logo > :first-child > a > :nth-child(2) {color:#FFF; transition:400ms;}#page-header-logo > :first-child > a > :nth-child(3) {color:#FFF; transition:600ms;}#page-header-logo > :first-child > a > :nth-child(4) {color:#777; transition:800ms;}#page-header-logo > :first-child > a > :nth-child(5) {color:#777; transition:1000ms;}#page-header-logo > :first-child > a > :nth-child(6) {color:#777; transition:1200ms;}#page-header-logo > :first-child > a:hover > * {}#page-header-logo > :first-child > a:hover > :nth-child(1) {color:#F00;}#page-header-logo > :first-child > a:hover > :nth-child(2) {color:#0A0;}#page-header-logo > :first-child > a:hover > :nth-child(3) {color:#07D;}#page-header-logo > :first-child > a:hover > :nth-child(4) {color:#F00;}#page-header-logo > :first-child > a:hover > :nth-child(5) {color:#0A0;}#page-header-logo > :first-child > a:hover > :nth-child(6) {color:#07D;}#fb-web-link-button {position:absolute; left:0; top:calc(0.5em + 13px); z-index:2;}#fb-web-link-button > a {display:block; text-decoration:none; width:1.8em; line-height:1.8em; font-size:1.5em; text-align:center; background-color:#1877F2; color:#FFF; border-radius:4px;}#fb-web-link-button > a:hover {background-color:#4267B2;}#fb-web-like-button {position:absolute; left:0; bottom:calc(0.5em + 13px);}#main-content-button {position:absolute; right:0; top:0; width:3.5em;}#main-content-button > a {display:block; text-decoration:none; line-height:calc(3.5em - 2px); font-weight:bolder; text-align:center; color:#D9D9D9;}#main-content-button > a > img {display:block; width:100%; box-sizing:border-box; background-color:#000; border:1px solid #171717; border-top:none; transform:perspective(300px) rotateY(0); transition-duration:300ms; border-radius:0 0 4px 4px;}#main-content-button:hover > a > img {background-color:#171717; transform:perspective(300px) rotateY(360deg);}#page-main {}#page-main {max-width:1280px; margin:1em auto 0; padding:5px 0 1em;}#page-main:after {content:''; display:block; clear:both;}#page-left-side {}#page-left-side {float:left; width:30%;}#page-right-side {}#page-right-side {float:right; width:70%;}#main-content {display:block;}#main-content {}#main-content > article {}#main-content > article > div {}#page-footer {}#page-footer {background:url("/zrodla-edukacyjne/zasob/0a4fb9da5287a91a01a7eccafc91dad77f57595055a13694393dfcae302d0fc2") center 0 repeat-x; padding-top:13px; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; color:#D9D9D9;}#page-footer > footer {max-width:1920px; margin:auto;}#page-footer > footer > div {max-width:1280px; margin:auto;}#page-footer > footer > div > div {}#page-footer > footer > div > div:after {content:''; display:block; clear:both;}#page-footer > footer > div > div > section {float:left;}#page-footer > footer > div > div > :nth-child(1) {width:33%;}#page-footer > footer > div > div > :nth-child(1) > div {margin-right:0.5em;}#page-footer > footer > div > div > :nth-child(2) {width:34%;}#page-footer > footer > div > div > :nth-child(2) > div {margin:0 0.5em;}#page-footer > footer > div > div > :nth-child(3) {width:33%;}#page-footer > footer > div > div > :nth-child(3) > div {margin-left:0.5em;}#page-footer > footer > div > div > section > div {}#page-footer > footer > div > div > section > div > div {background:url("/zrodla-edukacyjne/zasob/aa359cf1a9dd202ab1d6d8b56e63892b9f72736e614f992e2d55af060bfbbe1e") 0 bottom repeat-x; margin-bottom:1em; padding:1em 0 calc(1em + 10px);}#page-footer > footer > div > div > section > div > div > h6 {margin:0; line-height:calc(1em + 1px); font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:2em; text-shadow:2px 2px 0 #000, 3px 3px 0 #777;}#page-footer > footer > div > div > section > div > p {margin:0; line-height:1.75em; text-align:justify;}#page-footer > footer > div > div > section > div > p > b {}#page-footer > footer > div > div > section > div > address {margin-bottom:1em; line-height:1.75em; font-weight:bolder;}#page-footer > footer > div > div + nav {margin-top:1em;}#page-footer > footer > div > nav {margin-top:0.5em;}#page-footer > footer > div > nav > div {background:url("/zrodla-edukacyjne/zasob/aa359cf1a9dd202ab1d6d8b56e63892b9f72736e614f992e2d55af060bfbbe1e") 0 bottom repeat-x; margin-bottom:1em; padding:1em 0 calc(1em + 10px);}#page-footer > footer > div > nav > div > h6 {margin:0; line-height:calc(1em + 1px); font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:2em; text-shadow:2px 2px 0 #000, 3px 3px 0 #777;}#page-footer > footer > div > nav > ul {margin:0; padding:0; list-style-type:none;}#page-footer > footer > div > nav > ul:after {content:''; display:block; clear:both;}#page-footer > footer > div > nav > ul > li {float:left; margin:0 0.5em 0.5em 0;}#page-footer > footer > div > nav > ul > li > a {display:block; text-decoration:none; padding:0.875em; min-width:1.5em; text-align:center; line-height:calc(1em + 1px); background-color:#131313; color:#D9D9D9; border-radius:4px;}#page-footer > footer > div > nav > ul > li > a:hover{background-color:#EEE; color:#000; box-shadow:0 0 8px #FFF;}#page-footer > footer > div > p {}#page-footer-logo {background:url("/zrodla-edukacyjne/zasob/aa359cf1a9dd202ab1d6d8b56e63892b9f72736e614f992e2d55af060bfbbe1e") 0 top repeat-x, url("/zrodla-edukacyjne/zasob/aa359cf1a9dd202ab1d6d8b56e63892b9f72736e614f992e2d55af060bfbbe1e") 0 bottom repeat-x; margin:0.5em 0 0; padding:calc(2em + 10px) 0;}#page-footer-logo > img {display:block; margin:auto; font-size:5em; text-align:center; filter:drop-shadow(0 0 4px hsl(195, 100%, 40%));}#page-footer-copyright {margin:0; padding:1em 0; line-height:1.75em; text-align:center;}#page-footer-copyright > small {font-size:1em;}#page-global-nav {}#page-global-menu {margin:0; padding:0 0 0.5em; list-style-type:none;}#page-global-menu:after {content:''; display:block; clear:both;}#page-global-menu > li {float:left; margin:0.5em 0.5em 0 0;}#page-global-menu > li > a {display:block; text-decoration:none;}#page-global-menu > li > a > span {display:block; padding:1em; line-height:calc(1em + 1px); background-color:hsla(0, 0%, 11%, 0.75); color:#D9D9D9; border-radius:4px;}#page-global-menu > li > a.on > span {background-color:hsla(35, 100%, 40%, 0.5); color:#FFF;}#page-global-menu > li > a > span:hover{background-color:#EEE; color:#000; box-shadow:0 0 8px #FFF;}#page-website-menu {position:relative; z-index:3; padding:1em; line-height:calc(1em + 1px); background-color:hsla(0, 0%, 11%, 0.75); color:#D9D9D9; cursor:context-menu; border-radius:4px;}#page-website-menu:hover{background-color:#EEE; color:#000; box-shadow:0 0 8px #FFF;}#page-website-menu div {position:absolute; left:100%; top:-5px; padding-left:2em; display:none;}#page-website-menu div > ul {margin:0; padding:0; list-style-type:none; background-color:hsla(30, 100%, 6%, 0.97); border:5px solid #000; border-radius:4px; box-shadow:0 0 8px 4px hsl(30, 100%, 9%);}#page-website-menu div > ul > li {position:relative;}#page-website-menu div > ul > li:hover:before {content:''; position:absolute; right:-2em; top:7px; z-index:1; width:calc(2em - 5px); height:7px; background:url("/zrodla-edukacyjne/zasob/705a07d5c44e792eba25ccef1c9457c41ce6d3599ef057efb294eaa57990799f") repeat-x; animation:page-rgb-line-1 600s linear infinite alternate;}#page-website-menu div > ul > li:hover:after {content:''; position:absolute; right:-2em; bottom:7px; width:calc(2em - 5px); height:7px; background:url("/zrodla-edukacyjne/zasob/705a07d5c44e792eba25ccef1c9457c41ce6d3599ef057efb294eaa57990799f") repeat-x; animation:page-rgb-line-1 600s linear infinite alternate-reverse;}#page-website-menu div > ul > li > a {display:block; text-decoration:none; padding:0.75em; line-height:1.5em; border-top:1px solid transparent; color:#D9D9D9;}#page-website-menu div > ul > :not(:first-child) > a {border-top-color:hsl(30, 100%, 3%);}#page-website-menu div > ul > li:hover > a {background-color:hsl(30, 100%, 3%); background-image:linear-gradient(to bottom, #FFF, transparent 10px); box-shadow:0 0 30px hsla(0, 0%, 100%, 0.3) inset;}#page-website-menu div > ul > li:hover > div {display:block;}#page-website-menu .page-website-menu-lv1 {width:100%; left:0; top:calc(2em + calc(1em + 1px)); padding-top:1em; padding-left:0;}#page-website-menu:hover .page-website-menu-lv1 {display:block;}#page-website-menu .page-website-menu-lv1 > ul {}#page-website-menu .page-website-menu-lv1 > ul > li {}#page-website-menu .page-website-menu-lv1 > ul > li > a {text-align:center;}#page-website-menu .page-website-menu-lv2 {width:150%;}#page-website-menu .page-website-menu-lv3 {width:150%;}#page-website-menu .page-website-menu-lv4 {width:130%;}#page-website-menu .page-website-menu-lv4 > ul {}#page-website-menu .page-website-menu-lv4 > ul > li {}#page-website-menu .page-website-menu-lv4 > ul > li:hover:before {content:none;}#page-website-menu .page-website-menu-lv4 > ul > li:hover:after {content:none;}@keyframes page-rgb-line-1{0% {background-position:0 0;}100% {background-position:15000px 0;}}#page-main-nav {}#page-main-nav > ul {margin:0; padding:0 0 0.5em; list-style-type:none;}#page-main-nav > :not(:first-child) {background:url("/zrodla-edukacyjne/zasob/0a4fb9da5287a91a01a7eccafc91dad77f57595055a13694393dfcae302d0fc2") center 0 repeat-x; padding-top:13px;}#page-main-nav > ul:after {content:''; display:block; clear:both;}#page-main-nav > ul > li {float:left; margin:0.5em 0.5em 0 0;}#page-main-nav > ul > li > a {display:block; text-decoration:none;}#page-main-nav > ul > li > a > span {display:block; padding:1em; min-width:1.5em; text-align:center; line-height:calc(1em + 1px); background-color:hsla(0, 0%, 11%, 0.75); color:#D9D9D9; border-radius:4px;}#page-main-nav > :first-child > li > a > span {font-weight:bolder;}#page-main-nav > ul > li > a.on > span {color:#FFF;}#page-main-nav > :nth-child(1) > li > a.on > span {background-color:hsla(0, 100%, 40%, 0.5);}#page-main-nav > :nth-child(2) > li > a.on > span {background-color:hsla(120, 100%, 40%, 0.5);}#page-main-nav > :nth-child(3) > li > a.on > span {background-color:hsla(210, 100%, 40%, 0.5);}#page-main-nav > ul > li > a > span:hover, #page-main-nav > ul > li > a.on > span:hover{background-color:#EEE; color:#000; box-shadow:0 0 8px #FFF;}#page-middle-top-navigation {background:url("/zrodla-edukacyjne/zasob/bec5357c73494f9b4653603ce5348500dbd7f680238e4a4d2051631ede902e1d") center 0 repeat-x, url("/zrodla-edukacyjne/zasob/bed7210910089ceec0ed39122efe4750de7ef9855e1f157139828d9850c57c48") center bottom repeat-x, hsl(210, 100%, 40%) url("/zrodla-edukacyjne/zasob/ffd1651a0f3fb6773f5a80e297aa8d9482ba14112cf924775c4a307ba17988fc") center; margin-bottom:calc(1em + 5px); padding:13px 0 calc(0.5em + 13px) 0.5em; box-shadow:0 10px 0 -5px hsla(0, 0%, 45%, 0.5);}#page-middle-top-navigation:after {content:''; display:block; clear:both;}#page-middle-top-navigation > ul {float:right; margin:0; padding:0; list-style-type:none;}#page-middle-top-navigation > ul > li {float:left; margin:0.5em 0.5em 0 0;}#page-middle-top-navigation > ul > li > a {display:block; text-decoration:none; padding:0.875em; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:hsla(210, 100%, 50%, 0.5); color:#FFF;}#page-middle-top-navigation > ul > li > a:hover {background-color:hsla(210, 100%, 25%, 0.5);}#page-left-nav {margin-right:1em; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; box-shadow:0 10px 0 -5px hsla(0, 0%, 45%, 0.5);}#page-left-nav > header {padding:1em; background-color:#000;}#page-left-nav > header > h3 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:1.4em; color:#FFF; text-align:center;}#page-section-menu {margin:0 0 5px; padding:0; list-style-type:none;}#page-section-menu > li {}#page-section-menu > li > a {display:block; text-decoration:none; padding:1.25em; line-height:1.5em; background-color:hsla(0, 0%, 100%, 0.75); color:#000; position:relative;}#page-section-menu > :not(:first-child) > a {border-top:1px solid #DDD;}#page-section-menu > li > [data-syntax]:before {content:attr(data-syntax); display:block; font-family:'Courier New', monospace;}#page-section-menu > li > [data-lang-version]:after {content:attr(data-lang-version); position:absolute; right:3px; top:3px; line-height:calc(1em + 1px); font-size:calc(1em - 2px); font-weight:bolder; text-transform:uppercase;}#page-section-menu > li > [data-lang-version="css0"]:after {content:'nieoficjalna'; text-transform:none;}#page-section-menu > li > a.on {background-color:hsla(180, 100%, 75%, 0.75); color:hsl(180, 100%, 25%);}#page-section-menu > li > a:hover {background-color:hsla(45, 100%, 75%, 0.75); color:hsl(45, 100%, 25%);}#page-section-menu > li > a > span {display:block;}#page-section-menu[data-counter] {counter-reset:licznik-1;}#page-section-menu[data-counter] > li > a > span:before {content:counter(licznik-1) '. '; counter-increment:licznik-1;}.any-header-1 {background:hsl(210, 100%, 40%) url("/zrodla-edukacyjne/zasob/cc24b3865d463296c44065137880e332a5152b51e3f17db958d40ba44cd5319e") center; color:#FFF; margin-bottom:calc(1em + 5px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; box-shadow:0 10px 0 -5px hsla(0, 0%, 45%, 0.5);}.any-header-1 > div {padding:1em;}.any-header-1 > div > div {margin:2.4em 0;}.any-header-1 > div > div > h1 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:2.1em; font-weight:normal; text-align:center;}[data-lang-version] > div > .any-header-1 > div {position:relative; overflow:hidden;}[data-lang-version] > div > .any-header-1 > div:before {content:''; position:absolute; right:4em; top:4em; padding:1em; width:125%; text-align:center; line-height:calc(1em + 1px); background-color:hsla(210, 100%, 25%, 0.5); border-top:1px dashed; border-bottom:1px dashed; transform:translate(50%, -50%) rotate(45deg);}[data-lang-version="html5"] > div > .any-header-1 > div:before {content:'HTML5';}[data-lang-version="html5.1"] > div > .any-header-1 > div:before {content:'HTML5.1';}[data-lang-version="html5.2"] > div > .any-header-1 > div:before {content:'HTML5.2';}[data-lang-version="css0"] > div > .any-header-1 > div:before {content:'nieoficjalna';}[data-lang-version="css3"] > div > .any-header-1 > div:before {content:'CSS3';}#any-nav-to-section {margin:0; padding:0.5em 0.5em 1em 1em; list-style-type:none; border-bottom:1px dashed;}#any-nav-to-section:after {content:''; display:block; clear:both;}#any-nav-to-section > li {float:left; margin:0.5em 0.5em 0 0;}#any-nav-to-section > li > a {display:block; text-decoration:none; padding:0.75em; line-height:calc(1em + 1px); background-color:hsla(210, 100%, 50%, 0.5); color:#FFF;}#any-nav-to-section > li > a:hover {background-color:hsla(210, 100%, 25%, 0.5);}#article-author {margin:0; line-height:calc(1em + 1px);}#article-author:after {content:''; display:block; clear:both;}#article-author > div {float:left;}#article-author > div > dt {}#article-author > div > dd {margin:0.5em 0 0; padding-top:0.5em; border-top:2px solid;}#article-author > div > dd > cite {font-style:normal;}#article-date {margin:0; line-height:calc(1em + 1px);}#article-date:after {content:''; display:block; clear:both;}#article-date > div {}#article-date > :first-child {float:left;}#article-date > :last-child {float:right;}#article-date > div > dt {}#article-date > div > dd {margin:0.5em 0 0; padding-top:0.5em; border-top:2px solid;}#article-ref-link {margin:0 1em; padding:1em 0; border-top:1px dashed;}#article-ref-link > a {display:inline-block; text-decoration:none; padding:0.875em; line-height:calc(1em + 1px); background-color:hsla(210, 100%, 50%, 0.5); color:#FFF;}#article-ref-link > a:hover {background-color:hsla(210, 100%, 25%, 0.5);}#article-ref-link > a > small {vertical-align:super;}.any-next-main-section {margin-top:1em;}.any-next-main-section > header {background:url("/zrodla-edukacyjne/zasob/366696b870cee7980f4f3d9642a25b28e789b0316e1116f5f91bb9fda9b8a4d4") center 0 repeat-x, url("/zrodla-edukacyjne/zasob/23103a24c79fa5402d54611bb7a917ba5ce0edaa30a6aea0cf309e6168452e16") center bottom repeat-x, hsl(205, 100%, 40%) url("/zrodla-edukacyjne/zasob/8d771745612b0d1749f5d2c704df78b5c721180cda993646bae11fc625d8c292") center; color:#FFF; margin-bottom:calc(1em + 5px); padding:5em 1em; box-shadow:0 10px 0 -5px hsla(0, 0%, 45%, 0.5);}.any-next-main-section > header > h2 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:2em; font-weight:normal; text-align:center;}.any-next-main-section > header > h2 > code {font-family:inherit;}.any-next-main-section > article {}.any-header-2 {background:hsl(0, 0%, 0%) url("/zrodla-edukacyjne/zasob/514a10cae07fc764aee765657f1e1072f09c705875bfb2f770e19e56eaf59494") center; color:#FFF; margin:1em 0 calc(1em + 5px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; box-shadow:0 10px 0 -5px hsla(0, 0%, 45%, 0.5);}.any-header-2 > p {margin:0; padding:1em; border-bottom:2px solid hsl(0, 0%, 15%);}.any-header-2 > p > a {display:inline-block; text-decoration:none; padding:0.875em; line-height:calc(1em + 1px); background-color:hsla(0, 0%, 35%, 0.5); color:#FFE; border-radius:4px;}.any-header-2 > p > a:hover {background-color:hsla(15, 75%, 35%, 0.5);}.any-header-2 > div {padding:5em 1em;}.any-header-2 > div > h2 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:2em; font-weight:normal; text-align:center;}[data-item-version] > .any-header-2 > div, [data-item-required] > .any-header-2 > div, [data-item-required-if] > .any-header-2 > div, [data-logic-item] > .any-header-2 > div, [data-initial-item] > .any-header-2 > div {position:relative;}[data-item-version] > .any-header-2 > div {overflow:hidden;}[data-item-required] > .any-header-2 > div:before, [data-item-required-if] > .any-header-2 > div:before, [data-logic-item] > .any-header-2 > div:before, [data-initial-item] > .any-header-2 > div:before {content:''; position:absolute; left:0; top:1em; padding:0.875em; line-height:calc(1em + 1px); background-clip:padding-box; border-radius:0 16px 16px 0;}[data-item-required] > .any-header-2 > div:before {content:'atrybut wymagany'; background-color:hsla(0, 75%, 35%, 0.5);}[data-item-required-if] > .any-header-2 > div:before {content:'atrybut wymagany*'; background-color:hsla(210, 75%, 35%, 0.5);}[data-logic-item] > .any-header-2 > div:before {content:'atrybut logiczny'; background-color:hsla(120, 75%, 35%, 0.5);}[data-initial-item] > .any-header-2 > div:before {content:'wartość domyślna'; background-color:hsla(0, 0%, 35%, 0.5);}[data-item-version] > .any-header-2 > div:after {content:''; position:absolute; right:4em; top:4em; padding:1em; width:125%; text-align:center; line-height:calc(1em + 1px); background-color:hsla(0, 0%, 35%, 0.5); color:#FFE; transform:translate(50%, -50%) rotate(45deg);}[data-item-version="html5"] > .any-header-2 > div:after {content:'HTML5';}[data-item-version="html5.1"] > .any-header-2 > div:after {content:'HTML5.1';}[data-item-version="html5.2"] > .any-header-2 > div:after {content:'HTML5.2';}[data-item-version="lv3"] > .any-header-2 > div:after {content:'LV3';}.any-nav-to-value {margin:0 1em; border-top:2px solid hsl(0, 0%, 15%); position:relative;}.any-nav-to-value > a {text-decoration:none; position:absolute; right:1em; top:calc(-0.875em * 2 - calc(1em + 1px)); padding:0.875em; line-height:calc(1em + 1px); background-color:hsla(0, 0%, 35%, 0.5); color:#FFE; border-radius:4px 4px 0 0;}.any-nav-to-value > a:hover {background-color:hsla(15, 75%, 35%, 0.5);}.any-nav-to-value > ul {margin:0; padding:0.5em 0 1em; list-style-type:none;}.any-nav-to-value > ul:after {content:''; display:block; clear:both;}.any-nav-to-value > ul > li {float:left; margin:0.5em 0.5em 0 0;}.any-nav-to-value > ul > li > a {display:block; text-decoration:none;}.any-nav-to-value > ul > li > a > span {display:block; padding:0.875em; min-width:1.5em; text-align:center; line-height:calc(1em + 1px); background-color:hsla(0, 0%, 35%, 0.5); color:#FFE;}.any-nav-to-value > ul > li > a > span:hover {background-color:hsla(15, 75%, 35%, 0.5);}.any-section {margin:1em 1em 0; padding:1em; background:hsla(0, 0%, 100%, 0.75) url("/zrodla-edukacyjne/zasob/7847c99615d880e5082ce7679531e1081530764c20fbcb1ff7d5b1d33ab496aa") center 0 padding-box; border:10px solid hsla(0, 0%, 0%, 0.15);}.any-section:target {background-color:#FBFBFB; border-color:hsla(0, 0%, 0%, 0.35);}.any-section > header {padding-bottom:1em; border-bottom:2px solid #DDD;}.any-section > header > h2 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:1.6em; color:hsl(210, 100%, 10%);}.any-section > header > h2 > code {font-family:inherit;}.any-section > p {margin:1em 0 0; line-height:1.75em;}.any-section > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}#any-nav-to-item {margin:0.5em 0 0; padding:0; list-style-type:none;}#any-nav-to-item:after {content:''; display:block; clear:both;}#any-nav-to-item > li {float:left; margin:0.5em 0.5em 0 0;}#any-nav-to-item > li > a {display:block; text-decoration:none; padding:0.875em 1em; min-width:1.5em; text-align:center; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size:1.2em; font-weight:bolder; color:#777; border-left:1px solid #DDD; border-right:1px solid #DDD;}#any-nav-to-item > li > a:hover {background-color:hsl(60, 95%, 75%); color:#000; border-color:#CCC;}#any-nav-to-item > [data-item-version] > a {position:relative;}#any-nav-to-item > [data-item-version] > a:before {content:''; position:absolute; left:3px; top:0; line-height:calc(1em + 1px); font-size:0.6em;}#any-nav-to-item > [data-item-version="html5"] > a:before {content:'HTML5';}#any-nav-to-item > [data-item-version="html5.1"] > a:before {content:'HTML5.1';}#any-nav-to-item > [data-item-version="html5.2"] > a:before {content:'HTML5.2';}#any-nav-to-item > [data-item-version="lv3"] > a:before {content:'LV3';}#any-nav-to-item > [data-item-required] > a {color:hsl(0, 100%, 50%);}#any-nav-to-item > [data-item-required-if] > a {color:hsl(210, 100%, 50%);}#any-nav-to-item > [data-global-item] > a {color:hsl(120, 100%, 35%); text-transform:uppercase;}#any-nav-to-item > [data-logic-item] > a {position:relative;}#any-nav-to-item > [data-logic-item] > a:after {content:'LOGIC'; position:absolute; right:3px; bottom:0; line-height:calc(1em + 1px); font-size:0.6em;}#any-nav-to-item > [data-initial-item] > a {position:relative;}#any-nav-to-item > [data-initial-item] > a:after {content:'INITIAL'; position:absolute; right:3px; bottom:0; line-height:calc(1em + 1px); font-size:0.6em;}.any-chain-list {margin:1em 0 0;}.any-chain-list > dt {float:left; padding:2px 0; border-left:4px solid #AAA;}.any-chain-list > dt:not(:first-child) {margin-top:1em;}.any-chain-list > dt > * {display:block; padding:1em; line-height:calc(1em + 1px); background-color:#EEE; border-radius:0 4px 4px 0;}.any-chain-list > dd {clear:both; margin-left:1px; padding:1em 0 1em 1em; border-left:2px solid #DDD; border-bottom:2px solid #DDD; border-bottom-left-radius:16px;}.any-chain-list > dd > p {margin:1em 0 0; line-height:1.75em;}.any-chain-list > dd > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-chain-list > dd > :first-child {margin-top:0;}.any-technical {}.any-technical > dt {}.any-technical > dt > a {text-decoration:none; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif;}.any-technical > dt > a:hover {color:#000;}.any-technical > dd {}.any-three-dots {}.any-three-dots > dt {}.any-three-dots > dt > code {min-width:2em; text-align:center; font-family:'Courier New', monospace; font-weight:bolder;}.any-three-dots > dd {}.any-three-dots > dd > p {}.any-three-dots > dd:not(:first-of-type) > p:before {content:'...'; font-weight:bolder;}.any-three-dots > dd:not(:last-of-type) > p:after {content:'...'; font-weight:bolder;}.any-interpretation {}.any-interpretation > dt {position:relative;}.any-interpretation > dt:before {content:''; position:absolute; left:calc(100% + 0.5em); top:2px; padding:0.25em 0.5em; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; white-space:nowrap; background-color:#EEE; color:#777; border-radius:4px;}.any-interpretation > dt:nth-of-type(1):before {content:'Mozilla Firefox';}.any-interpretation > dt:nth-of-type(2):before {content:'Google Chrome';}.any-interpretation > dt:nth-of-type(3):before {content:'Safari';}.any-interpretation > dt:nth-of-type(4):before {content:'Opera';}.any-interpretation > dt:nth-of-type(5):before {content:'Internet Explorer';}.any-interpretation > dt:nth-of-type(6):before {content:'Microsoft Edge';}.any-interpretation > dt > img {padding:0.75em 1.25em;}.any-interpretation > dd {}.any-item-dfn {margin:1em 0 0;}.any-item-dfn > div {position:relative;}.any-item-dfn > div:not(:first-child) {margin-top:1em;}.any-item-dfn > div:target {padding:1em; background:#FBFBFB url("/zrodla-edukacyjne/zasob/7847c99615d880e5082ce7679531e1081530764c20fbcb1ff7d5b1d33ab496aa") center 0; border-left:6px solid hsl(205, 100%, 40%); border-bottom:6px solid hsl(205, 100%, 40%); border-radius:0 0 0 16px; box-shadow:0 0 4px 2px #BBB;}.any-item-dfn > div > dt {float:left; margin-right:10.5em; padding:2px 0; border-left:4px solid #AAA;}.any-item-dfn > div > dt > dfn {display:block; padding:1em; min-width:2em; text-align:center; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-style:normal; font-weight:bolder; background-color:#EEE; color:hsl(30, 100%, 12%); border-radius:0 16px 16px 0;}.any-item-dfn > div > dt > [data-item-version] {}.any-item-dfn > div > dt > [data-item-version]:before {content:attr(data-item-version); position:absolute; right:0; top:0; padding:0.375em 0.75em; line-height:calc(1em + 1px); font-size:calc(1em - 2px); text-transform:uppercase; background-color:#FFF; border-left:3px double #CCC; border-right:3px double #CCC;}.any-item-dfn > div:target > dt > [data-item-version]:before {right:1em; top:1em;}.any-item-dfn > div > dt > [data-value-type] {}.any-item-dfn > div > dt > [data-value-type]:after {content:''; position:absolute; right:0; top:0; padding:0.375em 0.75em; line-height:calc(1em + 1px); font-size:calc(1em - 2px); background-color:#FFF; border-left:3px double #CCC; border-right:3px double #CCC;}.any-item-dfn > div:target > dt > [data-value-type]:after {right:1em; top:1em;}.any-item-dfn > div > dt > [data-value-type="fixed"]:after {content:'Wartość Ustalona';}.any-item-dfn > div > dt > [data-value-type="custom"]:after {content:'Wartość Własna';}.any-item-dfn > div > dt > [data-value-type="mixed"]:after {content:'Wartość Mieszana';}.any-item-dfn > div > dt > [data-item-version][data-value-type]:after {top:calc(0.75em + calc(1em + 1px) + 0.25em);}.any-item-dfn > div:target > dt > [data-item-version][data-value-type]:after {top:calc(calc(1em + 1px) + 0.75em + 0.25em + 1em);}.any-item-dfn > div > dd {clear:both; margin-left:1px; padding:1em 0 1em 1em; border-left:2px solid #DDD; border-bottom:2px solid #DDD; border-bottom-left-radius:16px;}.any-item-dfn > div > dd > p {margin:1em 0 0; line-height:1.75em;}.any-item-dfn > div > dd > :first-child {margin-top:0;}.any-item-dfn > div > dd > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}[class$="-separator-list"] {margin:0; padding:0; list-style-type:none;}[class$="-separator-list"] > li {padding:1em 0; position:relative;}[class$="-separator-list"] > :first-child {padding-top:0;}[class$="-separator-list"] > :last-child {padding-bottom:0;}[class$="-separator-list"] > :not(:first-child) {border-top:1px solid #DDD;}[class$="-separator-list"] > :not(:first-child):before {content:''; position:absolute; right:1em; top:-1px; padding:0.25em 0.5em; min-width:3em; text-align:center; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:#EEE; color:#555; transform:translateY(-50%); border-radius:8px;}[class$="-separator-list"] > li > p {margin:0; line-height:1.75em;}[class$="-separator-list"] > li > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-or-separator-list > :not(:first-child):before {content:'lub';}.any-and-separator-list > :not(:first-child):before {content:'oraz';}.any-unordered-list {margin:0; padding-left:1em; list-style-type:square;}.any-unordered-list > li {line-height:1.75em;}.any-unordered-list > li > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-extra-content-list {margin:1em 0 0;}.any-extra-content-list > dt {line-height:1.75em; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-weight:bolder; color:hsl(210, 100%, 10%);}.any-extra-content-list > dt:not(:first-child) {margin-top:1em;}.any-extra-content-list > dt:after {content:':';}.any-extra-content-list > dd {margin-left:0.75em;}.any-extra-content-list > dd > p {margin:0; line-height:1.75em; position:relative;}.any-extra-content-list > dd > p:before {content:'-'; position:absolute; left:-0.75em; top:0; font-weight:bolder; color:hsl(210, 100%, 10%);}.any-extra-content-list > dd > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-extra-content-list > dd > ul {margin:0 0 0 1em; padding:0;}.any-extra-content-list > dd > ul > li {line-height:1.75em;}.any-extra-content-list > dd > ul > li > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-default-value-list {margin:1em 0 0;}.any-default-value-list > dt {line-height:1.75em; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-weight:bolder; color:hsl(210, 100%, 10%);}.any-default-value-list > dt:after {content:':';}.any-default-value-list > dd {margin-left:0.75em;}.any-default-value-list > dd > p {margin:0; line-height:1.75em; position:relative;}.any-default-value-list > dd > p:before {content:'-'; position:absolute; left:-0.75em; top:0; font-weight:bolder; color:hsl(210, 100%, 10%);}.any-default-value-list > dd > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-default-value-list > dd > p > small {font-size:inherit;}.any-figcaption-image {margin:1em 0 0; padding-bottom:4px; line-height:1.5em; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif;}.any-figcaption-image > p {margin:0; background-color:#FFF; border:4px double #DDD; border-bottom:none;}.any-figcaption-image > p > a {display:block; padding:1em;}.any-figcaption-image > p > a > img {display:block; max-width:100%;}.any-figcaption-image > figcaption {padding:1em; background-color:hsl(210, 50%, 15%); color:#FFF; box-shadow:0 8px 0 -4px #BBB;}.any-figcaption-code-image {margin:1em 0 0; padding:1em; line-height:1.5em; background-color:#FFF; border:1px solid #BBB; box-shadow:0 0 4px 1px #BBB inset;}.any-figcaption-code-image > p {margin:0; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif;}.any-figcaption-code-image > p > a {display:block;}.any-figcaption-code-image > p > a > img {display:block; margin:auto; max-width:100%;}.any-figcaption-code-image > figcaption {margin-bottom:1em; padding:1px 0; border-left:4px solid #777; border-right:4px solid #777;}.any-figcaption-code-image > figcaption > code {display:block; padding:1em; font-family:'Courier New', monospace; font-weight:bolder; text-align:center; background-color:#EEE; color:#000;}.any-hash-nav {margin:calc(0.5em - 4px) 0 0; padding:0 0 4px; list-style-type:none;}.any-hash-nav:after {content:''; display:block; clear:both;}.any-hash-nav > li {float:left; margin:calc(0.5em + 4px) 0.5em 0 0;}.any-hash-nav > li > a {display:block; text-decoration:none; padding:0.75em 1.25em; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:#EEE; box-shadow:0 8px 0 -4px #BBB;}.any-hash-nav > li > a:before {content:'- ';}.any-hash-nav > li > a:after {content:' -';}.any-hash-nav > li > a:hover {background-color:#000; color:#FFF;}.any-read-more-hash-nav {margin:1em 0 0; padding:0 0 4px; list-style-type:none;}.any-read-more-hash-nav:after {content:''; display:block; clear:both;}.any-read-more-hash-nav > li {float:right;}.any-read-more-hash-nav > :last-child {margin-right:0.5em;}.any-read-more-hash-nav > li > a {display:block; text-decoration:none; padding:0.75em 1.25em; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:hsl(210, 100%, 40%); color:#FFF; box-shadow:0 8px 0 -4px #BBB;}.any-read-more-hash-nav > :first-child > a {}.any-read-more-hash-nav > :first-child > a:before {content:'#';}.any-read-more-hash-nav > :last-child > a {min-width:1.5em; text-align:center; background-color:hsl(195, 100%, 40%);}.any-read-more-hash-nav > li > a:hover {background-color:#000;}.any-read-more-link {padding-bottom:4px; text-align:right;}.any-read-more-link > a {display:inline-block; text-decoration:none; padding:0.75em 1.25em; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:hsl(210, 100%, 40%); color:#FFF; box-shadow:0 8px 0 -4px #BBB;}.any-read-more-link > a:hover {background-color:#000;}.any-articles-list {margin:1em 0 0; padding:0; list-style-type:none;}.any-articles-list > li {padding:2px 0; border-left:4px solid #AAA;}.any-articles-list > :not(:first-child) {margin-top:0.5em;}.any-articles-list > li > a {display:inline-block; text-decoration:none; padding:0.5em 1em; line-height:1.75em; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:#FFF; border:1px solid #DDD; border-left:none; border-radius:0 4px 4px 0;}.any-articles-list > li > a:visited {color:#777;}.any-articles-list > li > a:hover {background-color:#EEE; color:#000;}.any-referrer-table {margin:1em 0 0; width:100%; background-color:#FFF; border-collapse:collapse;}.any-referrer-table > thead {}.any-referrer-table > thead > tr {}.any-referrer-table > thead > tr > th {padding:0.5em; line-height:calc(1em + 1px); background-color:hsl(30, 50%, 75%); border:1px solid #EEE;}.any-referrer-table > tbody {}.any-referrer-table > tbody > tr {}.any-referrer-table > tbody > tr > th {padding:0.5em; line-height:calc(1em + 1px); background-color:hsl(30, 50%, 90%); border:1px solid #EEE;}.any-referrer-table > tbody > tr:hover > th {background-color:hsl(60, 95%, 75%);}.any-referrer-table > tbody > tr > td {padding:0.5em; line-height:calc(1em + 1px); border:1px solid #EEE;}.any-referrer-table > tbody > tr:hover > td {background-color:hsl(60, 95%, 75%);}xxxx {}xxxx {}[class^="any-mark"] {display:block; padding:1em; line-height:1.75em; font-weight:normal;}[class^="any-mark"]:after {display:block; margin-top:1rem; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size:1.6em; text-align:right;}[class^="any-mark"] > span {font-weight:bolder;}[class^="any-mark"] > a:hover {color:#000;}pre[class^="any-mark"] {margin:1em 0 0; font-family:inherit; white-space:pre-line;}.any-mark-warning {background-color:hsl(0, 75%, 93%); color:hsl(0, 75%, 15%); border-left:4px solid hsl(0, 75%, 38%);}.any-mark-warning > a {color:hsl(0, 75%, 30%);}.any-mark-warning:after {content:'...::: Uwaga :::...'; color:hsl(0, 75%, 38%);}.any-mark-annotation {background-color:hsl(210, 75%, 93%); color:hsl(210, 75%, 15%);}.any-mark-annotation > a {color:hsl(210, 75%, 30%);}.any-mark-annotation:after {content:'...::: Adnotacja :::...'; color:hsl(210, 75%, 38%);}.any-mark-required {background-color:hsl(200, 75%, 90%); color:hsl(200, 75%, 15%); border-left:4px solid hsl(200, 75%, 35%);}.any-mark-required > a {color:hsl(200, 75%, 30%);}.any-mark-required:after {content:'...::: Atrybut Wymagany :::...'; color:hsl(200, 75%, 35%);}.any-mark-caniuse {background-color:hsl(30, 75%, 90%); color:hsl(30, 75%, 15%); border-left:4px solid hsl(30, 75%, 38%); border-bottom-left-radius:16px;}.any-mark-caniuse > a {color:hsl(30, 75%, 30%);}.any-mark-caniuse:after {content:'...::: caniuse.com :::...'; color:hsl(30, 75%, 35%);}.any-mark-fallback {background-color:hsl(270, 75%, 92%); color:hsl(270, 75%, 15%); border-left:4px solid hsl(270, 100%, 37%);}.any-mark-fallback > a {color:hsl(270, 75%, 30%);}.any-mark-fallback:after {content:'...::: fallback :::...'; color:hsl(270, 75%, 37%);}.any-mark-compare {background-color:hsl(120, 75%, 88%); color:hsl(120, 75%, 15%);}.any-mark-compare > a {color:hsl(120, 75%, 30%);}.any-mark-compare:after {content:'...::: Świat Realny :::...'; color:hsl(120, 75%, 33%);}#html-category-list-1 {margin:0.5em 0 0; padding:0; list-style-type:none; counter-reset:licznik-1;}#html-category-list-1:after {content:''; display:block; clear:both;}#html-category-list-1 > li {float:left; margin:0.5em 0.5em 0 0;}#html-category-list-1 > li > a {float:left; text-decoration:none; padding:1em; min-width:1.5em; text-align:center; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:#EEE;}#html-category-list-1 > li > :nth-child(1) {border-top-left-radius:4px; border-bottom-left-radius:4px;}#html-category-list-1 > li > :only-child {border-top-right-radius:4px; border-bottom-right-radius:4px;}#html-category-list-1 > li > :nth-child(2) {color:#555; border-left:3px solid #777; border-top-right-radius:4px; border-bottom-right-radius:4px;}#html-category-list-1 > li > :nth-child(2):before {content:attr(href) ' - ' counter(licznik-1); counter-increment:licznik-1;}#html-category-list-1 > li > a:hover {background-color:hsl(210, 75%, 90%); color:#000;}#html-category-list-1 > li > :nth-child(2):hover {border-left-color:#000;}#html-category-list-2 {margin:0; padding:0; list-style-type:none; counter-reset:licznik-1;}#html-category-list-2 > li {margin:1em 0 0; padding:1em; line-height:1.75em; border:1px solid #DDD;}#html-category-list-2 > li:target {background-color:#FFF; border:3px solid hsl(0, 100%, 40%);}#html-category-list-2 > li:before {content:'#' attr(id) ' - ' counter(licznik-1); counter-increment:licznik-1; display:block; margin:0 auto 1em; padding:0 1em; width:max-content; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:#000; color:#FFF; border-radius:16px;}#html-category-list-2 > li:target:before {background-color:hsl(0, 100%, 40%);}[data-listing] {margin:1em 0 0; padding:1em; line-height:1.25em; font-family:'Courier New', monospace; border-left:4px solid #777; overflow:auto;}[data-listing] > code {display:block;}[data-listing] > code > span {background-color:hsl(60, 95%, 75%);}[data-listing] > code::selection, [data-listing] > code > *::selection {background-color:#CCC; color:#000;}.any-multi-example[data-type="html-value"] > figure {}.any-multi-example {margin:0; min-height:calc(calc(1em + 1px) + 2em + 2px + 0.5em);}.any-multi-example > figure {margin:1em 0 0; padding:1em; background-color:#FFF; border:1px solid #BBB; box-shadow:0 0 4px 1px #BBB inset; display:none;}.any-multi-example > figure > div {}.any-multi-example > figure > :nth-child(1) {}.any-multi-example > figure > :nth-child(2) {margin-top:1em;}.any-multi-example > figure > div > :first-child {}.any-multi-example > figure > :nth-child(1) > pre {background:#FDFDFD url("/zrodla-edukacyjne/zasob/c097b8951883df9bcb13619daf9f6d8bfb1b0a087df3cc8c015bb39892bb47e4") 0 1em; resize:horizontal;}.any-multi-example > figure > :nth-child(1) > :first-child {}.any-multi-example > figure > :nth-child(2) > :first-child {}.any-multi-example > figure > div > :first-child > h2 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:1.4em; color:hsl(210, 100%, 10%);}.any-multi-example > figure > :nth-child(1) > :first-child > h2 {}.any-multi-example > figure > :nth-child(2) > :first-child > h2 {}.any-multi-example > figure > :nth-child(2) > :first-child + div {margin-top:1em; padding:1em; line-height:1.75em; background-color:#FFF; border-left:4px solid #777; overflow:auto; resize:both;}.any-multi-example > figure > div > p {margin:1em 0 0;}.any-multi-example > figure > div > p > .any-mark-annotation {border-left:4px solid hsl(210, 75%, 38%);}.any-multi-example {counter-reset:licznik-1;}.any-multi-example > figure:not(:only-of-type) > :first-child > :first-child {position:relative;}.any-multi-example > figure:not(:only-of-type) > :first-child > :first-child:before {content:counter(licznik-1); counter-increment:licznik-1; position:absolute; right:0; top:0; width:1.4em; line-height:1.4em; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size:1.4em; font-weight:bolder; text-align:center; background-color:#EEE; color:#555; border-radius:50%;}.any-multi-example > figure:not(:only-of-type) > :first-child > :first-child > h2 {margin-right:1.9em;}.any-red-span {padding:0.125em 0.5em; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:hsl(0, 100%, 95%); color:hsl(0, 100%, 50%); border-radius:4px;}.any-green-span {padding:0.125em 0.5em; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:hsl(120, 75%, 90%); color:hsl(120, 100%, 30%); border-radius:4px;}.any-syntax-topic {margin:1em 0 0; padding:1em; line-height:1.5em; font-family:'Courier New', monospace; font-weight:bolder; text-align:center; white-space:normal; background-color:#EEE;}.any-syntax-precode {margin:1em 0 0; padding:1em; line-height:1.5em; font-family:'Courier New', monospace; font-weight:bolder; text-align:center; white-space:normal; background-color:#EEE;}.any-syntax-multiline {overflow:auto;}.any-syntax-multiline > code {display:block; white-space:pre; text-align:left;}.any-result-example-css {margin:1em 0 0; padding:1em; background-color:#FFF; border:1px solid #DDD; overflow:auto;}.html-ga-tabindex > p:focus {background-color:orange;}.html-ga-tabindex > p > input:focus {background-color:orange;}[data-content-type="tutorial"] #main-content {}[data-content-type="tutorial"] #main-content > article {}[data-content-type="tutorial"] #main-content > article > div {margin:1em 1em 0; padding:2em 2em 1em; background:hsla(0, 0%, 100%, 0.75) url("/zrodla-edukacyjne/zasob/7847c99615d880e5082ce7679531e1081530764c20fbcb1ff7d5b1d33ab496aa") center 0 padding-box; border:10px solid hsla(0, 0%, 0%, 0.15);}[data-content-type="tutorial"] #main-content > article > div > * {margin:2em 0 0;}[data-content-type="tutorial"] #main-content > article > div > :first-child {margin-top:0;}[data-content-type="tutorial"] #main-content > article > div > p {line-height:1.75em;}[data-content-type="tutorial"] #main-content > article > div > p > dfn {font-weight:bolder;}[data-content-type="tutorial"] #main-content > article > div > p > [class^="any-mark"] {border-left:none;}[data-content-type="tutorial"] #main-content > article > div > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}[data-content-type="tutorial"] #main-content > article > div > figure {padding:1em; background-color:#FFF; border:4px solid #EEE;}[data-content-type="tutorial"] #main-content > article > div > figure > img {display:block; max-width:100%;}[data-content-type="tutorial"] #main-content > article > div > ul {margin-top:1em; padding-left:1em; list-style-type:square;}[data-content-type="tutorial"] #main-content > article > div > ul > li {line-height:1.75em;}[data-content-type="tutorial"] #main-content > article > div > ul > li > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}[data-content-type="tutorial"] #main-content > article > div > ul.tutorial-category-list {padding:0; list-style-type:none;}[data-content-type="tutorial"] #main-content > article > div > ul.tutorial-category-list > li {padding:0.5em 0 0.5em 1em; border-left:3px solid hsl(210, 100%, 40%);}[data-content-type="tutorial"] #main-content > article > div > ul.tutorial-category-list > :not(:first-child) {margin-top:1em;}[data-content-type="tutorial"] #main-content > article > div > header {padding:1em; background-color:#000; color:#FFF;}[data-content-type="tutorial"] #main-content > article > div > header > h2 {margin:0; line-height:1.5em; font-size:1.4em; text-align:center;}#epilog-kod-html {}#epilog-kod-html > dt {}#epilog-kod-html > dt > a {display:block; text-decoration:none; margin-top:1em; padding:0.5em; width:12em; line-height:calc(1em + 1px); font-weight:bolder; text-align:center; border:1px solid #CCC; border-radius:4px;}#epilog-kod-html > dt > a:hover {color:#000;}#epilog-kod-html > dd {margin:0 0 0 1em; padding:1em 0 1em 1em; border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-bottom-left-radius:4px;}#epilog-kod-html > dd > p {margin:0; line-height:1.75em;}#epilog-kod-html > dd > ul {margin:0; padding:0 0 0 1em; list-style-type:none; color:#777;}#epilog-kod-html > dd > ul > li {line-height:1.75em;}#epilog-kod-html > dd > ul > li:before {content:'-';}#epilog-kod-html > dd > ul > li:hover {background-color:hsl(60, 95%, 75%); color:#000; cursor:default;}#tutorial-navigation {}#tutorial-navigation > ol {margin:0; padding:0; list-style-type:none; border-top:4px solid #CCC; box-shadow:0 -8px 4px -4px #555;}#tutorial-navigation > ol:after {content:''; display:block; clear:both;}#tutorial-navigation > ol > li {float:left; width:50%;}#tutorial-navigation > ol > li > a {display:block; text-decoration:none; margin:0 1em; padding:0.75em 1.25em; line-height:calc(1em + 1px); font-weight:bolder; text-transform:uppercase; text-align:center; background-color:#EEE; color:#534D46; border-radius:0 0 8px 8px;}#tutorial-navigation > ol > li > a:hover {background-color:hsl(30, 75%, 85%);}#tutorial-navigation > ol > li:only-child {width:100%;}#tutorial-navigation > ol > li:only-child > a {margin:0 auto; width:40%;}#tutorial-navigation > ol > #prev-page > a:before {content:url("/zrodla-edukacyjne/zasob/abbe501a94ad3f1817e9a65b16b7cde1392576742e4cb7496418b6f24e55be89"); margin-right:0.5em;}#tutorial-navigation > ol > #next-page > a:after {content:url("/zrodla-edukacyjne/zasob/f40ca1e22f910b79a46b823f5472d5b23ed439c5cf29e7c0c0b0fe479742da4e"); margin-left:0.5em;}.any-syntax-new {margin:1em 0 0;}.any-syntax-new > header {padding:1em 0; background-color:#EEE; border-left:6px solid hsl(0, 0%, 50%); border-radius:0 16px 16px 0;}.any-syntax-new > header > div {}.any-syntax-new > header > div > h2 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; font-size:1.5em; text-align:center;}.any-syntax-new > header > div > h2 > code {font-family:inherit; color:hsl(0, 0%, 50%);}.any-syntax-new > header > nav {margin-top:1em; padding:1em; background-color:#DDD;}.any-syntax-new > header > nav > pre {margin:0; text-align:center; white-space:normal;}.any-syntax-new > header > nav > pre > code {display:block; line-height:1.5em;}.any-syntax-new > header > nav > pre > code > a {text-decoration:none; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size:1.2em; color:hsl(0, 0%, 20%);}.any-syntax-new > header > nav > pre > code > [data-item-version] {}.any-syntax-new > header > nav > pre > code > [data-item-version]:after {content:'\00A0' '(' attr(data-item-version) ')'; font-size:calc(1em - 2px); text-transform:uppercase; vertical-align:super;}.any-syntax-new > header > nav > pre > code > [data-item-version]:hover:after {background-color:#000;}.any-syntax-new > header > nav > pre > code > [data-item-required] {color:hsl(0, 75%, 50%);}.any-syntax-new > header > nav > pre > code > [data-item-required-if] {color:hsl(210, 75%, 50%);}.any-syntax-new > header > nav > pre > code > a:hover {background-color:#000; color:#FFF;}.any-syntax-new > header > dl {margin:1em 1em 0;}.any-syntax-new > header > dl > dt {line-height:1.75em; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-weight:bolder;}.any-syntax-new > header > dl > dt:not(:first-child) {margin-top:1em;}.any-syntax-new > header > dl > dt:after {content:':';}.any-syntax-new > header > dl > dd {margin:0; line-height:1.75em;}.any-syntax-new > header > dl > dd > p {margin:0; padding-left:1em; position:relative;}.any-syntax-new > header > dl > dd > p:before {content:''; position:absolute; left:0; top:calc(1.75em / 2 - 0.125em); width:0.5em; height:0.25em; background-color:hsl(0, 0%, 50%);}.any-syntax-new > header > dl > dd > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-syntax-new > header > dl > dd > p > code {background-color:#DDD;}.any-syntax-new > header > dl > dd > p + ul {margin:0 0 0 1em; padding:0; list-style-type:none;}.any-syntax-new > header > dl > dd > p + ul > li {margin-top:0.5em; padding-left:0.75em; border-left:4px solid hsl(0, 0%, 50%);}.any-syntax-new > header > dl > dd > p + ul > li > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-syntax-new > header > dl > dd > p + ul > li > code {background-color:#DDD;}.any-syntax-new > header > dl > dd > ul + p {margin-top:0.5em;}.any-syntax-new > header > dl > dd > ul:only-child {margin:0; padding:0; list-style-type:none;}.any-syntax-new > header > dl > dd > ul:only-child > li {margin-top:0.5em; padding-left:1em; border-left:4px solid hsl(0, 0%, 75%);}.any-syntax-new > header > dl > dd > ul:only-child > li:hover {background-color:hsl(60, 95%, 75%); cursor:default; border-radius:0 16px 16px 0;}.any-syntax-new > header > dl > dd > ul:only-child > li > code {display:inline-block; font-family:'Courier New', monospace;}.any-syntax-new.lv1 {}.any-syntax-new.lv1 > header {border-left-color:hsl(120, 30%, 50%);}.any-syntax-new.lv1 > header > nav {background-color:hsl(120, 30%, 87%);}.any-syntax-new.lv2 {}.any-syntax-new.lv2 > header {border-left-color:hsl(0, 30%, 50%);}.any-syntax-new.lv2 > header > nav {background-color:hsl(0, 30%, 87%);}.any-syntax-new > dl {margin:0;}.any-syntax-new > dl > div {margin:1em 0 0; position:relative;}.any-syntax-new > dl > div:target {padding:1em; background:#FBFBFB url("/zrodla-edukacyjne/zasob/7847c99615d880e5082ce7679531e1081530764c20fbcb1ff7d5b1d33ab496aa") center 0; border-left:6px solid hsl(0, 0%, 50%); border-bottom:6px solid hsl(0, 0%, 50%); border-radius:0 0 0 16px; box-shadow:0 0 4px 2px #BBB;}.any-syntax-new > dl > div > dt {float:left; margin-right:11em; padding:2px 0; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-weight:bolder; border-left:6px solid hsl(0, 0%, 50%);}.any-syntax-new > dl > div > [data-item-version]:before {content:attr(data-item-version); position:absolute; right:0; top:0; padding:0.375em 0.75em; line-height:calc(1em + 1px); font-size:calc(1em - 2px); text-transform:uppercase; background-color:#EEE; color:#555; border-radius:16px;}.any-syntax-new > dl > div > [data-item-required]:after, .any-syntax-new > dl > div > [data-item-required-if]:after {content:''; position:absolute; right:0; top:0; padding:0.375em 0.75em; line-height:calc(1em + 1px); font-size:calc(1em - 2px); background-color:#EEE; color:#555; border-radius:16px;}.any-syntax-new > dl > div > [data-item-required="value"]:after {content:'Wartość Wymagana';}.any-syntax-new > dl > div > [data-item-required="ingredient"]:after {content:'Składnik Wymagany';}.any-syntax-new > dl > div > [data-item-required-if="value"]:after {content:'Wartość Wymagana*';}.any-syntax-new > dl > div > [data-item-required-if="ingredient"]:after {content:'Składnik Wymagany*';}.any-syntax-new > dl > div > [data-item-version][data-item-required]:after, .any-syntax-new > dl > div > [data-item-version][data-item-required-if]:after {top:calc(calc(1em + 1px) + 0.75em + 0.25em);}.any-syntax-new > dl > div:target > [data-item-version]:before, .any-syntax-new > dl > div:target > [data-item-required]:after, .any-syntax-new > dl > div:target > [data-item-required-if]:after {right:1rem; top:1rem;}.any-syntax-new > dl > div:target > [data-item-version][data-item-required]:after, .any-syntax-new > dl > div:target > [data-item-version][data-item-required-if]:after {top:calc(calc(1em + 1px) + 0.75em + 0.25em + 1rem);}.any-syntax-new > dl > div > dt > dfn {display:block; padding:1em; line-height:calc(1em + 1px); min-width:2em; text-align:center; font-style:normal; background-color:#EEE; border-radius:0 16px 16px 0;}.any-syntax-new > dl > div > dd {clear:both; margin:0 0 0 2px; padding:1em 0 1em 1em; line-height:1.75em; border-left:2px solid #DDD; border-bottom:2px solid #DDD; border-radius:0 0 0 16px;}.any-syntax-new > dl > div > dd > p {margin:0;}.any-syntax-new > dl > div > dd > p:not(:first-child) {margin-top:1em;}.any-syntax-new > dl > div > dd > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-syntax-new > dl > div > dd > ul {margin:0; padding:0; list-style-type:none;}.any-syntax-new > dl > div > dd > ul > li {padding-left:1em; position:relative;}.any-syntax-new > dl > div > dd > ul > li:before {content:''; position:absolute; left:0; top:calc(1.75em / 2 - 0.125em); width:0.5em; height:0.25em; background-color:hsl(0, 0%, 50%);}.any-syntax-new > dl > div > dd > ul > li > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-syntax-new > dl > div > dd > dl {margin:1em 0 0;}.any-syntax-new > dl > div > dd > dl > dt {font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-weight:bolder;}.any-syntax-new > dl > div > dd > dl > dt:not(:first-child) {margin-top:1em;}.any-syntax-new > dl > div > dd > dl > dt:after {content:':';}.any-syntax-new > dl > div > dd > dl > dd {margin:0;}.any-syntax-new > dl > div > dd > dl > dd > p {margin:0; padding-left:1em; position:relative;}.any-syntax-new > dl > div > dd > dl > dd > p:before {content:''; position:absolute; left:0; top:calc(1.75em / 2 - 0.125em); width:0.5em; height:0.25em; background-color:hsl(0, 0%, 50%);}.any-syntax-new > dl > div > dd > dl > dd > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-syntax-new > dl > div > dd > dl > dd > ul {margin:0 0 0 1em; padding:0; list-style-type:none;}.any-syntax-new > dl > div > dd > dl > dd > ul > li {margin-top:0.5em; padding-left:0.75em; border-left:4px solid hsl(0, 0%, 50%);}.any-syntax-new > dl > div > dd > dl > dd > ul > li > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-syntax-new > dl > div > dd > dl > dd > ul + p {margin-top:0.5em;}.any-syntax-new.lv1 {}.any-syntax-new.lv1 > dl {}.any-syntax-new.lv1 > dl > div {}.any-syntax-new.lv1 > dl > div:target {border-bottom-color:hsl(120, 30%, 50%); border-left-color:hsl(120, 30%, 50%);}.any-syntax-new.lv1 > dl > div > dt {border-left-color:hsl(120, 30%, 50%);}.any-syntax-new.lv2 {}.any-syntax-new.lv2 > dl {}.any-syntax-new.lv2 > dl > div {}.any-syntax-new.lv2 > dl > div:target {border-bottom-color:hsl(0, 30%, 50%); border-left-color:hsl(0, 30%, 50%);}.any-syntax-new.lv2 > dl > div > dt {border-left-color:hsl(0, 30%, 50%);}[data-js="true"] [data-listing] {padding:0;}[data-js="true"] [data-listing] > code > span {background-color:transparent;}.listingUserInterface {display:block;}.listingUserInterface > :first-child {float:left; padding:1em 0.5em; margin-right:0.5em; background-color:#EEE; border-right:1px solid #777;}.listingUserInterface > :first-child > span {display:block; text-align:right;}.listingUserInterface > :first-child > span:before {content:attr(data-counter); font-weight:bolder; color:#555;}.listingUserInterface > :last-child {display:block; padding:1em 0;}.listingUserInterface > :last-child::selection, .listingUserInterface > :last-child *::selection {background-color:#CCC; color:#000;}.listingUserInterface > :last-child span {}.listingUserInterface > :last-child .markCode {background-color:hsl(60, 95%, 75%);}.listingUserInterface > :last-child .srcdocHTML {color:hsl(75, 50%, 40%);}.listingUserInterface > :last-child .doctypeHTML {color:hsl(0, 0%, 0%); font-weight:bolder;}.listingUserInterface > :last-child .commentHTML {color:hsl(0, 0%, 50%);}.listingUserInterface > :last-child .leftTagHTML {color:hsl(240, 100%, 50%);}.listingUserInterface > :last-child .rightTagHTML {color:hsl(240, 100%, 50%);}.listingUserInterface > :last-child .attrHTML {color:hsl(300, 90%, 40%);}.listingUserInterface > :last-child .attrValueHTML {color:hsl(120, 50%, 40%);}.listingUserInterface > :last-child .attrSingleValueHTML {color:hsl(180, 75%, 40%);}.listingUserInterface > :last-child .logicAttrHTML {color:hsl(0, 75%, 40%);}.listingUserInterface > :last-child .equalMarkHTML {color:hsl(0, 0%, 0%);}.listingUserInterface > :last-child .singleMarkHTML {color:hsl(0, 0%, 0%);}.listingUserInterface > :last-child .doubleMarkHTML {color:hsl(0, 0%, 0%);}.listingUserInterface > :last-child .entityHTML {color:hsl(30, 100%, 45%);}.listingUserInterface > :last-child .commentCSS {color:hsl(0, 0%, 50%);}.listingUserInterface > :last-child .atRuleCSS {color:hsl(270, 100%, 50%);}.listingUserInterface > :last-child .selectorCSS {}.listingUserInterface > :last-child .elementCSS {color:hsl(0, 50%, 25%);}.listingUserInterface > :last-child .idCSS {color:hsl(0, 100%, 50%);}.listingUserInterface > :last-child .classCSS {color:hsl(120, 50%, 40%);}.listingUserInterface > :last-child .pseudoclassCSS {color:hsl(210, 100%, 60%);}.listingUserInterface > :last-child .pseudoclassValueCSS {color:hsl(30, 100%, 45%);}.listingUserInterface > :last-child .pseudoelementCSS {color:hsl(300, 100%, 60%);}.listingUserInterface > :last-child .attrCSS {color:hsl(300, 90%, 40%);}.listingUserInterface > :last-child .combinatorCSS {color:hsl(0, 0%, 0%); font-weight:bolder;}.listingUserInterface > :last-child .styleBlockCSS {}.listingUserInterface > :last-child .styleBlockMarkCSS {color:hsl(0, 0%, 0%); font-weight:bolder;}.listingUserInterface > :last-child .styleCSS {}.listingUserInterface > :last-child .atRuleStyleBlockCSS {}.listingUserInterface > :last-child .propertyCSS {color:hsl(0, 75%, 40%);}.listingUserInterface > :last-child .valueCSS {color:hsl(195, 75%, 40%);}.listingUserInterface > :last-child .importantCSS {color:hsl(0, 0%, 25%); font-weight:bolder;}.listingUserInterface > :last-child .colonMarkCSS {color:hsl(0, 0%, 0%); font-weight:bolder;}.listingUserInterface > :last-child .semicolonMarkCSS {color:hsl(0, 0%, 0%); font-weight:bolder;}.listingUserInterface > :last-child .jsLanguageJS {color:hsl(0, 0%, 50%);}.tabMechanism {display:block; text-decoration:none;}.tabMechanism > ol {margin:0; padding:0; list-style-type:none;}.tabMechanism > ol:after {content:''; display:block; clear:both;}.tabMechanism > ol > li {float:left; margin:1em 1em 0 0; padding:0.75em 1em; line-height:calc(1em + 1px); font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; font-weight:bolder; background-image:linear-gradient(to bottom, #FFF, #DDD); color:hsl(0, 0%, 18%); cursor:pointer; border:1px solid #BBB; box-shadow:0 0 4px 1px #BBB, 0 0 0 1px #FFF inset;}[data-type="html-value"] > .tabMechanism > ol > li {background-image:linear-gradient(to bottom, hsl(210, 100%, 95%), hsl(210, 100%, 85%)); color:hsl(210, 100%, 15%); border:1px solid hsl(210, 100%, 70%); box-shadow:0 0 4px 1px hsl(210, 100%, 70%), 0 0 0 1px #FFF inset;}.tabMechanism > ol > li.on {background-image:none; background-color:#FFF; color:hsl(0, 0%, 18%); border:1px solid #BBB; box-shadow:0 0 4px 1px #BBB inset;}.tabMechanism > ol > li:hover {background-image:linear-gradient(to bottom, hsl(15, 100%, 95%), hsl(15, 100%, 70%)); color:hsl(15, 100%, 15%); border:1px solid hsl(15, 100%, 70%); box-shadow:0 0 4px 1px hsl(15, 100%, 70%), 0 0 0 1px #FFF inset;}.tabMechanism > ol > li.on:hover {background-image:none; background-color:hsl(210, 100%, 97%); border-color:hsl(210, 100%, 70%); box-shadow:0 0 4px 1px hsl(210, 100%, 70%) inset;}.any-multi-example > :not(:only-of-type) > :nth-child(1) > [data-counter]:first-child:before {content:attr(data-counter);}#goToMechanism {display:block; text-decoration:none; position:absolute; right:0; top:calc(0.5em + 13px); z-index:1; width:450px;}#goToMechanism > input {display:block; margin:0 0 0 auto; padding:0.75em; width:300px; box-sizing:border-box; line-height:1.5em; font-family:inherit; font-size:1em; background-color:#171717; color:#D9D9D9; caret-color:hsl(210, 100%, 60%); border:none; border-radius:4px;}#goToMechanism > input:focus {outline:none;}#goToMechanism > input::placeholder {font-style:italic; color:#BBB; opacity:1;}#goToMechanism > div {margin:0.5em 0 0 auto;}#goToMechanism > div > samp {display:block; padding:0.75em; line-height:1.5em; font-family:inherit; background-color:#171717; color:hsl(0, 100%, 40%); border-radius:4px;}#goToMechanism > div > p {margin:0; padding:0.75em; line-height:1.5em; background-color:#171717; color:hsl(0, 100%, 40%); border-radius:4px;}#goToMechanism > div > ul {margin:0; padding:0; list-style-type:none;}#goToMechanism > div > ul > li {}#goToMechanism > div > ul > :not(:first-child) {margin-top:0.5em;}#goToMechanism > div > ul > li > a {display:block; text-decoration:none; padding:1em; line-height:1.5em; background-color:hsla(210, 100%, 40%, 0.5); color:#D9D9D9; border-radius:4px;}#goToMechanism > div > ul > li > a:hover{background-color:#EEE; color:#000; box-shadow:0 0 8px #FFF;}.loadFunctionButton {display:block; text-decoration:none; margin:1em 0 0;}.loadFunctionButton > div {padding-bottom:4px; text-align:center;}.loadFunctionButton > div > div {display:inline-block; padding:0.75em 1.25em; line-height:1.5em; font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color:hsl(15, 100%, 35%); color:#FFF; cursor:pointer; box-shadow:0 8px 0 -4px #BBB;}.loadFunctionButton > div > div:hover {background-color:#000;}.loadFunctionButton > samp {font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; color:#555;}.loadFunctionButton > samp > span {color:#F00;}#pageFooterCSSPropertiesMenu {display:block; text-decoration:none;}#pageFooterCSSPropertiesMenu > ol {margin:0; padding:0; list-style-type:none;}#pageFooterCSSPropertiesMenu > ol:after {content:''; display:block; clear:both;}#pageFooterCSSPropertiesMenu > ol > li {float:left; margin:0 0.5em 0.5em 0; padding:0.875em; line-height:calc(1em + 1px); min-width:1.5em; text-align:center; background-color:#131313; color:#D9D9D9; cursor:pointer; border-radius:4px;}#pageFooterCSSPropertiesMenu > ol > li.on {background-color:hsl(195, 100%, 10%);}#pageFooterCSSPropertiesMenu > ol > li:hover{background-color:#EEE; color:#000; box-shadow:0 0 8px #FFF;}#pageFooterCSSPropertiesMenu > div {margin-top:0.5em;}#pageFooterCSSPropertiesMenu > div > ol {margin:0; padding:0; list-style-type:none;}#pageFooterCSSPropertiesMenu > div > ol:after {content:''; display:block; clear:both;}#pageFooterCSSPropertiesMenu > div > ol > li {float:left; margin:0 0.5em 0.5em 0;}#pageFooterCSSPropertiesMenu > div > ol > li > a {display:block; text-decoration:none; padding:0.875em; line-height:calc(1em + 1px); min-width:1.5em; text-align:center; background-color:hsl(195, 100%, 10%); color:#D9D9D9; border-radius:4px;}#pageFooterCSSPropertiesMenu > div > ol > li > a:hover{background-color:#EEE; color:#000; box-shadow:0 0 8px #FFF;}#pageFooterCSSPropertiesMenu > div > div {margin:0.5em 0 1em; line-height:1.75em; text-align:center;}#pageFooterCSSPropertiesMenu > div > div > span {text-transform:uppercase;}.htmlCategoryButton {display:inline-block; text-decoration:none; width:1.5em; height:1.5em; vertical-align:middle; cursor:pointer; border:1px solid #777; border-radius:4px;}.htmlCategoryButton[data-sign="open"] {background:url("/zrodla-edukacyjne/zasob/3cee5bb7d2cb511f405cbe752583538b04199242e2f01b7be019c4e35b5e8645") center no-repeat;}.htmlCategoryButton[data-sign="close"] {background:url("/zrodla-edukacyjne/zasob/faf346107136ab3ff58f563b2d306caa599f305f17019bfc80273bad16b036a7") center no-repeat;}.htmlCategoryButton:hover {background-color:hsl(60, 95%, 75%);}.htmlCategoryStructure {display:none; text-decoration:none;}.htmlCategoryStructure > samp {font-family:Roboto, Helvetica, Tahoma, Verdana, Arial, sans-serif; color:#555;}.htmlCategoryStructure > samp > span {color:#F00;}.htmlCategoryStructure > span {line-height:calc(1em + 1px); color:#555;}.htmlCategoryStructure > span > span {}.htmlCategoryStructure > span > :first-child {margin-right:0.5em;}.htmlCategoryStructure > span > :last-child {margin-left:0.5em;}.htmlCategoryStructure > span > a {display:inline-block; text-decoration:none; padding:0.25em 0.5em; min-width:1em; text-align:center; color:inherit; border-radius:4px;}.htmlCategoryStructure > span > a[data-exception] {font-weight:bolder; color:hsl(210, 100%, 40%);}.htmlCategoryStructure > span > a.on {background-color:hsl(210, 100%, 40%); color:#FFF;}.htmlCategoryStructure > span > a:hover {background-color:#000; color:#FFF;}.htmlCategoryStructure > small {font-size:1em;}.htmlCategoryStructure > small > span {display:none; margin-top:0.5em; padding:2em; background-color:#FFF; border:1px solid #BBB; box-shadow:0 0 4px 1px #BBB inset; position:relative;}.htmlCategoryStructure > small > span > span {position:absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; cursor:pointer; background:#CCC url("/zrodla-edukacyjne/zasob/faf346107136ab3ff58f563b2d306caa599f305f17019bfc80273bad16b036a7") center no-repeat;}.htmlCategoryStructure > small > span > span:hover {background-color:hsl(0, 95%, 75%);}.htmlCategoryStructure > small > span > .htmlCategoryStructure > small > span {margin-bottom:0.5em; padding:1em; background-color:hsl(60, 75%, 85%); border:none; box-shadow:none;}.htmlCategoryStructure > small > span > .htmlCategoryStructure > small > span > span {right:-0.5em; top:-0.5em; background-color:hsl(60, 75%, 45%);}.htmlCategoryStructure > small > span > .htmlCategoryStructure > small > span > span:hover {background-color:hsl(0, 95%, 75%);}xxxx {}@media all and (min-width:1920px){#page-footer > footer {background:url("/zrodla-edukacyjne/zasob/e3e3ca988af475cda9139f3f2ecaf5e71d85e6446aad5f133539d96ebd0171f8") 20px -20px no-repeat, url("/zrodla-edukacyjne/zasob/e3e3ca988af475cda9139f3f2ecaf5e71d85e6446aad5f133539d96ebd0171f8") right 20px top -20px no-repeat;}}@media all and (max-width:1280px){#fb-web-link-button {left:0.5em;}#fb-web-like-button {left:0.5em;}#main-content-button {right:0.5em;}#goToMechanism {right:0.5em;}#page-global-nav > ul {margin-left:0.5em;}#page-main-nav > ul {margin-left:0.5em;}#page-footer > footer {margin:0 1em;}}@media all and (max-width:900px){#page-footer > footer > div > div > :nth-child(1) {width:50%;}#page-footer > footer > div > div > :nth-child(1) > div {}#page-footer > footer > div > div > :nth-child(2) {width:50%;}#page-footer > footer > div > div > :nth-child(2) > div {margin-right:0;}#page-footer > footer > div > div > :nth-child(3) {margin-top:1em; width:100%;}#page-footer > footer > div > div > :nth-child(3) > div {margin-left:0;}}@media all and (max-width:768px){#page-main {display:flex; flex-direction:column;}#page-middle-top-navigation {order:3;}#page-middle-top-navigation > ul {float:left;}#page-left-side {float:none; width:100%; order:2;}#page-left-nav {margin-left:1em;}#page-section-menu {margin-bottom:calc(1em + 5px);}#page-right-side {float:none; width:100%; order:4;}[data-adsense-area="middleSide1"] {margin:0 1em 1em 1em; order:1;}[data-adsense-area="leftSideBottom2"] {margin:1em;}}@media all and (max-width:600px){#page-footer > footer > div > div > :nth-child(1) {width:100%;}#page-footer > footer > div > div > :nth-child(1) > div {margin-right:0;}#page-footer > footer > div > div > :nth-child(2) {margin-top:1em; width:100%;}#page-footer > footer > div > div > :nth-child(2) > div {margin-left:0;}}xxxx {}xxxx {}xxxx {}xxxx {}xxxx {}.any-area-info {margin:1em 0 0; border:1px dashed #CCC; padding:1em;}.any-area-info > header {}.any-area-info > header > h3 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; color:hsl(210, 100%, 10%); font-size:1.4em;}.any-area-info > header > h3:after {content:':';}.any-area-info > header > h3 > code {font-family:inherit;}.any-area-info > header > h3 > code:before {content:'"';}.any-area-info > header > h3 > code:after {content:'"';}.any-area-info > ul {margin:0; padding-left:1em; list-style-type:square;}.any-area-info > ul > li {line-height:1.75em; margin-top:1em;}.any-area-info > ul > li > p {margin:1em 0 0;}.any-area-info > ul > li > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-area-info > ul > li > ul {margin:0.5em 0 0; padding:0; list-style-type:none;}.any-area-info > ul > li > ul > li {}.any-area-info > ul > li > ul > :first-child ~ * {margin-top:0.5em;}.any-area-info > ul > li > ul > li:before {content:'- ';}.any-area-info > ul > li > ul > li > p {margin:1em 0 0;}.any-area-info > ul > li > ul > li > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}#any-hash-a {margin:0.5em 0 0; padding:0; list-style-type:none;}#any-hash-a:after {content:''; display:block; clear:both;}#any-hash-a > li {float:left; margin:0.5em 0.5em 0 0;}#any-hash-a > li > a {float:left; text-decoration:none; padding:1em; line-height:calc(1em + 1px); color:#07D; background-color:#EEE;}#any-hash-a > li > a:hover {color:#000; background-color:#DFEEFB;}#any-hash-a > li > :first-child {min-width:1.5em; text-align:center; border-radius:4px 0 0 4px;}#any-hash-a > li > :last-child {border-left:3px solid #888; color:#555; border-radius:0 4px 4px 0;}#any-hash-a > li > :last-child:hover {border-left-color:#000;}[data-js="true"] [data-extra-content] {color:#080; border-bottom:1px dashed; padding-bottom:2px;}[data-js="true"] [data-extra-content]:hover {color:#000; cursor:pointer;}.cssExtraContentStructure {text-decoration:none;}.cssExtraContentStructure > samp {font-family:inherit; color:#666;}.cssExtraContentStructure > samp > span {color:#F00;}.cssExtraContentStructure > small {display:block; font-size:inherit; padding:0.6em 0;}.cssExtraContentStructure > small > * {display:block;}.cssExtraContentStructure > small > :first-child ~ * {margin-top:1em;}.cssExtraContentStructure > small > span {border-left:3px solid #CCC; padding-left:1em;}.cssExtraContentStructure > small > img {max-width:100%;}.any-syntax {margin:1em 0 0;}.any-syntax > header {border-left:7px solid #CCC; background-color:#EEE; border-radius:0 12px 12px 0; padding-bottom:1em;}.any-syntax > header > nav ~ * {margin:1em 1em 0;}.any-syntax > header > :first-child {padding:1em;}.any-syntax > header > :first-child > h2 {margin:0; line-height:1.5em; font-family:'Trebuchet MS', Tahoma, sans-serif; color:#420000; text-align:center;}.any-syntax > header > :first-child > h2 > code {font-family:inherit; color:#B22100;}.any-syntax > header > nav {padding:1em; background-color:#DDD;}.any-syntax > header > nav > pre {margin:0; white-space:normal; text-align:center; line-height:1.75em;}.any-syntax > header > nav > pre > code {display:block; white-space:pre-line; font-family:'Trebuchet MS', sans-serif; font-size:1.2em;}.any-syntax > header > nav > pre > code > a {text-decoration:none; color:#000;}.any-syntax > header > nav > pre > code > a:hover {background-color:#000; color:#FFF;}.any-syntax > header > nav > pre > code > a > span {color:#09C;}.any-syntax > header > nav > pre > code > a > [data-also-required] {color:#00B236;}.any-syntax > header > nav > pre > code > a > [data-lv] {color:inherit;}.any-syntax > header > nav > pre > code > a > [data-lv]:after {content:'\00A0' '(lv' attr(data-lv) ')'; color:#8366CC;}.any-syntax > header > nav > pre > code > a:hover > span {background-color:#000; color:#FFF;}.any-syntax > header > nav > pre > code > a:hover > span:after {color:#FFF;}.any-syntax > header > .any-syntax-footer-list > dd > p > code {background-color:#DDD;}.any-syntax > header > .any-syntax-footer-list > dd > p > img {margin-top:1em;}.any-syntax > :first-child ~ * {margin:1em 0 0;}.any-syntax-value-list {line-height:1.5em; color:#003942;}.any-syntax-value-list > dt {font-weight:bolder;}.any-syntax-value-list > dt:after {content:':';}.any-syntax-value-list > dd {margin:0;}.any-syntax-value-list > dd > p {margin:0.5em 0 0;}.any-syntax-value-list > dd > p > code {display:inline-block; border-left:3px solid #CCC; margin-left:3px; padding-left:0.5em; font-family:'Courier New', monospace;}.any-syntax > dl {}.any-syntax > dl > :first-child ~ dt {margin-top:1em;}.any-syntax > dl > dt {float:left; border-left:7px solid #CCC; padding:3px 0; line-height:1.5em; min-width:4em; text-align:center; margin-right:1.2em;}.any-syntax > dl > dt > dfn {display:block; padding:0.75em 1em; font-style:normal; border-radius:0 4px 4px 0; background-color:#EEE; position:relative; font-weight:bolder;}.any-syntax > dl > dt > dfn > span {color:#09C;}.any-syntax > dl > dt > dfn > [data-lv] {color:inherit;}.any-syntax > dl > dt > dfn > [data-also-required] {color:#00B236;}.any-syntax > dl > dt > dfn > span:before {content:'!'; position:absolute; right:-1em; top:1px; line-height:calc(1em + 1px); width:1em; font-size:1.2em;}.any-syntax > dl > dt > dfn > [data-lv]:before {content:none;}.any-syntax > dl > dt > dfn > [data-lv]:after {content:'\00A0' '(lv' attr(data-lv) ')'; color:#8366CC; vertical-align:super;}.any-syntax > dl > dt > dfn > [data-also-required]:before {content:'*';}.any-syntax > dl > dd {clear:both; margin:0 0 0 2px; padding:1em 0 1em 1em; border-radius:0 0 0 12px; border-left:3px solid #DDD; border-bottom:3px solid #DDD;}.any-syntax > dl > dd > :first-child {margin:0;}.any-syntax > dl > dd > :first-child ~ * {margin:1em 0 0;}.any-syntax > dl > dd > p {line-height:1.75em;}.any-syntax > dl > dd > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-syntax > dl > dd > p ~ .any-syntax-footer-list {border-top:2px dashed #DDD; padding-top:0.25em;}.any-syntax-footer-list {line-height:1.75em; color:#003942;}.any-syntax-footer-list > :first-child ~ dt {margin-top:1em;}.any-syntax-footer-list > dt {font-weight:bolder;}.any-syntax-footer-list > dt:after {content:':';}.any-syntax-footer-list > dd {margin:0; padding-left:1.2em;}.any-syntax-footer-list > dd > p {margin:0; position:relative;}.any-syntax-footer-list > dd > p:before {content:''; position:absolute; left:-1.2em; top:0.55em; width:0.7em; height:0.7em; border-radius:8px; background-color:currentColor;}.any-syntax-footer-list > dd > p > img {display:block; max-width:100%;}.any-syntax-footer-list > dd > p > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-syntax-footer-list > dd > ul {margin:0.5em 0 0; padding:0; list-style-type:none;}.any-syntax-footer-list > dd > ul > li {border-left:3px solid #DDD; margin-left:3px; padding-left:1em;}.any-syntax-footer-list > dd > ul > :first-child ~ * {margin-top:0.5em;}.any-syntax-footer-list > dd > ul > li:before {content:'- ';}.any-syntax-footer-list > dd > ul > li > code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}.any-syntax-footer-list > dd > ul + * {margin-top:0.5em;}.any-syntax > dl > dt:target {float:none; margin-right:0; border-right:7px solid; border-color:#DC9393;}.any-syntax > dl > dt:target > dfn {border-radius:0; background-color:#F5E0E0;}.any-syntax > dl > dt:target > dfn > span:before {width:1.5em; line-height:1.5em; top:auto; right:4px; bottom:-1em; border:2px solid #E9BABA; background-color:#FFF;}.any-syntax > dl > dt:target + dd {margin-right:2px; padding-right:1em; border-right:3px solid; border-color:#E9BABA; border-radius:0 0 12px 12px;}.any-syntax[class*="lv"] {}.any-syntax[class*="lv"] > header {border-left:none; border-right:7px solid; border-radius:12px 0 0 12px;}.any-syntax[class*="lv"] > header > nav {}.any-syntax[class*="lv"] > dl {}.any-syntax[class*="lv"] > dl > dt {float:right; margin-right:0; margin-left:1.2em; border-left:none; border-right:7px solid;}.any-syntax[class*="lv"] > dl > dt > dfn {border-radius:4px 0 0 4px;}.any-syntax[class*="lv"] > dl > dt > dfn > span {}.any-syntax[class*="lv"] > dl > dt > dfn > span:before {right:auto; left:-1em;}.any-syntax[class*="lv"] > dl > dd {border-left:none; border-right:3px solid #DDD; border-radius:0 0 12px 0; margin:0 2px 0 0; padding:1em 1em 1em 0;}.any-syntax-lvimage {border:4px double #DDD; padding:0.5em; background-color:#FFF;}.any-syntax-lvimage > figcaption {background-color:#DBECFA; text-align:center; padding:1em; margin-bottom:0.5em; line-height:1.5em;}.any-syntax-lvimage > figcaption > code {font-family:'Courier New', monospace; color:#19344D; font-weight:bolder;}.any-syntax-lvimage > p {margin:0;}.any-syntax-lvimage > p > img {display:block; max-width:100%; margin:0 auto;}.any-syntax.lv1 > header, .any-syntax.lv1 > dl > dt {border-right-color:#8CD9B4;}.any-syntax.lv1 > header > nav {background-color:#C6ECD9;}.any-syntax.lv2 > header, .any-syntax.lv2 > dl > dt {border-right-color:#D9BF8C;}.any-syntax.lv2 > header > nav {background-color:#ECDFC6;}.any-syntax[class*="lv"] > dl > dt:target {float:none; margin-left:0; border-left:7px solid; border-color:#DC9393;}.any-syntax[class*="lv"] > dl > dt:target > dfn {border-radius:0; background-color:#F5E0E0;}.any-syntax[class*="lv"] > dl > dt:target > dfn > span:before {left:auto; right:4px;}.any-syntax[class*="lv"] > dl > dt:target + dd {margin-left:2px; padding-left:1em; border-left:3px solid; border-color:#E9BABA; border-radius:0 0 12px 12px;}#css-s-universal * {color:red;}#css-s-element-type p {color:red;}#css-s-id #lipiec {color:red;}#css-s-class .lipiec {color:red;}#css-s-descendant div span {color:red;}#css-s-child div > span {color:red;}#css-s-next-brother div + p {color:red;}#css-s-all-brothers div ~ p {color:red;}#css-s-attr-1 [title] {color:red;}#css-s-attr-2 [title="opis"] {color:red;}#css-s-attr-3 [title~="opis"] {color:red;}#css-s-attr-4 [title^="opis"] {color:red;}#css-s-attr-5 [title$="opis"] {color:red;}#css-s-attr-6 [title*="opis"] {color:red;}#css-s-attr-7 [title|="opis"] {color:red;}#css-s-link a:link {color:red;}#css-s-visited a:visited {color:red;}#css-s-focus input:focus {background-color:red;}#css-s-hover p {border:3px solid black;}#css-s-hover p:hover {color:red;}#css-s-active p {border:3px solid black;}#css-s-active p:active {color:red;}#css-s-target p:target {color:red;}#css-s-empty p {padding:1em; border:3px solid black;}#css-s-empty p:empty {background-color:red;}#css-s-first-child p:first-child {color:red;}#css-s-last-child p:last-child {color:red;}#css-s-only-child p:only-child {color:red;}#css-s-first-of-type p:first-of-type {color:red;}#css-s-last-of-type p:last-of-type {color:red;}#css-s-only-of-type p:only-of-type {color:red;}#css-s-nth-child p:nth-child(even) {color:red;}#css-s-nth-last-child p:nth-last-child(3n-2) {color:red;}#css-s-nth-of-type p:nth-of-type(3n) {color:red;}#css-s-nth-last-of-type p:nth-last-of-type(3n+4) {color:red;}#css-s-lang p:lang(pl) {color:red;}#css-s-not p:not(.akapit) {color:red;}#css-s-enabled input:enabled {background-color:red;}#css-s-disabled input:disabled {background-color:red;}#css-s-checked input:checked {outline:3px solid red;}#css-s-indeterminate progress:indeterminate {outline:3px solid red;}#css-s-required input:required {background-color:red;}#css-s-optional input:optional {background-color:red;}#css-s-in-range input:in-range {background-color:red;}#css-s-out-of-range input:out-of-range {background-color:red;}#css-s-read-only p:read-only {color:red;}#css-s-read-write p:read-write {color:red;}#css-s-default button:default {outline:3px solid red;}#css-s-placeholder-shown input:placeholder-shown {background-color:red;}#css-s-placeholder-shown input:-ms-input-placeholder {background-color:red;}#css-s-first-line p::first-line {color:red;}#css-s-first-letter p::first-letter {color:red;}#css-s-before p::before {content:'KURS CSS'; color:red;}#css-s-after p::after {content:'KURS CSS'; color:red;}#css-s-selection p::selection {color:red;}#css-s-placeholder ::placeholder {color:red;}#css-v-string:before {content:'PRZYKŁADOWY TEKST'; color:blue;}#css-v-color-palette {padding:0; list-style-type:none;}#css-v-color-palette > li {margin-top:0.5em; padding:0.25em;}#css-v-color-palette > li:first-child {margin-top:0;}#css-v-color-palette > li > span {display:block; margin:0 auto; width:40%; background-color:#FFF; text-align:center; border:1px solid #000; padding:0.25em 0.5em;}#css-v-counter {counter-reset:licznik-1;}#css-v-counter > div:before {content:counter(licznik-1, upper-roman) ' - '; counter-increment:licznik-1; color:blue;}#css-v-counters {counter-reset:licznik-1;}#css-v-counters figure {counter-reset:licznik-1;}#css-v-counters div:before {content:counters(licznik-1, '.') ' - '; counter-increment:licznik-1; color:blue;}#css-v-attr:before {content:attr(data-item); color:blue;}@keyframes css-u-anima{0% {background-color:#FFF;}100% {background-color:#A6D9A6;}}.css-any-div-b, .css-any-div {background-color:#A6D9A6;}.css-any-div-f, .css-any-div {font-size:1.3em;}.css-any-div-p, .css-any-div {padding:1em;}.css-any-div-fw {width:350px;}[class^="css-any-div"] + [class^="css-any-div"] {margin-top:1em;}.css-any-list {margin:0;}.css-any-list > li {background-color:#A6D9A6; padding:0.5em; margin-bottom:1px;}.css-any-pseudolist {margin:0; padding-left:1em; border-left:2px solid black; font-size:1.2em;}.css-any-pseudolist > div {}.css-any-pseudolist > div > figure {margin:0; padding-left:2em;}.css-any-pseudolist > div > figure > div {}.css-any-table {background-color:#A6D9A6; border:3px solid black;}.css-any-table > caption {background-color:#CCC; padding:1em;}.css-any-table > tbody {}.css-any-table > tbody > tr {}.css-any-table > tbody > tr > th {border:1px solid black; padding:1em;}.css-any-table > tbody > tr > td {border:1px solid black; padding:1em;}.css-any-table-ec > tbody > tr > * {background-color:white;}.css-any-position-1 {}.css-any-position-1 > div {background-color:#A6D9A6; padding:1em; font-size:1.3em;}.css-any-position-1 > .css-any-position-1-div {background-color:rgba(255, 0, 0, 0.9);}.css-any-position-2 {background-color:#A6D9A6; font-size:1.3em; position:relative; padding:1em; border:5px dashed black;}.css-any-position-2 > div {padding:1em; background-color:rgba(255, 0, 0, 0.9);}.css-any-transition {transition-duration:2s; font-size:1.3em; padding:1em; min-height:4em; width:40%; color:#000; background-color:#A6D9A6;}.css-any-transition:before {content:'najedź na mnie kursorem myszy';}.css-any-transition:hover {width:90%; color:#FFF; background-color:#F00;}.css-any-shape {background-color:#A6D9A6; padding:1em; font-size:0.8em;}.css-any-shape > div {float:left; background-color:red; font-size:1.8em; margin:1em; padding:2em; border:1em solid white;}.css-any-url-shape {background-color:#A6D9A6; font-size:0.8em;}.css-any-url-shape > div {float:left; background-color:red; font-size:1.8em; width:200px; line-height:200px; text-align:center;}.any-transform-tracking {height:400px; position:relative;}.any-transform-tracking > div {width:50%; height:30%; position:absolute; left:25%; top:35%; z-index:1;}.any-transform-tracking > :nth-child(1) {border:3px dashed #CCC; width:calc(50% - 6px); height:calc(30% - 6px);}.any-transform-tracking > :nth-child(2) {background-color:hsla(120, 40%, 75%, 0.8);}.any-transform-tracking > :nth-child(2):before {content:'div'; display:block; font-family:'Courier New', monospace; font-size:1.6em; margin:0.3em;}.any-transform-tracking > figure {margin:0; position:relative; height:100%;}.any-transform-tracking > figure > :first-child {}.any-transform-tracking > figure > :first-child:before {content:''; width:100%; height:2px; background-color:#0A0; position:absolute; left:0; top:calc(50% - 1px);}.any-transform-tracking > figure > :first-child:after {content:'X'; color:#0A0; line-height:0; position:absolute; right:1em; top:calc(50% - 1em);}.any-transform-tracking > figure > :first-child > span {}.any-transform-tracking > figure > :first-child > span:before {content:''; width:10px; height:10px; position:absolute; right:1px; top:calc(50% - 11px); background-image:linear-gradient(to right top, #0A0 0%, #0A0 50%, transparent 50%);}.any-transform-tracking > figure > :first-child > span:after {content:''; width:10px; height:10px; position:absolute; right:1px; top:calc(50% + 1px); background-image:linear-gradient(to right bottom, #0A0 0%, #0A0 50%, transparent 50%);}.any-transform-tracking > figure > :last-child {}.any-transform-tracking > figure > :last-child:before {content:''; width:2px; height:100%; background-color:#00F; position:absolute; left:calc(50% - 1px); top:0;}.any-transform-tracking > figure > :last-child:after {content:'Y'; color:#00F; line-height:0; position:absolute; left:calc(50% + 1em); bottom:1em; transform-origin:0 100%; transform:rotate(90deg) translateX(-100%);}.any-transform-tracking > figure > :last-child > span {}.any-transform-tracking > figure > :last-child > span:before {content:''; width:10px; height:10px; position:absolute; left:calc(50% - 11px); bottom:1px; background-image:linear-gradient(to left bottom, #00F 0%, #00F 50%, transparent 50%);}.any-transform-tracking > figure > :last-child > span:after {content:''; width:10px; height:10px; position:absolute; left:calc(50% + 1px); bottom:1px; background-image:linear-gradient(to right bottom, #00F 0%, #00F 50%, transparent 50%);}.any-transform-tracking > .any-transform-to-1 > :first-child:before {top:35%;}.any-transform-tracking > .any-transform-to-1 > :first-child:after {top:calc(35% + 1em);}.any-transform-tracking > .any-transform-to-1 > :first-child > span:before {top:calc(35% - 10px);}.any-transform-tracking > .any-transform-to-1 > :first-child > span:after {top:calc(35% + 2px);}.any-transform-tracking > .any-transform-to-1 > :last-child:before {left:25%;}.any-transform-tracking > .any-transform-to-1 > :last-child:after {left:calc(25% + 1em);}.any-transform-tracking > .any-transform-to-1 > :last-child > span:before {left:calc(25% - 10px);}.any-transform-tracking > .any-transform-to-1 > :last-child > span:after {left:calc(25% + 2px);}.css-filter-compare {position:relative;}.css-filter-compare:before {content:'PRZED'; position:absolute; left:52%; top:0; padding:0.5em 0; min-width:6em; text-align:center; color:#FFF; background-color:#000;}.css-filter-compare:after {content:'PO'; position:absolute; left:52%; bottom:0; padding:0.5em 0; min-width:6em; text-align:center; color:#FFF; background-color:#000;}.css-filter-compare > img {display:block; width:50%;}.css-filter-compare > img:first-child {margin-bottom:1em;}.css-mixblend-compare {}.css-mixblend-compare > div {background-image:linear-gradient(to right, lime, blue); padding:1em; width:55%; position:relative;}.css-mixblend-compare > div:first-child {margin-bottom:1em;}.css-mixblend-compare > div:before {content:''; position:absolute; padding:0.5em 0; min-width:6em; text-align:center; color:#FFF; background-color:#000;}.css-mixblend-compare > div:first-child:before {content:'PRZED'; left:102%; top:0;}.css-mixblend-compare > div:last-child:before {content:'PO'; left:102%; bottom:0;}.css-mixblend-compare > div:only-child {margin-bottom:0;}.css-mixblend-compare > div:only-child:before {content:none;}.css-mixblend-compare > div > img {display:block; width:100%;}.css-backblend-compare {}.css-backblend-compare > div {width:350px; height:328px; background-image:linear-gradient(to right, rgba(0, 255, 0, 1), rgba(0, 0, 255, 0.5)), url("/zrodla-edukacyjne/zasob/96f50d313bbbd557547897ab2bb59301412cc0020f92d25f2351ba759921114b"); position:relative;}.css-backblend-compare > div:first-child {margin-bottom:1em;}.css-backblend-compare > div:before {content:''; position:absolute; padding:0.5em 0; min-width:6em; text-align:center; color:#FFF; background-color:#000;}.css-backblend-compare > div:first-child:before {content:'PRZED'; left:102%; top:0;}.css-backblend-compare > div:last-child:before {content:'PO'; left:102%; bottom:0;}.css-backblend-compare > div:only-child {margin-bottom:0;}.css-backblend-compare > div:only-child:before {content:none;}.css-shape-area {background-color:#000; position:relative;}.css-shape-area:before {content:'obszar pierwotny'; position:absolute; left:0.2em; top:0.2em; color:#FFF; font-size:1.6em; font-family:'Courier New', monospace;}.css-shape-area > div {background-color:hsla(120, 40%, 75%, 0.8); padding:1em; font-size:1.3em; position:relative;}.css-track-anima {width:100%; background-color:#F2F2F2; position:relative;}.css-track-anima:before {content:'dystans do przebycia'; position:absolute; width:100%; top:1em; text-align:center; font-family:'Courier New', monospace; color:#AAA;}.css-track-anima > div {animation-name:css-any-anima; animation-duration:4s; animation-iteration-count:infinite; background-color:hsla(120, 40%, 75%, 0.8); width:25%; padding:0.8em 0;}.css-track-anima > div:before {content:'div'; display:block; text-align:center; font-size:1.3em;}@keyframes css-any-anima{0% {transform:translateX(0);}100% {transform:translateX(300%);}}.css-p-border-image {border-width:1em; border-style:solid; border-image-source:url("/zrodla-edukacyjne/zasob/22ca871945c888347c4b02f08025037e6f8f12f29c1a3a9e6dedcb8e19604b00"); border-image-slice:20; border-image-width:1em; border-image-repeat:round;}.css-p-display {}.css-p-display > * {background-color:#A6D9A6;}.css-p-display > * > :nth-child(1) {background-color:orange;}.css-p-display > * > :nth-child(2) {background-color:gold;}.css-p-display > * > :nth-child(3) {background-color:yellow;}.css-p-display > * > :nth-child(4) {background-color:pink;}.css-p-display > * > :nth-child(5) {background-color:red;}.css-p-display > * > :nth-child(6) {background-color:lime;}.css-p-display > * > :nth-child(7) {background-color:fuchsia;}.css-p-list-style-type-1 {margin:0; padding:1em; list-style-position:inside; background-color:#FFC;}.css-p-list-style-type-1 > li {line-height:1.4em; font-size:1.4em;}#css-p-content-1:before {content:normal;}#css-p-content-2 > div:before {content:'KURS CSS - '; color:blue;}#css-p-content-2 > div:first-child:before {content:none;}#css-p-content-3:before {content:'KURS CSS'; color:blue;}#css-p-content-4:before {content:url("/zrodla-edukacyjne/zasob/3a72145ec659b344c9a96b3290930632aca9e01b1782b43e6387638b0f7c7a19");}#css-p-content-5:before {content:attr(data-item); color:blue;}#css-p-content-6 {counter-reset:licznik-1;}#css-p-content-6 > div:before {content:counter(licznik-1) ' - '; counter-increment:licznik-1; color:blue;}#css-p-content-7 {counter-reset:licznik-1;}#css-p-content-7 figure {counter-reset:licznik-1;}#css-p-content-7 div:before {content:counters(licznik-1, '.') ' - '; counter-increment:licznik-1; color:blue;}#css-p-content-8 {quotes:'›››' '‹‹‹';}#css-p-content-8:before {content:open-quote; color:red; background-color:white;}#css-p-content-8:after {content:close-quote; color:blue; background-color:white;}#css-p-content-9 {quotes:'›››' '‹‹‹';}#css-p-content-9:before {content:open-quote; color:blue; background-color:white;}#css-p-content-9:after {content:close-quote; color:red; background-color:white;}#css-p-content-10 {quotes:'›' '‹' '››' '‹‹';}#css-p-content-10:before {content:no-open-quote;}#css-p-content-10:after {content:close-quote; color:blue; background-color:white;}#css-p-content-10 > span:before {content:open-quote; color:blue; background-color:white;}#css-p-content-10 > span:after {content:close-quote; color:blue; background-color:white;}#css-p-content-11 {quotes:'›' '‹' '››' '‹‹';}#css-p-content-11:before {content:open-quote; color:blue; background-color:white;}#css-p-content-11:after {content:no-close-quote;}#css-p-content-11 > span:before {content:open-quote; color:blue; background-color:white;}#css-p-content-11 > span:after {content:close-quote; color:blue; background-color:white;}#css-p-content-12:before {content:' # ' attr(data-item) ' - '; color:blue;}#css-p-quotes-1:before {content:open-quote; color:blue; background-color:white;}#css-p-quotes-1:after {content:close-quote; color:blue; background-color:white;}#css-p-quotes-2:before {content:open-quote; color:blue; background-color:white;}#css-p-quotes-2:after {content:close-quote; color:blue; background-color:white;}#css-p-counter-reset-1 > div:before {content:counter(licznik-1) ' - '; color:blue;}#css-p-counter-reset-2 > div:before {content:counter(licznik-1) ' - '; color:blue;}#css-p-counter-increment-1 {counter-reset:licznik-1;}#css-p-counter-increment-1 > div {counter-increment:none;}#css-p-counter-increment-1 > div:before {content:counter(licznik-1) ' - '; color:blue;}#css-p-counter-increment-2 {counter-reset:licznik-1;}#css-p-counter-increment-2 > div {counter-increment:licznik-1 2;}#css-p-counter-increment-2 > div:before {content:counter(licznik-1) ' - '; color:blue;}.css-p-double-anima > div {animation-name:css-any-anima, css-p-any-anima-1;}.css-p-fill-anima {}.css-p-fill-anima > div {background-color:#A6D9A6; padding:2em; width:20%; animation:css-p-any-anima-2 10s 5s;}.css-p-fill-anima > div:before {content:'div'; display:block; text-align:center; font-size:1.3em;}.css-p-step-anima {}.css-p-step-anima > div {background-color:#A6D9A6; padding:2em; width:20%; animation:css-p-any-anima-2 4s infinite;}.css-p-step-anima > div:before {content:'div'; display:block; text-align:center; font-size:1.3em;}@keyframes css-p-any-anima-1{0% {background-color:red;}50% {background-color:orange;}100% {background-color:pink;}}@keyframes css-p-any-anima-2{0% {background-color:blue;}25% {background-color:green;}50% {background-color:red;}75% {background-color:orange;}100% {background-color:pink;}}#css-p-animation-play-state-1 > div:hover {animation-play-state:paused;}#css-p-animation-play-state-2 > div:hover {animation-play-state:paused, running;}.css-p-backface-visibility-1 {background-color:#A6D9A6; font-size:3em; text-align:center; width:4.5em; line-height:4.5em; animation:css-p-any-anima-3 5s linear infinite; margin:1em auto;}@keyframes css-p-any-anima-3{0% {transform:perspective(300px) rotateY(0);}100% {transform:perspective(300px) rotateY(360deg);}}.any-flex-tracking {background-color:#A6D9A6; font-size:1.3em; padding:1em; position:relative; overflow:hidden;}.any-flex-tracking > div {display:flex; flex-wrap:wrap;}.any-flex-tracking > div > div {display:flex; width:100%; position:relative; z-index:2; background-color:rgba(0, 0, 0, 0.5);}.any-flex-tracking > div > div:before {content:''; width:100%; height:100%; box-sizing:border-box; border:3px dashed #EEE; position:absolute; left:0; top:0;}.any-flex-tracking > div > div:after {content:'anonimowy blok'; color:#EEE; position:absolute; right:0.5em; bottom:0.5em;}.any-flex-tracking > div > div > div {padding:0.5em; position:relative; z-index:1; opacity:0.9;}.any-flex-tracking > div > :nth-child(1) > :nth-child(1) {background-color:red;}.any-flex-tracking > div > :nth-child(1) > :nth-child(2) {background-color:orange;}.any-flex-tracking > div > :nth-child(1) > :nth-child(3) {background-color:yellow;}.any-flex-tracking > div > :nth-child(2) > :nth-child(1) {background-color:pink;}.any-flex-tracking > div > :nth-child(2) > :nth-child(2) {background-color:gold;}.any-flex-tracking > div > :nth-child(3) > :nth-child(1) {background-color:lime;}.any-flex-tracking > div > :nth-child(3) > :nth-child(2) {background-color:fuchsia;}.any-flex-tracking > div > :nth-child(3) > :nth-child(3) {background-color:gray;}.any-flex-tracking > div > :nth-child(3) > :nth-child(4) {background-color:silver;}.any-flex-tracking > figure {margin:0; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; font-size:1rem;}.any-flex-tracking > figure > :first-child {}.any-flex-tracking > figure > :first-child:before {content:''; width:100%; height:4px; background-color:#0A0; position:absolute; left:0; top:calc(50% - 2px);}.any-flex-tracking > figure > :first-child:after {content:'oś główna'; color:#0A0; line-height:0; position:absolute; right:1em; top:calc(50% - 1em);}.any-flex-tracking > figure > :first-child > span {}.any-flex-tracking > figure > :first-child > span:before {content:''; width:10px; height:10px; position:absolute; right:1px; top:calc(50% - 12px); background-image:linear-gradient(to right top, #0A0 0%, #0A0 50%, transparent 50%);}.any-flex-tracking > figure > :first-child > span:after {content:''; width:10px; height:10px; position:absolute; right:1px; top:calc(50% + 2px); background-image:linear-gradient(to right bottom, #0A0 0%, #0A0 50%, transparent 50%);}.any-flex-tracking > figure > :last-child {}.any-flex-tracking > figure > :last-child:before {content:''; width:4px; height:100%; background-color:#00F; position:absolute; left:calc(50% - 2px); top:0;}.any-flex-tracking > figure > :last-child:after {content:'oś poprzeczna'; color:#00F; line-height:0; position:absolute; left:calc(50% + 1em); bottom:1em; transform-origin:0 100%; transform:rotate(90deg) translateX(-100%);}.any-flex-tracking > figure > :last-child > span {}.any-flex-tracking > figure > :last-child > span:before {content:''; width:10px; height:10px; position:absolute; left:calc(50% - 12px); bottom:1px; background-image:linear-gradient(to left bottom, #00F 0%, #00F 50%, transparent 50%);}.any-flex-tracking > figure > :last-child > span:after {content:''; width:10px; height:10px; position:absolute; left:calc(50% + 2px); bottom:1px; background-image:linear-gradient(to right bottom, #00F 0%, #00F 50%, transparent 50%);}.any-flex-tracking > .any-flex-swap-x-axis > :first-child:after {left:1em; right:auto;}.any-flex-tracking > .any-flex-swap-x-axis > :first-child > span:before {left:1px; transform:rotate(-90deg);}.any-flex-tracking > .any-flex-swap-x-axis > :first-child > span:after {left:1px; transform:rotate(90deg);}.any-flex-tracking > .any-flex-swap-y-axis > :last-child:after {top:1em; bottom:auto; transform:rotate(90deg);}.any-flex-tracking > .any-flex-swap-y-axis > :last-child > span:before {top:1px; transform:rotate(90deg);}.any-flex-tracking > .any-flex-swap-y-axis > :last-child > span:after {top:1px; transform:rotate(-90deg);}.any-flex-tracking > .any-flex-column-axis > :first-child:before {background-color:#00F;}.any-flex-tracking > .any-flex-column-axis > :first-child:after {content:'oś poprzeczna'; color:#00F;}.any-flex-tracking > .any-flex-column-axis > :first-child > span:before {background-image:linear-gradient(to right top, #00F 0%, #00F 50%, transparent 50%);}.any-flex-tracking > .any-flex-column-axis > :first-child > span:after {background-image:linear-gradient(to right bottom, #00F 0%, #00F 50%, transparent 50%);}.any-flex-tracking > .any-flex-column-axis > :last-child:before {background-color:#0A0;}.any-flex-tracking > .any-flex-column-axis > :last-child:after {content:'oś główna'; color:#0A0;}.any-flex-tracking > .any-flex-column-axis > :last-child > span:before {background-image:linear-gradient(to left bottom, #0A0 0%, #0A0 50%, transparent 50%);}.any-flex-tracking > .any-flex-column-axis > :last-child > span:after {background-image:linear-gradient(to right bottom, #0A0 0%, #0A0 50%, transparent 50%);}.css-p-cursor {font-size:1.2em; padding:1em; background-color:#FFC;}#css-p-appearance-1 {background-color:red;}#css-p-appearance-1:checked {background-color:green;}#css-p-appearance-2 {display:inline-block; background-color:red; width:1em; height:1em;}#css-p-appearance-2:checked {border-radius:50%; background-color:green;}#css-p-will-change-1:hover {will-change:scroll-position;}#css-p-will-change-2 {padding:1em; border:3px solid black;}#css-p-will-change-2 > div {transition:transform 2s;}#css-p-will-change-2:hover > div {will-change:transform;}#css-p-will-change-2 > div:hover {transform:scale(0.8);}#css-p-will-change-3 {padding:1em; border:3px solid black;}#css-p-will-change-3 > div {transition:transform 2s;}#css-p-will-change-3:hover > div {will-change:transform, scroll-position;}#css-p-will-change-3 > div:hover {transform:scale(0.8);}.css-p-object-fit-1 {width:15em; height:25em; border:10px dashed black; background-color:#A6D9A6;}.any-grid-tracking {display:grid;grid-template-rows:[r1] 70px [r2] 70px [r3] 70px [r4] 70px [r5] 70px [r6] 70px [r7];grid-template-columns:[c1] 70px [c2] 70px [c3] 70px [c4] 70px [c5] 70px [c6] 70px [c7];position:relative;background-color:#A6D9A6;}.any-grid-tracking > div {padding:0.5em; font-size:1.3em; z-index:3; opacity:0.95;}.any-grid-tracking > div:nth-child(1) {background-color:red;}.any-grid-tracking > div:nth-child(2) {background-color:orange;}.any-grid-tracking > div:nth-child(3) {background-color:yellow;}.any-grid-tracking > div:nth-child(4) {background-color:pink;}.any-grid-tracking > div:nth-child(5) {background-color:gold;}.any-grid-tracking > figure:nth-of-type(1) {margin:0; display:inherit; grid-template:inherit; grid-area:1 /1 /-1 /-1; grid-gap:inherit; z-index:2;}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(1) {display:inherit; grid-template:inherit; grid-area:inherit; grid-gap:inherit; counter-reset:number-x 1 number-y name-x name-y 1;}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(1) > div {border:1px solid #000;}.show-grid-gap > figure:nth-of-type(1) {background-color:#000;}.show-grid-gap > figure:nth-of-type(1) > :nth-child(1) > div {background-color:#A6D9A6;}.show-grid-number {margin-left:3em; margin-top:3em;}.show-grid-number > figure:nth-of-type(1) {}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) {}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > div {position:relative;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(-n+5) > :nth-child(1) {position:absolute; left:-2px; top:-3em; border-left:2px solid #000; padding-bottom:1em;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(1) > :nth-child(1) {left:-1px; border-left-width:1px;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(-n+5) > :nth-child(1):before {content:counter(number-y); counter-increment:number-y; display:block; background-color:#EEE; color:#555; width:2em; line-height:2em; text-align:center;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(6) > :nth-child(2) {position:absolute; left:-2px; top:-3em; border-left:2px solid #000; padding-bottom:1em;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(6) > :nth-child(2):before {content:counter(number-y); counter-increment:number-y; display:block; background-color:#EEE; color:#555; width:2em; line-height:2em; text-align:center;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(6) > :nth-child(3) {position:absolute; right:calc(-2em - 1px); top:-3em; border-left:1px solid #000; padding-bottom:1em;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(6) > :nth-child(3):before {content:counter(number-y); counter-increment:number-y; display:block; background-color:#EEE; color:#555; width:2em; line-height:2em; text-align:center;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(6n+7) > :nth-child(1) {position:absolute; left:-3em; top:calc(-2em - 2px); border-bottom:2px solid #000; padding-right:1em;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(6n+7) > :nth-child(1):before {content:counter(number-x); counter-increment:number-x; display:block; background-color:#EEE; color:#555; width:2em; line-height:2em; text-align:center;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(1) > :nth-child(2) {position:absolute; left:-3em; top:calc(-2em - 1px); border-bottom:1px solid #000; padding-right:1em;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(1) > :nth-child(2):before {content:'1'; display:block; background-color:#EEE; color:#555; width:2em; line-height:2em; text-align:center;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(31) > :nth-child(2) {position:absolute; left:-3em; bottom:-1px; border-bottom:1px solid #000; padding-right:1em;}.show-grid-number > figure:nth-of-type(1) > :nth-child(1) > :nth-child(31) > :nth-child(2):before {content:'7'; display:block; background-color:#EEE; color:#555; width:2em; line-height:2em; text-align:center;}.show-grid-name {margin-right:3em; margin-bottom:3em;}.show-grid-name > figure:nth-of-type(1) {}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) {}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > div {position:relative;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(n+32) > :nth-child(1) {position:absolute; left:calc(-3em - 2px); bottom:-3em; border-right:2px solid #000; padding-top:1em;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(n+32) > :nth-child(1):before {content:'c' counter(name-y); counter-increment:name-y; display:block; background-color:#000; color:#FFF; width:3em; line-height:2em; text-align:center;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(31) > :nth-child(3) {position:absolute; left:calc(-3em - 1px); bottom:-3em; border-right:1px solid #000; padding-top:1em;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(31) > :nth-child(3):before {content:'c1'; display:block; background-color:#000; color:#FFF; width:3em; line-height:2em; text-align:center;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(36) > :nth-child(4) {position:absolute; right:-1px; bottom:-3em; border-right:1px solid #000; padding-top:1em;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(36) > :nth-child(4):before {content:'c' counter(name-y); counter-increment:name-y; display:block; background-color:#000; color:#FFF; width:3em; line-height:2em; text-align:center;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(-6n+30) > :nth-child(1) {position:absolute; right:calc(-4em - 1px); top:-2px; border-top:2px solid #000; padding-left:1em;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(6) > :nth-child(1) {top:-1px; border-top-width:1px;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(-6n+30) > :nth-child(1):before {content:'r' counter(name-x); counter-increment:name-x; display:block; background-color:#000; color:#FFF; width:3em; line-height:2em; text-align:center;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(36) > :nth-child(2) {position:absolute; right:calc(-4em - 1px); top:-2px; border-top:2px solid #000; padding-left:1em;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(36) > :nth-child(2):before {content:'r' counter(name-x); counter-increment:name-x; display:block; background-color:#000; color:#FFF; width:3em; line-height:2em; text-align:center;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(36) > :nth-child(3) {position:absolute; right:calc(-4em - 1px); bottom:calc(-2em - 1px); border-top:1px solid #000; padding-left:1em;}.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(36) > :nth-child(3):before {content:'r' counter(name-x); counter-increment:name-x; display:block; background-color:#000; color:#FFF; width:3em; line-height:2em; text-align:center;}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(2) {display:inherit; grid-template:inherit; grid-area:inherit; grid-gap:inherit; counter-reset:area;}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(2) > div {background-color:rgba(255, 255, 200, 0.9); border:1px solid #000; position:relative; overflow:hidden; counter-increment:area;}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(2) > div:before {content:counter(area, lower-alpha) counter(area, lower-alpha); position:absolute; left:0; top:50%; width:100%; text-align:center; line-height:0; font-size:1.6em;}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(2) > div > :first-child {}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(2) > div > :first-child:before {content:counter(area, lower-alpha) counter(area, lower-alpha) '-start'; position:absolute; left:0; top:0; width:100%; text-align:center;}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(2) > div > :first-child:after {content:counter(area, lower-alpha) counter(area, lower-alpha) '-end'; position:absolute; left:0; bottom:0; width:100%; text-align:center;}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(2) > div > :last-child {}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(2) > div > :last-child:before {content:counter(area, lower-alpha) counter(area, lower-alpha) '-start'; position:absolute; left:-50%; top:50%; transform:rotate(-90deg); transform-origin:50% 0; width:100%; text-align:center;}.any-grid-tracking > figure:nth-of-type(1) > :nth-child(2) > div > :last-child:after {content:counter(area, lower-alpha) counter(area, lower-alpha) '-end'; position:absolute; right:-50%; top:50%; transform:rotate(-90deg) translateY(-100%); transform-origin:50% 0; width:100%; text-align:center;}.any-grid-tracking > figure:nth-of-type(2) {margin:0; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}.any-grid-tracking > figure:nth-of-type(2) > :first-child {}.any-grid-tracking > figure:nth-of-type(2) > :first-child:before {content:''; width:100%; height:4px; background-color:#0A0; position:absolute; left:0; top:calc(50% - 2px);}.any-grid-tracking > figure:nth-of-type(2) > :first-child:after {content:'oś liniowa'; color:#0A0; line-height:0; position:absolute; right:1em; top:calc(50% - 1em);}.any-grid-tracking > figure:nth-of-type(2) > :first-child > span {}.any-grid-tracking > figure:nth-of-type(2) > :first-child > span:before {content:''; width:10px; height:10px; position:absolute; right:1px; top:calc(50% - 12px); background-image:linear-gradient(to right top, #0A0 0%, #0A0 50%, transparent 50%);}.any-grid-tracking > figure:nth-of-type(2) > :first-child > span:after {content:''; width:10px; height:10px; position:absolute; right:1px; top:calc(50% + 2px); background-image:linear-gradient(to right bottom, #0A0 0%, #0A0 50%, transparent 50%);}.any-grid-tracking > figure:nth-of-type(2) > :last-child {}.any-grid-tracking > figure:nth-of-type(2) > :last-child:before {content:''; width:4px; height:100%; background-color:#00F; position:absolute; left:calc(50% - 2px); top:0;}.any-grid-tracking > figure:nth-of-type(2) > :last-child:after {content:'oś blokowa'; color:#00F; line-height:0; position:absolute; left:calc(50% + 1em); bottom:1em; transform-origin:0 100%; transform:rotate(90deg) translateX(-100%);}.any-grid-tracking > figure:nth-of-type(2) > :last-child > span {}.any-grid-tracking > figure:nth-of-type(2) > :last-child > span:before {content:''; width:10px; height:10px; position:absolute; left:calc(50% - 12px); bottom:1px; background-image:linear-gradient(to left bottom, #00F 0%, #00F 50%, transparent 50%);}.any-grid-tracking > figure:nth-of-type(2) > :last-child > span:after {content:''; width:10px; height:10px; position:absolute; left:calc(50% + 2px); bottom:1px; background-image:linear-gradient(to right bottom, #00F 0%, #00F 50%, transparent 50%);}.show-grid-pattern-1 {grid-template-rows:[r1] 70px [r2] 70px [r1] 70px [r2] 70px [r1] 70px [r2] 70px [r1];grid-template-columns:[c1] 70px [c2] 70px [c1] 70px [c2] 70px [c1] 70px [c2] 70px [c1];}.show-grid-pattern-1.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(-12n+30) > :nth-child(1):before {content:'r1';}.show-grid-pattern-1.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(-12n+24) > :nth-child(1):before {content:'r2';}.show-grid-pattern-1.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(36) > :nth-child(2):before {content:'r2';}.show-grid-pattern-1.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(36) > :nth-child(3):before {content:'r1';}.show-grid-pattern-1.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(2n+33) > :nth-child(1):before {content:'c1';}.show-grid-pattern-1.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(2n+32) > :nth-child(1):before {content:'c2';}.show-grid-pattern-1.show-grid-name > figure:nth-of-type(1) > :nth-child(1) > :nth-child(36) > :nth-child(4):before {content:'c1';}.any-grid-alignment {display:grid;grid-template-rows:repeat(4, 65px);grid-template-columns:repeat(4, 65px);background-color:#A6D9A6;position:relative;}.any-grid-alignment > div {font-size:1.3em; z-index:3; opacity:0.9;}.any-grid-alignment > div:nth-child(1) {background-color:red; grid-area:1 /1 /3 /3;}.any-grid-alignment > div:nth-child(2) {background-color:orange; grid-area:2 /2 /4 /4;}.any-grid-alignment > div:nth-child(3) {background-color:yellow; grid-area:3 /3 /5 /5;}.any-grid-alignment > figure:nth-of-type(1) {display:flex; flex-wrap:wrap; margin:0; position:absolute; z-index:2; width:100%; height:100%; align-content:flex-start;}.any-grid-alignment > figure:nth-of-type(1) > div {display:flex; width:100%; justify-content:flex-start;}.any-grid-alignment > figure:nth-of-type(1) > div > div {box-sizing:border-box; border:1px solid #EEE; width:65px; height:65px; background-color:rgba(0, 0, 0, 0.5);}.show-grid-fixed-height {height:450px;}.show-grid-ac-stretch {grid-template-rows:none;}.show-grid-ac-stretch > figure:nth-of-type(1) {align-content:stretch;}.show-grid-ac-stretch > figure:nth-of-type(1) > div > div {height:100%;}.show-grid-jc-stretch {grid-template-columns:none;}.show-grid-jc-stretch > figure:nth-of-type(1) > div > div {width:25%;}.any-grid-items {grid-template-rows:repeat(4, 100px); grid-template-columns:repeat(4, 100px);}.any-grid-items > div:nth-child(1) {grid-area:1 /1 /3 /3;}.any-grid-items > div:nth-child(2) {grid-area:1 /3 /3 /5;}.any-grid-items > div:nth-child(3) {grid-area:3 /1 /5 /3;}.any-grid-items > div:nth-child(4) {grid-area:3 /3 /5 /5; background-color:pink;}.any-grid-items > figure:nth-of-type(1) > div > div {width:100px; height:100px;}.any-grid-alignment > figure:nth-of-type(2) {margin:0; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}.any-grid-alignment > figure:nth-of-type(2) > :first-child {}.any-grid-alignment > figure:nth-of-type(2) > :first-child:before {content:''; width:100%; height:4px; background-color:#0A0; position:absolute; left:0; top:calc(50% - 2px);}.any-grid-alignment > figure:nth-of-type(2) > :first-child:after {content:'oś liniowa'; color:#0A0; line-height:0; position:absolute; right:1em; top:calc(50% - 1em);}.any-grid-alignment > figure:nth-of-type(2) > :first-child > span {}.any-grid-alignment > figure:nth-of-type(2) > :first-child > span:before {content:''; width:10px; height:10px; position:absolute; right:1px; top:calc(50% - 12px); background-image:linear-gradient(to right top, #0A0 0%, #0A0 50%, transparent 50%);}.any-grid-alignment > figure:nth-of-type(2) > :first-child > span:after {content:''; width:10px; height:10px; position:absolute; right:1px; top:calc(50% + 2px); background-image:linear-gradient(to right bottom, #0A0 0%, #0A0 50%, transparent 50%);}.any-grid-alignment > figure:nth-of-type(2) > :last-child {}.any-grid-alignment > figure:nth-of-type(2) > :last-child:before {content:''; width:4px; height:100%; background-color:#00F; position:absolute; left:calc(50% - 2px); top:0;}.any-grid-alignment > figure:nth-of-type(2) > :last-child:after {content:'oś blokowa'; color:#00F; line-height:0; position:absolute; left:calc(50% + 1em); bottom:1em; transform-origin:0 100%; transform:rotate(90deg) translateX(-100%);}.any-grid-alignment > figure:nth-of-type(2) > :last-child > span {}.any-grid-alignment > figure:nth-of-type(2) > :last-child > span:before {content:''; width:10px; height:10px; position:absolute; left:calc(50% - 12px); bottom:1px; background-image:linear-gradient(to left bottom, #00F 0%, #00F 50%, transparent 50%);}.any-grid-alignment > figure:nth-of-type(2) > :last-child > span:after {content:''; width:10px; height:10px; position:absolute; left:calc(50% + 2px); bottom:1px; background-image:linear-gradient(to right bottom, #00F 0%, #00F 50%, transparent 50%);}