:root{--color-brand-50:#f4f7fb;--color-brand-100:#e7eef7;--color-brand-200:#cbdbec;--color-brand-300:#9dbcdc;--color-brand-400:#6899c8;--color-brand-500:#457bb2;--color-brand-600:#336196;--color-brand-700:#2a4f7a;--color-brand-800:#264466;--color-brand-900:#243b56;--color-brand-950:#1d2d44;--color-background:var(--color-brand-950);--color-background-soft:var(--color-brand-700);--color-background-mute:var(--color-brand-600);--color-border:var(--color-brand-500);--color-border-hover:var(--color-brand-300);--color-text-heading:var(--color-brand-200);--color-text-default:var(--color-brand-50);--color-text-muted:var(--color-brand-400);--size-xxs:2px;--size-xs:4px;--size-sm:8px;--size-md:12px;--size-lg:24px;--size-xl:48px;--size-xxl:96px;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:24px;--duration-animation-sm:.25s;--duration-animation-md:.5s;--duration-animation-lg:2s;--margin-sm:6px;--margin-md:12px;--margin-lg:24px;--margin-xl:48px}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:400;src:url(/fonts/geist-v3-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:700;src:url(/fonts/geist-v3-latin-700.woff2)format("woff2")}body{min-height:100vh;color:var(--color-text-default);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}.utils-flex-spacer{flex-grow:1}#app>main:not(.fullscreen){padding:var(--size-lg)}#app>main>header{margin-bottom:var(--margin-md)}#app>main{width:100vw}#app>main>header h1{text-transform:uppercase;letter-spacing:2px;color:var(--color-text-heading);margin-bottom:var(--margin-sm);font-weight:700;line-height:1}#app>main>header p{color:var(--color-text-muted)}#app>main>header{justify-content:space-between;display:flex}#app>main>header>:last-child a{color:var(--color-text-muted);text-decoration:none}@media (width<=1000px){#app>main>header{text-align:center;flex-direction:column}#app>main>header>*{order:2}#app>main>header>:last-child{order:1}}.button{background-color:red;border-radius:3px;margin-block:6px;padding:3px 6px;display:inline-block}.button:hover{opacity:.8;cursor:pointer}.icon-list{gap:var(--size-md);display:flex}a{color:inherit}a.icon{width:var(--size-lg);height:var(--size-lg)}a.icon img{width:var(--size-lg);height:var(--size-lg)}@keyframes skeleton-loading{to{transform:translate(100%)}}.skeleton{background:var(--color-background-soft);position:relative;overflow:hidden}.skeleton:after{content:"";z-index:1;width:100%;height:100%;animation:skeleton-loading var(--duration-animation-lg) infinite;background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);position:absolute;top:0;left:0;transform:translate(-100%)}.a-block-list:has(.a-block:not(.a-block-no-hover):hover) .a-block:not(:hover) picture{filter:brightness(.75)grayscale(50%)}.a-block-list:has(.a-block:not(.a-block-no-hover):hover) .a-block:not(:hover):hover picture{filter:none}.a-block{background-color:var(--color-background-mute);border:solid 1px var(--color-border);border-radius:var(--border-radius-md);transition:background-color var(--duration-animation-md), border var(--duration-animation-md), box-shadow var(--duration-animation-md), transform var(--duration-animation-md);flex-direction:column;display:flex;overflow:hidden}.a-block:not(.a-block-no-hover):hover{background-color:var(--color-background-soft);border-color:var(--color-border-hover);cursor:pointer;transform:scale(1.05)}.a-block picture{transition:filter var(--duration-animation-md);display:flex}.a-block picture,.a-block picture img{aspect-ratio:16/9;object-fit:cover;width:100%}.a-block .skeleton-img{aspect-ratio:16/9;width:100%}.a-block .only-year{-webkit-user-select:none;user-select:none;height:100%;color:var(--color-brand-200);justify-content:center;place-items:center;font-size:7em;font-weight:700;display:flex}.a-block header{color:var(--color-text-heading);padding:var(--size-md)}.a-block header .mainheader{justify-content:space-between;gap:var(--size-sm);margin-bottom:6px;display:flex}.a-block header h1{margin:0;padding:0;font-size:18px;font-weight:700;line-height:1}.a-block header h1.skeleton{width:8em;height:18px}.a-block header .subheader{justify-content:space-between;display:flex}.a-block header p.small{color:var(--color-text);font-size:12px;line-height:1.4}.a-block header p.small.skeleton{width:100%;height:38px}.a-block header .date{white-space:nowrap;padding:1px;font-size:10px}.a-block header .date.skeleton{width:8em;height:16px}body:has(.fullscreen){height:100%;position:fixed}header[data-v-7b2a1075]{max-height:100vh;line-height:1.5}.logo[data-v-7b2a1075]{margin:0 auto 2rem;display:block}nav[data-v-7b2a1075]{text-align:center;width:100%;margin-top:2rem;font-size:12px}nav a.router-link-exact-active[data-v-7b2a1075]{color:var(--color-text)}nav a.router-link-exact-active[data-v-7b2a1075]:hover{background-color:#0000}nav a[data-v-7b2a1075]{border-left:1px solid var(--color-border);padding:0 1rem;display:inline-block}nav a[data-v-7b2a1075]:first-of-type{border:0}@media (width>=1024px){header[data-v-7b2a1075]{padding-right:calc(var(--section-gap) / 2);place-items:center;display:flex}.logo[data-v-7b2a1075]{margin:0 2rem 0 0}header .wrapper[data-v-7b2a1075]{flex-wrap:wrap;place-items:flex-start;display:flex}nav[data-v-7b2a1075]{text-align:left;margin-top:1rem;margin-left:-1rem;padding:1rem 0;font-size:1rem}}.albums-list[data-v-71bc22b3]{gap:var(--size-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}