/*!
 * @author Lucas Dietrich @anteante
 * @site https://lucasdietrich.com
 * @description Custom Style for playlllist.com
 */:root{--color-site: #f5f5f5;--color-text: #515151;--color-spot: #7B87B2;--color-light: #939393;--gray-050: #f7f7f7;--gray-100: #e3e3e3;--gray-200: #c8c8c8;--gray-300: #a4a4a4;--gray-400: #818181;--gray-500: #666666;--gray-600: #515151;--gray-700: #434343;--gray-800: #383838;--gray-900: #222222;--screen-small: 600px;--screen-medium: 900px;--screen-large: 1200px;--screen-huge: 2560px;--ff-base: "Lars Regular", sans-serif}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:pointer}ol,ul,menu{list-style:none}img{max-width:100%;display:block;max-inline-size:100%;max-block-size:100%}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}html,body{height:100%}html{background-color:var(--color-site);color:var(--color-text)}a{color:var(--color-text);text-decoration:none;transition:all .4s ease}.external:hover::after{content:"↗";margin-left:.25rem}img{max-width:100%;height:auto;display:block}.button--reset{border:none;margin:0;padding:0;width:auto;overflow:visible;background:rgba(0,0,0,0);color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}button{display:inline;border:none;margin:0;padding:0;text-decoration:none;background:rgba(0,0,0,0);color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;font-size:2.2rem;letter-spacing:0;font-weight:normal;line-height:1}button:hover,button:focus{background:rgba(0,0,0,0)}button:focus{outline:none;outline-offset:0}@font-face{font-family:"Lars Regular";src:url("../fonts/Lars-Regular.woff2") format("woff2"),url("../fonts/Lars-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}:root{--site-spacing: 3rem}@media screen and (min-width: 960px){:root{--site-spacing: 4rem}}.page__content{margin-top:8rem}.inner{max-width:420px;margin-left:auto;margin-right:auto}.inner--left{max-width:500px}.outer{margin-left:auto;margin-right:auto;padding-left:var(--site-spacing);padding-right:var(--site-spacing);width:100%}.outer--max{padding-left:var(--site-spacing);padding-right:var(--site-spacing);width:100%}main{width:100%}.site{display:flex;min-height:100vh;flex-direction:column}.site__content{flex:1}p a:hover,li a:hover{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem}.text--link:hover{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem}.text a{color:var(--color-spot)}.light--link{color:var(--color-light)}.title--link:hover{color:var(--color-spot)}:root{--fs-small: 1.5rem;--fs-regular: 1.8rem;--fs-medium: 2.1rem}html{font-size:62.5%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}body{font-family:var(--ff-base);font-size:var(--fs-regular);text-align:left}h1,h2,h3,h4,h5,h6{line-height:1;margin:0}h2,h3{font-family:var(--ff-base);font-size:var(--fs-medium);letter-spacing:-0.05rem;line-height:1.4}p,h4{line-height:1.4}.text--small{font-size:var(--fs-small);line-height:1.4}.text--light{color:var(--color-light)}.text--spot{color:var(--color-spot)}strong{font-weight:normal}@media screen and (min-width: 960px){.mobile{display:none}}.desktop{display:none}@media screen and (min-width: 960px){.desktop{display:revert}}.flex{display:flex}@media screen and (min-width: 960px){.flex--res{display:flex}}.center{margin-left:auto;margin-right:auto}.bold{font-style:bold}.uppercase{text-transform:uppercase}.smallprint{font-size:.8rem}.text--center{text-align:center}.text--left{text-align:left}.text--right{text-align:right}.m-0{margin:0}.p-0{padding:0}.mt-0{margin-top:0}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-4{margin-top:4rem}.mt-8{margin-top:8rem}.mt-12{margin-top:12rem}.mt-16{margin-top:16rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-4{margin-bottom:4rem}.mb-8{margin-bottom:8rem}.mb-12{margin-bottom:12rem}.mb-16{margin-bottom:16rem}.ml-0{margin-left:0}.ml-1{margin-left:1rem}.ml-2{margin-left:2rem}.ml-4{margin-left:4rem}.ml-8{margin-left:8rem}.mr-0{margin-right:0}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.mr-4{margin-right:4rem}.mr-8{margin-right:8rem}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:1rem;margin-bottom:1rem}.my-2{margin-top:2rem;margin-bottom:2rem}.my-4{margin-top:4rem;margin-bottom:4rem}.my-8{margin-top:8rem;margin-bottom:8rem}.pt-0{padding-top:0}.pt-1{padding-top:1rem}.pt-2{padding-top:2rem}.pt-4{padding-top:4rem}.pt-8{padding-top:8rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:1rem}.pb-2{padding-bottom:2rem}.pb-4{padding-bottom:4rem}.pb-8{padding-bottom:8rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:1rem;padding-bottom:1rem}.py-2{padding-top:2rem;padding-bottom:2rem}.py-4{padding-top:4rem;padding-bottom:4rem}.py-8{padding-top:8rem;padding-bottom:8rem}.top__nav{display:flex;align-items:center;justify-content:space-between;padding:2rem 0;background:var(--color-site)}@media screen and (min-width: 600px){.top__nav{background:rgba(0,0,0,0)}}.site__title{font-size:var(--fs-small)}.discover__link{font-size:var(--fs-small)}.headroom{position:fixed;top:0;left:0;right:0;z-index:99;will-change:transform;transition:transform 300ms ease-in-out}.headroom--pinned{transform:translateY(0%)}.headroom--unpinned{transform:translateY(-100%)}.pagination__nav{display:flex;justify-content:center;font-size:var(--fs-small);color:var(--color-spot)}.pagination__nav li{margin:0 .5rem;text-align:center}.pagination__nav a{color:var(--color-spot)}#index .footer{margin-top:8rem}@media screen and (min-width: 960px){#post .footer{position:fixed;width:auto;bottom:2rem;left:1rem}}.footer__nav{margin-top:2rem;margin-bottom:2rem;font-size:var(--fs-small)}.footer__nav a{color:var(--color-spot)}.footer__index{margin-bottom:2rem}.page__text p{margin-bottom:2rem}.page__text h4{margin-top:4rem;margin-bottom:2rem}.accordion-item{border-bottom:1px solid #e0e0e0}.accordion-header{width:100%;padding:2rem 0;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:inherit;font-weight:500;transition:opacity .2s}.accordion-header:hover{opacity:.7}.accordion-icon{transition:transform .3s ease;font-size:.8rem}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content-inner{padding-bottom:1rem}.index{border-top:1px solid var(--gray-100)}.index__item{padding:2rem 0;border-bottom:1px solid var(--gray-100)}@media screen and (min-width: 960px){.index__item,.item__header{display:flex;align-items:center}}.item__header{display:flex;align-items:center}@media screen and (min-width: 960px){.item__header{flex-basis:50%}}.item__title{margin-left:2rem}@media screen and (min-width: 960px){.item__title{margin-left:4rem}}.item__cover{flex-basis:100px}.item__links{margin-top:2rem}@media screen and (min-width: 960px){.item__links{margin-top:0}}.tag__header{margin-bottom:4rem}.entry{margin-bottom:16rem}.entry:last-child{margin-bottom:4rem}.entry>div{margin-bottom:5rem}.entry__cover img{border-radius:1%}.entry__footer,.entry__credits{display:flex}.entry__credits{margin-left:auto}.links__list{display:flex}.links__list li:not(:last-child):after{content:"·";margin:0 .5rem}@-moz-document url-prefix(){.streaming--link{vertical-align:baseline;padding-top:.2rem}}.streaming--link:hover{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem}.song--link{background:url("../elm/disc-empty.svg") 0 50% no-repeat;padding-left:2.4rem}.album--link{background:url("../elm/disc-filled.svg") 0 50% no-repeat;padding-left:2.4rem}.cover--link img{position:relative;top:3rem;transition:all 400ms ease}.cover--link figcaption{text-align:center;font-size:var(--fs-small);color:var(--color-spot);margin-top:1rem}.cover--link:hover img{top:0}.tag__list{display:flex;gap:1rem}.tag__list a{color:var(--color-spot)}/*# sourceMappingURL=main.css.map */