@keyframes a{25%{clip-path:polygon(0 0,100% 0,0 100%)}50%{clip-path:polygon(0 0,100% 100%,0 100%)}75%{clip-path:polygon(100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 100%,0 0)}}:focus-visible{border-bottom:0;outline-color:var(--brand)}::selection{background:#000;color:#fff}html{--border:#ccc;--brand:#e71d36;--leading:1.6875rem;--leading-half:.84375rem;--leading-half-negative:-.84375rem;accent-color:var(--brand);background:#fff;color:#444;color-scheme:light dark;font:400 100%/1.6875 "helvetica neue",helvetica,sans-serif;margin:auto;max-width:68ch;scroll-behavior:smooth;text-wrap:pretty}body,footer p,footer ul,header,header h1,header ul{margin:0}body{padding:1rem 1rem var(--leading)}header,header ul{display:flex}h1,h2,h3,h4,h5,h6,header,th{font-weight:400}header{align-items:center}:is(ul#fd-tags,ol[start][reversed]) :is([href$="/topics/accessibility/"],[href$="/topics/career/"],[href$="/topics/css/"],[href$="/topics/design/"],[href$="/topics/frontend-dogma/"],[href$="/topics/html/"],[href$="/topics/javascript/"],[href$="/topics/legal/"],[href$="/topics/performance/"],[href$="/topics/security/"],[href$="/topics/sustainability/"],[href$="/topics/testing/"],[href$="/topics/user-experience/"]),form+p em:only-child,header,sup.new{color:var(--brand)}header:is(:hover,:has(a:focus)) ul li:last-child a{color:#222}header nav img,span.extra{position:relative}header nav img{bottom:-2px;height:1em;width:1em}button,header h1,input{font-size:inherit}header h1{line-height:inherit}div.fd-feature a,div.fd-feature img,header h1 img,ul.fd-nav.fd-alt li{display:block}header h1 img{height:52px;margin-right:1rem;width:41px}h2[id]+ol,header ul,ul#fd-tags{list-style:none}header ul{flex-wrap:wrap;max-width:480px}header ul li{padding:0 .5rem}header ul li:last-child a{color:#999}header a{border-bottom:0}footer,ol[start][reversed] ::marker,p#fd-meta{color:#666}footer,ul.fd-nav.fd-alt{clear:both;margin-top:var(--leading)}footer ul li,h2[id]+ol li,span.extra,ul.fd-nav li{display:inline-block}footer ul li:not(:first-child):before{content:" · "}main{border-top:1px solid;margin-top:.75rem;padding-top:3px}div.fd-feature a,main h1 a{border:0}main h1 a:after{content:" ↯"}blockquote,form,h2[id]+ol,p,table{margin:var(--leading-half) 0}p#fd-meta{margin:.1rem 0 var(--leading-half)}code,h5,h6,pre{font-size:1rem}blockquote{border-left:1px solid var(--border);padding-left:calc(var(--leading-half) - 1px)}div.fd-feature{float:right;max-width:22.5%;min-width:70px;padding:0 0 1rem 1rem}div.fd-feature img,div.fd-promo{border:1px solid var(--border)}div.fd-feature img{line-height:0;padding:1px;width:calc(100% - 4px)}div.fd-promo{margin:calc(var(--leading-half) - 4px) 0;padding:3px calc(var(--leading-half) - 1px)}div.fd-promo+div.fd-promo,h2+div.fd-feature{margin-top:var(--leading-half)}:is(h1,h2,h3,h4,h5,h6) *{font-style:normal}h1{font-size:1.4375rem;line-height:1.4348;margin:1.3125rem 0 0}h2,h3,h4{margin:var(--leading) 0 0}h2{clear:right;font-size:1.3125rem;line-height:1.2857}h2[id]+ol li,ul#fd-tags li:not(:last-child),ul.fd-nav li:not(:last-child){padding-right:1rem}h3{font-size:1.25rem;line-height:1.35}h4{font-size:1.125rem;line-height:1.5}h5,h6{line-height:1.6875;margin:var(--leading) 0 var(--leading-half-negative)}ol,ul,ul.fd-nav.fd-alt li{padding:0}ol,ul{margin:var(--leading-half) 0 var(--leading-half) var(--leading)}ul.fd-nav{margin:var(--leading) 0}td:first-child,ul.fd-nav:not(.fd-alt) li{white-space:nowrap}ul.fd-nav li:not(:has([href="/feed/"])){color:var(--brand)}ol[start][reversed],ul#fd-tags{margin-left:0}ul#fd-tags{margin-inline:-3px;overflow:auto;padding:0 3px}ul#fd-tags li{float:left}ul ul{margin-block:0}ol[start][reversed]{list-style-position:inside}img#fd-vg-wort{height:1px;position:absolute;width:1px}form+p em:only-child{word-break:break-word}form div{margin:var(--leading-half) auto 0}button,input{font-family:inherit}button,input[type=submit]{cursor:pointer}input{padding:2px;width:calc(100% - 11ch)}input[type=number]{width:6ch}button{padding:2px 6px}table{border-collapse:collapse;border-spacing:0}thead{display:none}td,th{border-right:1px solid var(--border);padding:0 calc(var(--leading-half) - 1px);vertical-align:top}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{border-right:0;padding-right:0}th{font-style:italic;text-align:left}a{border-bottom:1px solid var(--border);color:#222;text-decoration:none}a[rel=tag]{color:inherit}a:active,a:focus,a:hover{border-color:var(--brand)}b,strong{font-weight:500}sup{line-height:1}code{font-family:monospace!important;font-size:.875rem!important;line-height:1.9286!important;overflow-wrap:break-word}span.extra{animation:a 2s cubic-bezier(.3,1,0,1) infinite;background:#666;bottom:-1px;clip-path:polygon(0 0,100% 0,100% 100%);height:16px;width:16px}span.extra-result{animation:none;background:none!important;clip-path:none;display:inline;height:auto;position:static;width:auto}@media screen and (max-width:550px){body{padding-top:1rem}header h1 img{height:50px;margin-right:.5rem;width:39px}}@media screen and (max-width:320px){input{width:calc(100% - 14ch)}}@media (prefers-color-scheme:dark){::selection{background:var(--brand);color:#000}html{--border:#555;--brand:#fe5d72;background:#000;color:#ddd}header:is(:hover,:has(a:focus)) ul li:last-child a{color:#eee}header img{filter:invert(1)}footer,ol[start][reversed] ::marker,p#fd-meta{color:#bbb}a{color:#eee}span.extra{background:#bbb}}@media print{*,::marker{color:#000!important;filter:none!important}footer,h2[id]+ol,header ul,ul.fd-nav{display:none}main{border:0}}