*{box-sizing:border-box}body,html{height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}body{background-color:#303030}.plp-page{height:100vh;margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;.plp-grow{flex-grow:1}.plp-img{&.plp-img_logo{width:100px;height:100px;margin-bottom:20px;svg{fill:#fff}}&.plp-img_icn_soundcloud,&.plp-img_icn_twitter{width:24px;height:24px}}.plp-loader{width:32px;height:32px}.plp-btn{background:transparent;border:none;width:60px;height:60px;line-height:1px;font-size:10px;color:#fff;transition:all .5s;position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.1);transition:all .3s;border-radius:50%}&:hover{cursor:pointer}&:hover:before{opacity:0;transform:scale(.5);border-radius:50%}&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:all .3s;border:1px solid rgba(255,255,255,.5);transform:scale(1.2);border-radius:50%}&:hover:after{opacity:1;transform:scale(1)}&.plp-btn_nav{width:16px;height:16px;background-color:rgba(255,255,255,.8);&:after{left:-2px;top:-2px;transform:scale(1.8);border-width:2px}}&.plp-btn_active{background-color:#C850C0;width:26px;height:26px}}.plp-content{height:80px;gap:10px}.plp-card,.plp-content{display:flex;align-items:center;justify-content:center}.plp-card{flex-direction:column;height:100%}.plp-social{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:20px;.plp-img{margin:10px}}.plp-loader{height:80px}.plp-header{.plp-img_logo{width:48px;height:48px;position:absolute;z-index:1;left:0;top:0;margin:11px;@media only screen and (max-width:600px){margin-left:5px;margin-bottom:5px;margin-right:5px;margin-top:5px}}.plp-btn{display:block}.plp-nav{position:absolute;z-index:1;padding:18px;left:0;top:70px;gap:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;@media only screen and (max-width:600px){padding-left:9px;padding-bottom:9px;padding-right:9px;padding-top:9px;width:58px}}.plp-social{position:absolute;z-index:1;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;@media only screen and (max-width:600px){padding-left:5px;padding-bottom:5px;padding-right:5px;padding-top:5px}}}}