html{overflow-x:hidden}body{margin:0;min-height:100svh}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}:root{--color-background: #eef3f6;--color-accent: #005bff;--easing: cubic-bezier(.6, .5, .55, 1.05);--micromodule: 10px;--base-module: calc(var(--micromodule) * 10)}.layout{display:grid;grid-template:var(--layout) / 1fr;justify-content:center;justify-items:center;align-content:start;padding:calc(var(--micromodule) * 2);box-sizing:border-box;max-width:1920px;min-height:inherit;--base-row: var(--base-module);--margins: minmax(0, 1fr);--expanded-row: calc(var(--base-module) + var(--micromodule));--layout: var(--margins) var(--expanded-row) var(--base-row) var(--expanded-row) var(--margins)}.layout__header{place-self:start;margin:0;font:inherit}@media screen and (orientation: landscape){.layout{grid-template:1fr / var(--layout);justify-items:center;align-items:center}.layout__inputs-stack{justify-self:start}}.progress-spinner{aspect-ratio:1/1;position:relative;max-width:100%;max-height:100%;transition:filter 60ms ease-in;--progress-spinner__value: 0;--diameter: 100%;--radius: calc(var(--diameter) / 2);--length: calc(2 * 3.14 * var(--radius))}.progress-spinner:before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;display:block;border:var(--micromodule) var(--color-background) solid;border-radius:100vh;content:""}.progress-spinner--hidden{filter:opacity(0)}.progress-spinner__arc{position:relative;display:block;max-width:100%;max-height:100%;overflow:visible;stroke:var(--color-accent);stroke-dasharray:var(--length);stroke-dashoffset:calc(var(--length) * (var(--progress-spinner__max-value) - var(--progress-spinner__value)) / var(--progress-spinner__max-value));stroke-width:10px;fill:none;animation:cancelRotation .2s var(--easing) 1 both;transition:stroke-dashoffset .2s var(--easing);--base-rotation: 270deg;--current-rotation: 0}.progress-spinner--animated>.progress-spinner__arc{animation:rotate 1s linear infinite}@keyframes cancelRotation{0%{transform:rotate(var(--current-rotation))}to{transform:rotate(var(--base-rotation))}}@keyframes rotate{0%{transform:rotate(var(--base-rotation))}to{--current-rotation: calc(var(--base-rotation) + 1turn);transform:rotate(calc(var(--base-rotation) + 1turn))}}.inputs-stack{display:grid;grid-auto-rows:auto;align-items:start;gap:10px;margin:0;padding:0;border:0}.input{display:flex;align-items:center;gap:calc(var(--micromodule) * 2);width:fit-content}.input__value::-webkit-outer-spin-button,.input__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input__value[type=number]{-moz-appearance:textfield}.input__value{position:relative;display:inline-block;margin:0;padding:3px;box-sizing:content-box;width:calc(var(--switch-side) + var(--travel-length));height:var(--switch-side);border-radius:100vh;text-align:center;font:inherit;font-weight:400;-webkit-appearance:none;-moz-appearance:none;appearance:none;--switch-side: 24px;--travel-length: 15px;--padding: 3px;--border-width: 2px;--height: calc(var(--switch-side) + var(--padding) * 2)}.input__value--checkbox{background-color:var(--color-background)}.input__value--checkbox:before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:100vh;background-color:var(--color-accent);content:"";filter:opacity(0);transition:filter .15s var(--easing)}.input__value--checkbox:checked:before{filter:opacity(1)}.input__value--checkbox:after{position:relative;display:block;width:var(--switch-side);height:var(--switch-side);border-radius:100vh;background-color:#fff;content:"";transition:transform .15s var(--easing)}.input__value--checkbox:checked:after{transform:translate(var(--travel-length))}.input__value--number{width:calc(var(--switch-side) + var(--travel-length) - var(--border-width) * 2);height:calc(var(--switch-side) - var(--border-width) * 2);border:#000 var(--border-width) solid}.control__label{line-height:1.25}