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