header{flex-basis:var(--header-height);flex:none;box-sizing:border-box;padding:.5rem 0;padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:var(--background-color);line-height:1rem;-webkit-user-select:none;user-select:none}header>.item{padding:0 1rem;display:flex;align-items:center;animation:fade-in var(--animation-duration) ease}header>img{width:1rem;height:1rem;box-sizing:content-box}header>.item.header-title{font-weight:var(--font-weight-medium);font-size:var(--text-size);margin:0}header>.item.header-title img{margin-right:.5rem}header>.button{flex:none;background-color:transparent}@media (max-width: 68rem){header{flex-wrap:wrap}#banner{order:1;width:100%}}#banner{display:flex;align-items:center;background-color:var(--banner-color);color:var(--banner-text-color);border-radius:calc(var(--border-radius) + .5rem);min-height:var(--button-height);padding-left:.5rem;padding-right:.75rem;line-height:1.33}#banner svg{flex-shrink:0;margin-right:.25rem}#banner span{padding:.4rem 0}#banner .spacer{min-width:.5rem;flex-grow:1}#banner button.close{aspect-ratio:1;padding:.25rem;border-radius:50%;background-color:transparent;color:inherit}#banner button.close svg{margin:0}#banner button.close:hover{background-color:var(--focus-color)}li{min-height:var(--button-height);padding:.4375rem 2rem .4375rem .75rem;display:flex;align-items:center;position:relative;border-radius:var(--border-radius);-webkit-tap-highlight-color:rgba(0,0,0,0);line-height:calc(18 / 14);transition:opacity var(--animation-duration);cursor:pointer}li:hover,li.focused{background-color:var(--header-button-hover)}li:active{transition:none;opacity:.5}li .list-item-text{flex-grow:1;z-index:9}li.active{background-color:var(--list-item-active-color);color:var(--list-item-active-text-color)}li .chevron-right{margin:-.4375rem -2rem;margin-left:0;width:2rem;height:2rem;flex:none}li .chevron-right path{stroke-width:1.125px}.search-box-container{flex:none;background:linear-gradient(to bottom,var(--panel-background-color) 1rem,transparent 1rem);position:sticky;top:0;z-index:10;padding:.5rem}.search-box{width:100%;height:var(--button-height);padding:0 0 0 2.25rem;background-color:var(--input-color);border:none;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:box-shadow var(--animation-duration);font-size:var(--text-size);line-height:var(--button-height);color:var(--text-color);caret-color:var(--input-caret-color)}.search-box::placeholder{opacity:1;color:var(--input-placeholder-color)}.search-box:active{transition:box-shadow 0s}.search-box:focus{box-shadow:var(--focus-box-shadow);outline:none}.search-box+svg{box-sizing:content-box;padding:0rem .5rem;position:absolute;top:0;left:.5rem;height:100%;color:var(--input-placeholder-color);pointer-events:none}#list-container{-webkit-overflow-scrolling:touch;overflow-x:auto;position:relative;flex:1;display:grid;grid-template-columns:repeat(4,minmax(15rem,1fr));padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));padding-bottom:max(.5rem,env(safe-area-inset-bottom));gap:.5rem}#list-container:before{width:47rem;height:.0625rem;display:block;position:absolute;top:0;left:0;background-color:#0000;content:""}section{display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;background-color:var(--panel-background-color);border-radius:calc(var(--border-radius) + .5rem);-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:.5rem 0 0 var(--background-color);transition:transform var(--animation-duration) var(--animation-easing),opacity var(--animation-duration) var(--animation-easing);transform:translate(0);opacity:1;animation:slide-in var(--animation-duration) var(--animation-easing) backwards}section.disabled{border-right-style:none;transform:translate(-100%);opacity:0}section:first-of-type{z-index:49}section:nth-of-type(2){z-index:48}section:nth-of-type(3){z-index:47}section:last-of-type{z-index:46;border-right-style:none}.title{padding:1.25rem 1.25rem .5rem;margin:0;flex:none;font-weight:var(--font-weight-medium);font-size:var(--text-size-huge);-webkit-user-select:none;user-select:none}ol{margin:0;padding:0 .5rem .5rem;flex:1;position:relative;list-style:none}.empty-message{flex:1;display:flex;align-items:center;justify-content:center;opacity:.5;font-size:var(--text-size-large);-webkit-user-select:none;user-select:none}.download-view{padding:1rem}.download-view .info{margin:0 0 2rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;cursor:default}.download-view .info svg{margin:.5rem auto;display:block;width:3rem;height:3rem}.download-view .info svg path{stroke-width:1.75px}.download-view .info h2{font-weight:var(--font-weight-medium);font-size:var(--text-size-huge);margin:0}.download-view .info p{opacity:.67}.controls-container{flex:1}.controls-container .button.primary{margin-bottom:0}.loading-indicator-flex-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.loading-indicator-container{width:15rem;display:flex;flex-wrap:wrap;transition:opacity var(--animation-duration);animation:fade-in var(--animation-duration) ease 1s both}.text{font-weight:var(--font-weight-medium)}.left.text{flex:1}#progress-container{width:15rem;height:.5rem;margin-top:.5rem;border-radius:50em;background-color:var(--input-color)}#progress-bar{height:100%;border-radius:50em;background-color:var(--primary-color);transition:width var(--animation-duration),background-color var(--animation-duration)}#progress-bar.done{background-color:var(--done-color)}@keyframes progress-bar-anim{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0}}#progress-bar:before{width:100%;height:100%;display:block;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.5));border-radius:50em;transition:opacity 1s;transform-origin:0 50%;animation:progress-bar-anim 2s ease infinite;content:""}#progress-bar.done:before{animation:none;opacity:0}dialog{background-color:var(--panel-background-color);border-radius:calc(var(--border-radius) * 2);border:none;box-shadow:var(--dialog-shadow);color:var(--text-color);padding:1.5rem;width:18rem;font-size:var(--text-size-small);text-align:center;transform-origin:100% 0%}dialog[open]{animation:dialog-zoom-in var(--animation-duration) var(--animation-easing)}dialog.hide{animation-name:dialog-zoom-out}@keyframes dialog-zoom-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dialog-zoom-out{to{transform:scale(.8);opacity:0}}dialog[open]::backdrop{animation:backdrop-show .2s cubic-bezier(.85,0,0,1)}dialog.hide::backdrop{animation-name:backdrop-hide}@keyframes backdrop-show{0%{opacity:0}to{opacity:1}}@keyframes backdrop-hide{to{opacity:0}}dialog h2{margin-top:0;margin-bottom:.5rem;font-size:var(--text-size-large)}dialog button.close{position:absolute;top:.5rem;right:.5rem;aspect-ratio:1;padding:0;border-radius:50%}dialog button.close svg{margin:0}dialog .button-row{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;width:75%}dialog p:last-child{margin-bottom:0}.copyright-notice{text-align:left;border-top:1px solid var(--input-color);padding-top:1.5rem;margin-top:1.5rem}.copyright-notice h3{margin-top:0;font-size:inherit}:root{color-scheme:light dark;font-size:16px;--background-color: rgb(245, 245, 248);--panel-background-color: rgb(255, 255, 255);--input-color: rgba(211, 211, 222, .5);--input-placeholder-color: rgb(71, 71, 80);--input-caret-color: var(--primary-color);--text-color: rgb(20, 18, 43);--underline-color: rgba(20, 18, 43, .33);--text-size-huge: 1.5rem;--text-size-large: 1.25rem;--text-size: .875rem;--text-size-small: .75rem;--font-weight-medium: 600;--font-weight-bold: bold;--primary-color: rgb(85, 22, 214);--primary-border: .0625rem solid var(--primary-color);--button-text-color: rgb(255, 255, 255);--focus-color: rgb(181, 177, 255);--focus-width: .25rem;--focus-box-shadow: 0 0 0 1px var(--primary-color), 0 0 0 var(--focus-width) var(--focus-color);--header-button-hover: rgba(21, 6, 64, .05);--list-item-active-color: rgb(223, 224, 255);--list-item-active-text-color: rgb(48, 0, 138);--banner-color: rgb(255, 216, 187);--banner-text-color: rgb(84, 23, 0);--done-color: #06c814;--border-radius: .5rem;--button-height: 2rem;--header-height: 3rem;--animation-duration: .2s;--animation-easing: cubic-bezier(.85, 0, 0, 1);--dialog-shadow: 0 0 0 1px rgba(20, 18, 43, .08), 0 25px 50px -12px rgba(20, 18, 43, .25), 0 50px 80px rgba(20, 18, 43, .06)}::backdrop{background-color:#f5f5f8cc}@media (prefers-color-scheme: dark){:root{--background-color: #000;--panel-background-color: rgb(22, 22, 24);--input-color: rgba(98, 98, 108, .5);--input-placeholder-color: rgb(188, 189, 199);--input-caret-color: var(--text-color);--text-color: rgb(212, 212, 215);--underline-color: rgba(212, 212, 215, .5);--primary-border: .0625rem solid rgb(165, 157, 255);--focus-color: rgb(94, 90, 154);--focus-box-shadow: 0 0 0 1px var(--primary-color), 0 0 0 var(--focus-width) var(--focus-color);--header-button-hover: rgba(216, 216, 255, .12);--list-item-active-color: rgb(43, 35, 93);--list-item-active-text-color: rgb(255, 255, 255);--banner-color: rgb(83, 24, 0);--banner-text-color: rgb(255, 229, 208);--dialog-shadow: 0 0 0 1px rgba(0, 0, 0, .32), 0 25px 50px -12px rgba(0, 0, 0, .75), 0 50px 80px rgba(0, 0, 0, .24)}::backdrop{background-color:#000c}}@media (pointer: coarse){:root{--button-height:2.75rem}}@media (pointer: coarse) and (max-width: 40rem){:root{--text-size: 1rem}}html,body{height:100%}body{margin:0;min-height:11.5rem;min-width:20rem;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column}body,input,button{font-family:system-ui,sans-serif;font-size:var(--text-size)}*{box-sizing:border-box}#root{display:contents}svg{margin-right:.5rem}a{color:inherit;text-decoration-color:var(--underline-color)}a:hover{text-decoration-color:currentColor}a:active{opacity:.5}a:focus{outline:none;box-shadow:var(--focus-box-shadow)}.center-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.button{min-height:var(--button-height);padding:.25rem .75rem;border-radius:var(--border-radius);box-sizing:border-box;background-color:var(--input-color);color:var(--text-color);border:none;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-size);font-weight:var(--font-weight-medium);line-height:1rem;text-decoration:none;text-align:center;-webkit-user-select:none;user-select:none;transition:opacity var(--animation-duration),box-shadow var(--animation-duration),background-color var(--animation-duration),color var(--animation-duration);cursor:pointer}.button:hover,.button:active{background-color:var(--list-item-active-color);color:var(--list-item-active-text-color)}.button:active{transition:none;opacity:.5}.button:focus{box-shadow:var(--focus-box-shadow);outline:none}.button svg{min-width:1rem;min-height:1rem}.button svg.start{margin-left:-.125em;margin-right:.25em}.button svg.end{margin-left:.25em;margin-right:-.125em}.button.primary{margin:0 0 .5rem;padding:.75rem 1.25rem;width:100%;background-color:var(--primary-color);border-color:var(--primary-color);color:var(--button-text-color);border-radius:calc(var(--border-radius) * 1.25);font-size:var(--text-size-large);line-height:1.2}.button.primary:hover{opacity:.85}.button.primary:active{opacity:.5}.button.primary svg path{stroke-width:2.5px}.spinner{width:1.5rem;height:1.5rem;border:.2rem solid var(--background-color);border-top-color:var(--primary-color);border-left-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.spinner.big{width:3rem;height:3rem;border-width:.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}