:root{--step--5:clamp(0.49rem,calc(0.54rem + -0.07vw),0.53rem);--step--4:clamp(0.63rem,calc(0.64rem + -0.04vw),0.61rem);--step--3:clamp(0.76rem,calc(0.76rem + 0.02vw),0.77rem);--step--2:clamp(0.91rem,calc(0.89rem + 0.1vw),0.96rem);--step--1:clamp(1.09rem,calc(1.05rem + 0.21vw),1.2rem);--step-0:clamp(1.31rem,calc(1.24rem + 0.37vw),1.5rem);--step-1:clamp(1.58rem,calc(1.46rem + 0.59vw),1.88rem);--step-2:clamp(1.89rem,calc(1.71rem + 0.89vw),2.34rem);--step-3:clamp(2.27rem,calc(2.01rem + 1.29vw),2.93rem);--step-4:clamp(2.72rem,calc(2.36rem + 1.83vw),3.66rem);--step-5:clamp(3.27rem,calc(2.75rem + 2.56vw),4.58rem);--step-6:clamp(3.92rem,calc(3.22rem + 3.52vw),5.72rem);--step-7:clamp(7.15rem,calc(3.75rem + 4.78vw),4.7rem);--background:#f1f1f1;--text:#464646;--white:#fff;--light:#e5e5e5;--secondary:#d2e18e;--alert:#fcbe73;--highlight:#2ea2cc;--body-font:Georgia,serif}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--step-0);color:var(--text)}*{box-sizing:border-box}a{color:var(--text)}main{flex:1 1;display:flex;flex-direction:column;justify-content:center}.main-feature{min-width:70vw;background-color:var(--white);padding:10%;border:1px solid var(--light);box-shadow:0 1px 1px rgba(0,0,0,.04);margin:0 4%;text-align:center}.container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.version{font-family:var(--body-font);color:var(--highlight);font-size:var(--step-7);font-weight:400;margin:0}.footer{width:100%;height:100px;display:flex;justify-content:center;align-items:center;font-size:var(--step--5);flex-direction:column}.footer p{margin-bottom:0}.smaller-paragraph{font-size:var(--step--2);max-width:500px;margin-right:auto;margin-left:auto}.always-visually-hidden,.visually-hidden:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.icons-header{display:grid;grid-template-areas:"description" "preview";grid-gap:1rem;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem}.icons-header *{margin:0}.icons-header .icon-card{grid-area:preview}.icons-header .icons-meta{grid-area:description}.icons-header .icons-meta>*+*{margin-top:1rem}.icons-header input[type=text]{width:100%;border:1px solid var(--light);padding:1rem;font-size:var(--step--2)}.icons-header input[type=text]:focus{outline:1px solid var(--highlight)}@media screen and (min-width:768px){.icons-header{grid-template-areas:"preview description"}}.icons-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem;gap:1rem;max-width:1200px;margin:0 auto;width:100%;padding:1rem}@media screen and (min-width:768px){.icons-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1080px){.icons-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.icon-card{width:100%;background-color:var(--white);padding:1rem;display:flex;flex-direction:column;align-items:stretch;gap:1rem;border:1px solid var(--light);box-shadow:0 1px 1px rgba(0,0,0,.04);text-align:center}.icon-card a{text-align:left}.icon-card textarea{border:0;width:100%}.icon-card button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--light);border-radius:2px;padding-right:.5rem}.icon-card button:focus{outline:1px solid var(--highlight)}.icon-card button.no-border{border-width:0}.icon-card h2,.icon-card span{font-size:var(--step--4);text-align:left;flex-grow:2;padding:.5rem}.icon-card pre{font-size:var(--step--5);flex-grow:2;text-align:left;padding:.5rem;margin:0;white-space:normal}.icon-card svg{flex-shrink:0}.blocks-reference-grid{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));grid-auto-flow:dense;grid-gap:1rem;margin:0 auto;max-width:1200px;width:100%;padding:1rem;word-break:break-word}@media(min-width:525px){.blocks-reference-grid{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}}.blocks-reference-grid [class^=block-reference-]{padding:1rem;background-color:var(--white);border:1px solid var(--light);box-shadow:0 1px 1px rgba(0,0,0,.04);word-wrap:break-word;font-size:var(--step--3);display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.blocks-reference-grid [class^=block-reference-] header{display:flex;flex-direction:column;gap:1rem;position:relative}.blocks-reference-grid [class^=block-reference-] header>*{margin:0}.blocks-reference-grid [class^=block-reference-] header .block-reference__title{order:3;display:flex;gap:.5rem;flex-direction:column;word-break:break-word}@media(min-width:600px){.blocks-reference-grid [class^=block-reference-] header .block-reference__title{flex-direction:row}}.blocks-reference-grid [class^=block-reference-] header .block-reference__title svg{flex-shrink:0}.blocks-reference-grid [class^=block-reference-] .block-reference{font-size:var(--step--3)}.blocks-reference-grid [class^=block-reference-] .block-reference__category{font-size:var(--step--5);display:inline-flex;order:2;gap:.25rem;flex-wrap:wrap}.blocks-reference-grid [class^=block-reference-] .block-reference__category span{background-color:var(--light);padding:.2rem;border-radius:5px}.blocks-reference-grid [class^=block-reference-] .block-reference__category span.experimental{background-color:var(--secondary)}.blocks-reference-grid [class^=block-reference-] .block-reference__category span.deprecated{background-color:var(--alert)}.blocks-reference-grid [class^=block-reference-] .block-reference__description{order:4}.blocks-reference-grid [class^=block-reference-] .block-reference__close{position:absolute;right:0}.blocks-reference-grid [class^=block-reference-] .block-reference__close button{padding:0;height:24px}.blocks-reference-grid [class^=block-reference-] .block-reference__title-wrapper pre{font-size:var(--step--4);font-weight:400;margin-top:.2rem;margin-bottom:0}.blocks-reference-grid [class^=block-reference-] .block-reference__title-wrapper .block-slug{text-wrap:balance;text-align:left}@media(max-width:600px){.blocks-reference-grid [class^=block-reference-]:not(.block-reference--closed):not(.block-reference--open) .block-reference__description{display:none}}.blocks-reference-grid [class^=block-reference-] button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.3rem;background-color:var(--light);border:1px solid var(--light);border-radius:2px;font-size:var(--step--4);transition:all .5s ease;color:var(--text);transition:all .2s ease}.blocks-reference-grid [class^=block-reference-] button:hover{background-color:rgba(46,162,204,.5);border:1px solid rgba(46,162,204,.5)}.blocks-reference-grid [class^=block-reference-] button:active,.blocks-reference-grid [class^=block-reference-] button:focus{border:1px solid var(--highlight);outline:1px solid var(--highlight)}.blocks-reference-grid [class^=block-reference-] button.copy-button{background-color:transparent;padding:0;border:0;display:flex;gap:.2rem}.blocks-reference-grid [class^=block-reference-] button.copy-button:hover{border:0;outline:0}.blocks-reference-grid [class^=block-reference-] button.copy-button:hover svg{fill:var(--highlight)}.blocks-reference-grid [class^=block-reference-].block-reference--closed{display:none}.blocks-reference-grid [class^=block-reference-].block-reference--open{display:block;grid-column:1/-1}.blocks-reference-grid [class^=block-reference-].block-reference--open header{margin-bottom:1.5rem}.blocks-reference-grid [class^=block-reference-].block-reference--open .block-reference__category span{background-color:var(--light)}.blocks-reference-grid [class^=block-reference-].block-reference--open .block-reference__source a{display:flex;align-items:center;gap:.5rem}.blocks-reference-page{background-color:var(--background)}.blocks-reference-page .search-bar{padding:0 1rem 1rem;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1rem}.blocks-reference-page .search-input{transition:all .2s ease;width:100%;border:1px solid var(--light);outline:1px solid var(--light);padding:1rem;font-size:var(--step--2)}.blocks-reference-page .search-input:focus{outline:1px solid var(--highlight);border:1px solid var(--highlight)}.blocks-reference-page .search-input:-webkit-search-cancel-button{display:none;-webkit-appearance:none;appearance:none}.blocks-reference-page .blocks-found-quantity{font-size:var(--step--4)}.blocks-header{max-width:1200px;width:100%;padding:1rem;margin:0 auto}.blocks-header h1{margin-top:0}.blocks-header .smaller-paragraph{margin-left:0;max-width:60ch}.json-view{line-height:1.4;word-break:break-word}.loading-blocks{padding:1rem;text-align:center;font-size:var(--step--3)}.loading-blocks,.main-header nav{margin:0 auto;max-width:1200px;width:100%}.main-header nav{display:flex;padding:1rem 1rem 0;gap:1rem;flex-wrap:wrap}.main-header nav a{font-size:var(--step--4);display:inline-flex;align-items:center;padding:.2rem .5rem;border:1px solid transparent;transition:all .5s ease;text-decoration:none}.main-header nav a.current-page,.main-header nav a:hover{border-radius:5px;border:1px solid var(--highlight)}.main-header nav a.current-page{text-decoration:none}.main-header nav .home-link{display:flex;margin-left:-.3rem}.main-header nav .home-link a{font-size:var(--step--4);display:inline-flex;align-items:center;padding-left:0}.skip-link{padding:1rem;background-color:var(--light);color:var(--text);font-size:var(--step--3);display:block;text-align:center;transition:all .3s ease}