.facade{height:calc(100vh - 72px);background:#9dbbc5 url(/img/vynil.svg) right bottom no-repeat;padding-top:calc(2 * var(--section-top-padding-base))}@media(orientation:portrait){.facade{background-size:auto 50vh}}@media(orientation:landscape){.facade{background-size:min(50vw,80vh) auto}}.news{padding:1.5em var(--section-side-padding) 2.5em;color:var(--color-light);background-color:#d7672d}.news h2{font:normal 1.25rem/1.4 var(--font-family-header);letter-spacing:.01em;text-transform:uppercase;margin:0 0 25px;padding:0}.catalogue-index{position:relative}.catalogue-index__nav{position:absolute;bottom:25px;left:50%;transform:translate(-50%);z-index:2}.catalogue-index__title{font:normal 1.25rem/1.4 var(--font-family-header);letter-spacing:.01em;text-transform:uppercase;margin:0;padding:40px var(--section-side-padding) 25px}@media(min-width:811px){.facade{position:relative;height:100vh;padding:0;background-color:#9dbbc5;display:grid}.facade>.padded-wrap{display:flex;flex-direction:column}.news{padding:var(--section-top-padding-base) var(--section-side-padding) var(--section-side-padding);display:grid;grid-template-areas:"header nav" "news news"}.news h2{grid-area:header;margin-bottom:var(--section-top-padding-base);color:var(--color-light)}.catalogue-index__title{margin:0;padding:var(--section-top-padding-base) var(--section-side-padding) 0}}.requested-item-tracks{box-sizing:border-box;padding:0;overflow:hidden;transition:height .25s ease-out}[data-collapsed=true] .requested-item-tracks{height:0}.requested-item-tracks__title{font-family:Tenor Sans;font-style:normal;font-weight:400;font-size:var(--font-size-base);line-height:133%;text-align:center;text-transform:uppercase;color:var(--color-text);margin:0 0 var(--section-top-padding-base);padding:calc(9 * var(--section-top-padding-base)) var(--section-side-padding) 0;background:url(/img/vynil-light.svg) top center no-repeat;background-size:180px 90px}.requested-item-tracks__author,.requested-item-tracks__album{font-family:Merriweather;font-style:normal;font-weight:400;font-size:var(--font-size-subheader);line-height:1.625;text-align:center;color:var(--color-text);margin:0;padding:0 var(--section-side-padding)}.requested-item-tracks__author{margin-top:var(--section-top-padding-base)}.requested-item-tracks__album{margin-bottom:calc(3 * var(--section-top-padding-base))}.requested-item-tracks__button{width:100%;display:block;padding:var(--section-top-padding-base);color:#767676;font:normal var(--font-size-base) / 1.2 "Tenor Sans";text-align:center;background:none;border:none}.requested-item-tracks__button:focus,.requested-item-tracks__button:hover{color:#636363}.requested-item-tracks__list-container{position:relative;margin:0;padding:0 var(--section-side-padding) calc(3 * var(--section-top-padding-base));overflow:hidden;transition:height .3s ease-out}.requested-list__item[data-collapsed=false] .requested-item-tracks__button_expand{display:none}.requested-list__item[data-collapsed=false] .requested-item-tracks__button_collapse,.requested-list__item[data-collapsed=true] .requested-item-tracks__button_expand{display:block}.requested-list__item[data-collapsed=true] .requested-item-tracks__button_collapse{display:none}.requested-item-tracks__list-container:after{display:none;content:"";position:absolute;z-index:1;bottom:0;left:0;width:100vw;height:50px;background:linear-gradient(0deg,#fff 0% 30%,#fff0);transition:height .3s ease-out}.requested-list__item[data-collapsed=false] .requested-item-tracks__list-container:after{display:none;height:0}.catalogue-album__tracks{margin:1.5rem 0}.requested-item{display:flex;flex-direction:column;margin:0;padding:0}.requested-item__toggle-visibility{position:relative;color:#fff;margin:0;padding:var(--section-top-padding-base) var(--section-side-padding);text-align:center;font:normal var(--font-size-intense) / 1.2 "Tenor Sans";text-transform:uppercase;border:none}.requested-list{list-style:none;margin:0;padding:0}.requested-list__item:nth-child(6n-5) .requested-item__toggle-visibility{background-color:var(--color-requested-header-bg-1)}.requested-list__item:nth-child(6n-4) .requested-item__toggle-visibility{background-color:var(--color-requested-header-bg-2)}.requested-list__item:nth-child(6n-3) .requested-item__toggle-visibility{background-color:var(--color-requested-header-bg-3)}.requested-list__item:nth-child(6n-2) .requested-item__toggle-visibility{background-color:var(--color-requested-header-bg-4)}.requested-list__item:nth-child(6n-1) .requested-item__toggle-visibility{background-color:var(--color-requested-header-bg-5)}.requested-list__item:nth-child(6n) .requested-item__toggle-visibility{background-color:var(--color-requested-header-bg-6)}.tracks-on-request__title{font:normal 1.25rem/1.4 var(--font-family-header);letter-spacing:.01em;text-transform:uppercase;margin:0;padding:40px var(--section-side-padding) 25px}.spinner-box{display:flex;justify-content:center;align-items:center}.spinner{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}@media(min-width:811px){.requested-item-tracks:before{content:"";background-image:url(/img/vynil-right-half.svg);background-repeat:no-repeat;display:block;position:absolute;left:var(--toggle-button-width);top:50%;height:60vh;transform:translateY(-50%);aspect-ratio:2}.requested-item-tracks{box-sizing:border-box;padding:calc(var(--section-top-padding-base) * 2) var(--section-side-padding) var(--section-top-padding-base) calc(var(--section-side-padding) * 4);flex-direction:column;height:100%;display:none}.requested-item-tracks[data-collapsed]{height:auto}[data-collapsed=false] .requested-item-tracks{display:flex}.requested-item-tracks__title{padding:0;background:none;text-align:left;text-transform:uppercase;color:var(--color-text);font:normal var(--font-size-base) / 150% var(--font-family-header);margin:0 0 1em}.requested-item-tracks__author{margin:0;padding:0;text-align:left;color:var(--color-text);font:normal var(--font-size-subheader) / 133% var(--font-family-text)}.requested-item-tracks__album{margin:0;padding:0;text-align:left;font:normal var(--font-size-subheader) / 133% var(--font-family-text)}.requested-item-tracks__list-container{padding:0;margin:1em 0 0;overflow:auto;height:100%}.requested-item-tracks__buttons{display:none}.requested-item{display:contents}.requested-item__toggle-visibility{position:absolute;transform:rotate(-90deg) translate(calc(-100vh + var(--toggle-button-width) / 2),calc(var(--toggle-button-width) / 2));width:100vh;height:var(--toggle-button-width);padding:0;transform-origin:left}[data-collapsed=false] .requested-item__toggle-visibility{pointer-events:none}.tracks-on-request{height:100vh;overflow:hidden}.requested-list{display:flex;--toggle-button-width: 56px}.requested-list__item{height:100vh;position:relative;flex:0 0 var(--toggle-button-width);transition:all .25s ease-out;overflow:hidden}.requested-list__item[data-collapsed=false]{flex:1}.tracks-on-request__title{display:none}}