:root{--vt-c-white: hsla(0, 0%, 100%, 1);--vt-c-white-soft: hsla(0, 0%, 97.5%, 1);--vt-c-white-mute: hsla(0, 0%, 95%, 1);--vt-c-black: hsla(0, 0%, 9%, 1);--vt-c-black-soft: hsla(0, 0%, 12.5%, 1);--vt-c-black-mute: hsla(0, 0%, 16%, 1);--vt-c-indigo: hsla(210, 29%, 24%, 1);--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--su-btn-primary-bg-color-light: hsla(5, 96%, 54%, 1);--su-btn-info-bg-color-light: hsla(238, 78%, 60%, 1);--su-btn-color-light: hsla(358, 97%, 100%, 1);--su-btn-primary-bg-color-dark: hsla(5, 96%, 54%, 1);--su-btn-info-bg-color-dark: hsla(238, 88%, 80%, 1);--su-btn-color-dark: hsla(358, 7%, 8%, 1)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-2);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--su-btn-primary-bg-color: var(--su-btn-primary-bg-color-light);--su-btn-info-bg-color: var(--su-btn-info-bg-color-light);--su-btn-color: var(--su-btn-color-light);--su-link--info-bg-color: hsla(238, 78%, 60%, 1);--su-menu-panel-bg-color: hsla(0, 0%, 100%, .95)}body[theme=dark]{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--su-btn-primary-bg-color: var(--su-btn-primary-bg-color-dark);--su-btn-info-bg-color: var(--su-btn-info-bg-color-dark);--su-btn-color: var(--su-btn-color-dark);--su-menu-panel-bg-color: hsla(0, 0%, 9%, .95)}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--su-menu-panel-bg-color: hsla(0, 0%, 9%, .95);--su-btn-primary-bg-color: hsla(5, 96%, 54%, 1);--su-btn-info-bg-color: hsla(238, 78%, 60%, 1);--su-btn-color: hsla(358, 97%, 100%, 1)}}:root{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.su-btn{padding:.5em 1em;border-radius:.2em;display:inline-block;font-size:1rem;line-height:1;border:1px solid transparent}.su-btn:active{transform:scale(.98);box-shadow:none}.su-btn--primary{background-color:var(--su-btn-primary-bg-color);color:var(--su-btn-color)}.su-btn--primary.plain{background-color:var(--color-background);color:var(--su-btn-primary-bg-color);border:1px solid var(--su-btn-primary-bg-color)}.su-btn--primary.full{display:block;width:100%}.su-btn--info{background-color:var(--su-btn-info-bg-color);color:var(--su-btn-color)}.su-btn--info.plain{background-color:var(--color-background);color:var(--su-btn-info-bg-color);border:1px solid var(--su-btn-info-bg-color)}.su-btn--info.full{display:block;width:100%;margin:.5em 0}.su-link--info{color:var(--su-link--info-bg-color)}.center{text-align:center;text-transform:uppercase}.su-ct{padding-left:.5em;padding-top:.5em;margin-bottom:1em}.su-input:in-range,.su-input:valid{border-color:green}.su-input:invalid{border-color:red}.su-input{background-color:var(--color-background);padding:.7em .5em;display:block;font-size:1rem;color:var(--text-heading);line-height:1.4;width:100%;border:none;outline:none;border-bottom:1px solid transparent}.su-cell{padding:0 .5em;margin-top:1em;margin-bottom:.2em;font-size:.9rem}.su-label{padding:.5em}.su-card{background-color:var(--color-background-mute);border-radius:.5em;display:flex;flex-direction:column}.su-card__img{width:100%;display:block;object-fit:cover;box-shadow:0 0 .2em #ccc;border:1px solid var(--color-background);border-bottom:0;flex:1;border-top-left-radius:inherit;border-top-right-radius:inherit}.su-card__body{background-color:inherit;display:flex;align-items:center;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;padding:.3em .25em;margin:0;border:1px solid var(--color-background);border-top:0}.su-card__body>a{margin-left:auto}.su-card__bar{padding:.2em;text-align:right}.su-nav{position:fixed;z-index:100;width:100%;background-color:var(--su-menu-panel-bg-color);box-shadow:0 4px 5px #00000012}.su-navbar{position:relative;width:100%;background-color:var(--color-background);margin-bottom:.2em}.su-icon-bar{display:flex;align-items:center;padding:0 .2em}.su-nav-title{height:3.5em;line-height:3.5em;text-align:center}.su-navbar-title{height:3em;line-height:3em;text-align:left;padding-left:.5em}.su-icon-bar__left{position:absolute;top:0;left:0;height:100%}.su-icon-bar__right{position:absolute;top:0;right:0;height:100%}.su-icon{font-size:1.3rem;padding:.3em}.su-icon+.su-icon{margin-left:.2em}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-out}.fade-enter-from,.fade-leave-to{opacity:0}.hidden{visibility:hidden}main{min-height:100vh;overflow:auto;background-color:var(--color-background-mute);padding-top:4em}main.bg{background-color:var(--color-background)}footer{display:none}@media (min-width: 35em){footer{display:block;background-color:var(--color-background-mute);padding:.6em 0;text-align:center;font-size:.8rem;color:var(--color-text)}}