:root{--sprk-fg-color: black;--sprk-bg-color: white;--sprk-fade-color: #a3a3a3;--sprk-dim-color: #d3d3d3;--sprk-highlight-color: #333;--sprk-error-color: #ff6961;--sprk-success-color: #3cb371;--input-border: var(--sprk-dim-color);--input-border-size: .1rem;--input-border-active: var(--sprk-highlight-color);--input-border-radius: .4rem;--window-shadow: var(--sprk-fg-color);--sprk-bg: var(--sprk-bg-color);--sprk-fg: var(--sprk-fg-color);--sprk-border-size: 2px;--sprk-border-radius: .7em;--sprk-border-color: var(--sprk-fg-color);--sprk-icon-link: var(--sprk-fg-color);--sprk-disabled: var(--sprk-fade-color);--sprk-placeholder: var(--sprk-highlight-color);--sprk-shadow-size: .25rem;--btn-hover-bg: var(--sprk-border-color);--btn-hover-color: var(--sprk-bg)}[data-theme=dark]{--sprk-fg-color: white;--sprk-bg-color: black;--sprk-fade-color: #666;--sprk-dim-color: #333;--sprk-highlight-color: #d3d3d3}[data-ui=simple]{--sprk-shadow-size: 0}[data-ui=blocky]{--sprk-border-radius: 0;--input-border-radius: 0;--btn-hover-bg: var(--sprk-bg-color);--btn-hover-color: var(--sprk-fg-color)}[data-ui=blocky] button:hover{transform:translate(-.25rem,-.25rem);box-shadow:.25rem .25rem 0 var(--sprk-border-color)}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;height:100%}body{position:relative;height:100%;margin:0;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{display:flex;flex-direction:column;align-items:center;background-color:var(--sprk-bg);background-image:radial-gradient(var(--sprk-dim-color) 1px,transparent 0);background-position:2px 2px;background-size:20px 20px}body,input,button,textarea,dialog{color:var(--sprk-fg)}main,header,footer{padding:.5em}footer{width:100%;text-align:right}main{flex:1;width:100%;max-width:550px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}section{width:100%;margin:.5em}input::placeholder,textarea::placeholder{opacity:.5;color:var(--sprk-placeholder)}input[required],textarea[required]{background-size:1em 1em;background-position:right top;background-repeat:no-repeat}input[required]:placeholder-shown,textarea[required]:placeholder-shown{background-image:radial-gradient(var(--sprk-error-color) 40%,transparent 50%)}input[required]:not(:placeholder-shown):valid,textarea[required]:not(:placeholder-shown):valid{background-image:radial-gradient(var(--sprk-success-color) 40%,transparent 50%)}input[required]:not(:placeholder-shown):not(:valid),textarea[required]:not(:placeholder-shown):not(:valid){background-image:radial-gradient(var(--sprk-error-color) 40%,transparent 50%)}input:not(:valid):not(:placeholder-shown),textarea:not(:valid):not(:placeholder-shown){border-color:var(--sprk-error-color)}fieldset{border:none;padding:0;margin:0}a{text-decoration:none;color:var(--sprk-fg);overflow-wrap:break-word;word-wrap:break-word}a:not(.icon){border-bottom:1px dashed var(--sprk-fg)}.text-center{text-align:center}.no-pad{padding:0}.sp-alert{position:fixed;top:0;right:0;padding:.5em;margin:.5em;background:var(--sprk-bg);border:1px solid var(--sprk-border-color)}.sp-title{text-align:center;font-size:1.3em;letter-spacing:.3em}.sp-box{border:var(--sprk-border-size) solid var(--sprk-border-color);border-radius:var(--sprk-border-radius);background-color:var(--sprk-bg);filter:drop-shadow(var(--sprk-shadow-size) var(--sprk-shadow-size) 0 var(--window-shadow))}.sp-box .sp-box-header{text-align:center;border-bottom:var(--sprk-border-size) solid var(--sprk-border-color);display:flex;align-items:center;justify-content:space-between;position:relative;padding:.3em}.sp-box .sp-box-header button{border:none;background:none;padding:.3em}.sp-box .sp-box-header button:first-child{opacity:0;pointer-events:none}.sp-box .sp-box-header button:hover{color:var(--sprk-fg);transform:initial;box-shadow:initial}.sp-box .sp-box-header span{text-transform:uppercase;letter-spacing:.2em}.sp-box .sp-box-content{padding:1em}.sp-box .sp-box-content p{text-wrap:wrap}.sp-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));grid-gap:.75em}.sp-tiles button{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;letter-spacing:1px}.sp-tiles button i{font-size:1.3em;padding-bottom:.4em}form>*{margin-bottom:.5rem}form>*:last-child{margin-bottom:0}form.input-group{display:flex;border:var(--input-border-size) solid var(--input-border);border-radius:var(--input-border-radius)}form.input-group select,form.input-group input{margin:0;border:none;border-radius:0}form.input-group select{width:max(25%,75px);border-right:var(--input-border-size) solid var(--input-border)}form.input-group input{flex-grow:1}textarea,input,select{background-color:transparent;border:var(--input-border-size) solid var(--input-border);border-radius:var(--input-border-radius);box-shadow:none;padding:.5rem 1rem;width:100%;-moz-transition:border .3s ease-in-out;-o-transition:border .3s ease-in-out;-webkit-transition:border .3s ease-in-out;transition:border .3s ease-in-out}textarea:focus,input:focus,select:focus{border-color:var(--input-border-active);outline:0}input[type=checkbox]{width:auto}select{color:var(--sprk-fg)}label select,label input[type=date]{min-width:100px;max-width:50%;width:auto}label input[type=url]{min-width:100px;max-width:50%}label .w200{max-width:200px}textarea{resize:vertical;min-height:10vh;max-height:50vh}button{background:none;border:var(--sprk-border-size) solid var(--sprk-border-color);padding:.5rem 1.5rem;text-decoration:none;border-radius:var(--input-border-radius);-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;letter-spacing:.3em}button.xs{padding:.5rem .75rem;margin-left:.25rem}button:hover{background:var(--btn-hover-bg);color:var(--btn-hover-color)}button:disabled{border-color:var(--input-border);background:var(--input-border);pointer-events:none;opacity:.7}button i{letter-spacing:initial}a i{color:var(--sprk-icon-link)}a[disabled]{pointer-events:none}a[disabled] i{color:var(--sprk-disabled)}.sp-gallery{width:100%;max-height:75vh;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75em}.sp-gallery img{object-fit:cover;width:100%;max-height:150px;aspect-ratio:1/1}footer a{padding:.5em}ul{margin:0;padding:0}ul li{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}img{max-width:100%;max-height:200px}details{text-align:left}details section{box-sizing:border-box}details section>*{margin-bottom:1em}h5{margin:.5rem 0}h5+h5{color:var(--sprk-fade-color)}label,.label{display:flex;align-content:center;justify-content:space-between;width:100%;align-items:center}.item-list{padding:.75em 0}.item-list .item{text-align:left;margin:0 auto;padding:.4rem;border:1px solid var(--sprk-bg-color);-moz-transition:border-color .3s ease-in-out;-o-transition:border-color .3s ease-in-out;-webkit-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out}.item-list .item img,.item-list .item div{display:inline-block;height:100%;vertical-align:top}.item-list .item div{padding:0 .5em;width:calc(100% - 75px)}.item-list .item img{width:75px}.item-list .item h4{margin:0}.item-list .item img{max-width:100%}.item-list .item:hover{border-color:var(--sprk-fg-color)}.item-pagination{display:flex;justify-content:space-between;padding:1em 0}[data-theme=dark] .rating{--star-default: #444444;--star-clear: #222222;--star-clear-hover: #696969}.rating{--star-default: lightgrey;--star-clear: #ededed;--star-clear-hover: darkgrey;--star-active: goldenrod;--star-hover: goldenrod}.rating-group{display:inline-flex}.rating-group i{pointer-events:none}.rating-group input{display:none}.rating-group label{padding:0 .1em;font-size:1.4rem}.rating-group label.half{padding-right:0;margin-right:-.6em;z-index:2;width:.85rem}.rating-group label.clear-rating i{color:var(--star-default)}.rating-group label.clear-rating:hover+input~label i{color:var(--star-clear)!important}.rating-group i{color:var(--star-active)}.rating-group input:checked~label i{color:var(--star-default)}.rating-group:hover label.clear-rating i{color:var(--star-clear)!important}.rating-group:hover label.clear-rating:hover i{color:var(--star-clear-hover)!important}.rating-group:hover label i{color:var(--star-hover)!important}.rating-group input:hover~label i{color:var(--star-default)!important}::backdrop{background:#0000004d;animation-duration:.3s;animation-fill-mode:forwards}dialog{max-height:80%;max-width:80%;height:100%;width:750px;overflow:hidden;padding:0;border:var(--sprk-border-size) solid var(--sprk-border-color);border-radius:var(--sprk-border-radius);background-color:var(--sprk-bg);animation-duration:.3s;animation-fill-mode:forwards}dialog .sp-modal-content{padding:1em;height:100%;overflow:auto}dialog[open]{animation-name:scroll-fade-in}dialog[open]::backdrop{animation-name:fade-in}dialog.close{animation-name:scroll-fade-out}dialog.close::backdrop{animation-name:fade-out}dialog:focus-visible{outline:none}@keyframes scroll-fade-in{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}