body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{padding:0;margin:0;color:#fff}ul{text-shadow:1px 1px 1px #333;padding:120px 0 50px;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;position:relative}ul:before{background:linear-gradient(45deg,var(--bk-lines),var(--bk-lines) .5%,var(--bk-middle-outer) 0,var(--bk-middle-outer) 7.6%,var(--bk-lines) 0,var(--bk-lines) 8.642857143%,var(--bk-middle-external) 0,var(--bk-middle-external) 15.64285714%,var(--bk-lines) 0,var(--bk-lines) 16.88571429%,var(--bk-external) 0,var(--bk-external) 23.84285714%,var(--bk-lines) 0,var(--bk-lines) 25%,transparent 0),linear-gradient(-45deg,var(--bk-lines),var(--bk-lines) .5%,var(--bk-middle-outer) 0,var(--bk-middle-outer) 7.6%,var(--bk-lines) 0,var(--bk-lines) 8.642857143%,var(--bk-middle-external) 0,var(--bk-middle-external) 15.64285714%,var(--bk-lines) 0,var(--bk-lines) 16.88571429%,var(--bk-external) 0,var(--bk-external) 23.84285714%,var(--bk-lines) 0,var(--bk-lines) 25%,transparent 0),linear-gradient(45deg,transparent 73.85714286%,var(--bk-lines) 0,var(--bk-lines) 75%,transparent 0),linear-gradient(-45deg,transparent 73.85714286%,var(--bk-lines) 0,var(--bk-lines) 75%,transparent 0),linear-gradient(45deg,transparent 66.85714286%,var(--bk-external) 0,var(--bk-external) 73.85714286%,transparent 0),linear-gradient(-45deg,transparent 66.85714286%,var(--bk-external) 0,var(--bk-external) 73.85714286%,transparent 0),linear-gradient(45deg,transparent 65.71428571%,var(--bk-lines) 0,var(--bk-lines) 66.85714286%,transparent 0),linear-gradient(-45deg,transparent 65.71428571%,var(--bk-lines) 0,var(--bk-lines) 66.85714286%,transparent 0),linear-gradient(45deg,transparent 58.71428571%,var(--bk-middle-external) 0,var(--bk-middle-external) 65.71428571%,transparent 0),linear-gradient(-45deg,transparent 58.71428571%,var(--bk-middle-external) 0,var(--bk-middle-external) 65.71428571%,transparent 0),linear-gradient(45deg,transparent 57.57142857%,var(--bk-lines) 0,var(--bk-lines) 58.71428571%,transparent 0),linear-gradient(-45deg,transparent 57.57142857%,var(--bk-lines) 0,var(--bk-lines) 58.71428571%,transparent 0),linear-gradient(45deg,transparent 50.57142857%,var(--bk-middle-outer) 0,var(--bk-middle-outer) 57.57142857%,transparent 0),linear-gradient(-45deg,transparent 50.57142857%,var(--bk-middle-outer) 0,var(--bk-middle-outer) 57.57142857%,transparent 0),linear-gradient(45deg,transparent 49.42857143%,var(--bk-lines) 0,var(--bk-lines) 50.57142857%,transparent 0),linear-gradient(-45deg,transparent 49.42857143%,var(--bk-lines) 0,var(--bk-lines) 50.57142857%,transparent 0),linear-gradient(45deg,transparent 42.42857143%,var(--bk-middle-inner) 0,var(--bk-middle-inner) 49.42857143%,transparent 0),linear-gradient(-45deg,transparent 42.42857143%,var(--bk-middle-inner) 0,var(--bk-middle-inner) 49.42857143%,transparent 0),linear-gradient(45deg,transparent 41.28571429%,var(--bk-lines) 0,var(--bk-lines) 42.42857143%,transparent 0),linear-gradient(-45deg,transparent 41.28571429%,var(--bk-lines) 0,var(--bk-lines) 42.42857143%,transparent 0),linear-gradient(45deg,transparent 34.28571429%,var(--bk-internal) 0,var(--bk-internal) 41.28571429%,transparent 0),linear-gradient(-45deg,transparent 34.28571429%,var(--bk-internal) 0,var(--bk-internal) 41.28571429%,transparent 0),linear-gradient(45deg,transparent 33.142857143%,var(--bk-lines) 0,var(--bk-lines) 34.28571429%,transparent 0),linear-gradient(-45deg,transparent 33.142857143%,var(--bk-lines) 0,var(--bk-lines) 34.28571429%,transparent 0);background-size:100px 100px;background-position:0 0;-webkit-filter:blur(1px);filter:blur(1px);z-index:-2}ul:after,ul:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}ul:after{background:rgba(0,0,0,.3);z-index:-1}ul>li{box-sizing:border-box;width:100%;flex-basis:100%;position:relative;overflow:hidden;margin:35px;box-shadow:0 10px 9px rgba(0,0,0,.4);transition:flex-basis 1s ease-in-out}@media (min-width:412px){ul>li{width:100%;flex-basis:calc(100% - 70px)}}@media (min-width:736px){ul>li{width:50%;flex-basis:calc(50% - 70px)}}@media (min-width:1152px){ul>li{width:33.3333%;flex-basis:calc(33.3333% - 70px)}}@media (min-width:1408px){ul>li{width:25%;flex-basis:calc(25% - 70px)}}ul>li:after{content:"";display:block;padding-bottom:160%}ul>li:not(.disabled):hover:before{content:attr(data-year);display:block;font-size:200%;font-weight:700;position:absolute;bottom:.4rem;left:.6rem;z-index:1}.tracks{position:absolute;right:0;bottom:0;z-index:1000;width:100%;height:100%;pointer-events:none;display:flex}.tracks span{font-weight:700;margin-bottom:.4rem;margin-right:.6rem;font-size:200%;visibility:hidden;text-align:right;pointer-events:all;align-self:end;margin-left:auto;cursor:pointer}ul>li:not(.disabled):hover .tracks span{visibility:visible}.tracks small{font-size:40%}.background{background-position:50%;width:200%;height:200%;transform:translate3d(-50%,-50%,0);-webkit-filter:brightness(.7) blur(5px);filter:brightness(.7) blur(5px)}.background,ul>li .img{position:absolute;background-size:cover;left:50%;top:50%}ul>li .img{width:200px;height:200px;max-width:75%;transform:translate3d(-50%,-75%,0)}ul>li:not(.playing) .img{background-image:none!important}.img img{box-shadow:0 10px 9px rgba(0,0,0,.4);display:block;position:relative;left:0;width:100%;transition:left 2.5s ease-out;transform:translateZ(0)}.playing img{left:-1000px}@keyframes play{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lp{width:90px;height:90px;transform:rotate(0deg);box-shadow:0 0 0 5px #333,0 0 0 6px #111,0 0 0 7px #333,0 0 0 8px #111,0 0 0 9px #333,0 0 0 10px #111,0 0 0 11px #333,0 0 0 12px #111,0 0 0 13px #333,0 0 0 14px #111,0 0 0 15px #333,0 0 0 16px #111,0 0 0 17px #333,0 0 0 18px #111,0 0 0 19px #333,0 0 0 20px #111,0 0 0 21px #333,0 0 0 22px #111,0 0 0 23px #333,0 0 0 24px #111,0 0 0 25px #333,0 0 0 26px #111,0 0 0 27px #333,0 0 0 28px #111,0 0 0 29px #333,0 0 0 30px #111,0 0 0 31px #333,0 0 0 32px #111,0 0 0 33px #333,0 0 0 34px #111,0 0 0 35px #333,0 0 0 36px #111,0 0 0 37px #333,0 0 0 38px #111,0 0 0 39px #333,0 0 0 40px #111,0 0 0 41px #333,0 0 0 42px #111,0 0 0 43px #333,0 0 0 44px #222,0 0 0 45px #333,0 0 0 50px #111;border-radius:50%}.playing .lp{animation:play 5s 2s infinite;animation-timing-function:linear;left:55px!important}.lp{background-size:cover;position:absolute;left:55px;top:55px;transition:left .5s}ul>li:not(.disabled):hover .lp{left:100px}.meta{position:absolute;left:50%;top:50%;transform:translateX(-50%);text-align:center;width:90%;margin-top:50px}.meta h1{font-size:1.3rem}.meta h2{font-size:1rem}.meta h1+h2{margin-top:-10px}span{display:block}a,a:hover,a:link,a:visited,button{color:#fff;text-decoration:underline;cursor:pointer}button{background:none;border:0;font-size:100%}.PlayerRSWP{z-index:10000}.black-box,.PlayerRSWP{position:fixed;bottom:0}.black-box{height:150px;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,80%));width:100%;z-index:100;pointer-events:none}@media (min-width:1024px){.black-box{height:75px}}.connect{width:300px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}header{top:0;text-align:center;position:fixed;z-index:1000;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,80%) 60%);margin:0;width:100%;height:200px;box-sizing:border-box;display:flex;justify-content:top;align-items:center;flex-direction:column}header h1{margin:20px 0 0}.hidden{display:none}.play-button{visibility:hidden;border:0;background:none;font-size:5vmin;position:absolute;margin:-42px 0 0 -42px;top:50%;left:50%;width:84px;height:84px;padding:0;color:#fff}.playing .play-button{display:none}ul>li:hover .play-button{visibility:visible}.play-button:focus{outline:none}.play-button .icon{transform:scale(.8);fill:#222;width:90%;height:90%;top:0;left:0;transition:opacity .3s;background:hsla(0,0%,100%,.7);border-radius:50%;padding:10px;box-sizing:border-box}.control-button--active .icon--play{opacity:0}.tracks ol{pointer-events:all;background:rgba(0,0,0,.7);font-size:15px;margin:0;padding:5px 0;width:100%;box-sizing:border-box;list-style:none;max-height:100%;overflow:scroll}.tracks ol li{padding:10px 20px;border-top:1px solid #333}.tracks ol li:first-child{border:none}.disabled:before{top:0;left:0;right:0;bottom:0;position:absolute;content:"";background:#444 url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 177.055 177.055' viewBox='0 0 177.055 177.055' xmlns='http://www.w3.org/2000/svg'><path d='m.001 88.527c0 48.814 39.713 88.527 88.527 88.527 48.813 0 88.526-39.713 88.526-88.527s-39.713-88.527-88.526-88.527c-48.814 0-88.527 39.713-88.527 88.527zm88.527-64.223c35.413 0 64.224 28.811 64.224 64.224 0 13.324-4.081 25.712-11.055 35.983l-89.153-89.152c10.272-6.974 22.66-11.055 35.984-11.055zm35.983 117.392c-10.272 6.974-22.659 11.055-35.983 11.055-35.413 0-64.223-28.811-64.223-64.224 0-13.324 4.081-25.711 11.054-35.983z'/></svg>");z-index:10;background-size:60px;background-repeat:no-repeat;background-position:50%;opacity:.8}.disabled .meta{z-index:100;opacity:.7}.playing:after{padding-bottom:40%}.numb{width:20px;display:inline-block;margin-right:3px}.numb svg{max-width:100%;vertical-align:middle;margin-left:-4px;margin-top:-2px}
/*# sourceMappingURL=main.cb336229.chunk.css.map */