/* GALLERY */

/* GENERAL GALLERY STYLES */
.front-img,.text-blocks,.pie-icon-mobile{position:absolute;}
.building-gallery-wrapper{width:100%;height:700vw;}
.building-gallery-svg{width:100%;height:450vh;z-index:1;}
.building-gallery-svg img{position:absolute;top:0;left:0;width:100%;}
#navigate,.nav-icon,.nav-icon2,.nav-music,.nav-menu,.nav-contact,.nav-about,#menu-outer,.sidebarIconToggle,.menu-color,.meiconsvg,.worksiconsvg,.contacticonsvg,a,.m-neonsignbacklink,.mobile-led-sign-back{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}

/* COLOR SCHEMES */
.day-colour{/* color:#FFF0B2; */}
.neural-colour{color:var(--color-alpha);}
.night-colour{color:#9EC4D2;}

/* BUILDING GALLERY */
.led-sign,.train-lights,.building-gallery-svg{position:absolute;}
.led-sign{font-family:'Elektra';color:#ff9100;text-decoration:none;margin-top:227.2%;margin-left:50.5%;font-size:4vw;z-index:100;}
#ledsignlink{text-decoration:none;color:#ff9100;}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.train-lights{opacity:0;margin-top: 235.1%;z-index:999;width:100%;height:20vw;position:absolute;background-image:url(../svg/main/night-trainlights.svg);background-size:100%;background-repeat:no-repeat;}
.led-sign:hover~.train-lights{opacity:1;}
.led-sign:hover{cursor:pointer;}

/* BUILDING GALLERY MOBILE */
.led-sign-mobile{position:absolute;}
.led-sign-mobile{color:#ff9100;font-family:'Elektra';margin-left:43vw;font-size:9vw!important;letter-spacing:1vw;z-index:100;}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.mobile-building-gallery-wrapper{width:100%;height:200vh;}

/* MORE GALLERY */
.led-sign-back,.train-lights,.more-gallery-body,.more-gallery-svg,.more-gallery-window,.clipimg,.mobile-led-sign-back,.mobile-more-gallery-body,.mobile-more-gallery-svg,.mobile-more-gallery-window,.mobile-clipimg{position:absolute;}
.led-sign-back{font-family:'Elektra';color:#ff9100;text-decoration:none;margin-top:251.5vw;margin-left:45vw;font-size:4vw;z-index:100;cursor:pointer;}
#ledsignbacklink,#ledsignbacklinkmobile,#ledsignlink,#ledsignlinkmobile{color:#ff9100;text-decoration:none;}
.led-sign:hover~.train-lights{opacity:1;}
.led-sign:hover{cursor:pointer;}
.more-gallery-wrapper{width:100%;}
.more-gallery-svg{width:100vw;height:500vh;background-image:url(../svg/main/night-more-building.svg);background-size:100%;background-repeat:no-repeat;background-position:left top;z-index:1;}

/* MORE GALLERY MOBILE */
.mobile-led-sign-back{font-family:'Elektra';color:#ff9100;text-decoration:none;margin-top: 420.5vw;margin-left: 40.5vw;font-size: 9vw;z-index:100;cursor:pointer;}
.mobile-more-back{position:fixed;z-index:0;width:100%;height:100%;overflow:hidden;color:#FFF1B3;background-image:url(../svg/mobile/mobile-night-more-back.svg);background-repeat:no-repeat;background-position:left top;background-size:100vw;-webkit-transform: translateZ(-3px) scale(4.1);-moz-transform: translateZ(-3px) scale(4.1);}
.mobile-more-gallery-body{z-index:900;width:100%;height:150vh;}
.mobile-more-gallery-svg{z-index:100;top:0;width:100vw;height:550vw;background-image:url(../svg/mobile/mobile-night-more-building.svg);background-repeat:no-repeat;background-position:center top;background-size:cover;overflow: hidden;}
.neonsignbacklink {position:absolute;width:23vw;height:6vw;top:7vw;left:38vw;z-index: 998;cursor: pointer;}
.m-neonsignbacklink {position:absolute;width: 36vw;height: 10vw;top: 3vw;left: 31vw;z-index: 998;cursor: pointer;}
.neon-back-flash {position:absolute;opacity:0;z-index: 997;pointer-events: none;background-image:url(../svg/back-neon-flash.svg);background-repeat:no-repeat;background-position:left top;background-size:cover;}
.neonsignbacklink:hover .neon-back-flash {opacity:1;}
.m-neonsignbacklink:hover .neon-back-flash {opacity:1;}

/* GALLERY WINDOWS */
.gallery-item{position:absolute;overflow:hidden;margin-top:var(--gallery-y);margin-left:var(--gallery-x);width:var(--gallery-width);height:var(--gallery-height);}
.gallery-asset{position:absolute;}
.gallery-item[data-fit="width"] .gallery-asset{width:100%;}
.gallery-item[data-fit="height"] .gallery-asset{height:100%;}
.gallery-media{margin-left:var(--gallery-media-offset-x, 0);}
.hoverimg{opacity:0.4;filter: grayscale(50%);transform:scale(1);transition: all 0.5s cubic-bezier(0.54, -0.08, 0.51, 1);/* will-change: transform; */}
.hoverimg:hover{opacity:1;filter: grayscale(0); transform:scale(1.2);}
.led-sign,.train-lights,.building-gallery-svg,.building-gallery-body,.shutter,.pixelated,.gallery-window1,.gallery-window2,.gallery-window3,.gallery-window4,.gallery-window5,.gallery-window6,.gallery-window7,.gallery-window8,.gallery-window9{position:absolute;}
.photoswipe-wrapper{position:absolute;z-index:995;}

/* MORE GALLERY WINDOWS */

/* TRANSITIONS */


.day-block{display:none;overflow-y: auto;min-height: -webkit-fill-available;}
.neural-block{display:none;}
.parallax-text{display:block;}
.night-block{display:none;}
.more-block{display:none;overflow-x: hidden;overflow-y: auto;}
.more-block-mobile {overflow-x: hidden;overflow-y: scroll;height: 100vh;perspective: 1px;}
.hide{display:none!important;}
.show{display:block!important;}
#fader{position:fixed;margin-top:-100vh;transform: translateY(0);width:100%;height:100vh;z-index: 999;background-color:#001;pointer-events:none;will-change: transform, background-color;}
.transp{opacity:0;}
.pagefader{animation-name:pagefader;animation-duration:1s;animation-timing-function:ease-in-out;
animation-fill-mode:forwards;}
@keyframes pagefader {
0%{transform: translateY(0);background-color: var(--startcolor);}
30%{transform: translateY(100vh);background-color: var(--startcolor);}
70%{transform: translateY(100vh); background-color: var(--endcolor);}
100%{transform: translateY(0);background-color: var(--endcolor);}
}

/* GALLERY ENGINE STYLES */

/* ENGINE VIDEO STYLES */
.pswp__zoom-wrap{text-align:center;}
.pswp__zoom-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.gallery-lightbox-video{line-height:0;width:95%;max-width:900px;position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.gallery-lightbox-video .plyr{width:100%;}

/* ENGINE GENERAL STYLES */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action: none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0;}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box;}
.pswp img{max-width:none;}
.pswp--animate_opacity{opacity:.001;will-change:opacity;}
.pswp--open{display:block;}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-backface-visibility:hidden;will-change:opacity;}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0;}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;}
.pswp__bg{will-change:opacity;}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden;}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0;}
.pswp__img--placeholder{-webkit-backface-visibility:hidden;}
.pswp__img--placeholder--blank{background:#222;}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0;}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC;}
.pswp__error-msg a{color:#CCC;text-decoration:underline;}
.pswp--animate_opacity,.pswp__bg,.pswp__container,.pswp__zoom-wrap{will-change:auto;}

/* UI STYLES */
.pswp__button{width:100px;height:100px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:1;-webkit-box-shadow:none;box-shadow:none;}
.pswp__button:focus,.pswp__button:hover{opacity:1;}
.pswp__button:active{outline:none;opacity:.9;}
.pswp__button::-moz-focus-inner{padding:0;border:0;}
.pswp__ui--over-close .pswp__button--close{opacity:1;}
.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(../svg/psg-controls.svg) 0 0 no-repeat;width:88px;height:88px;}
.pswp__button {background-size: 527px 176px;}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background-size: 532px 143px;}
@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio: 1.09375),(min-resolution: 105dpi),(min-resolution: 1.1dppx) {
.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(../svg/psg-controls.svg);}
.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background: none;}
}
.pswp__button--close{background-position:0 -86px;}
.pswp__button--share{background-position:-87px -86px;}
.pswp__button--fs{display:none;}
.pswp--supports-fs .pswp__button--fs{display:block;}
.pswp--fs .pswp__button--fs{background-position:-90px 0;}
.pswp__button--zoom{display:none;background-position:-175px 0;}
.pswp--zoom-allowed .pswp__button--zoom{display:block;}
.pswp--zoomed-in .pswp__button--zoom{background-position:-264px 0;}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden;}
.pswp__button--arrow--left,.pswp__button--arrow--right{transform-origin: 40% 70%;background:none;top: 46%;margin-top:-50px;width:58px;height:100px;position:absolute;}
.pswp__button--arrow--left{left:0;}
.pswp__button--arrow--right{right:0;}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:none);height:70px;width:47px;position:absolute;}
.pswp__button--arrow--left:before{left:0;background-position:-272px -90px;}
.pswp__button--arrow--right:before{right:0;background-position:-209px -90px;}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.pswp__share-modal{display:block;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-backface-visibility:hidden;will-change:opacity;}
.pswp__share-modal--hidden{display:none;}
.pswp__share-tooltip{z-index:1620;position:absolute;background:rgba(0,0,0, 0.5);top:7vw;display:block;width:auto;right:9vw;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-backface-visibility:hidden;will-change:transform;}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#9EC4D2;text-decoration:none;font-size: 1.8vh;line-height: 5vh;font-weight: 300;}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000;}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0;}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px;}
.pswp__share-modal--fade-in{opacity:1;}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px;}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none;}
a.pswp__share--facebook:hover{background:#9EC4D2;color:#000;}
a.pswp__share--twitter:hover{background:#9EC4D2;color:#000;}
a.pswp__share--pinterest:hover{background:#9EC4D2;color:#000;}
a.pswp__share--download:hover{background:#9EC4D2;}
.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px;}
.pswp__caption{position:absolute;z-index: 999;}
.pswp__caption__center{text-align:center;color:#9EC4D2;}
.caption-link{cursor:pointer;background:#9EC4D2;color:#000;font-weight: 400;padding: 10px 14px;border-radius: 25px;margin-left: 10px;}
figcaption {visibility:hidden;}
.pswp__caption small{font-size:11px;color:#BBB;}
.pswp__caption--empty{display:none;}
.pswp__caption--fake{visibility:hidden;}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;will-change:opacity;direction:ltr;}
.pswp__preloader__icn{width:20px;height:20px;margin:12px;}
.pswp__preloader--active{opacity:1;}
.pswp__preloader--active .pswp__preloader__icn{background:url(../../img/preloader.gif) 0 0 no-repeat;}
.pswp--css_animation .pswp__preloader--active{opacity:1;}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise 500ms linear infinite;animation:clockwise 500ms linear infinite;}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite;animation:donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite;}
.pswp--css_animation .pswp__preloader__icn{background:none;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0;}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden;}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:none;margin:0;}
@media screen and (max-width: 1024px) {
.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right;}
}
@-webkit-keyframes clockwise {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes clockwise {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes donut-rotate {
0%{-webkit-transform:rotate(0);transform:rotate(0);}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg);}
100%{-webkit-transform:rotate(0);transform:rotate(0);}
}
@keyframes donut-rotate {
0%{-webkit-transform:rotate(0);transform:rotate(0);}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg);}
100%{-webkit-transform:rotate(0);transform:rotate(0);}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550;}
.pswp__top-bar{position:absolute;left:0;top:0;height:88px;width:100%;}
.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{-webkit-backface-visibility:hidden;will-change:opacity;}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible;}
.pswp__top-bar,.pswp__caption{background-color: rgba(0,0,0,0);}
.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption{background-color:rgba(0,0,0,0.5);}
.pswp__ui--idle .pswp__top-bar{opacity:0;}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0;}
.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right{opacity:.001;}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none;}
.pswp__element--disabled{display:none!important;}
.pswp--minimal--dark .pswp__top-bar{background:none;}
.pswp__button:hover,
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover,
.pswp__button--share:hover,
.pswp__button--zoom:hover,
.pswp__button--fs:hover
{transform: scale(1.2);}

#lid path {animation-duration:6s;animation-delay:1s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;fill: #000;stroke-linecap: round;stroke-linejoin: round;transition: d 0.2s;-webkit-transition: d 0.2s;transition: d 0.2s;}
@-webkit-keyframes eyelid {
0% {}
4% {
-webkit-d:path('M164.6,50.8c-3,3.9-28.6,35.9-72.8,36.3c-45.3,0.4-71.7-32.6-74.6-36.3 c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
8% {
-webkit-d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}

50% {
-webkit-d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
53% {
-webkit-d:path('M164.6,50.8c-3,3.9-28.6,35.9-72.8,36.3c-45.3,0.4-71.7-32.6-74.6-36.3 c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
56% {
-webkit-d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}

70% {
-webkit-d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
74% {
-webkit-d:path('M164.6,50.8c-3,3.9-28.6,35.9-72.8,36.3c-45.3,0.4-71.7-32.6-74.6-36.3 c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
78% {
-webkit-d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
}

@keyframes eyelid {
0% {}
4% {
d:path('M164.6,50.8c-3,3.9-28.6,35.9-72.8,36.3c-45.3,0.4-71.7-32.6-74.6-36.3 c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
8% {
d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}

50% {
d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
53% {
d:path('M164.6,50.8c-3,3.9-28.6,35.9-72.8,36.3c-45.3,0.4-71.7-32.6-74.6-36.3 c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
56% {
d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}

70% {
d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
74% {
d:path('M164.6,50.8c-3,3.9-28.6,35.9-72.8,36.3c-45.3,0.4-71.7-32.6-74.6-36.3 c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
78% {
d:path('M164.6,50.8c-20.5-14.8-47.3-22-73.7-22.1c-27.3-0.1-54.3,7.5-73.7,22.1c3.1-4,29.1-35.6,73.6-35.7C135.4,15,161.5,46.8,164.6,50.8z');
}
}

.neuralsvg{height:340vw; overflow:hidden;}
.neuralmidsvg{height: 160vw;overflow:hidden;width: 100vw;}
.neuralbacksvg{height:110vw;overflow:hidden;width: 100vw;}
.neuralbacksvgmobile{height:370vw; overflow:hidden;}
#playpointer,#playpointermobile,#tapepointer,#tapepointermobile {visibility:hidden;}
.pointer #playpointer{transform-origin: 51.5% 12.9%;}
.pointer #playpointermobile{transform-origin: 53.8% 17.2%;}
.pointer #playpointer, .pointer #playpointermobile{visibility:visible;animation-name:playpointeran;animation-duration: 1.5s;animation-iteration-count:infinite;animation-timing-function: ease-in-out;}

@keyframes playpointeran {
0%{opacity: 0;transform: scale(0.5);}
30%{opacity: 0.4;transform: scale(1.6);}
95%{opacity: 0;}
100%{transform: scale(0);}
}
.pointer #tapepointer {visibility:visible;animation-name:tapepointeran;animation-duration: 1.5s;transform-origin: 36.7% 29.1%;animation-iteration-count: infinite;animation-timing-function: ease-in-out;pointer-events: none;}

@keyframes tapepointeran {
0%{opacity: 0;transform: scale(0.5);}
30%{opacity: 0.3;transform: scale(1.1);}
100%{transform: scale(0);}
}

.pointer #tapepointermobile {visibility:visible;animation-name: tapepointermobilean;animation-duration: 1.5s;transform-origin: 24% 53.1%;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}

@keyframes tapepointermobilean {
0%{opacity: 0;transform: scale(0.4);}
30%{opacity: 0.3;transform: scale(1.1);}
100%{transform: scale(0);}
}

#playtape:hover {transform: scale(1.5);cursor: pointer;}
#playtape {transform-origin: 51.5% 12.9%;}
#pausetape:hover {transform: scale(1.5);cursor: pointer;}
#pausetape {transform-origin: 48.5% 12.9%;}
#stopbutton,#stopbuttonbody,#playmobile,#pausetape {/* pointer-events:none; */}
#playerbutton:hover > #recbuttonbody {fill: var(--color-alpha);cursor: pointer;}
#playerbutton:hover > #recbutton {fill: #000;cursor: pointer;}
#playerstopbutton:hover > #stopbuttonbody {fill: var(--color-alpha);cursor: pointer;}
#playerstopbutton:hover > #stopbutton {fill: #000;cursor: pointer;}
#bulbglow,#tobulb {opacity: 0;}
#pausetape,#playerstopbutton,#stopbuttongmobile,#pausegmobile{pointer-events:none;}
#stopbuttongmobile:hover > #stopbuttonbodymobile {fill: var(--color-alpha);cursor: pointer;}
#stopbuttongmobile:hover > #stopbuttonmobile {fill: #000;cursor: pointer;}
#menu-pointer-wrap,#menu-pointer {pointer-events: none;}
#menu-pointer-wrap {position: fixed;z-index: 9999;width: 19vh;height: 19vh;margin-top: -4.1vh;margin-left: -4.3vh;}
#menu-pointer {width:100%;height:100%;background: var(--themecolor);border-radius:50%;opacity: 0.6;animation-name: menupointeran;animation-duration: 2.5s;transform-origin: 50% 50%;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
@keyframes menupointeran {
0%{opacity: 0;transform: scale(0);}
30%{opacity: 0.15;transform: scale(1);}
50%{transform: scale(0.3);opacity: 0;}
99%{transform: scale(0.3);opacity: 0;}
100%{transform: scale(0);opacity: 0;}
}
.overlaypass {position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:transparent;padding:10% 0;-webkit-appearance: none;}
.vortexspin {animation-name:vortexspin;}
.vortexbackspin {animation-name:vortexbackspin;}
@keyframes vortexspin {
from{transform:rotate(0deg)}
to{transform:rotate(71deg)}
}
@keyframes vortexbackspin {
from{transform:rotate(71deg)}
to{transform:rotate(142deg)}
}