.eatenbymonsters.picobel{--black: #555;--white: #ffffff;--grey: #dad8d2;--primary: #00b7c6;--primary--opacity: rgba(0, 183, 198, .3);--primary--dark: hsl(184, 100%, 29%)}@keyframes ebm_background_slide{0%{background-position:0 0}to{background-position:2em 0}}.eatenbymonsters.picobel{margin:2em 0;position:relative;overflow:hidden;box-sizing:border-box;height:6em}.eatenbymonsters.picobel *,.eatenbymonsters.picobel *:before,.eatenbymonsters.picobel *:after{box-sizing:inherit}.eatenbymonsters.picobel .loader{width:100%;position:absolute;bottom:0;left:0;height:2em;overflow:hidden;display:none;z-index:2;transition:opacity .2s;background:linear-gradient(to right,var(--primary) 50%,var(--primary--dark) 50%);background-size:2em 2em;background-repeat:repeat;background-position:0 0;animation:ebm_background_slide linear infinite .4s}.eatenbymonsters.picobel.loading .loader{display:block}.eatenbymonsters.picobel .playerTrigger{border:none;appearance:none;width:3em;height:4em;font-size:1em;color:var(--white);background:var(--black);position:absolute;top:0;left:0;cursor:pointer}.eatenbymonsters.picobel .playerTrigger .buttonText{display:none}.eatenbymonsters.picobel .playerTrigger:focus{outline:none}.eatenbymonsters.picobel .playerTrigger:before{content:"";display:block;position:absolute;top:50%;left:50%;margin-top:-.6em;margin-left:-.25em;border-top:.6em solid transparent;border-left:.8em solid var(--white);border-bottom:.6em solid transparent}.eatenbymonsters.picobel .playerTrigger:after{content:"";display:block;position:absolute;top:50%;right:50%;height:1em;margin-top:-.5em;margin-right:-.5em;border-top:0;border-left:.4em solid var(--white);border-bottom:0;opacity:0}.eatenbymonsters.picobel .playerTrigger.songPlaying:before{height:1em;margin-top:-.5em;margin-left:-.5em;border-top:0;border-left:.4em solid var(--white);border-bottom:0}.eatenbymonsters.picobel .playerTrigger.songPlaying:after{opacity:1}.eatenbymonsters.picobel .metaWrapper{padding:.5em 1.5em .5em 3.5em;height:4em;overflow:auto;background:var(--primary);background:var(--primary--opacity)}.eatenbymonsters.picobel .metaWrapper .titleDisplay{display:block;line-height:1;font-weight:700}.eatenbymonsters.picobel .metaWrapper .artistDisplay{display:block;line-height:1}.eatenbymonsters.picobel .timingsWrapper{position:absolute;width:100%;bottom:0;left:0;height:2em;background:red}.eatenbymonsters.picobel .timingsWrapper .songPlayTimer,.eatenbymonsters.picobel .timingsWrapper .songDuration{position:absolute;top:0;z-index:3;width:4em;text-align:center;background:transparent;color:var(--white);line-height:2;height:2em;pointer-events:none}.eatenbymonsters.picobel .timingsWrapper .songPlayTimer{left:0}.eatenbymonsters.picobel .timingsWrapper .songDuration{right:0}.eatenbymonsters.picobel.loading .songPlayTimer,.eatenbymonsters.picobel.loading .songDuration{display:none}.eatenbymonsters.picobel .progress-slider__wrapper{height:2em;font-size:1em;line-height:1;position:absolute;top:0;left:0;width:100%;background:var(--black);overflow:hidden}.eatenbymonsters.picobel .progress-slider__wrapper .progress-slider__range{width:100%;padding:0;margin:0;position:absolute;top:0;left:0;opacity:0}.eatenbymonsters.picobel .progress-slider__wrapper .progress-slider__progress-indicator{height:2em;position:absolute;top:0;left:0;background:var(--primary--opacity);width:0%}.eatenbymonsters.picobel .progress-slider__wrapper .progress-slider__playhead{width:1em;height:2em;position:absolute;top:50%;left:0%;margin-top:-1em;margin-left:-.5em;background:var(--primary)}.eatenbymonsters.picobel.loading .progress-slider__progress-indicator,.eatenbymonsters.picobel.loading .progress-slider__playhead{display:none}.eatenbymonsters.picobel input[type=range].progress-slider__range::-webkit-slider-runnable-track{width:100%;font-size:1em;height:2.2em;cursor:pointer}.eatenbymonsters.picobel input[type=range].progress-slider__range::-moz-range-track{width:100%;height:2em;cursor:pointer}.eatenbymonsters.picobel input[type=range].progress-slider__range::-ms-track{width:100%;height:2em;cursor:pointer}.eatenbymonsters.picobel .songVolume{position:absolute;top:0;right:0;width:1.5em;height:4em;overflow:hidden;z-index:2}.eatenbymonsters.picobel .songVolume .songMuteButton{display:block;width:1.5rem;height:1.5rem;font-size:0;border:0;appearance:none;background:var(--black);position:absolute;top:0;right:0;cursor:pointer}.eatenbymonsters.picobel .songVolume .songMuteButton:before{display:block;width:.4rem;height:.3rem;position:absolute;content:"";top:50%;right:50%;margin-right:-.1rem;transform:translateY(-50%);background:var(--white)}.eatenbymonsters.picobel .songVolume .songMuteButton:after{display:block;width:.4rem;height:.4rem;position:absolute;content:"";top:50%;margin-top:-.4rem;right:50%;margin-right:-.2rem;border-top:.4rem solid transparent;border-right:.4rem solid var(--white);border-bottom:.4rem solid transparent}.eatenbymonsters.picobel .songVolume .songMuteButton.songMuted{&:before{background:var(--grey)}&:after{border-right-color:var(--grey)}}.eatenbymonsters.picobel .songVolumeValue{margin-left:.2em}.eatenbymonsters.picobel .songVolumeLabelWrapper{display:none}.eatenbymonsters.picobel .volume-slider__wrapper{display:block;height:1.5em;position:absolute;top:0;left:0;z-index:3;background:var(--black);width:2.5em;transform:rotate(90deg);transform-origin:bottom left}.eatenbymonsters.picobel .volume-slider__wrapper .volume-slider__range{width:100%;padding:0;margin:0;height:1.5em;position:absolute;top:0;left:0;opacity:0;transform:rotate(180deg)}.eatenbymonsters.picobel .volume-slider__wrapper .volume-slider__progress-indicator{height:1.5em;position:absolute;top:0;right:0;background:var(--primary);width:100%;transform:rotate(180deg)}.eatenbymonsters.picobel .volume-slider__wrapper .volume-slider__playhead{display:none}.eatenbymonsters.picobel input[type=range].volume-slider__range::-webkit-slider-runnable-track{width:100%;font-size:1em;height:1.5em;cursor:pointer}.eatenbymonsters.picobel input[type=range].volume-slider__range::-moz-range-track{width:100%;height:1.5em;cursor:pointer}.eatenbymonsters.picobel input[type=range].volume-slider__range::-ms-track{width:100%;height:1.5em;cursor:pointer}.picobel .error{display:flex;height:100%;align-items:center;justify-content:center}