@font-face{font-family:'Inter';src:url('./fonts/Inter-Variable.woff') format('woff'),url('./fonts/Inter-Variable.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('./fonts/Inter-Italic.woff') format('woff'),url('./fonts/Inter-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}:root{--pico-tile-border-radius:18px;--pico-decor-color:#c72259;--pico-tile-background-color:#e9eef6}:root[data-theme=dark]{--pico-decor-color:#f65188;--pico-tile-background-color:#232831}html{scroll-behavior:smooth}body{line-height:1.75;font-family:'Inter',sans-serif}.external-link{display:inline-block}.no-scroll{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:'Inter',sans-serif;font-weight:600}.visually-hidden{height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}:dir(rtl) .visually-hidden{right:-9999px}.mobile-only,.docs-aside__mobile,.examples-aside__mobile{display:block}.desktop-only,.docs-aside__nav,.examples-aside__nav{display:none}.plyr--video .plyr__controls{justify-content:center}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:0}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:var(--pico-primary-hover-background)}.bypass-link{background-color:var(--pico-contrast);border-radius:var(--pico-border-radius);color:var(--pico-contrast-inverse);left:-9999px;padding:var(--pico-spacing);position:absolute;text-decoration:none;top:-68px;z-index:100}:dir(rtl) .bypass-link{left:inherit;right:-9999px}.bypass-link:focus{left:2px;top:2px}.logo-letters,.nav-icon{fill:var(--pico-h1-color)}.logo-letters__decor,.icon-decor{fill:var(--pico-decor-color)}.header{margin-bottom:calc(3 * var(--pico-spacing))}.header-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.website-logo__link{display:inline-block}.website-logo__logo{height:41px;width:77px}.small-version{color:var(--pico-code-color);font-size:small;display:none;margin-inline-start:var(--pico-spacing)}.header .icons a{border-radius:0}.navigation-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:right}.navigation-regular,.navigation-mobile{flex:1;padding-inline-end:var(--pico-spacing)}.navigation-regular,.navigation-mobile__nav{display:none}.navigation-mobile button.secondary.outline{display:flex;padding:calc(var(--pico-spacing) / 2)}#js-modal-overlay{display:none}dialog.modal{align-items:start;overflow-y:auto;padding-top:74px}.js-modal-close{font-weight:700;position:absolute;right:var(--pico-spacing);top:var(--pico-spacing)}:dir(rtl) .js-modal-close{left:var(--pico-spacing);right:auto}.modal__content nav ul{flex-direction:column}.modal__content details,.modal__content .nav-entry__single{min-width:164px}.modal__content details ul li{padding:calc(var(--pico-spacing) / 3) 0 calc(var(--pico-spacing) / 3) var(--pico-spacing);text-align:left;width:100%}:dir(rtl) .modal__content details ul li{padding:calc(var(--pico-spacing) / 3) calc(var(--pico-spacing) / 3) calc(var(--pico-spacing) / 3) 0}.list-divider{color:var(--pico-decor-color);font-size:small}.toggle-theme{background-color:transparent;border:0}header.container,main.container{padding-bottom:var(--pico-spacing);padding-top:var(--pico-spacing)}.hero,.features,.preview-version,.video,.slider,.for-developers,.support,.text,.version,.roadmap{background-color:var(--pico-tile-background-color);border-radius:var(--pico-tile-border-radius);margin:var(--pico-spacing) var(--pico-spacing) calc(4 * var(--pico-spacing));padding:calc(var(--pico-spacing) * 2);width:calc(100% - (2 * var(--pico-spacing)))}.page-content{background-color:var(--pico-tile-background-color);border-radius:var(--pico-tile-border-radius);margin:var(--pico-spacing) auto calc(4 * var(--pico-spacing)) auto;padding:var(--pico-spacing)}.support{padding:calc(var(--pico-spacing) *2) var(--pico-spacing);width:calc(100% - var(--pico-spacing))}.hero-about h1{font-size:2.25em;margin-block:0 .67em}.features h2,.preview-version h2,.slider h2,.support h2,.version h2,.roadmap h2{position:relative;text-align:center}
.feature-1,.feature-2,.feature-3,.feature-4{padding-top:24px;position:relative}.frontpage .feature-1:before{-webkit-mask-image:var(--frontpage-package-icon);mask-image:var(--frontpage-package-icon)}.frontpage .feature-2:before{-webkit-mask-image:var(--frontpage-globe-icon);mask-image:var(--frontpage-globe-icon)}.frontpage .feature-3:before{-webkit-mask-image:var(--frontpage-html-icon);mask-image:var(--frontpage-html-icon)}.frontpage .feature-4:before{-webkit-mask-image:var(--frontpage-compress-icon);mask-image:var(--frontpage-compress-icon)}.frontpage .slider h2,.frontpage .support h2{padding-top:36px}.frontpage .slider h2:before{-webkit-mask-image:var(--frontpage-screenshot-icon);mask-image:var(--frontpage-screenshot-icon)}.frontpage .support h2:before{-webkit-mask-image:var(--frontpage-support-icon);mask-image:var(--frontpage-support-icon)}.frontpage .version h2:before{-webkit-mask-image:var(--frontpage-version-icon);mask-image:var(--frontpage-version-icon)}.frontpage .roadmap h2:before{-webkit-mask-image:var(--frontpage-roadmap-icon);mask-image:var(--frontpage-roadmap-icon)}.free-support,.commercial-support{padding-top:36px;position:relative;text-align:center}.free-support:before{-webkit-mask-image:var(--support-free-icon);mask-image:var(--support-free-icon)}.commercial-support:before{-webkit-mask-image:var(--support-commercial-icon);mask-image:var(--support-commercial-icon)}.features-wrapper,.video-wrapper,.support-wrapper{display:flex;flex-wrap:wrap;padding:var(--pico-spacing) 0}.feature-tile,.support-tile{background-color:var(--pico-background-color);border-radius:var(--pico-tile-border-radius);margin:var(--pico-spacing);padding:calc(var(--pico-spacing) * 2);width:calc(100% - (2 * var(--pico-spacing)))}.feature-tile svg,.support-tile svg{display:flex;height:36px;margin:0 auto;width:36px}.feature-tile h3,.support-tile h3{text-align:center}main .docs-aside__nav,main .examples-aside__nav{padding-inline-end:calc(var(--pico-spacing) * 2)}main .the-content{grid-area:content}main .content-header{grid-area:header}.table-of-contents{border-inline-start:1px solid var(--pico-code-color);font-size:small;grid-area:table-of-contents;height:fit-content;margin-bottom:calc(var(--pico-spacing) * 2);margin-inline-start:var(--pico-spacing);padding-inline-start:var(--pico-spacing)}.table-of-contents h2{font-size:medium;margin-bottom:0}.table-of-contents ul{margin:0;padding:0}.table-of-contents li{margin:0;padding:calc(var(--pico-spacing) * .25) 0}.table-of-contents .level-2{margin-inline-start:calc(var(--pico-spacing) / 2)}.table-of-contents .level-3{margin-inline-start:var(--pico-spacing)}.table-of-contents .active :where(a:not([role=button])){color:var(--pico-primary-hover);text-decoration-color:var(--pico-primary-hover-underline)}.hero{align-items:center;display:flex;flex-direction:column}.hero-about,.hero-countdown{flex:1}.icon-new{color:var(--pico-decor-color);vertical-align:baseline}.intro-actions{display:flex;flex-direction:column;padding:0}.intro-actions li{display:flex;justify-content:center;list-style:none}.intro-actions li:first-child{margin-bottom:calc(var(--pico-spacing) * 2);margin-inline-end:0}.glider{align-items:start;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:scroll;padding-bottom:var(--pico-block-spacing-vertical)}.glider::webkit-scrollbar{height:6px;width:6px}.glider::webkit-scrollbar-thumb{background-color:var(--pico-background-color);border:0;border-radius:2px}.glider-slide{flex:0 0 auto;margin-inline-end:var(--pico-block-spacing-horizontal);width:85%}.glider-dot{background:var(--pico-secondary-background);width:24px;height:4px}.glider-dot.active{background:var(--pico-background-color)}.glider{scrollbar-color:var(--pico-primary-background) transparent}.glider::-webkit-scrollbar{height:6px;width:6px}.glider::-webkit-scrollbar-track{background:var(--pico-primary-inverse)}.glider::-webkit-scrollbar-thumb{background-color:var(--pico-primary-background);border:0;border-radius:2px}.pswp__custom-caption{background:var(--pico-modal-overlay-background-color);color:var(--pico-contrast);width:calc(100% - 32px);max-width:480px;padding:var(--pico-spacing);border-radius:var(--pico-border-radius);position:absolute;left:50%;bottom:var(--pico-spacing);transform:translateX(-50%)}
.preview-version p{margin:0 auto var(--pico-block-spacing-vertical);max-width:640px}.preview-version p:last-child{margin-top:calc(3 * var(--pico-block-spacing-vertical))}.video-wrapper{flex-direction:column}.video-caption,.the-video{flex:1}.video-caption h2{text-align:center}.plyr--video{border-radius:var(--pico-border-radius)}.screenshot-link{display:inline-block;overflow:hidden;position:relative}.glider-img{border-radius:var(--pico-border-radius)}.expand-icon{background:var(--pico-primary-background);border-radius:4px;display:grid;height:30px;left:calc(50% - 15px);opacity:0;place-items:center;padding:6px;pointer-events:none;position:absolute;top:calc(50% - 15px);transform:scale(0.9);transition:all .2s ease;width:30px}.screenshot-link:focus .expand-icon,.screenshot-link:hover .expand-icon{opacity:.8;pointer-events:auto;transform:scale(1)}.button{--pico-background-color:var(--pico-primary-background);--pico-border-color:var(--pico-primary-border);--pico-color:var(--pico-primary-inverse);--pico-box-shadow:var(--pico-button-box-shadow,0 0 0 rgba(0,0,0,0));padding:calc(var(--pico-form-element-spacing-vertical) * 1.25) var(--pico-form-element-spacing-horizontal);border:var(--pico-border-width) solid var(--pico-border-color);border-radius:var(--pico-border-radius);outline:0;background-color:var(--pico-background-color);box-shadow:var(--pico-box-shadow);color:var(--pico-color);font-weight:var(--pico-font-weight);font-size:1rem;line-height:var(--pico-line-height);text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--pico-transition),border-color var(--pico-transition),color var(--pico-transition),box-shadow var(--pico-transition)}.button:is(:hover,:active,:focus){--pico-background-color:var(--pico-primary-hover-background);--pico-border-color:var(--pico-primary-hover-border);--pico-box-shadow:var(--pico-button-hover-box-shadow,0 0 0 rgba(0,0,0,0));--pico-color:var(--pico-primary-inverse)}.button__download small{display:inline-block;font-size:small;margin-inline-start:var(--pico-spacing)}video{height:auto;width:100%}.admonition{--admonition-note-color:#448aff;--admonition-note-title-bg:#448aff1a;--admonition-note-icon:url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22M200-200h57l391-391-57-57-391%20391v57Zm-80%2080v-170l528-527q12-11%2026.5-17t30.5-6q16%200%2031%206t26%2018l55%2056q12%2011%2017.5%2026t5.5%2030q0%2016-5.5%2030.5T817-647L290-120H120Zm640-584-56-56%2056%2056Zm-141%2085-28-29%2057%2057-29-28Z%22%2F%3E%3C%2Fsvg%3E');--admonition-info-color:#00b8d4;--admonition-info-title-bg:#00b8d41a;--admonition-info-icon:url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22M440-280h80v-240h-80v240Zm40-320q17%200%2028.5-11.5T520-640q0-17-11.5-28.5T480-680q-17%200-28.5%2011.5T440-640q0%2017%2011.5%2028.5T480-600Zm0%20520q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%2F%3E%3C%2Fsvg%3E');--admonition-tip-color:#00bfa5;--admonition-tip-title-bg:#00bfa51a;--admonition-tip-icon:url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22M240-400q0%2052%2021%2098.5t60%2081.5q-1-5-1-9v-9q0-32%2012-60t35-51l113-111%20113%20111q23%2023%2035%2051t12%2060v9q0%204-1%209%2039-35%2060-81.5t21-98.5q0-50-18.5-94.5T648-574q-20%2013-42%2019.5t-45%206.5q-62%200-107.5-41T401-690q-39%2033-69%2068.5t-50.5%2072Q261-513%20250.5-475T240-400Zm240%2052-57%2056q-11%2011-17%2025t-6%2029q0%2032%2023.5%2055t56.5%2023q33%200%2056.5-23t23.5-55q0-16-6-29.5T537-292l-57-56Zm0-492v132q0%2034%2023.5%2057t57.5%2023q18%200%2033.5-7.5T622-658l18-22q74%2042%20117%20117t43%20163q0%20134-93%20227T480-80q-134%200-227-93t-93-227q0-129%2086.5-245T480-840Z%22%2F%3E%3C%2Fsvg%3E');--admonition-warning-color:#ff9100;--admonition-warning-title-bg:#ff91001a;--admonition-warning-icon:url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22m40-120%20440-760%20440%20760H40Zm138-80h604L480-720%20178-200Zm302-40q17%200%2028.5-11.5T520-280q0-17-11.5-28.5T480-320q-17%200-28.5%2011.5T440-280q0%2017%2011.5%2028.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z%22%2F%3E%3C%2Fsvg%3E');--admonition-danger-color:#ff1744;--admonition-danger-title-bg:#ff17441a;--admonition-danger-icon:url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22m422-232%20207-248H469l29-227-185%20267h139l-30%20208ZM320-80l40-280H160l360-520h80l-40%20320h240L400-80h-80Zm151-390Z%22%2F%3E%3C%2Fsvg%3E');--admonition-bug-color:#f50057;--admonition-bug-title-bg:#f500571a;--admonition-bug-icon:url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22M480-200q66%200%20113-47t47-113v-160q0-66-47-113t-113-47q-66%200-113%2047t-47%20113v160q0%2066%2047%20113t113%2047Zm-80-120h160v-80H400v80Zm0-160h160v-80H400v80Zm80%2040Zm0%20320q-65%200-120.5-32T272-240H160v-80h84q-3-20-3.5-40t-.5-40h-80v-80h80q0-20%20.5-40t3.5-40h-84v-80h112q14-23%2031.5-43t40.5-35l-64-66%2056-56%2086%2086q28-9%2057-9t57%209l88-86%2056%2056-66%2066q23%2015%2041.5%2034.5T688-640h112v80h-84q3%2020%203.5%2040t.5%2040h80v80h-80q0%2020-.5%2040t-3.5%2040h84v80H688q-32%2056-87.5%2088T480-120Z%22%2F%3E%3C%2Fsvg%3E')}.admonition{border:var(--pico-border-width) solid transparent;border-radius:var(--pico-border-radius);display:flow-root;margin:calc(4 * var(--pico-block-spacing-vertical)) auto;max-width:860px;padding:0 var(--pico-spacing);page-break-inside:avoid}.admonition.note{border-color:var(--admonition-note-color)}.admonition.info{border-color:var(--admonition-info-color)}.admonition.tip{border-color:var(--admonition-tip-color)}.admonition.warning{border-color:var(--admonition-warning-color)}.admonition.danger{border-color:var(--admonition-danger-color)}.admonition.bug{border-color:var(--admonition-bug-color)}.admonition-title{background-color:transparent;border:0;font-weight:700;margin:0 -1rem var(--pico-spacing);padding-bottom:var(--pico-spacing);padding-inline-start:calc(3 * var(--pico-spacing));padding-top:var(--pico-spacing);position:relative}.note .admonition-title{background-color:var(--admonition-note-title-bg)}.info .admonition-title{background-color:var(--admonition-info-title-bg)}.tip .admonition-title{background-color:var(--admonition-tip-title-bg)}.warning .admonition-title{background-color:var(--admonition-warning-title-bg)}.danger .admonition-title{background-color:var(--admonition-danger-title-bg)}.bug .admonition-title{background-color:var(--admonition-bug-title-bg)}
.admonition-title:before{background-color:transparent;content:"";height:calc(1.25 * var(--pico-spacing));-webkit-mask-image:var(--md-admonition-icon--note);mask-image:var(--md-admonition-icon--note);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;left:var(--pico-spacing);top:1.15rem;width:calc(1.25 * var(--pico-spacing))}:dir(rtl) .admonition-title:before{right:var(--pico-spacing)}.note .admonition-title:before{background-color:var(--admonition-note-color);-webkit-mask-image:var(--admonition-note-icon);mask-image:var(--admonition-note-icon)}.info .admonition-title:before{background-color:var(--admonition-info-color);-webkit-mask-image:var(--admonition-info-icon);mask-image:var(--admonition-info-icon)}.tip .admonition-title:before{background-color:var(--admonition-tip-color);-webkit-mask-image:var(--admonition-tip-icon);mask-image:var(--admonition-tip-icon)}.warning .admonition-title:before{background-color:var(--admonition-warning-color);-webkit-mask-image:var(--admonition-warning-icon);mask-image:var(--admonition-warning-icon)}.danger .admonition-title:before{background-color:var(--admonition-danger-color);-webkit-mask-image:var(--admonition-danger-icon);mask-image:var(--admonition-danger-icon)}.bug .admonition-title:before{background-color:var(--admonition-bug-color);-webkit-mask-image:var(--admonition-bug-icon);mask-image:var(--admonition-bug-icon)}.page-content details{border-bottom:1px solid var(--pico-color);padding-bottom:var(--pico-spacing)}.page-content details.first-child{border-top:1px solid var(--pico-color);padding-top:var(--pico-spacing)}.page-content details[open]>summary:not([role]):not(:focus){color:var(--pico-primary)}.docs-aside__mobile,.examples-aside__mobile{border-top:1px solid var(--pico-secondary);margin-top:calc(var(--pico-spacing) * 2)}nav ul.chapter-nav{display:flex;flex-direction:row;justify-content:space-between;margin:0}nav ul.chapter-nav.justify-content-right{justify-content:right}.chapter-nav__entry span{font-size:smaller}.chapter-nav__entry.next{text-align:right}:dir(rtl) .chapter-nav__entry.next{text-align:left}.code-wrapper{display:grid;max-width:100%}pre{display:grid;margin-bottom:calc(var(--pico-spacing) * 2)}pre:has(.hljs){border-top-left-radius:0;border-top-right-radius:0}code[class^="language-"],code[class*=" language-"]{overflow-x:auto}.hljs{background-color:#1a1f28;border-top-left-radius:0;border-top-right-radius:0}.code-header{background:#2a3140;border-top-left-radius:var(--pico-border-radius);border-top-right-radius:var(--pico-border-radius);display:flex;flex-direction:row;justify-content:space-between;margin-top:calc(var(--pico-spacing) * 2);padding:calc(var(--pico-spacing) / 2) var(--pico-spacing)}.copy-btn{background:transparent;border:0;padding:0}.code-lang-label,.copy-btn{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#bbb}.example-block{margin:var(--pico-spacing) 0;padding-bottom:var(--pico-spacing)}.article-header{border-bottom:1px solid var(--pico-code-color);border-top:1px solid var(--pico-code-color);margin:calc(var(--pico-spacing) * 2) 0;padding:calc(var(--pico-spacing) / 2)}.article-header p{font-size:14px;margin:0}.release-entry{background:transparent;box-shadow:none;padding:0}.release-download,.download-section{display:flex;justify-content:center;margin:var(--pico-spacing) 0;padding:var(--pico-spacing) 0}.release-entry.first,.docs-entry.first,.example-entry.first{border-radius:0;border-top:1px solid var(--pico-color);padding-top:var(--pico-spacing)}.more-container{border-bottom:1px solid var(--pico-color);display:flex;justify-content:right;margin-bottom:var(--pico-spacing);padding-bottom:calc(var(--pico-spacing) * 2);padding-top:var(--pico-spacing)}:dir(rtl) .more-container{justify-content:left}.more-link{--pico-border-color:var(--pico-primary-border);--pico-background-color:var(--pico-primary-background);--pico-color:var(--pico-primary-inverse);background-color:var(--pico-background-color);border:var(--pico-border-width) solid var(--pico-border-color);border-radius:var(--pico-border-radius);color:var(--pico-color);font-size:1rem;line-height:var(--pico-line-height);padding:calc(var(--pico-form-element-spacing-vertical) / 2) var(--pico-form-element-spacing-horizontal);text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.more-link:focus,.more-link:hover{--pico-background-color:var(--pico-primary-hover-background);--pico-border-color:var(--pico-primary-hover-border);--pico-box-shadow:var(--pico-button-hover-box-shadow,0 0 0 rgba(0,0,0,0));--pico-color:var(--pico-primary-inverse)}.pagination{display:flex;flex-wrap:wrap;gap:0;padding-inline-start:calc(var(--pico-spacing) / 2)}.page-item{flex:none;min-width:2.5rem;padding:0}nav li :where(a.page-link,span.page-link){margin:0}.page-link{background-color:var(--pico-card-background-color);border:1px solid var(--pico-secondary-border);border-radius:0;color:var(--pico-color);display:block;margin-bottom:-1px;margin-right:-1px;padding:calc(var(--pico-nav-element-spacing-vertical) / 2) calc(var(--pico-nav-element-spacing-horizontal) * 2);text-decoration:none}.page-item:first-child .page-link{border-top-left-radius:var(--pico-border-radius);border-bottom-left-radius:var(--pico-border-radius)}:dir(rtl) .page-item:first-child .page-link{border-top-left-radius:0;border-top-right-radius:var(--pico-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:var(--pico-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--pico-border-radius);border-bottom-right-radius:var(--pico-border-radius)}:dir(rtl) .page-item:last-child .page-link{border-top-left-radius:var(--pico-border-radius);border-top-right-radius:0;border-bottom-left-radius:var(--pico-border-radius);border-bottom-right-radius:0}.current .page-link{--pico-background-color:var(--pico-primary-background);--pico-color:var(--pico-primary-inverse);background-color:var(--pico-background-color);color:var(--pico-color)}.current .page-link:focus,.current .page-link:hover{--pico-background-color:var(--pico-primary-hover-background);--pico-color:var(--pico-primary-inverse)}.disabled .page-link,.ellipsis .page-link{color:var(--pico-muted-color)}.section-flex{margin:0 auto}.has-badge{position:relative}.badge{background-repeat:no-repeat;display:inline-block;font-size:small;height:24px;margin-left:calc(var(--pico-spacing) / 2);position:absolute;text-indent:-9999px;top:-12px;width:24px}.footer{background-color:var(--pico-tile-background-color);border-top-left-radius:var(--pico-tile-border-radius);border-top-right-radius:var(--pico-tile-border-radius);font-size:smaller;padding-bottom:var(--pico-spacing);padding-top:var(--pico-spacing)}.preview-version,.footer nav,.footer nav ul{flex-direction:column}.footer .footer-links{padding-top:calc(var(--pico-spacing) *2)}.footer nav ul{margin-bottom:var(--pico-spacing);width:100%}.footer nav ul:first-of-type{display:grid;grid-auto-flow:row;margin-inline-start:0;text-align:center}.footer nav ul:last-of-type{margin-inline-end:0}.footer nav li{padding:0}.license-wrapper{padding:calc(var(--pico-spacing) * 1.5) 0}.license-wrapper .small-version{margin-inline-start:0}.license-wrapper p{text-align:center}nav ul.social__footer{align-items:center;display:flex;flex-direction:row;justify-content:center}ul.social__footer li{flex:1}ul.social__footer li:first-child{margin-inline-end:var(--pico-spacing);text-align:right}:dir(rtl) ul.social__footer li:first-child{text-align:left}ul.social__footer li:last-child{text-align:left}:dir(rtl) ul.social__footer li:last-child{text-align:right}.footer nav li :where(a,[role=link]){margin:calc(var(--pico-nav-link-spacing-vertical) * .5) calc(var(--pico-nav-link-spacing-horizontal) * .5)}:dir(rtl) #wcb #wcb_g{border-right:.13em solid var(--pico-primary-background);border-radius:0 var(--pico-border-radius) var(--pico-border-radius) 0}:dir(rtl) #wcb #wcb_a{border-radius:var(--pico-border-radius) 0 0 var(--pico-border-radius)}.greenwebfoundation-container{text-align:center}.plyr-sprite{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(prefers-color-scheme:dark){:root{--pico-decor-color:#f65188;--pico-tile-background-color:#232831}:root[data-theme=light]{--pico-decor-color:#c72259;--pico-tile-background-color:#e9eef6}}@media(min-width:576px){.hero,.features,.video,.preview-version,.slider,.for-developers,.support,.text,.version,.roadmap{margin-left:auto;margin-right:auto}.intro-actions{flex-direction:row}.intro-actions li{margin-bottom:0}.intro-actions li:first-child{margin-bottom:0;margin-right:calc(var(--pico-spacing) * 2)}
.small-version{display:inline}.website-logo__logo{height:48px;width:90px}.section-flex{padding-right:0;padding-left:0}}@media(min-width:768px){:root{--pico-tile-border-radius:24px}.navigation-regular{display:block}.navigation-mobile{display:none}.website-logo__logo{height:72px;width:135px}.nav-icon{height:24px;width:24px}.feature-tile{width:calc(50% - (2 * var(--pico-spacing)))}.glider-slide{width:55%}.video-wrapper{align-items:center;flex-direction:row}.video-caption{padding-inline-end:var(--pico-block-spacing-horizontal)}.video-caption h2{margin:0 auto var(--pico-block-spacing-vertical);max-width:480px;text-align:left}:dir(rtl) .video-caption h2{text-align:right}.video-caption p{margin:0 auto;max-width:480px}.section-flex{display:flex;flex-direction:row;gap:2rem;max-width:700px}.pswp__custom-caption{max-width:680px}.version,.roadmap{flex:1}.footer nav{flex-direction:row}.license-wrapper{display:flex;flex-direction:row;justify-content:center}.license-wrapper .small-version{margin-left:var(--pico-spacing)}.footer nav li :where(a,[role=link]){margin:calc(var(--pico-nav-link-spacing-vertical) * -1) calc(var(--pico-nav-link-spacing-horizontal) * -1)}.footer nav li{padding:calc(var(--pico-spacing) / 2) 0}.footer nav ul:first-of-type{grid-auto-flow:column}.footer .social__footer{width:50%}.green-zone{align-items:center;display:flex;flex-direction:row}.carbonbadge-container,.greenwebfoundation-container{flex:1}}@media(min-width:1024px){.mobile-only,.docs-aside__mobile,.examples-aside__mobile{display:none}.desktop-only,.docs-aside__nav,.examples-aside__nav{display:block}body>main.homepage>.features>.grid{grid-template-columns:1fr 1fr}.hero,.features,.preview-version,.video,.slider,.for-developers,.support,.text,.version,.roadmap{margin:var(--pico-spacing) var(--pico-spacing) calc(6 * var(--pico-spacing))}.page-content{margin:var(--pico-spacing) auto calc(6 * var(--pico-spacing)) auto}main .docs-aside__nav,main .examples-aside__nav{border-inline-end:1px solid var(--pico-code-color);grid-area:menu;height:fit-content;position:sticky;text-align:right;top:var(--pico-spacing)}:dir(rtl) main .docs-aside__nav,:dir(rtl) main .examples-aside__nav{text-align:left}.page-content.has-asides{display:grid;grid-column-gap:calc(var(--pico-spacing) * 2);grid-template-rows:auto auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:"menu header" "menu table-of-contents" "menu content"}.page-content{max-width:80%}.page-content.has-asides{max-width:100%}.glider-slide{width:45%}.section-flex{max-width:950px}}@media(min-width:1280px){.page-content.has-asides{display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr 9.5rem;grid-template-areas:"menu header table-of-contents" "menu content table-of-contents"}.table-of-contents{margin-bottom:var(--pico-spacing);margin-left:0;position:sticky;top:var(--pico-spacing)}.section-flex{max-width:1200px}.pswp__custom-caption{max-width:1200px}}@media(min-width:1536px){.section-flex{max-width:1450px}}