:root{--uv-primary:#3e114e;--uv-primary-dark:#21092a;--uv-secondary:#0098a6;--uv-white:#fbfbfc;--uv-font-family-dm-sans:"DM Sans", sans-serif;--uv-font-family-headings:"DM Mono", sans-serif;--uv-bg-color:var(--uv-primary);--uv-header-bg-color:#2d1f27;--uv-header-position:static;--uv-logo-bg-color:var(--uv-primary);--uv-logo-hover-bg-color:var(--uv-primary-dark);--uv-main-nav-link-color:var(--uv-white);--uv-lang-nav-font-family:DM Sans, sans-serif}.dm-mono-light{font-family:DM Mono,monospace;font-style:normal;font-weight:300}.dm-mono-regular{font-family:DM Mono,monospace;font-style:normal;font-weight:400}.dm-mono-medium{font-family:DM Mono,monospace;font-style:normal;font-weight:500}.dm-mono-light-italic{font-family:DM Mono,monospace;font-style:italic;font-weight:300}.dm-mono-regular-italic{font-family:DM Mono,monospace;font-style:italic;font-weight:400}.dm-mono-medium-italic{font-family:DM Mono,monospace;font-style:italic;font-weight:500}.dm-sans-100-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:100}.dm-sans-100-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:100}.dm-sans-200-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:200}.dm-sans-200-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:200}.dm-sans-300-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:300}.dm-sans-300-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:300}.dm-sans-400-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:400}.dm-sans-400-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:400}.dm-sans-500-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:500}.dm-sans-500-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:500}.dm-sans-600-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:600}.dm-sans-600-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:600}.dm-sans-700-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:700}.dm-sans-700-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:700}.dm-sans-800-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:800}.dm-sans-800-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:800}.dm-sans-900-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:900}.dm-sans-900-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:900}.dm-sans-1000-normal{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:1000}.dm-sans-1000-italic{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:italic;font-weight:1000}.dm-sans-regular{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal;font-weight:400}.site-header{position:var(--uv-header-position);z-index:100;background:var(--uv-header-bg-color);flex-wrap:wrap;align-items:center;padding:.75rem 0;display:flex;top:0}@media screen and (width>=64em){.site-header{--uv-header-position:sticky;padding:.75rem 1.5rem}}.logo-link{background:var(--uv-logo-bg-color);aspect-ratio:.866025;clip-path:polygon(-50% 50%,50% 100%,150% 50%,50% 0);color:#fff;order:1;height:3.5rem;margin-left:1rem;font-size:1.25rem;display:block;position:relative}@media screen and (width>=64em){.logo-link{margin-left:0}}.logo-link span{text-align:center;letter-spacing:.0625rem;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.logo-link:hover{background-color:var(--uv-logo-hover-bg-color)}.logo-link:hover span{text-underline-offset:.1875rem;text-decoration:underline}.mobile-main-nav-button{cursor:pointer;opacity:.85;background:0 0;border:none;order:3;width:2.75rem;height:2.75rem;margin:0 1rem;padding:0;position:relative}.mobile-main-nav-button:hover{opacity:1}@media screen and (width>=64em){.mobile-main-nav-button{display:none}}.hamburger{text-align:left}.hamburger-box{width:2rem;height:2rem;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner{background-color:#fff;border-radius:.25rem;width:100%;height:.25rem;margin-top:-.125rem;display:block;position:absolute;top:50%}.hamburger-inner:before,.hamburger-inner:after{content:"";background-color:inherit;border-radius:.5rem;width:100%;height:4px;position:absolute}.hamburger-inner:before{top:-.625rem}.hamburger-inner:after{top:.625rem}.hamburger.active .hamburger-inner:before{transform:translate(-8px,4px)rotate(-45deg)scaleX(.6)}.hamburger.active .hamburger-inner:after{transform:translate(-8px,-4px)rotate(45deg)scaleX(.6)}.header-title{color:#fff;order:2;margin-left:1rem;text-decoration:none;display:none}.header-title:hover{text-decoration:underline}.header-title h1{font-size:inherit;margin:0}@media screen and (width>=64em){.header-title{display:block}}.switch-lang-link{color:#fff;border-left:1px solid #fff6;padding:.125rem 0 .125rem 1rem;font-size:.9375rem;text-decoration:none}.switch-lang-link:hover{text-underline-offset:.1875rem;text-decoration:underline}.main-nav{background-color:#0003;order:4;width:100%;margin-top:.75rem;margin-bottom:-.75rem;display:none}@media screen and (width>=64em){.main-nav{background-color:#0000;width:auto;margin:0 0 0 auto;display:block}}.main-nav.show{display:block}.main-nav-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media screen and (width>=64em){.main-nav-list{flex-direction:row}}.main-nav-list-item{margin:0;padding:0}.main-nav-link{color:var(--uv-main-nav-link-color);text-underline-offset:.125rem;text-align:center;padding:1rem;font-size:1rem;font-weight:500;text-decoration:none;display:block}@media screen and (width>=64em){.main-nav-link{text-align:left;padding:.75rem 1rem}}.main-nav-link:hover{text-decoration:underline}.languages-container{order:2;margin-left:auto;position:relative}@media screen and (width>=48em){.languages-container{flex-grow:0;flex-basis:auto}}@media screen and (width>=64em){.languages-container{order:5;margin-left:.5rem}}.language-name{display:block}.show-languages-button{color:#fff;cursor:pointer;height:2.75rem;font-size:1rem;font-family:var(--uv-font-family-dm-sans);background:0 0;border:none;margin:0 auto;padding:0 .625rem;display:block}.show-languages-button:hover{text-underline-offset:.125rem;text-decoration:underline}@media screen and (width>=64em){.show-languages-button:after{content:"";background-color:#fffc;width:.0625rem;height:1.5rem;position:absolute;top:50%;left:-.375rem;transform:translateY(-50%)}}.lang-nav{background:#fff;border:1px solid #ddd;border-radius:.25rem;display:none;position:absolute;top:calc(100% + .625rem);left:50%;transform:translate(-50%)}@media screen and (width>=48em){.lang-nav{left:auto;right:0;transform:none}}.lang-nav.show{display:block}.lang-nav-list{margin:0;padding:.25rem .75rem;list-style:none}.lang-nav-list-item{display:block}.lang-nav-link{text-align:center;gap:.75rem;height:2.75rem;padding:0;line-height:2.875rem;text-decoration:none;display:flex}.lang-nav-link:hover .language-name{text-underline-offset:.125rem;text-decoration:underline}main.events-main{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:900px;display:flex}section{margin:1.5rem auto}.calendar-embed{aspect-ratio:4/3;width:100%}.calendar-embed iframe{border:1px solid #777;width:100%;height:100%}.events-row{gap:1.5rem;display:flex}.event-card{aspect-ratio:16/9;border:1px solid gray;flex:1;display:block}.demo-main{width:100%;max-width:100%;margin:0;padding:0}#demo-layout{flex-direction:column;height:auto;display:flex}@media (width>=768px){#demo-layout{flex-direction:row;height:calc(100vh - 150px)}}#uv{order:2;width:100%;min-width:0;height:90vh;margin:0}@media (width>=768px){#uv{flex:4;order:1;height:100%;margin:1rem}}#controls{flex-direction:column;order:1;gap:1.5rem;width:100%;min-width:0;padding:1rem;display:flex;overflow-y:auto}@media (width>=768px){#controls{flex:1;order:2;height:100%}}.controls-section{flex-direction:column;gap:.5rem;display:flex}.controls-section h2,.controls-section h3{margin:0}.controls-section p{margin:0;font-size:.875rem;line-height:1.5}.controls-section a{font-size:.875rem}.controls-section select{width:100%}.controls-section .url-input{gap:.35rem;display:flex}.controls-section .url-input input{flex:1;min-width:0}.controls-section label{cursor:pointer;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.controls-section .checkbox-grid{grid-template-columns:1fr 1fr;gap:.25rem .5rem;display:grid}#customise,#advanced{display:none}@media (width>=768px){#customise,#advanced{display:flex}}.blog-index-main{width:70ch;margin:0 auto;padding:2rem 1rem}.blog-index-main .blog-header{border-bottom:1px solid;padding-bottom:1rem}.blog-index-main .blog-header h1,.blog-index-main .post-list{margin:0}.blog-index-main .post-list ul{max-width:none;margin:0;padding:0;list-style:none}.blog-index-main .post-list ul li{margin-bottom:0}.blog-index-main .post-list .post-item{border-bottom:1px solid #0000004d}.blog-index-main .post-list .post-link{color:inherit;text-decoration:none;transition:background .15s;display:block}.blog-index-main .post-list .post-link:hover{background:#00000014}.blog-index-main .post-list .post-link article{align-items:flex-start;gap:1rem;padding:1rem;display:flex}.blog-index-main .post-list .post-link article .post-thumbnail{flex-shrink:0;align-self:stretch;width:200px}.blog-index-main .post-list .post-link article .post-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.blog-index-main .post-list .post-link article .post-meta{flex:1;min-width:0}.blog-index-main .post-list .post-link article h2{margin:0 0 .75rem;font-size:1.25rem}.blog-index-main .post-list .post-link article .post-description,.blog-index-main .post-list .post-link article .post-date,.blog-index-main .post-list .post-link article .post-author{opacity:.7;margin:0 0 .75rem;font-size:.9rem;line-height:1.6}.blog-index-main .post-list .post-link article .post-description{font-style:italic}.blog-index-main .post-list .pagination{justify-content:flex-end;gap:1rem;padding-top:1.5rem;font-size:.9rem;display:flex}.blog-page-main{width:70ch;margin:0 auto;padding:2rem 1rem}.blog-page-main .blog-header{border-bottom:1px solid;padding-bottom:1rem}.blog-page-main .blog-header h1,.blog-page-main .post-list{margin:0}.blog-page-main .post-list ul{max-width:none;margin:0;padding:0;list-style:none}.blog-page-main .post-list ul li{margin-bottom:0}.blog-page-main .post-list .post-item{border-bottom:1px solid #0000004d}.blog-page-main .post-list .post-link{color:inherit;text-decoration:none;transition:background .15s;display:block}.blog-page-main .post-list .post-link:hover{background:#00000014}.blog-page-main .post-list .post-link article{align-items:flex-start;gap:1rem;padding:1rem;display:flex}.blog-page-main .post-list .post-link article .post-thumbnail{flex-shrink:0;align-self:stretch;width:200px}.blog-page-main .post-list .post-link article .post-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.blog-page-main .post-list .post-link article .post-meta{flex:1;min-width:0}.blog-page-main .post-list .post-link article h2{margin:0 0 .75rem;font-size:1.25rem}.blog-page-main .post-list .post-link article .post-description,.blog-page-main .post-list .post-link article .post-date,.blog-page-main .post-list .post-link article .post-author{opacity:.7;margin:0 0 .75rem;font-size:.9rem;line-height:1.6}.blog-page-main .post-list .post-link article .post-description{font-style:italic}.blog-page-main .post-list .pagination{justify-content:flex-end;gap:1rem;padding-top:1.5rem;font-size:.9rem;display:flex}.blog-post-main article{max-width:80ch;margin:0 auto;padding:1rem}.blog-post-main article header{border-bottom:1px solid #0003;margin-bottom:1.25rem}.blog-post-main article header h1{margin:0 0 .5rem}.blog-post-main article header .post-date{opacity:.7;margin:0;font-size:.9rem}.blog-post-main article header p:has(.post-author){text-align:right;margin:0}.blog-post-main article header .post-author{font-size:.9rem;font-style:italic}.blog-post-main article{line-height:1.7}.blog-post-main article h2,.blog-post-main article h3,.blog-post-main article h4{margin:2rem 0}.blog-post-main article p{margin:0 0 1.25rem}.blog-post-main article a{text-decoration:underline}.blog-post-main article img{max-width:100%;height:auto}.blog-post-main article .post-nav{border-top:1px solid #0003;justify-content:space-between;padding-top:1.5rem;font-size:.9rem;display:flex}.blog-post-main article .post-nav .prev-post,.blog-post-main article .post-nav .next-post{max-width:45%}.blog-post-main article .post-nav .next-post{text-align:right;margin-left:auto}.home-main{width:100%;max-width:100%;margin:0;padding:0}.home-main section{margin:0;padding:2rem 0 3rem}.home-main .container{max-width:960px;margin:0 auto;padding:0 1rem}.home-main h1{text-align:center}.home-main h2{text-align:center;margin:0 0 2rem;font-size:1.75rem}.home-main h3{text-align:center;margin:0 0 2rem}#header{max-width:720px;margin:0 auto}#header h3{margin:0}#hero{text-align:center;width:100%;margin:0;padding:0;position:relative;overflow:hidden}#hero .hero-bg{z-index:0;background-image:url(/img/header.jpg);background-position:50% 60%;background-size:160%;position:absolute;inset:0}#hero .hero-content{z-index:2;position:relative}#hero .hero-content .hero-heading{color:#fff;text-shadow:1px 1px 0 #000, 1px 1px 2px #000, 1px 1px 5px var(--uv-primary);margin:0;padding:2rem 0}#hero .hero-content #uv{background-color:#000;width:70vw;height:70vh;margin:0 auto;display:block;box-shadow:0 8px 15px #000000b3}#hero .hero-content .manifest-input{gap:.5rem;width:70vw;margin:0 auto;padding:2rem 0;display:flex}#hero .hero-content .manifest-input input{color:#fff;backdrop-filter:blur(8px);background:#00000a73;border:1px solid #ffffff4d;flex:1;padding:.6rem .9rem;font-size:.9rem}#hero .hero-content .manifest-input input::placeholder{color:#ffffff73}#hero .hero-content .manifest-input input:focus{background:#00000a99;border-color:#ffffffa6;outline:none}#hero .hero-content .manifest-input button{cursor:pointer;background:#fff;border:none;padding:.6rem 1.4rem;font-weight:600;transition:background .15s}#hero .hero-content .manifest-input button:hover{background:#e0e0e0}.gs-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.gs-card{text-align:center;color:inherit;background:#f5f5f5;border:1px solid #ddd;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;text-decoration:none;transition:background .15s;display:flex}.gs-card:hover{background:#eaeaea}#features{background:#fafafa}.features-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #e0e0e0;padding:1rem 1.25rem}.feature-card h3{margin:0 0 .25rem;font-size:1rem}.feature-card p{color:#555;margin:0;font-size:.9rem;line-height:1.5}#showcase{padding-bottom:0}#showcase .showcase-grid{grid-template-columns:repeat(2,1fr);gap:0;display:grid}@media (width>=992px){#showcase .showcase-grid{grid-template-columns:repeat(3,1fr)}}#showcase .showcase-box{text-decoration:none;display:block;position:relative;overflow:hidden}#showcase .showcase-box img{width:100%;display:block}#showcase .showcase-box .showcase-box-caption{color:#fff;opacity:0;text-align:center;background:#3e114ee6;transition:opacity .2s;display:block;position:absolute;inset:0}#showcase .showcase-box .showcase-box-caption .showcase-box-caption-content{text-align:center;width:100%;padding:0 15px;position:absolute;top:50%;transform:translateY(-50%)}#showcase .showcase-box .showcase-box-caption .project-category{color:#ffffffb3}@media (width>=768px){#showcase .showcase-box .showcase-box-caption .project-category{font-size:16px}}#showcase .showcase-box .showcase-box-caption .project-name{font-size:18px}@media (width>=768px){#showcase .showcase-box .showcase-box-caption .project-name{font-size:22px}}#showcase .showcase-box:hover .showcase-box-caption{opacity:1}#showcase .showcase-box:focus{outline:0}#supported-by{text-align:center;padding:4rem 0}#supported-by .logos-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 3rem;margin-bottom:3rem;display:flex}#supported-by .logo-item{justify-content:center;align-items:center;display:flex}#supported-by .logo-item img{object-fit:contain;width:auto;max-width:160px;height:50px;display:block}@media (width<=640px){.gs-grid{grid-template-columns:1fr}}.community-links{margin-right:0}.community-links ul{padding-left:0}.community-links li{margin-left:none;list-style:none}.community-links .community-link{color:inherit;font-weight:600;text-decoration:none}.community-links .community-link:hover{text-decoration:underline}.calendar-embed{max-width:720px;margin:2rem 0}.calendar-embed iframe{width:100%;display:block}.logos-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 3rem;margin-top:2rem;margin-bottom:1rem;display:flex}.logo-item{justify-content:center;align-items:center;display:flex}.logo-item img{object-fit:contain;width:auto;max-width:160px;height:50px;display:block}html{background-color:#f1f5f9}*,:before,:after{box-sizing:border-box}body{flex-direction:column;width:100%;min-height:100vh;margin:0;line-height:1.5;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--uv-font-family-headings);font-weight:400}h1{line-height:1.2}h1,h2{font-weight:500}a{text-underline-offset:.125rem;text-decoration:underline}a:hover{text-decoration:none}main{flex:1;max-width:70ch;margin:0 auto;padding:2rem}p{margin-bottom:1rem}ul{max-width:720px;padding-left:1.5rem}ul li{margin-bottom:.5rem;line-height:1.6}footer{background-color:#fff;border-top:1px solid #0000001a;width:100%;margin-top:4rem;padding:2rem 1rem}footer .footer-content{grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;display:grid}footer .footer-logo h2{color:#333;margin:0 0 .5rem;font-size:1.5rem}footer .footer-logo p{color:#666;margin:0;font-size:.9rem;line-height:1.4}footer .footer-links h3,footer .footer-social h3{color:#333;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.85rem;font-weight:600}footer .footer-links ul,footer .footer-social ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}footer .footer-links ul li a,footer .footer-social ul li a{color:#666;padding:.25rem 0;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-block}footer .footer-links ul li a:hover,footer .footer-links ul li a:focus,footer .footer-social ul li a:hover,footer .footer-social ul li a:focus{color:#000;text-decoration:underline}@media (width>=768px){footer{padding:3rem 2rem}footer .footer-content{grid-template-columns:1fr 1fr;gap:3rem}footer .footer-logo{grid-column:1/-1}}@media (width>=1024px){footer .footer-content{grid-template-columns:2fr 1fr 1fr}footer .footer-logo{grid-column:auto}}