.animation-container{height:calc(100vh - 10px)!important;overflow:hidden}#listening-area .wrapper{background-image:url(../../../images/listening-background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;position:relative;height:auto}#listening-area .page-inner{max-width:none;width:100%}#listening-area .page-header{position:absolute;top:35px;left:0;width:100%;text-align:center}#listening-area .page-header .page-title{font-size:50px;font-weight:800;letter-spacing:.07em;margin:0 0 7px}#listening-area .page-header .page-blurb{font-size:16px;line-height:22px;width:500px;margin:0 auto}#listening-area .page-header .page-blurb em{font-weight:300}#listening-area .page-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#listening-area .page-bottom{position:absolute;bottom:0;left:0;width:100%;padding-bottom:115px}#listening-area .page-footer{position:absolute;width:100%;bottom:0;left:0}#listening-area .move-to-next{background:#000;opacity:.4}#listening-area .distance{position:relative;width:90%;margin:0 auto 30px;display:-webkit-box;display:-ms-flexbox;display:flex}#listening-area .distance:before{content:"";display:block;position:absolute;height:2px;width:91%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);background:#fff}#listening-area .distance__indicator{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:18px;text-align:center;font-size:12px;font-weight:700;color:#fff}#listening-area .distance__indicator:before{content:"";display:block;width:1px;height:17px;position:absolute;top:-7.5px;left:50%;margin-left:-.5px;background:#fff}#listening-area .scrubber{width:775px;background:#ffffffab;padding:0 7px;border-radius:12px;margin:0 auto;position:relative}#listening-area .scrubber__directions{background:#000000ab;font-size:10px;line-height:11px;color:#fff;font-weight:600;border-radius:14px;width:125px;padding:8px 13px 10px;position:absolute;left:-155px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#listening-area .scrubber__directions:after{content:"";display:block;height:12px;width:13px;background:url(../../../icons/yellow-arrow.svg);position:absolute;right:-20px;top:50%;margin-top:-6px;-webkit-animation:svelte-zbda46-hrz-bounce 2s infinite ease-in-out;animation:svelte-zbda46-hrz-bounce 2s infinite ease-in-out}@-webkit-keyframes svelte-zbda46-hrz-bounce{0%,20%,60%,to{-webkit-transform:translateX(5px);transform:translate(5px)}40%{-webkit-transform:translateX(-5px);transform:translate(-5px)}80%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes svelte-zbda46-hrz-bounce{0%,20%,60%,to{-webkit-transform:translateX(5px);transform:translate(5px)}40%{-webkit-transform:translateX(-5px);transform:translate(-5px)}80%{-webkit-transform:translateX(0);transform:translate(0)}}#listening-area .rangeslider{height:25px;position:relative;width:100%;z-index:20}#listening-area .rangeslider__handle{background:#fff;height:15px;width:112px;border-radius:7.5px;-ms-touch-action:pan-y;touch-action:pan-y;cursor:pointer;display:inline-block;position:absolute;top:50%;margin:-7.5px 0 0;-webkit-box-shadow:0 0 4px 2px rgba(0,0,0,.2);box-shadow:0 0 4px 2px #0003}#listening-area .rangeslider__handle:before{font-size:20px;position:absolute;top:35%;left:48%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#listening-area .pips{position:absolute;top:50%;margin-top:-4px;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 12px}#listening-area .pips:before{content:"";height:2px;width:calc(100% - 24px);background:#000;display:block;position:absolute;top:3px}#listening-area .pips .pip{height:8px;width:8px;background:#fff;border:.5px solid #000000;border-radius:50%;z-index:9;padding:0}#listening-area .animation-container{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;top:-40px}#listening-area .bg-masks-slider img{width:100%}#listening-area .hotspot{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#listening-area .hotspot__ring{border-radius:30px;height:50px;width:50px;-webkit-animation:svelte-zbda46-pulsate 2s ease-out;animation:svelte-zbda46-pulsate 2s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0;position:absolute;border-width:1px;border-style:solid}#listening-area .hotspot__ring:nth-child(1){animation-delay:0s}#listening-area .hotspot__ring:nth-child(2){animation-delay:.5s}#listening-area .hotspot__ring:nth-child(3){animation-delay:1s}#listening-area .hotspot__ring--white{border-color:#fff}#listening-area .hotspot__ring--gold{border-color:#ffe385;border-width:3px}@-webkit-keyframes svelte-zbda46-pulsate{0%{-webkit-transform:scale(.1,.1);transform:scale(.1);opacity:0}30%{opacity:1}to{-webkit-transform:scale(1.5,1.5);transform:scale(1.5);opacity:0}}@keyframes svelte-zbda46-pulsate{0%{-webkit-transform:scale(.1,.1);transform:scale(.1);opacity:0}30%{opacity:1}to{-webkit-transform:scale(1.5,1.5);transform:scale(1.5);opacity:0}}#listening-area .hotspot__indicator{width:50px;height:50px;-webkit-transition:all .15s ease;transition:all .15s ease;position:relative}#listening-area .hotspot__indicator:not(.no-hover):hover{height:200px;width:200px;background:#fff3;padding:10px;border-radius:50%}#listening-area .hotspot__indicator:not(.no-hover):hover .hotspot__ring{-webkit-animation-play-state:paused;animation-play-state:paused;opacity:0;border-width:0}#listening-area .hotspot__indicator:not(.no-hover):hover .hotspot__indicator-image{border:1px solid #000000;background:radial-gradient(ellipse at center,#fff0 0% 20%,#ffffffb3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#b3ffffff",GradientType=1)}#listening-area .hotspot__indicator:not(.no-hover):hover .scope-v,#listening-area .hotspot__indicator:not(.no-hover):hover .scope-h{opacity:1}#listening-area .hotspot__indicator-image{border-radius:50%;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;position:relative}#listening-area .hotspot__indicator-image .scope-v,#listening-area .hotspot__indicator-image .scope-h{height:100%;width:100%;position:absolute;left:50%;opacity:0}#listening-area .hotspot__indicator-image .scope-v{-webkit-transform:translateX(-50%);transform:translate(-50%)}#listening-area .hotspot__indicator-image .scope-v:before,#listening-area .hotspot__indicator-image .scope-v:after{content:"";display:block;height:10px;width:1px;background:#000;position:absolute;left:50%;margin-left:-1px}#listening-area .hotspot__indicator-image .scope-v:before{top:0}#listening-area .hotspot__indicator-image .scope-v:after{bottom:0}#listening-area .hotspot__indicator-image .scope-h{-webkit-transform:translateX(-50%) rotate(90deg);transform:translate(-50%) rotate(90deg)}#listening-area .hotspot__indicator-image .scope-h:before,#listening-area .hotspot__indicator-image .scope-h:after{content:"";display:block;height:10px;width:1px;background:#000;position:absolute;left:50%;margin-left:-1px}#listening-area .hotspot__indicator-image .scope-h:before{top:0}#listening-area .hotspot__indicator-image .scope-h:after{bottom:0}#listening-area .hotspot__callout{position:absolute;width:420px;border-radius:14px;background:#000000ab;padding:20px;bottom:100px}#listening-area .hotspot__callout:after{content:"";display:table;clear:both}#listening-area .hotspot__callout:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:39px 22.5px 0 22.5px;border-color:rgba(0,0,0,.67) transparent transparent transparent;position:absolute;bottom:-44px}#listening-area .hotspot__name{padding:3px 20px;background:#ffffffab;border:1px solid #ffffff;display:inline-block;border-radius:15px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;margin-bottom:20px;position:relative}#listening-area .hotspot__name:before,#listening-area .hotspot__name:after{content:"";display:block;height:1px;background:#fff;position:absolute;z-index:10}#listening-area .hotspot__name:before{left:100%;top:10px}#listening-area .hotspot__description{font-size:14px;line-height:19px;font-weight:600;color:#fff;width:50%;float:left}#listening-area .hotspot__image{width:50%;float:left;position:relative}#listening-area .hotspot__image:after{content:"";display:block;height:4px;width:4px;background:#fff;border-radius:50%;position:absolute}#listening-area #mate{top:67%;left:28%}#listening-area #mate .hotspot__callout{right:-110px}#listening-area #mate .hotspot__callout:after{right:110px}#listening-area #mate .hotspot__name{padding:3px 20px}#listening-area #mate .hotspot__name:before{width:170px}#listening-area #mate .hotspot__name:after{width:60px;left:calc(100% + 158px);top:34px;-webkit-transform:rotate(53deg);transform:rotate(53deg)}#listening-area #mate .hotspot__description,#listening-area #mate .hotspot__image{width:50%}#listening-area #mate .hotspot__image:after{top:17px;left:95px}#listening-area #prey{top:64%;left:39%}#listening-area #prey .hotspot__indicator-image{padding:19px}#listening-area #prey .hotspot__indicator:not(.no-hover):hover .hotspot__indicator-image{padding:32px}#listening-area #prey .hotspot__callout{right:-60px}#listening-area #prey .hotspot__callout:after{right:60px}#listening-area #prey .hotspot__name{padding:3px 20px}#listening-area #prey .hotspot__name:before{width:158px}#listening-area #prey .hotspot__name:after{width:90px;left:calc(100% + 142px);top:44px;-webkit-transform:rotate(49deg);transform:rotate(49deg)}#listening-area #prey .hotspot__description{width:60%}#listening-area #prey .hotspot__image{width:40%;margin-top:-30px}#listening-area #prey .hotspot__image:after{top:67px;left:64px}#listening-area #red-fox{top:69%;left:50%}#listening-area #red-fox .hotspot__indicator-image{padding:17px}#listening-area #red-fox .hotspot__indicator:not(.no-hover):hover .hotspot__indicator-image{padding:40px}#listening-area #red-fox .hotspot__callout{right:50%;margin-right:-210px}#listening-area #red-fox .hotspot__callout:after{right:50%;margin-right:-22.5px}#listening-area #red-fox .hotspot__name{padding:3px 20px}#listening-area #red-fox .hotspot__name:before{width:137px}#listening-area #red-fox .hotspot__name:after{width:81px;left:calc(100% + 116px);top:44px;-webkit-transform:rotate(60deg);transform:rotate(60deg)}#listening-area #red-fox .hotspot__description{width:70%}#listening-area #red-fox .hotspot__image{width:30%;margin-top:-20px}#listening-area #red-fox .hotspot__image:after{top:57px;left:11px}#listening-area #predator{top:68%;left:87%}#listening-area #predator .hotspot__indicator-image{padding:19px}#listening-area #predator .hotspot__indicator:not(.no-hover):hover .hotspot__indicator-image{padding:30px}#listening-area #predator .hotspot__callout{right:-34px}#listening-area #predator .hotspot__callout:after{right:40px}#listening-area #predator .hotspot__name{padding:3px 20px}#listening-area #predator .hotspot__name:before{width:119px}#listening-area #predator .hotspot__name:after{width:37px;left:calc(100% + 112px);top:24px;-webkit-transform:rotate(50deg);transform:rotate(50deg)}#listening-area #predator .hotspot__description{width:60%;padding-right:10px}#listening-area #predator .hotspot__image{width:40%;margin-top:-40px}#listening-area #predator .hotspot__image:after{top:37px;left:31px}#listening-area .planes{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:90%;height:100%}#listening-area .planes .plane{position:absolute}#listening-area .planes .plane--1{left:13%;top:12%}#listening-area .planes .plane--2{left:32%;top:12%}#listening-area .planes .plane--3{left:47%;top:13%}@-webkit-keyframes svelte-zbda46-pulsate{0%{-webkit-transform:scale(.1,.1);transform:scale(.1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1.2,1.2);transform:scale(1.2);opacity:0}}@keyframes svelte-zbda46-pulsate{0%{-webkit-transform:scale(.1,.1);transform:scale(.1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1.2,1.2);transform:scale(1.2);opacity:0}}@media(min-height:700px){.animation-container{height:calc(100vh + -0px)!important}#listening-area .page-header{top:20px}#listening-area .page-header .page-title{font-size:42px;margin:0 0 5px}#listening-area .page-header .page-blurb{font-size:14px;line-height:20px}#listening-area .page-bottom{padding-bottom:25px;top:80%}#listening-area .bg-masks-slider{display:flex;align-items:center;justify-content:center;height:100%}#listening-area .bg-masks-slider img{max-height:100%;width:85%;object-fit:contain}#listening-area .distance{margin:0 auto 15px;top:-100%}#listening-area .hotspot{transform:translate(-50%,-50%) scale(.85)}#listening-area #mate{left:21%}#listening-area #predator{left:92%}#listening-area .animation-container{top:-120px}#listening-area .scrubber{top:-90%}}