{
  "version": 3,
  "sources": ["../src/css/picobel.eatenbymonsters.css"],
  "sourcesContent": [".eatenbymonsters.picobel {\n    --black: #555;\n    --white: #ffffff;\n    --grey: #dad8d2;\n    --primary: #00b7c6; /* rgb(0, 183, 198), hsl(184, 100%, 39%) */\n    --primary--opacity: rgba(0, 183, 198, 0.3);\n    --primary--dark: hsl(184, 100%, 29%);\n}\n\n/* Simulates an infinite slide-to-the-right effect. */\n@keyframes ebm_background_slide {\n    0% {\n        background-position: 0 0;\n    }\n    100% {\n        background-position: 2em 0;\n    }\n}\n\n/* Wrapper */\n.eatenbymonsters.picobel {\n    margin: 2em 0;\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n    height: 6em;\n}\n/* Global */\n.eatenbymonsters.picobel *,\n.eatenbymonsters.picobel *:before,\n.eatenbymonsters.picobel *:after {\n    box-sizing: inherit;\n}\n\n/* The loading-state indicator */\n.eatenbymonsters.picobel .loader {\n    width: 100%;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    height: 2em;\n    overflow: hidden;\n    display: none;\n    z-index: 2;\n    transition: opacity 0.2s;\n    background: linear-gradient(\n        to right,\n        var(--primary) 50%,\n        var(--primary--dark) 50%\n    );\n    background-size: 2em 2em;\n    background-repeat: repeat;\n    background-position: 0 0;\n    animation: ebm_background_slide linear infinite 0.4s;\n}\n\n/* Only show the loader when we're loading */\n.eatenbymonsters.picobel.loading .loader {\n    display: block;\n}\n\n/* The play-pause button */\n.eatenbymonsters.picobel .playerTrigger {\n    border: none;\n    appearance: none;\n    width: 3em;\n    height: 4em;\n    font-size: 1em;\n    color: var(--white);\n    background: var(--black);\n    position: absolute;\n    top: 0;\n    left: 0;\n    cursor: pointer;\n}\n.eatenbymonsters.picobel .playerTrigger .buttonText {\n    display: none;\n}\n.eatenbymonsters.picobel .playerTrigger:focus {\n    outline: none;\n}\n/* The \"play\" icon */\n.eatenbymonsters.picobel .playerTrigger:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    margin-top: -0.6em;\n    margin-left: -0.25em;\n    border-top: 0.6em solid transparent;\n    border-left: 0.8em solid var(--white);\n    border-bottom: 0.6em solid transparent;\n}\n/* Hidden right side of \"pause\" icon (shown when paused) */\n.eatenbymonsters.picobel .playerTrigger:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    right: 50%;\n    height: 1em;\n    margin-top: -0.5em;\n    margin-right: -0.5em;\n    border-top: 0;\n    border-left: 0.4em solid var(--white);\n    border-bottom: 0;\n    opacity: 0;\n}\n/* The left side of the \"pause\" icon */\n.eatenbymonsters.picobel .playerTrigger.songPlaying:before {\n    height: 1em;\n    margin-top: -0.5em;\n    margin-left: -0.5em;\n    border-top: 0;\n    border-left: 0.4em solid var(--white);\n    border-bottom: 0;\n}\n/* Make the right side visible */\n.eatenbymonsters.picobel .playerTrigger.songPlaying:after {\n    opacity: 1;\n}\n\n/* Display song info */\n.eatenbymonsters.picobel .metaWrapper {\n    padding: 0.5em 1.5em 0.5em 3.5em;\n    height: 4em;\n    overflow: auto;\n    background: var(--primary);\n    background: var(--primary--opacity);\n}\n.eatenbymonsters.picobel .metaWrapper .titleDisplay {\n    display: block;\n    line-height: 1;\n    font-weight: bold;\n}\n.eatenbymonsters.picobel .metaWrapper .artistDisplay {\n    display: block;\n    line-height: 1;\n}\n\n/* Display info about time-played and song-duration */\n.eatenbymonsters.picobel .timingsWrapper {\n    position: absolute;\n    width: 100%;\n    bottom: 0;\n    left: 0;\n    height: 2em;\n    background: red;\n}\n.eatenbymonsters.picobel .timingsWrapper .songPlayTimer,\n.eatenbymonsters.picobel .timingsWrapper .songDuration {\n    position: absolute;\n    top: 0;\n    z-index: 3;\n    width: 4em;\n    text-align: center;\n    background: transparent;\n    color: var(--white);\n    line-height: 2;\n    height: 2em;\n    pointer-events: none;\n}\n.eatenbymonsters.picobel .timingsWrapper .songPlayTimer {\n    left: 0;\n}\n.eatenbymonsters.picobel .timingsWrapper .songDuration {\n    right: 0;\n}\n\n/* ...and hide them when we're loading */\n.eatenbymonsters.picobel.loading .songPlayTimer,\n.eatenbymonsters.picobel.loading .songDuration {\n    display: none;\n}\n\n/* The \"fake\" range slider */\n.eatenbymonsters.picobel .progress-slider__wrapper {\n    height: 2em;\n    font-size: 1em;\n    line-height: 1;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    background: var(--black);\n    overflow: hidden;\n}\n/* Make sure the real range element is the same size as the fake one. Position it on-top of the fake and make it invisible (so we can still get the functionality) */\n.eatenbymonsters.picobel .progress-slider__wrapper .progress-slider__range {\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n}\n.eatenbymonsters.picobel\n    .progress-slider__wrapper\n    .progress-slider__progress-indicator {\n    height: 2em;\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: var(--primary--opacity);\n    width: 0%;\n}\n.eatenbymonsters.picobel .progress-slider__wrapper .progress-slider__playhead {\n    width: 1em;\n    height: 2em;\n    position: absolute;\n    top: 50%;\n    left: 0%;\n    margin-top: -1em;\n    margin-left: -0.5em;\n    background: var(--primary);\n}\n\n/* Hide dynamic elements until loading has finished */\n.eatenbymonsters.picobel.loading .progress-slider__progress-indicator,\n.eatenbymonsters.picobel.loading .progress-slider__playhead {\n    display: none;\n}\n\n/* Make sure the range Track is the right size and shape. Needs prefixed versions to ensure cross-browser consistency. */\n.eatenbymonsters.picobel\n    input[type=\"range\"].progress-slider__range::-webkit-slider-runnable-track {\n    width: 100%;\n    font-size: 1em;\n    height: 2.2em;\n    cursor: pointer;\n}\n.eatenbymonsters.picobel\n    input[type=\"range\"].progress-slider__range::-moz-range-track {\n    width: 100%;\n    height: 2em;\n    cursor: pointer;\n}\n.eatenbymonsters.picobel input[type=\"range\"].progress-slider__range::-ms-track {\n    width: 100%;\n    height: 2em;\n    cursor: pointer;\n}\n\n/* Position the volume controls */\n.eatenbymonsters.picobel .songVolume {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 1.5em;\n    height: 4em;\n    overflow: hidden;\n    z-index: 2;\n}\n.eatenbymonsters.picobel .songVolume .songMuteButton {\n    display: block;\n    width: 1.5rem;\n    height: 1.5rem;\n    font-size: 0;\n    border: 0;\n    appearance: none;\n    background: var(--black);\n    position: absolute;\n    top: 0;\n    right: 0;\n    cursor: pointer;\n}\n/* Rectangle part of \"speaker cone\" icon */\n.eatenbymonsters.picobel .songVolume .songMuteButton:before {\n    display: block;\n    width: 0.4rem;\n    height: 0.3rem;\n    position: absolute;\n    content: \"\";\n    top: 50%;\n    right: 50%;\n    margin-right: -0.1rem;\n    transform: translateY(-50%);\n    background: var(--white);\n}\n/* Triangle part of \"speaker cone\" icon */\n.eatenbymonsters.picobel .songVolume .songMuteButton:after {\n    display: block;\n    width: 0.4rem;\n    height: 0.4rem;\n    position: absolute;\n    content: \"\";\n    top: 50%;\n    margin-top: -0.4rem;\n    right: 50%;\n    margin-right: -0.2rem;\n    border-top: 0.4rem solid transparent;\n    border-right: 0.4rem solid var(--white);\n    border-bottom: 0.4rem solid transparent;\n}\n/* Change icon when muted */\n.eatenbymonsters.picobel .songVolume .songMuteButton.songMuted {\n    &:before {\n        background: var(--grey);\n    }\n    &:after {\n        border-right-color: var(--grey);\n    }\n}\n\n.eatenbymonsters.picobel .songVolumeValue {\n    margin-left: 0.2em;\n}\n\n.eatenbymonsters.picobel .songVolumeLabelWrapper {\n    display: none;\n}\n\n/* As with the playback indicator, we're using a range element to power the volume slider functionality */\n.eatenbymonsters.picobel .volume-slider__wrapper {\n    display: block;\n    height: 1.5em;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 3;\n    background: var(--black);\n    width: 2.5em;\n    transform: rotate(90deg);\n    transform-origin: bottom left;\n}\n/* Make sure the real range element is the same size as the fake one. Position it on-top of the fake and make it invisible (so we can still get the functionality) */\n.eatenbymonsters.picobel .volume-slider__wrapper .volume-slider__range {\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    height: 1.5em;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    transform: rotate(180deg);\n}\n.eatenbymonsters.picobel\n    .volume-slider__wrapper\n    .volume-slider__progress-indicator {\n    height: 1.5em;\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: var(--primary);\n    width: 100%;\n    transform: rotate(180deg);\n}\n.eatenbymonsters.picobel .volume-slider__wrapper .volume-slider__playhead {\n    display: none;\n}\n\n/* Make sure the range Track is the right size and shape. Needs prefixed versions to ensure cross-browser consistency. */\n.eatenbymonsters.picobel\n    input[type=\"range\"].volume-slider__range::-webkit-slider-runnable-track {\n    width: 100%;\n    font-size: 1em;\n    height: 1.5em;\n    cursor: pointer;\n}\n.eatenbymonsters.picobel\n    input[type=\"range\"].volume-slider__range::-moz-range-track {\n    width: 100%;\n    height: 1.5em;\n    cursor: pointer;\n}\n.eatenbymonsters.picobel input[type=\"range\"].volume-slider__range::-ms-track {\n    width: 100%;\n    height: 1.5em;\n    cursor: pointer;\n}\n"],
  "mappings": ";AAAA,CAAC,eAAe,CAAC;AACb,WAAS;AACT,WAAS;AACT,UAAQ;AACR,aAAW;AACX,sBAAoB,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,mBAAiB,IAAI,GAAG,EAAE,IAAI,EAAE;AACpC;AAGA,WAAW;AACP;AACI,yBAAqB,EAAE;AAC3B;AACA;AACI,yBAAqB,IAAI;AAC7B;AACJ;AAGA,CApBC,eAoBe,CApBC;AAqBb,UAAQ,IAAI;AACZ,YAAU;AACV,YAAU;AACV,cAAY;AACZ,UAAQ;AACZ;AAEA,CA5BC,eA4Be,CA5BC,QA4BQ;AACzB,CA7BC,eA6Be,CA7BC,QA6BQ,CAAC;AAC1B,CA9BC,eA8Be,CA9BC,QA8BQ,CAAC;AACtB,cAAY;AAChB;AAGA,CAnCC,eAmCe,CAnCC,QAmCQ,CAAC;AACtB,SAAO;AACP,YAAU;AACV,UAAQ;AACR,QAAM;AACN,UAAQ;AACR,YAAU;AACV,WAAS;AACT,WAAS;AACT,cAAY,QAAQ;AACpB;AAAA,IAAY;AAAA,MACR,GAAG,KAAK;AAAA,MACR,IAAI,WAAW,GAAG;AAAA,MAClB,IAAI,iBAAiB;AAEzB,mBAAiB,IAAI;AACrB,qBAAmB;AACnB,uBAAqB,EAAE;AACvB,aAAW,qBAAqB,OAAO,SAAS;AACpD;AAGA,CAzDC,eAyDe,CAzDC,OAyDO,CAAC,QAAQ,CAtBP;AAuBtB,WAAS;AACb;AAGA,CA9DC,eA8De,CA9DC,QA8DQ,CAAC;AACtB,UAAQ;AACR,cAAY;AACZ,SAAO;AACP,UAAQ;AACR,aAAW;AACX,SAAO,IAAI;AACX,cAAY,IAAI;AAChB,YAAU;AACV,OAAK;AACL,QAAM;AACN,UAAQ;AACZ;AACA,CA3EC,eA2Ee,CA3EC,QA2EQ,CAbC,cAac,CAAC;AACrC,WAAS;AACb;AACA,CA9EC,eA8Ee,CA9EC,QA8EQ,CAhBC,aAgBa;AACnC,WAAS;AACb;AAEA,CAlFC,eAkFe,CAlFC,QAkFQ,CApBC,aAoBa;AACnC,WAAS;AACT,WAAS;AACT,YAAU;AACV,OAAK;AACL,QAAM;AACN,cAAY;AACZ,eAAa;AACb,cAAY,MAAM,MAAM;AACxB,eAAa,MAAM,MAAM,IAAI;AAC7B,iBAAe,MAAM,MAAM;AAC/B;AAEA,CA/FC,eA+Fe,CA/FC,QA+FQ,CAjCC,aAiCa;AACnC,WAAS;AACT,WAAS;AACT,YAAU;AACV,OAAK;AACL,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,gBAAc;AACd,cAAY;AACZ,eAAa,MAAM,MAAM,IAAI;AAC7B,iBAAe;AACf,WAAS;AACb;AAEA,CA9GC,eA8Ge,CA9GC,QA8GQ,CAhDC,aAgDa,CAAC,WAAW;AAC/C,UAAQ;AACR,cAAY;AACZ,eAAa;AACb,cAAY;AACZ,eAAa,MAAM,MAAM,IAAI;AAC7B,iBAAe;AACnB;AAEA,CAvHC,eAuHe,CAvHC,QAuHQ,CAzDC,aAyDa,CATC,WASW;AAC/C,WAAS;AACb;AAGA,CA5HC,eA4He,CA5HC,QA4HQ,CAAC;AACtB,WAAS,MAAM,MAAM,MAAM;AAC3B,UAAQ;AACR,YAAU;AACV,cAAY,IAAI;AAChB,cAAY,IAAI;AACpB;AACA,CAnIC,eAmIe,CAnIC,QAmIQ,CAPC,YAOY,CAAC;AACnC,WAAS;AACT,eAAa;AACb,eAAa;AACjB;AACA,CAxIC,eAwIe,CAxIC,QAwIQ,CAZC,YAYY,CAAC;AACnC,WAAS;AACT,eAAa;AACjB;AAGA,CA9IC,eA8Ie,CA9IC,QA8IQ,CAAC;AACtB,YAAU;AACV,SAAO;AACP,UAAQ;AACR,QAAM;AACN,UAAQ;AACR,cAAY;AAChB;AACA,CAtJC,eAsJe,CAtJC,QAsJQ,CARC,eAQe,CAAC;AAC1C,CAvJC,eAuJe,CAvJC,QAuJQ,CATC,eASe,CAAC;AACtC,YAAU;AACV,OAAK;AACL,WAAS;AACT,SAAO;AACP,cAAY;AACZ,cAAY;AACZ,SAAO,IAAI;AACX,eAAa;AACb,UAAQ;AACR,kBAAgB;AACpB;AACA,CAnKC,eAmKe,CAnKC,QAmKQ,CArBC,eAqBe,CAbC;AActC,QAAM;AACV;AACA,CAtKC,eAsKe,CAtKC,QAsKQ,CAxBC,eAwBe,CAfC;AAgBtC,SAAO;AACX;AAGA,CA3KC,eA2Ke,CA3KC,OA2KO,CAlHC,QAkHQ,CArBS;AAsB1C,CA5KC,eA4Ke,CA5KC,OA4KO,CAnHC,QAmHQ,CArBS;AAsBtC,WAAS;AACb;AAGA,CAjLC,eAiLe,CAjLC,QAiLQ,CAAC;AACtB,UAAQ;AACR,aAAW;AACX,eAAa;AACb,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,cAAY,IAAI;AAChB,YAAU;AACd;AAEA,CA7LC,eA6Le,CA7LC,QA6LQ,CAZC,yBAYyB,CAAC;AAChD,SAAO;AACP,WAAS;AACT,UAAQ;AACR,YAAU;AACV,OAAK;AACL,QAAM;AACN,WAAS;AACb;AACA,CAtMC,eAsMe,CAtMC,QAuMb,CAtBsB,yBAuBtB,CAAC;AACD,UAAQ;AACR,YAAU;AACV,OAAK;AACL,QAAM;AACN,cAAY,IAAI;AAChB,SAAO;AACX;AACA,CAhNC,eAgNe,CAhNC,QAgNQ,CA/BC,yBA+ByB,CAAC;AAChD,SAAO;AACP,UAAQ;AACR,YAAU;AACV,OAAK;AACL,QAAM;AACN,cAAY;AACZ,eAAa;AACb,cAAY,IAAI;AACpB;AAGA,CA5NC,eA4Ne,CA5NC,OA4NO,CAnKC,QAmKQ,CApB5B;AAqBL,CA7NC,eA6Ne,CA7NC,OA6NO,CApKC,QAoKQ,CAbmB;AAchD,WAAS;AACb;AAGA,CAlOC,eAkOe,CAlOC,QAmOb,KAAK,CAAC,WAAa,CAtC6B,sBAsCN;AAC1C,SAAO;AACP,aAAW;AACX,UAAQ;AACR,UAAQ;AACZ;AACA,CAzOC,eAyOe,CAzOC,QA0Ob,KAAK,CAAC,WAAa,CA7C6B,sBA6CN;AAC1C,SAAO;AACP,UAAQ;AACR,UAAQ;AACZ;AACA,CA/OC,eA+Oe,CA/OC,QA+OQ,KAAK,CAAC,WAAa,CAlDQ,sBAkDe;AAC/D,SAAO;AACP,UAAQ;AACR,UAAQ;AACZ;AAGA,CAtPC,eAsPe,CAtPC,QAsPQ,CAAC;AACtB,YAAU;AACV,OAAK;AACL,SAAO;AACP,SAAO;AACP,UAAQ;AACR,YAAU;AACV,WAAS;AACb;AACA,CA/PC,eA+Pe,CA/PC,QA+PQ,CATC,WASW,CAAC;AAClC,WAAS;AACT,SAAO;AACP,UAAQ;AACR,aAAW;AACX,UAAQ;AACR,cAAY;AACZ,cAAY,IAAI;AAChB,YAAU;AACV,OAAK;AACL,SAAO;AACP,UAAQ;AACZ;AAEA,CA7QC,eA6Qe,CA7QC,QA6QQ,CAvBC,WAuBW,CAdC,cAcc;AAChD,WAAS;AACT,SAAO;AACP,UAAQ;AACR,YAAU;AACV,WAAS;AACT,OAAK;AACL,SAAO;AACP,gBAAc;AACd,aAAW,WAAW;AACtB,cAAY,IAAI;AACpB;AAEA,CA1RC,eA0Re,CA1RC,QA0RQ,CApCC,WAoCW,CA3BC,cA2Bc;AAChD,WAAS;AACT,SAAO;AACP,UAAQ;AACR,YAAU;AACV,WAAS;AACT,OAAK;AACL,cAAY;AACZ,SAAO;AACP,gBAAc;AACd,cAAY,OAAO,MAAM;AACzB,gBAAc,OAAO,MAAM,IAAI;AAC/B,iBAAe,OAAO,MAAM;AAChC;AAEA,CAzSC,eAySe,CAzSC,QAySQ,CAnDC,WAmDW,CA1CC,cA0Cc,CAAC;AACjD,GAAC;AACG,gBAAY,IAAI;AACpB;AACA,GAAC;AACG,wBAAoB,IAAI;AAC5B;AACJ;AAEA,CAlTC,eAkTe,CAlTC,QAkTQ,CAAC;AACtB,eAAa;AACjB;AAEA,CAtTC,eAsTe,CAtTC,QAsTQ,CAAC;AACtB,WAAS;AACb;AAGA,CA3TC,eA2Te,CA3TC,QA2TQ,CAAC;AACtB,WAAS;AACT,UAAQ;AACR,YAAU;AACV,OAAK;AACL,QAAM;AACN,WAAS;AACT,cAAY,IAAI;AAChB,SAAO;AACP,aAAW,OAAO;AAClB,oBAAkB,OAAO;AAC7B;AAEA,CAxUC,eAwUe,CAxUC,QAwUQ,CAbC,uBAauB,CAAC;AAC9C,SAAO;AACP,WAAS;AACT,UAAQ;AACR,UAAQ;AACR,YAAU;AACV,OAAK;AACL,QAAM;AACN,WAAS;AACT,aAAW,OAAO;AACtB;AACA,CAnVC,eAmVe,CAnVC,QAoVb,CAzBsB,uBA0BtB,CAAC;AACD,UAAQ;AACR,YAAU;AACV,OAAK;AACL,SAAO;AACP,cAAY,IAAI;AAChB,SAAO;AACP,aAAW,OAAO;AACtB;AACA,CA9VC,eA8Ve,CA9VC,QA8VQ,CAnCC,uBAmCuB,CAAC;AAC9C,WAAS;AACb;AAGA,CAnWC,eAmWe,CAnWC,QAoWb,KAAK,CAAC,WAAa,CA5B2B,oBA4BN;AACxC,SAAO;AACP,aAAW;AACX,UAAQ;AACR,UAAQ;AACZ;AACA,CA1WC,eA0We,CA1WC,QA2Wb,KAAK,CAAC,WAAa,CAnC2B,oBAmCN;AACxC,SAAO;AACP,UAAQ;AACR,UAAQ;AACZ;AACA,CAhXC,eAgXe,CAhXC,QAgXQ,KAAK,CAAC,WAAa,CAxCM,oBAwCe;AAC7D,SAAO;AACP,UAAQ;AACR,UAAQ;AACZ;",
  "names": []
}