@media(prefers-contrast: more){.site-header .lang-switcher .lang-link{color:LinkText}.site-header .lang-switcher .lang-link.is-active{text-decoration-color:ActiveText}.site-header .lang-switcher .lang-link:hover:not(.is-active){color:ActiveText;text-decoration-color:ActiveText}}.lang-switcher{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.3125rem;letter-spacing:.05em;text-transform:uppercase}.lang-switcher .lang-link{color:light-dark(#005398, #4dabf7);transition:opacity .2s,color .2s,text-decoration-color .2s;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:rgba(0,0,0,0)}.lang-switcher .lang-link:focus-visible{outline:2px solid light-dark(#291eff, #acf);outline-offset:4px;border-radius:2px}.lang-switcher .lang-link:focus,.lang-switcher .lang-link:focus-visible,.lang-switcher .lang-link:hover{color:light-dark(#291eff, #acf)}.lang-switcher .is-active{text-decoration-line:underline;text-decoration-thickness:.125rem;text-underline-offset:.25rem;text-decoration-color:light-dark(#291eff, #acf);color:light-dark(#291eff, #acf);font-weight:700;cursor:default}.lang-switcher>*:not(:last-child)::after{content:"|"/"";margin:.75rem;color:light-dark(#333, #eee);display:inline-block;font-weight:400;text-decoration:none}.search-wrapper{margin-inline-start:0 !important;position:relative}#search-label{display:flex;gap:.625rem;align-items:center}#search-input{background-image:linear-gradient(140deg, light-dark(oklch(96.89% 0.008 286.25deg), #111), light-dark(#f0f0f0, #33333d));padding:.3125rem;border:1px solid light-dark(#ddd, #333);border-radius:4px;color:light-dark(#333, #eee)}#search-input::placeholder{color:light-dark(#111, #ddd)}#search-results{position:absolute;top:100%;right:0;inline-size:18.75rem;background:light-dark(oklch(96.89% 0.008 286.25deg), #16191a);border:.0625rem solid light-dark(#ddd, #333);border-radius:.25rem;list-style:none;padding:0;margin:.3125rem 0 0;box-shadow:light-dark("0 .4rem * $font-size 2rem * $font-size #0000004d", "0 0 15px rgba(77, 171, 247, 0.3), 0 0 40px rgba(77, 171, 247, 0.15)");z-index:1000}#search-results li:not(:last-child){border-block-end:.0625rem solid light-dark(#eee, #333)}#search-results li:last-child{border-block-end:none}#search-results a{display:block;padding:10px;text-decoration:none}#search-results a:hover{background:light-dark(#e7e7e7, #252829);color:light-dark(#005398, #4dabf7)}.hidden{display:none}@media screen{.site-header{background-color:light-dark(oklch(96.89% 0.008 286.25deg), #16191a);border-block-end:.0625rem solid light-dark(#ddd, #333);padding:clamp(.3125rem,1.25vw,.625rem) clamp(.625rem,5vw,1.25rem)}.site-header .site-title{font-size:clamp(.75rem,5vw,1rem);font-weight:700;line-height:1.2;margin-block:.6875rem;margin-inline-end:auto}.site-header .site-title a:focus-visible,.site-header .site-title a:focus-within{outline:light-dark(#005398, #4dabf7) solid .0625rem;outline-offset:.625rem}.site-header a{text-decoration:none}.header-content{align-items:center;display:flex;gap:.3125rem;inline-size:100%;justify-content:space-between;margin:0 auto;max-inline-size:75rem}.headers-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.3125rem;margin-inline-start:auto}.lang-and-theme{display:flex}.main-nav ul{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}.site-header .header-content .main-nav li a{border-radius:.375rem;color:light-dark(#005398, #4dabf7);display:inline-block;font-weight:700;padding:.1953125rem .29296875rem;position:relative;text-decoration:none}.site-header .header-content .main-nav li a::after{background:color-mix(in srgb, light-dark(#005398, #4dabf7), transparent 60%);block-size:.1875rem;content:"";inline-size:100%;inset-block-end:-0.375rem;inset-inline-start:0;position:absolute}}@media screen and (prefers-reduced-motion: no-preference){.site-header .header-content .main-nav li a::after{transition:background-color .3s ease-out}}@media screen{.site-header .header-content .main-nav li a:where(:hover,:focus):not(.is-active){color:light-dark(#291eff, #acf)}.site-header .header-content .main-nav li a:where(:hover,:focus):not(.is-active)::after{background-color:light-dark(#291eff, #acf)}.site-header .header-content .main-nav li a:focus{outline:none}.site-header .header-content .main-nav li a.is-active{color:light-dark(#291eff, #acf)}.site-header .header-content .main-nav li a.is-active::after{background-color:light-dark(#005398, #4dabf7);view-transition-name:active-menu-indicator}}@media screen and (prefers-reduced-motion: reduce){.site-header .header-content .main-nav li a{transition:none}}@media(width <= 850px){.header-content{flex-wrap:wrap;gap:.625rem}.header-actions{border-inline-start:none;inline-size:100%;justify-content:flex-end;margin-block-start:.3125rem;margin-inline-start:0;padding-inline-start:0}}.site-footer{background-color:light-dark(oklch(96.89% 0.008 286.25deg), #16191a);text-align:center;padding:1rem 2rem;border-block-start:1px solid light-dark(#ddd, #333);margin-block-start:auto}.site-footer h2{color:light-dark(#005398, #4dabf7);font-size:1rem;letter-spacing:1px;margin:0 0 1rem 0;text-transform:uppercase}.site-footer ul{list-style:none;padding:0;margin:0 0 1.5rem 0;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.site-footer ul li{margin:0}.site-footer ul a{font-weight:600;text-decoration:none}.site-footer hr{border:0;border-block-start:.0625rem solid light-dark(#eee, #333);margin:1.5rem auto;max-inline-size:12.5rem;opacity:.5}@media(prefers-reduced-motion: no-preference){@view-transition{navigation:auto}::view-transition-old(.view-transition-article-card),::view-transition-new(.view-transition-article-card),::view-transition-old(.view-transition-article-image),::view-transition-new(.view-transition-article-image),::view-transition-old(.view-transition-article-title),::view-transition-new(.view-transition-article-title){animation-duration:.4s;animation-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}::view-transition-old(.view-transition-article-card),::view-transition-old(.view-transition-article-title){animation-name:fade-out}::view-transition-new(.view-transition-article-card),::view-transition-new(.view-transition-article-title){animation-name:fade-in}::view-transition-group(.view-transition-article-image){overflow:hidden}::view-transition-old(.view-transition-article-image),::view-transition-new(.view-transition-article-image){block-size:100%;inline-size:100%;object-fit:cover}}:root{color-scheme:light dark}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.theme-toggle{align-items:center;background:none;border:0;border-radius:.25rem;color:light-dark(#333, #eee);cursor:pointer;display:flex;justify-content:center;margin-inline-start:.625rem;padding:.3125rem;transition:background-color .2s}.theme-toggle:focus,.theme-toggle:hover{background-color:light-dark(#e7e7e7, #252829)}.theme-toggle svg{block-size:1.25rem;fill:currentColor;inline-size:1.25rem}body{background-color:light-dark(#f4f4fa, #16191a);display:flex;flex-direction:column;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;margin:0;min-block-size:100vh}@media(prefers-color-scheme: light){body{background-image:radial-gradient(at 0% 0%, #0053980d 0px, transparent 50%), radial-gradient(at 100% 100%, #0053980d 0px, transparent 50%)}}@media(prefers-color-scheme: dark){body{background-image:radial-gradient(at 0% 0%, #4dabf70d 0px, transparent 50%), radial-gradient(at 100% 100%, #4dabf70d 0px, transparent 50%)}}.main-content,.card{color:light-dark(#333, #eee)}ul>li,p{line-height:1.6}.skip-link{background-image:none;inset-block-start:-2.5rem;inset-inline-start:0;padding:.5rem;position:absolute;transition:top .2s;z-index:100}article,.container{margin:0 auto;max-inline-size:50rem}main{flex:1;padding:clamp(.5rem,2.5vw,1.5rem) clamp(1rem,2.5vw,1.875rem);view-transition-name:main-content}:not(.site-header,h1)>a:not(.card,.active-link,.lang-link,#back-to-top){color:light-dark(#005398, #4dabf7);text-underline-offset:.25rem}:not(.site-header,h1)>a:not(.card,.active-link,.lang-link,#back-to-top):not(:hover){text-decoration-color:color-mix(in srgb, light-dark(#005398, #4dabf7), transparent 40%)}@media(prefers-contrast: more){:not(.site-header,h1)>a:not(.card,.active-link,.lang-link,#back-to-top):not(.is-active){color:LinkText}.is-active{color:HighLightText}body{background-color:Canvas}}h1,h2,h3{text-wrap:balance}h1{font-family:monospace;font-weight:400;letter-spacing:-0.02em}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0}}::view-transition-group(root){animation-duration:0s}::view-transition-group(active-menu-indicator){animation-duration:.4s;animation-timing-function:cubic-bezier(0.5, 0, 0, 1)}::view-transition-old(main-content){animation:.15s ease-in both fade-out}::view-transition-new(main-content){animation:.25s ease-out both fade-in}#back-to-top{background-color:light-dark(rgba(0, 0, 0, 0.1019607843), rgba(255, 255, 255, 0.1019607843));background-image:radial-gradient(at 0% 0%, rgba(77, 171, 247, 0.05) 0px, transparent 50%),radial-gradient(at 100% 100%, rgba(41, 30, 255, 0.05) 0px, transparent 50%);block-size:clamp(1.875rem,5vw,2.5rem);border-radius:50%;box-shadow:light-dark("0 .4rem * $font-size 2rem * $font-size #0000004d", "0 0 15px rgba(77, 171, 247, 0.3), 0 0 40px rgba(77, 171, 247, 0.15)");font-size:clamp(.9375rem,2.5vw,1.25rem);inline-size:clamp(1.875rem,5vw,2.5rem);inset-block-end:clamp(.625rem,3vw,1.5625rem);inset-inline-end:clamp(.625rem,3vw,1.5625rem);line-height:1.8;position:fixed;text-decoration:none;transition:transform .2s ease;z-index:1000}#back-to-top:hover,#back-to-top:focus-visible{color:light-dark(#acf, #acf);outline:none;transform:translateY(-0.3125rem)}#back-to-top :not(:hover,:focus-visible){color:light-dark(#333, #eee)}#back-to-top:active{transform:translateY(0)}@media screen{#back-to-top{display:block}}@media print{#back-to-top{display:none}}.skip-link:focus-visible{top:0;outline:light-dark(#005398, #4dabf7) solid .0625rem}@media(prefers-reduced-motion: no-preference){a:not(.skip-link,#back-to-top){transition:text-decoration-color .2s}}a:not(.skip-link,#back-to-top):focus,a:not(.skip-link,#back-to-top):hover{text-decoration-color:light-dark(#291eff, #acf)}@media(prefers-contrast: more){:is(#main-content,[data-theme]) :not(.site-header,h1)>a:not(.card,.active-link,.lang-link,#back-to-top):not(:hover){text-decoration-color:LinkText}:is(#main-content,[data-theme]) .site-header .header-content .main-nav li a:where(:hover,:focus,.is-active){text-decoration-color:ActiveText}}.album-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-block:2.5rem}.album-cover{aspect-ratio:1/1;block-size:auto;border-radius:.5rem;box-shadow:light-dark("0 8px 24px rgba(0, 0, 0, .25)", "0 0 35px rgba(77, 171, 247, .35)");flex:0 1 25rem;inline-size:100%;max-inline-size:25rem;object-fit:cover}.album-info-block{display:flex;flex:1 1 21.875rem;flex-direction:column;gap:1rem;min-inline-size:18.75rem}.album-info-block h1{margin-block:0;text-align:left}.album-info-block .album-description{color:light-dark(#333, #eee);font-size:.9375rem}.album-info-block .buy-button{background-color:light-dark(oklch(96.89% 0.008 286.25deg), oklch(12% 0.08 260deg));border:.0625rem solid light-dark(oklch(45% 0.2 300deg), oklch(50% 0.2 210deg));border-radius:.25rem;color:light-dark(oklch(25% 0.12 286.25deg), oklch(98% 0.01 286.25deg));display:inline-block;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;font-size:.9375rem;font-weight:800;letter-spacing:.04375rem;margin-block-start:.9375rem;padding-block:.75rem;padding-inline:1.5rem;text-align:center;text-decoration:none;text-transform:uppercase}@media(prefers-reduced-motion: no-preference){.album-info-block .buy-button{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}}.album-info-block .buy-button:hover{background-color:light-dark(oklch(92% 0.02 286.25deg), oklch(20% 0.06 286.25deg));border-color:light-dark(oklch(75% 0.05 286.25deg), oklch(60% 0.25 210deg));box-shadow:0 .25rem .9375rem oklch(0 0 0/.1);transform:translateY(-0.125rem)}.album-info-block .buy-button:active{transform:translateY(0)}.album-info-block .buy-button:focus-visible{outline:.1875rem solid light-dark(oklch(25% 0.12 286.25deg), oklch(60% 0.2 210deg));outline-offset:.125rem}@media(prefers-contrast: more){.album-info-block .buy-button{background-color:ButtonFace;border:.125rem solid ButtonText;color:ButtonText}}.album-controls{align-items:center;background-color:light-dark(oklch(96.89% 0.008 286.25deg), #16191a);border:.0625rem solid light-dark(#ddd, #333);border-radius:.5rem;box-shadow:light-dark(0 0.25rem 1.25rem rgba(0, 0, 0, 0.1019607843), 0 0.25rem 1.25rem rgba(0, 0, 0, 0.3019607843));display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-block:clamp(1.25rem,5vh,2.5rem);padding:1rem;position:sticky;top:.625rem;z-index:100}.control-group-transport{align-items:center;display:flex;gap:.5rem;justify-content:center;flex:0 0 auto}.control-group-info{color:light-dark(#333, #eee);flex:1 1 12.5rem;font-weight:600;min-inline-size:0;text-align:center}#now-playing-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-group-modes{align-items:center;display:flex;gap:.5rem;justify-content:center;flex:0 0 auto}.album-controls .global-progress-container{background:color-mix(in srgb, light-dark(#005398, #4dabf7), transparent 92%);block-size:.1875rem;cursor:pointer;inline-size:100%;inset-block-end:0;inset-inline-start:0;position:absolute}.album-controls .global-progress-container #global-progress-bar{background:light-dark(#005398, #4dabf7);block-size:100%;inline-size:0;transition:width .2s linear}.album-controls .control-btn{background:none;border:none;color:light-dark(#333, #eee);cursor:pointer;padding:.3125rem;transition:color .2s ease,transform .1s ease}.album-controls .control-btn:active{transform:scale(0.95)}.album-controls .control-btn:focus-visible{color:light-dark(#005398, #4dabf7);outline:.125rem solid light-dark(#005398, #4dabf7)}.album-controls .control-btn:hover{color:light-dark(#005398, #4dabf7)}.album-controls .control-btn svg{block-size:1.25rem;inline-size:1.25rem}.album-controls .control-btn#main-play-btn .pause-icon{display:none}.album-controls .control-btn#main-play-btn.is-playing .pause-icon{display:block}.album-controls .control-btn#main-play-btn.is-playing .play-icon{display:none}.album-controls .control-btn#shuffle-btn.mode-off,.album-controls .control-btn#shuffle-btn[aria-pressed=false],.album-controls .control-btn#repeat-btn.mode-off,.album-controls .control-btn#repeat-btn[aria-pressed=false]{opacity:.5}.album-controls .control-btn#shuffle-btn.mode-all,.album-controls .control-btn#shuffle-btn.mode-one,.album-controls .control-btn#shuffle-btn[aria-pressed=true],.album-controls .control-btn#repeat-btn.mode-all,.album-controls .control-btn#repeat-btn.mode-one,.album-controls .control-btn#repeat-btn[aria-pressed=true]{color:light-dark(#005398, #4dabf7);opacity:1}.album-controls .control-btn#repeat-btn .repeat-one-indicator{display:none}.album-controls .control-btn#repeat-btn.mode-one .repeat-one-indicator{display:block}.track-list{list-style:none;margin-block:0;padding:0}.track-item{align-items:center;border-block-end:.0625rem solid light-dark(#ddd, #333);border-inline-start:.1875rem solid rgba(0,0,0,0);display:flex;gap:clamp(.625rem,3vw,1.25rem);padding-block:clamp(.5rem,2vw,.75rem);padding-inline:1rem;transition:background-color .3s ease,border-color .3s ease}.track-item.is-active{background-color:color-mix(in srgb, light-dark(#005398, #4dabf7), transparent 94%);border-inline-start-color:light-dark(#005398, #4dabf7)}.track-item.is-active .track-name{color:light-dark(#005398, #4dabf7)}.track-item .play-btn{align-items:center;aspect-ratio:1/1;background:rgba(0,0,0,0);border:.125rem solid light-dark(#005398, #4dabf7);border-radius:50%;color:light-dark(#005398, #4dabf7);cursor:pointer;display:inline-flex;flex-shrink:0;inline-size:clamp(2rem,4vw,2.5rem);justify-content:center;padding:0;transition:background-color .2s ease,transform .2s ease}.track-item .play-btn:hover{background-color:light-dark(#e7e7e7, #252829);transform:scale(1.05)}.track-item .play-btn::before{border-block:.375rem solid rgba(0,0,0,0);border-inline-start:.5625rem solid currentColor;content:"";margin-inline-start:.125rem}.track-item .play-btn.is-playing::before{block-size:.75rem;border:none;border-inline:.1875rem solid currentColor;content:"";inline-size:.3125rem;margin-inline-start:0}.track-item .track-name{color:light-dark(#333, #eee);flex-basis:9.375rem;flex-shrink:1;font-size:clamp(.875rem,1.8vw,1rem);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item .waveform-canvas{block-size:2.1875rem;cursor:pointer;flex-grow:1;inline-size:0;min-inline-size:0}.track-item .track-time-container{align-items:center;color:light-dark(#4d4d4d, #ddd);display:flex;flex-shrink:0;font-family:monospace;font-size:.75rem;inline-size:5.625rem;justify-content:flex-end}.track-item .track-time-container .current-time{inline-size:2.1875rem;text-align:right}.track-item .track-time-container .time-separator{margin-inline:.25rem}/*# sourceMappingURL=album.css.map */