: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}:root{--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)}:root{--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);transition:color .5s,background-color .5s;line-height:1.6;font-family:Geist,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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;font-weight:700;letter-spacing:2px;line-height:1;color:var(--color-text-heading);margin-bottom:var(--margin-sm)}#app>main>header p{color:var(--color-text-muted)}#app>main>header{display:flex;justify-content:space-between}#app>main>header>:last-child a{color:var(--color-text-muted);text-decoration:none}@media (max-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;display:inline-block;padding:3px 6px;border-radius:3px;margin-block:6px}.button:hover{opacity:.8;cursor:pointer}.icon-list{display:flex;gap:var(--size-md)}a{color:inherit}a.icon,a.icon img{width:var(--size-lg);height:var(--size-lg)}@keyframes skeleton-loading{to{transform:translate(100%)}}.skeleton{background:var(--color-background-soft);overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;animation:skeleton-loading var(--duration-animation-lg) infinite;background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);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{display:flex;flex-direction:column;background-color:var(--color-background-mute);border:solid 1px var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;transition:background-color var(--duration-animation-md),border var(--duration-animation-md),box-shadow var(--duration-animation-md),transform var(--duration-animation-md)}.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{width:100%;aspect-ratio:16/9;object-fit:cover}.a-block .skeleton-img{aspect-ratio:16/9;width:100%}.a-block .only-year{height:100%;-webkit-user-select:none;user-select:none;display:flex;justify-items:center;align-items:center;justify-content:center;color:var(--color-brand-200);font-weight:700;font-size:7em}.a-block header{color:var(--color-text-heading);padding:var(--size-md)}.a-block header .mainheader{display:flex;justify-content:space-between;margin-bottom:6px;gap:var(--size-sm)}.a-block header h1{margin:0;padding:0;line-height:1;font-size:18px;font-weight:700}.a-block header h1.skeleton{height:18px;width:8em}.a-block header .subheader{display:flex;justify-content:space-between}.a-block header p.small{color:var(--color-text);font-size:12px;line-height:1.4}.a-block header p.small.skeleton{height:38px;width:100%}.a-block header .date{padding:1px;font-size:10px;white-space:nowrap}.a-block header .date.skeleton{height:16px;width:8em}body:has(.fullscreen){height:100%;position:fixed}header[data-v-7b2a1075]{line-height:1.5;max-height:100vh}.logo[data-v-7b2a1075]{display:block;margin:0 auto 2rem}nav[data-v-7b2a1075]{width:100%;font-size:12px;text-align:center;margin-top:2rem}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:transparent}nav a[data-v-7b2a1075]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-7b2a1075]:first-of-type{border:0}@media (min-width: 1024px){header[data-v-7b2a1075]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-7b2a1075]{margin:0 2rem 0 0}header .wrapper[data-v-7b2a1075]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-7b2a1075]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.albums-list[data-v-71bc22b3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--size-lg)}