#main-content .container{position:relative;gap:3rem}form[name=application]{--padding-edge: 2.5rem;display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:1.25rem;padding:var(--padding-edge);padding-bottom:12.5rem;margin-bottom:calc(var(--bottom, 0rem) + var(--margin-top) + var(--margin-bottom));border:.125rem solid var(--primary);border-radius:.25rem;color:var(--surface)}form[name=application] .slogan{color:var(--primary);font-size:1.625rem;font-weight:700;margin-top:.625rem;margin-bottom:0}form[name=application] .slogan>mark{display:inline-block;background-color:var(--surface);color:var(--open-source-black)}form[name=application] .version{--color: var(--primary);color:var(--color);display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;user-select:none;width:100%}form[name=application] .version.switchable{cursor:pointer}form[name=application] .version.loading :not(.name){display:none}form[name=application] .version .name{font-family:var(--font-monospace),monospace;font-weight:500;flex-shrink:0}form[name=application] .version .newer{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;color:var(--surface);background-color:var(--color)}form[name=application] .version.network-error{font-family:var(--font-monospace),monospace;font-weight:500;word-break:keep-all}form[name=application] .version[data-type=debug]{--color: var(--contrast-dark)}form[name=application] .actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:1.5rem;width:100%}form[name=application] a.user-guide{color:var(--primary);font-size:1rem;font-weight:500}form[name=application] a[download]{display:block;border-radius:.3125rem;border:.125rem solid var(--primary);outline:.25rem solid var(--surface);background-color:var(--surface);color:var(--primary);font-size:1rem;font-weight:700;text-align:center;padding:1rem 1.25rem}.screenshots{--figure-width: 11.375rem;display:flex;justify-content:space-evenly;margin-left:calc(var(--container-edge)*-1);margin-right:calc(var(--container-edge)*-1);position:absolute;top:calc(var(--top, 0rem) + var(--margin-top));width:100%}.screenshots picture{border:.25rem solid var(--surface);background-color:var(--surface)}.screenshots figure{display:flex;flex-direction:column;align-items:center;margin:0}.screenshots figcaption{margin:1rem 0;color:var(--on-surface);font-size:.875rem;text-align:center}.screenshots img{width:var(--figure-width)}.screenshots picture,.screenshots img{display:block;height:auto;border-radius:.3125rem;background-color:var(--light-color, var(--surface))}@media only screen and (prefers-color-scheme: dark){.screenshots picture,.screenshots img{background-color:var(--dark-color, var(--surface))}}@media only screen and (max-width: 47.99rem){.screenshots{--margin-edge: calc(50% - (var(--figure-width) / 2));-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;flex:none;gap:calc(var(--margin-edge)/2)}.screenshots::-webkit-scrollbar{display:none}.screenshots figure{scroll-snap-stop:always;scroll-snap-align:center;flex-shrink:0}.screenshots figure:first-child{margin-left:var(--margin-edge)}.screenshots figure:last-child{margin-right:var(--margin-edge)}}@media only screen and (min-width: 62rem){.screenshots{justify-content:flex-end;gap:6rem;padding-right:3.75rem}}form[name=application],.screenshots{--top: 12.04rem;--bottom: 14.92rem;--margin-top: 1.75rem;--margin-bottom: 0.5rem}@media only screen and (max-width: 47.99rem){form[name=application],.screenshots{--top: 12.66rem}}@media only screen and (max-width: 38.49rem){form[name=application],.screenshots{--top: 15.31rem}}@media screen and (max-width: 28.375rem){form[name=application],.screenshots{--top: 17.18rem}}@media screen and (max-width: 22.8125rem){form[name=application],.screenshots{--top: 19.04rem}}@media only screen and (max-width: 47.99rem){form[name=application],.screenshots{--margin-top: 3.5rem}}@media only screen and (max-width: 38.49rem){form[name=application],.screenshots{--margin-top: 2.5rem;--margin-bottom: 0rem}}dl{--padding-edge: 1.5rem;display:flex;margin:0;border-radius:var(--content-border-radius);padding:0 var(--padding-edge);background-color:var(--surface);gap:var(--padding-edge)}dl[hidden]{display:none}dl dt{color:var(--on-surface);border-top:.125rem solid var(--primary);padding:1.25rem 0;font-size:1.25rem;font-weight:500;width:15rem}dl dt span{width:min-content;display:inline-block}dl dd{padding:1.75rem 0;flex:1;color:var(--on-surface)}dl#compatible-products dd{display:flex;margin:0;gap:1.25rem;align-items:center;flex-wrap:wrap;justify-content:space-between;word-break:break-word}dl#compatible-products dd .cards,dl#compatible-products dd .market{margin:0;flex:1}dl#compatible-products dd .cards{padding-left:1.25rem;font-weight:500}dl#compatible-products dd .cards li::after{background-color:var(--primary);content:"";display:inline-block;width:.8rem;height:.8rem;margin-left:.25rem;mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m256-240-56-56 384-384H240v-80h480v480h-80v-344L256-240Z"/></svg>');vertical-align:super}dl#compatible-products dd .cards li::marker{color:var(--primary)}dl#compatible-products dd .cards a:hover{color:var(--primary-dark)}dl#compatible-products dd .market p:not(:last-child){margin-bottom:1rem}dl#compatible-products dd .market :last-child{margin-bottom:0}dl#compatible-products dd .statement{margin:0;font-size:.875rem;flex-basis:100%}dialog.download-confirmation{max-width:40rem;border:.0625rem solid var(--primary-light);border-radius:1.125rem;padding:0;background-color:var(--surface)}dialog.download-confirmation::before{display:block;height:.25rem;width:calc(100% - 2.25rem);margin-left:1.125rem;margin-right:1.125rem;background-color:var(--contrast);content:""}dialog.download-confirmation::backdrop{position:fixed;background-color:var(--primary-backdrop);inset:0}dialog.download-confirmation [hidden]{display:none !important}dialog.download-confirmation form{display:flex;flex-direction:column;margin:1.5rem;gap:1rem}dialog.download-confirmation section{display:flex;flex-direction:column;gap:.75rem}dialog.download-confirmation section strong{color:var(--contrast-dark)}dialog.download-confirmation section p{margin:0}dialog.download-confirmation section p[data-count]::after{margin-left:.5rem;content:"(" attr(data-count) ")"}dialog.download-confirmation section.actions{flex-direction:row;align-items:center;gap:.5rem}dialog.download-confirmation section.actions a[download],dialog.download-confirmation section.actions button{cursor:pointer;padding:.625rem 1rem;border:none;outline:none;text-decoration:none;border-radius:.25rem;color:var(--primary);background-color:rgba(0,0,0,0);font-size:1rem;font-weight:500}dialog.download-confirmation section.actions a[download]{color:var(--surface);background-color:var(--primary)}@media only screen and (max-width: 47.99rem){form[name=application]{--padding-edge: 1.875rem}form[name=application] .slogan{margin-top:0}dl{--padding-edge: 1.88rem;flex-direction:column;gap:0}dl dt,dl dt span{width:fit-content}dl#compatible-products dd{padding:1.25rem 0;flex-direction:column;align-items:normal;flex-wrap:nowrap;gap:1.125rem}dl#compatible-products dd .market{padding:1.125rem}dl#compatible-products dd .statement{padding:0 .75rem}}@media only screen and (max-width: 38.49rem){form[name=application] .actions{flex-direction:column;justify-content:center}dialog.download-confirmation{max-width:calc(100% - 2.5rem)}dl{--padding-edge: 1rem;gap:0}dl#compatible-products dd .market{padding:.5rem}dl#compatible-products dd .statement{padding:0}}