{
  "version": 3,
  "sources": ["../src/css/picobel.itunes.css"],
  "sourcesContent": [".itunes.picobel {\n    --white: #ffffff;\n    --black: #4d4d4d; /* rgb(77,77,77) */\n    --black--opacity: rgba(77, 77, 77, 0.6);\n    --icon_grey: #7f7f7f;\n    --background_grey_dark: #e6e6e6;\n    --background_grey_light: #f1f1f1;\n    --border: #c3c3c3;\n    --played_grey: #707070;\n    --unplayed_grey: #bcbcbc;\n    --playhead: #000000;\n    --text_dark: #3c3c3c;\n    --text_light: #7a7a7a;\n    --progress-height: 20px;\n    --progress-track-height: 10px;\n    --focus: #015ecc;\n\n    margin: 2em 0;\n    position: relative;\n    border: 1px solid var(--border);\n    box-shadow: inset var(--white) 0 1px 0 0, var(--black--opacity) 0 1px 2px 0;\n    min-height: 4em;\n    box-sizing: border-box;\n    background-image: linear-gradient(\n        var(--background_grey_light),\n        var(--background_grey_dark)\n    );\n    font-family: \"Arial\", sans-serif;\n    color: var(--text_light);\n    text-shadow: var(--white) 0 1px 0;\n    display: flex;\n    justify-content: stretch;\n    align-items: flex-end;\n}\n\n.itunes.picobel *,\n.itunes.picobel *:before,\n.itunes.picobel *:after {\n    box-sizing: inherit;\n}\n\n.itunes.error {\n    height: 4em;\n}\n.itunes .error {\n    width: 100%;\n}\n\n.itunes__loader {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 2em;\n    height: 2em;\n    margin-top: -1.25em;\n    margin-left: 1em;\n    border: 0.2em solid var(--border);\n    border-top-color: var(--black);\n    z-index: 2;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.2s;\n    text-align: center;\n    line-height: 1;\n    overflow: hidden;\n    border-radius: 50%;\n    animation: itunes_spin linear infinite 1s;\n}\n\n.itunes.loading .itunes__loader {\n    opacity: 1;\n}\n\n.itunes__play-pause {\n    border: none;\n    appearance: none;\n    position: relative;\n    width: 4em;\n    height: 4em;\n    font-size: 1em;\n    background: var(--white);\n    color: var(--icon_grey);\n    border-right: 1px solid var(--border);\n    cursor: pointer;\n    flex-grow: 0;\n    flex-shrink: 0;\n}\n\n.itunes__play-pause__text {\n    display: none;\n}\n\n.itunes__play-pause:focus {\n    /* outline: none; */\n}\n\n.itunes__play-pause:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    margin-top: -0.8em;\n    margin-left: -0.4em;\n    border-top: 0.8em solid transparent;\n    border-bottom: 0.8em solid transparent;\n    border-left: 1em solid var(--icon_grey);\n}\n\n.itunes__play-pause:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    right: 50%;\n    height: 1.4em;\n    margin-top: -0.7em;\n    margin-right: -0.7em;\n    border-top: 0;\n    border-bottom: 0;\n    border-left: 0.6em solid var(--icon_grey);\n    display: none;\n}\n\n.itunes__play-pause.playing:before {\n    height: 1.4em;\n    margin-top: -0.7em;\n    margin-left: -0.7em;\n    border-top: 0;\n    border-bottom: 0;\n    border-left: 0.6em solid var(--icon_grey);\n}\n.itunes__play-pause.playing:after {\n    display: block;\n}\n\n.itunes__wrapper--title-artist {\n    padding: 0.5em 0.5em 0.2em;\n}\n\n.itunes.loading .itunes__wrapper--title-artist {\n    display: none;\n}\n\n.itunes__title {\n    display: block;\n    text-align: center;\n    color: var(--text_dark);\n    font-weight: 500;\n}\n\n.itunes__artist {\n    font-size: 0.8em;\n    display: block;\n    text-align: center;\n}\n\n.itunes__wrapper--title-artist-timer-progress-duration {\n    width: 100%;\n    flex-shrink: 1;\n}\n\n.itunes__wrapper--timer-progress-duration {\n    position: relative;\n}\n\n.itunes__timer {\n    position: absolute;\n    top: 0;\n    left: 1em;\n    transform: translateY(-100%);\n}\n.itunes__duration {\n    position: absolute;\n    top: 0;\n    right: 1em;\n    transform: translateY(-100%);\n}\n\n.itunes__progress-label {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n/* --- */\n/* The \"fake\" range slider */\n.itunes__progress-slider__wrapper {\n    position: relative;\n    line-height: 1;\n    width: 100%;\n}\n.itunes__progress-slider__replacement {\n    height: var(--progress-height);\n    position: relative;\n    display: flex;\n    justify-content: stretch;\n    align-items: stretch;\n    overflow: hidden;\n}\n\n.itunes__progress-slider__replacement.focus {\n    outline: 2px solid var(--focus);\n    outline-offset: 1px;\n    border-radius: 2px;\n}\n.itunes__progress-slider__background {\n    height: var(--progress-track-height);\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    background: var(--unplayed_grey);\n    width: 100%;\n}\n.itunes__progress-slider__replacement.focus {\n    outline: 2px solid var(--focus);\n    outline-offset: 1px;\n    border-radius: 2px;\n    z-index: 3;\n}\n.itunes__progress-slider__indicator {\n    height: var(--progress-track-height);\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    background: var(--played_grey);\n    width: 0%;\n}\n.itunes__progress-slider__playhead {\n    width: 0.3em;\n    height: 15px;\n    position: absolute;\n    bottom: 0;\n    left: 0%;\n    border-top-left-radius: 0.2em;\n    border-top-right-radius: 0.2em;\n    margin-left: -0.15em;\n    background: var(--playhead);\n    transition: height 0.2s;\n}\n.itunes__progress-slider__wrapper:hover .itunes__progress-slider__playhead {\n    height: var(--progress-height);\n}\n\n/* Hide dynamic elements until loading has finished */\n.itunes.loading .itunes__progress-slider__indicator,\n.itunes.loading .itunes__progress-slider__playhead {\n    display: none;\n}\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.itunes__progress-slider__range {\n    width: 100%;\n    height: var(--progress-height);\n    padding: 0;\n    margin: 0;\n    z-index: 4;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n}\n\n/* Make sure the range Track is the right size and shape. Needs prefixed versions to ensure cross-browser consistency. */\n.itunes__progress-slider__range::-webkit-slider-runnable-track {\n    width: 100%;\n    height: var(--progress-height);\n    cursor: pointer;\n}\n.itunes__progress-slider__range::-moz-range-track {\n    width: 100%;\n    height: var(--progress-height);\n    cursor: pointer;\n}\n.itunes__progress-slider__range::-ms-track {\n    width: 100%;\n    height: var(--progress-height);\n    cursor: pointer;\n}\n\n@keyframes itunes_spin {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}\n"],
  "mappings": "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",
  "names": []
}