@charset "UTF-8";.pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/full-moon-albums/somanystars.svg);background-size:500px 500px;opacity:.05;z-index:6;animation:sway 5s ease-in-out infinite;pointer-events:none}.album-card{background:#272829;color:#edf4fa;border-radius:32px;padding:32px;display:flex;justify-content:start;flex-flow:column wrap;position:relative;transition:.3s transform}.album-card:hover{transform:scale(1.03)}.album-date-label{content:"\2022  new \2022";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);color:#edf4fa;background:#494b4d;font-size:12px;border-radius:8675309px;padding:4px 10px;display:flex;flex-direction:row;align-items:center;gap:5px}.album-date-label img{height:1em}.album-date-label.album-date-label-new{background:#f7ce31;color:#151515;font-weight:700}.album-rank{font-size:24px;font-weight:700;padding:4px 20px}.album-image{width:100%;margin-bottom:19px;position:relative;z-index:10}.album-title{font-size:32px;line-height:32px;margin-bottom:9.5px}.album-artist{font-size:20px;line-height:20px;margin-bottom:9.5px}.album-year{font-size:14px;line-height:14px;font-weight:400;color:#abb3ba;margin-bottom:19px}.album-descriptors-list{list-style:none;display:flex;flex-flow:row wrap;gap:6px;margin-bottom:19px}.album-descriptor{color:#edf4fa;border:none;font-size:14px;background-color:#494b4d;display:inline-block;border-radius:8675309px;padding:4px 12px;cursor:pointer;transition:.3s transform}.album-descriptor:hover{transform:scale(1.06)}.album-info{display:flex;flex:1;flex-direction:column;justify-content:space-between}.album-tracks{display:flex;flex-flow:row;justify-content:space-between;align-items:flex-end;gap:5px}.spotify-logo{width:35px;position:relative;z-index:10}.spotify-logo:not(.no-spotify){cursor:pointer;transition:.3s transform}.spotify-logo:not(.no-spotify):hover{transform:scale(1.09)}.no-spotify{opacity:30%}.album-tracks-header{font-size:14px;line-height:21px;color:#abb3ba;font-weight:400}.album-tracks-list{list-style:none;font-size:14px;line-height:21px;font-weight:700}.flag{height:.6em;margin-left:.5em;display:inline-block}.pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/full-moon-albums/somanystars.svg);background-size:500px 500px;opacity:.05;z-index:6;animation:sway 5s ease-in-out infinite;pointer-events:none}.album-grid{display:grid;grid-gap:38px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-left:38px;margin-right:38px;margin-bottom:38px}.album-card-wrapper{display:flex;flex-grow:1}.pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/full-moon-albums/somanystars.svg);background-size:500px 500px;opacity:.05;z-index:6;animation:sway 5s ease-in-out infinite;pointer-events:none}.pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/full-moon-albums/somanystars.svg);background-size:500px 500px;opacity:.05;z-index:6;animation:sway 5s ease-in-out infinite;pointer-events:none}.album-sorter{padding-top:38px;margin-bottom:38px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;column-gap:38px;row-gap:19px}.nice-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;background-color:#272829;border:none;border-radius:8675309px;color:#edf4fa;font-weight:700;padding:10px 38px 10px 19px;font-size:16px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#edf4fa 50%),linear-gradient(135deg,#edf4fa 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;background-size:5px 5px,5px 5px,2.5em 2.5em;background-repeat:no-repeat;transition:.3s transform}.nice-select:hover{transform:scale(1.03)}.nice-select-label{font-size:16px;color:#abb3ba;margin-right:9.5px}.pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/full-moon-albums/somanystars.svg);background-size:500px 500px;opacity:.05;z-index:6;animation:sway 5s ease-in-out infinite;pointer-events:none}.best-of-link{position:absolute;right:0;top:0;border-radius:32px;z-index:5;margin:19px;text-decoration:none}.header{min-height:100vh;display:flex;flex-flow:column wrap;justify-content:center;background:#151515;overflow:hidden;position:relative;padding:38px}@media (max-width: 800px){.header{padding-left:38px;padding-right:38px;padding-top:57px}}.moon-image-wrapper{position:relative;width:min(420px,50vw);height:min(420px,50vw);margin-right:min(420px,50vw);font-size:calc(.33*min(420px,50vw));margin-left:calc(clamp(25vw - 500px,0px,-.92 * min(420px,50vw)) + 30vw - (.495*min(420px,50vw)))}.header-title-wrapper{position:absolute}.header-title{font-weight:900}.full-moon-emoji{width:min(420px,50vw);top:0;left:0}#title-clip{transform:translate(calc(.5*max(300vw,300vh) + .5*min(420px,50vw) + .165*min(420px,50vw)),calc(.5*max(300vw,300vh)))}.rotator-wrapper{position:absolute;top:calc(.5*(min(420px,50vw) - max(300vw,300vh)));left:calc(.5*(min(420px,50vw) - max(300vw,300vh)))}.rotator-wrapper.moon-wrapper{z-index:5;top:0;left:0}.rotator-wrapper.moonburst-bright-wrapper{z-index:4;clip-path:url(#title-clip)}.rotator-wrapper.moonburst-dark-wrapper{z-index:3}.rotator{position:relative;width:max(300vw,300vh);height:max(300vw,300vh);animation-name:spin;animation-duration:60s;animation-iteration-count:infinite;animation-timing-function:linear}.rotator.moon-rotator{width:min(420px,50vw);height:min(420px,50vw)}.moonburst{position:absolute;z-index:1;width:max(300vw,300vh);left:0;top:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-description{margin-top:2em;margin-left:calc(min(420px,50vw) + .165*min(420px,50vw) + clamp(25vw - 500px,0px,-.92 * min(420px,50vw)) + 30vw - (.495*min(420px,50vw)));z-index:6;font-size:18px;color:#abb3ba;line-height:1.7em;max-width:30em}.header-description strong{color:#edf4fa}@media (max-width: 800px){.header-description{margin-left:0;max-width:100%}}@media (max-width: 640px){.header-description{font-size:16px}}.header-description p{margin-bottom:19px}.moon-rating-list{margin-left:1em;list-style:none;margin-bottom:19px}@media (max-width: 640px){.moon-rating-list{font-size:14px;margin-left:.5em}}.moon-rating{margin-bottom:.3em;display:flex;flex-direction:row;align-items:center}.moon-rating strong{margin-right:.5em;font-size:1.2em}@media (max-width: 640px){.moon-rating strong{font-size:16px}}.moon-rating-image{width:1.2em;margin-right:.5em;align-self:flex-start;margin-top:.2em}@media (max-width: 640px){.moon-rating-image{margin-top:.3em}}.down-arrow-wrapper{display:flex;justify-content:center;z-index:7}.down-arrow{margin-top:19px;background:#272829;color:#abb3ba;display:flex;justify-content:center;align-items:center;border-radius:8675309px;font-size:24px;font-weight:700;width:2em;height:2em;cursor:pointer;text-decoration:none;transition:.3s transform}.down-arrow:hover{transform:scale(1.06)}html{scroll-behavior:smooth}.down-arrow-text{animation:1.5s bob ease-in-out infinite}@keyframes bob{0%{transform:translateY(-2px)}50%{transform:translateY(2px)}to{transform:translateY(-2px)}}.learn-more{font-size:.8em;color:#abb3ba;text-decoration:none;white-space:nowrap;transition:.3s color}.learn-more:hover{color:#f7ce31}.learn-more .learn-more-arrow{transition:.3s transform;display:inline-block}.learn-more:hover>.learn-more-arrow{transform:translate(2px)}.pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/full-moon-albums/somanystars.svg);background-size:500px 500px;opacity:.05;z-index:6;animation:sway 5s ease-in-out infinite;pointer-events:none}.app-footer{color:#abb3ba;font-size:14px;line-height:22px;display:flex;justify-content:center;padding-bottom:38px;margin-left:38px;margin-right:38px;z-index:10}.app-footer a{color:#edf4fa;text-decoration:none;font-weight:700;transition:.5s color}.app-footer a:hover{color:#f7ce31}.app-footer-text{text-align:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.app{position:relative;overflow:hidden}.pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/full-moon-albums/somanystars.svg);background-size:500px 500px;opacity:.05;z-index:6;animation:sway 5s ease-in-out infinite;pointer-events:none}body{background:#1b1c1c}.app-body{margin:auto;max-width:1400px}@keyframes sway{0%{transform:translate(0)}50%{transform:translate(7px)}0%{transform:translate(0)}}.best-albums-of-year a{color:#edf4fa;text-decoration:none;font-weight:700;transition:color .3s}.best-albums-of-year a:hover{color:#f7ce31}.best-albums-header{margin:38px 38px 57px}.best-albums-header-contents{color:#edf4fa;background-color:#272829;border-radius:32px;padding:48px 64px;max-width:740px;margin:auto;gap:32px}@media (max-width: 800px){.best-albums-header-contents{padding:32px}}.best-albums-title{font-size:48px}@media (max-width: 640px){.best-albums-title{font-size:36px;margin-bottom:.2em}}.best-albums-byline{margin-bottom:19px;color:#abb3ba;font-weight:400}.best-albums-description{color:#abb3ba;line-height:1.5em}.best-albums-description:not(:last-child){margin-bottom:.5em}.best-albums-body .album-grid{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;margin-left:0;margin-right:0;margin-bottom:0;padding:38px}.best-albums-body .album-card-wrapper{justify-content:center;width:100%}@media (min-width: 650px){.best-albums-body .album-image{max-width:290px;margin-bottom:0}.best-albums-body .album-card{display:flex;flex-direction:row;flex-wrap:nowrap;gap:28.5px;width:740px}}
