.default.picobel{--black: #555;--black--light: hsl(0, 0%, 43.3%);--black--opacity: rgba(0, 0, 0, .3);--white: #ffffff;--grey: #dad8d2;--greyDark: hsl(30, 10%, 65%);--primary: #ddd;--primary--opacity: rgba(221, 221, 221, .4);--highlight: #00b7c6;--background_grey_dark: #e6e6e6;--background_grey_light: #f1f1f1;--focus: #015ecc;--progress-bar-height: 20px}@keyframes default_background_slide{0%{background-position:0 0}to{background-position:20px 0}}.default.picobel{font-size:10px;position:relative;box-sizing:border-box;z-index:1;margin:10px 0;height:60px;border-radius:3px;box-shadow:var(--black--opacity) 0 1px 2px 0;background-image:linear-gradient(var(--background_grey_light),var(--background_grey_dark))}.default.picobel *,.default.picobel *:before,.default.picobel *:after{box-sizing:inherit}.default.picobel *:focus{outline:2px solid var(--focus);outline-offset:1px;border-radius:2px}.default__loader{position:absolute;z-index:2;bottom:0;left:56px;right:0;height:var(--progress-bar-height);opacity:0;transition:opacity .2s;pointer-events:none;background:linear-gradient(to right,var(--highlight) 50%,var(--black) 50%);background-size:var(--progress-bar-height) var(--progress-bar-height);background-repeat:repeat;background-position:0 0;animation:default_background_slide linear infinite .4s}.default.loading .default__loader{opacity:1}.default__play-pause{font-size:10px;border:none;appearance:none;width:40px;height:60px;color:var(--white);background:var(--black);background-image:linear-gradient(var(--black--light),var(--black));box-shadow:inset var(--black--light) -1px 0 0 0;position:absolute;top:0;left:0;cursor:pointer}.default__play-pause:focus{z-index:3}.default__play-pause__text{display:none}.default__play-pause:before{content:"";display:block;position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-4px;border-top:8px solid transparent;border-left:10px solid var(--white);border-bottom:8px solid transparent}.default__play-pause:after{content:"";display:block;position:absolute;top:50%;right:50%;height:14px;margin-top:-7px;margin-right:-7px;border-top:0;border-left:5px solid var(--white);border-bottom:0;opacity:0}.default__play-pause.playing:before{height:14px;margin-top:-7px;margin-left:-7px;border-top:0;border-left:5px solid var(--white);border-bottom:0}.default__play-pause.playing:after{opacity:1}.default__wrapper--title-artist{padding:10px 20px 10px 70px;height:44px;background:var(--primary);color:var(--black);text-shadow:var(--white) 0 1px 0;background-image:linear-gradient(var(--background_grey_light),var(--background_grey_dark))}.default__title{display:inline-block;line-height:1;font-weight:700;font-family:monospace}.default__artist{font-family:monospace;display:inline-block;line-height:1;margin-left:5px}.default__artist:not(:empty):before{content:" \2013  "}.default__wrapper--timer-progress-duration{position:absolute;bottom:0;left:56px;right:0;height:var(--progress-bar-height)}.default__timer,.default__duration{position:absolute;top:0;z-index:3;width:60px;text-align:left;background:transparent;color:var(--white);line-height:10px;height:var(--progress-bar-height);pointer-events:none;font-size:10px;padding:5px 5px 5px 10px;font-family:monospace}.default__timer{left:0}.default__duration{right:0;text-align:right}.default.loading .default__timer,.default.loading .default__duration{display:none}.default__progress-slider__wrapper{height:var(--progress-bar-height);position:absolute;top:0;left:0;width:100%}.default__progress-slider__replacement{height:100%;position:absolute;top:0;left:0;width:100%;background:var(--black--light);border-bottom-right-radius:2px;overflow:hidden}.default__progress-slider__replacement.focus{outline:2px solid var(--focus);outline-offset:1px;border-radius:2px}.default__progress-slider__indicator{height:var(--progress-bar-height);position:absolute;top:0;left:0;background:var(--primary--opacity);width:0%}.default__progress-slider__buffered{height:var(--progress-bar-height);position:absolute;top:0;left:0;background:var(--black)}.default__progress-slider__playhead{width:5px;height:var(--progress-bar-height);position:absolute;top:0;left:0%;margin-left:-2px;background:var(--highlight)}.default.loading .default__progress-slider__indicator,.default.loading .default__progress-slider__playhead{display:none}.default__progress-slider__range{width:100%;height:var(--progress-bar-height);font-size:inherit;padding:0;margin:0;position:absolute;top:0;left:0;opacity:0}.default__progress-slider__range::-webkit-slider-runnable-track{width:100%;font-size:10px;height:20px;cursor:pointer}.default__progress-slider__range::-moz-range-track{width:100%;height:20px;cursor:pointer}.default__progress-slider__range::-ms-track{width:100%;height:20px;cursor:pointer}.default__wrapper--mute-volume{position:absolute;top:0;left:40px;width:16px;height:60px;z-index:2}.default__mute{display:block;width:16px;height:16px;font-size:0;color:transparent;border:0;appearance:none;background:var(--black);position:absolute;top:0;right:0;cursor:pointer;overflow:hidden}.default__mute:before{display:block;width:4px;height:3px;position:absolute;content:"";top:50%;right:50%;margin-right:-1px;transform:translateY(-50%);background:var(--white)}.default__mute:after{display:block;width:4px;max-width:100%;height:4px;position:absolute;content:"";top:50%;margin-top:-4px;right:50%;margin-right:-2px;border-top:4px solid transparent;border-right:4px solid var(--white);border-bottom:4px solid transparent}.default__mute.muted:before{background:var(--grey)}.default__mute.muted:after{border-right-color:var(--grey)}.default__volume-label{display:none}.default__volume-slider__wrapper{display:block;height:16px;position:absolute;top:16px;left:0;z-index:3;width:44px;transform:rotate(90deg) translateY(-100%);transform-origin:top left}.default__volume-slider__replacement{display:block;height:16px;position:absolute;top:0;left:0;background:var(--greyDark);width:44px}.default__volume-slider__replacement:after{content:"";display:block;width:100%;border-right:44px solid var(--black);border-bottom:16px solid transparent;position:absolute;bottom:0;left:0;pointer-events:none}.default__volume-slider__replacement.focus{outline:2px solid var(--focus);outline-offset:1px;border-radius:2px}.default__volume-slider__indicator{height:16px;position:absolute;top:0;right:0;background:var(--highlight);width:100%;transform:rotate(180deg)}.default__volume-slider__playhead{display:none}.default__volume-slider__range{width:100%;padding:0;margin:0;height:16px;position:absolute;top:0;left:0;opacity:0;transform:rotate(180deg)}.default__volume-slider__range::-webkit-slider-runnable-track{width:100%;font-size:10px;height:15px;cursor:pointer}.default__volume-slider__range::-moz-range-track{width:100%;height:15px;cursor:pointer}.default__volume-slider__range::-ms-track{width:100%;height:15px;cursor:pointer}.skeleton.picobel{--black: #555;--white: #ffffff;--grey: #ccc;--grey--light: #eee;--chrome-focus-blue: #015ecc;--progress-height: 32px;--progress-inner-height: calc(var(--progress-height) - 2px);--skeleton-focus: var(--chrome-focus-blue);--skeleton-background: var(--white);--skeleton-text: var(--black);--skeleton-progress: var(--grey);--skeleton-progress-bg: var(--white);--skeleton-buffered: var(--grey--light)}.skeleton.picobel *,.skeleton.picobel *:before,.skeleton.picobel *:after{box-sizing:inherit}.skeleton.picobel *:focus{outline:2px solid var(--skeleton-focus);outline-offset:1px;border-radius:2px}.skeleton.picobel{font-size:inherit;position:relative;box-sizing:border-box;z-index:1;margin:10px 0;height:64px;border:1px solid var(--skeleton-text)}@keyframes skeleton_background_slide{0%{background-position:0 0}to{background-position:20px 0}}.skeleton__loader{position:absolute;display:none;z-index:5;bottom:-1px;left:183px;right:0;height:var(--progress-height);border-top:1px solid var(--skeleton-text);border-bottom:1px solid var(--skeleton-text);background:linear-gradient(to right,var(--skeleton-background) 50%,var(--skeleton-text) 50%);background-size:20px 20px;background-repeat:repeat;background-position:0 0;animation:skeleton_background_slide linear infinite .4s}.skeleton.loading .skeleton__loader{display:block}.skeleton__play-pause{font-size:10px;border:1px solid var(--skeleton-text);appearance:none;width:64px;height:64px;background:var(--skeleton-background);position:absolute;top:-1px;left:-1px;cursor:pointer}.skeleton__play-pause__text{display:none}.skeleton__play-pause:focus{z-index:3}.skeleton__play-pause:before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-top:10px solid transparent;border-left:12px solid var(--skeleton-text);border-bottom:10px solid transparent}.skeleton__play-pause.playing:before{height:18px;width:16px;transform:translate(-50%,-50%);border-top:0;border-left:6px solid var(--skeleton-text);border-right:6px solid var(--skeleton-text);border-bottom:0}.skeleton__wrapper--title-artist{padding:0 10px 0 74px;height:64px;background:var(--skeleton-background);color:var(--skeleton-text);line-height:1.6}.skeleton__title{display:inline-block;line-height:1;font-weight:700;font-family:monospace}.skeleton__artist{font-family:monospace;display:inline-block;margin-left:5px;line-height:1}.skeleton__artist:not(:empty):before{content:" \2013  "}.skeleton__wrapper--timer-progress-duration{position:absolute;bottom:-1px;left:182px;right:0;height:32px;border-left:1px solid var(--skeleton-text)}.skeleton__timer,.skeleton__duration{position:absolute;bottom:0;z-index:4;text-align:left;background:transparent;color:var(--skeleton-text);line-height:1;pointer-events:none;font-size:14px;height:32px;padding:10px 5px 9px 10px;font-family:monospace}.skeleton__timer{left:0}.skeleton__duration{right:0;text-align:right}.skeleton.loading .skeleton__timer,.skeleton.loading .skeleton__duration{display:none}.skeleton__progress-slider__wrapper{height:var(--progress-height);font-size:10px;line-height:1;position:absolute;bottom:0;left:0;width:100%}.skeleton__progress-slider__replacement{position:relative;background:var(--skeleton-background);border-top:1px solid var(--skeleton-text);border-bottom:1px solid var(--skeleton-text);height:var(--progress-height);overflow:hidden}.skeleton__progress-slider__replacement.focus{outline:2px solid var(--skeleton-focus);outline-offset:1px;border-radius:2px;z-index:3}.skeleton__progress-slider__background{transition:width .2s;height:var(--progress-inner-height);position:absolute;top:0;left:0;width:100%;background:var(--skeleton-progress-bg)}.skeleton__progress-slider__buffered{height:var(--progress-inner-height);position:absolute;top:0;left:0;background:var(--skeleton-buffered)}.skeleton__progress-slider__indicator{height:var(--progress-inner-height);position:absolute;top:0;left:0;background:var(--skeleton-progress);width:0%}.skeleton__progress-slider__playhead{width:8px;height:var(--progress-inner-height);position:absolute;top:0;left:0%;margin-left:-4px;background:var(--skeleton-text)}.skeleton.loading .skeleton__progress-slider__indicator,.skeleton.loading .skeleton__progress-slider__playhead{display:none}.skeleton__progress-slider__range{width:100%;height:var(--progress-height);padding:0;margin:0;z-index:4;position:absolute;top:0;left:0;opacity:0}.skeleton__progress-slider__range::-webkit-slider-runnable-track{width:100%;height:var(--progress-height);cursor:pointer}.skeleton__progress-slider__range::-moz-range-track{width:100%;height:var(--progress-height);cursor:pointer}.skeleton__progress-slider__range::-ms-track{width:100%;height:var(--progress-height);cursor:pointer}.skeleton__wrapper--mute-volume{position:absolute;bottom:-1px;left:62px;width:120px;height:32px;z-index:2;border-top:1px solid var(--skeleton-text);border-bottom:1px solid var(--skeleton-text);background:var(--skeleton-background);display:flex;align-items:center}.skeleton__mute{display:block;z-index:2;float:left;width:32px;height:32px;font-size:10px;color:transparent;border:0;appearance:none;background:var(--skeleton-background);border:1px solid var(--skeleton-text);position:relative;cursor:pointer;overflow:hidden;flex-shrink:0}.skeleton__mute:before{display:block;width:6px;height:6px;position:absolute;content:"";top:50%;right:50%;margin-right:-1px;transform:translateY(-50%);background:var(--skeleton-text)}.skeleton__mute:after{display:block;width:5px;height:5px;position:absolute;content:"";top:50%;transform:translateY(-50%);right:50%;margin-right:-4px;border-top:8px solid transparent;border-right:8px solid var(--skeleton-text);border-bottom:8px solid transparent}.skeleton__mute.muted:before{background:var(--skeleton-progress)}.skeleton__mute.muted:after{border-right-color:var(--skeleton-progress)}.skeleton__volume{--volume-padding: 6px;--volume-height: 20px;--volume-width: 76px;width:var(--volume-width) + var(--volume-padding) * 2;height:var(--volume-height) + var(--volume-padding) * 2;padding:var(--volume-padding)}.skeleton__volume-label{display:none}.skeleton__volume-slider__wrapper{width:var(--volume-width);height:var(--volume-height);position:relative}.skeleton__volume-slider__replacement{display:block;height:var(--volume-height);width:var(--volume-width);position:relative;left:0;z-index:3;background:var(--skeleton-progress);flex-grow:1;float:left;transform:rotate(180deg)}.skeleton__volume-slider__replacement:after{content:"";display:block;border-right:var(--volume-width) solid var(--skeleton-background);border-top:var(--volume-height) solid transparent;position:absolute;top:0;left:0;pointer-events:none}.skeleton__volume-slider__replacement.focus{outline:2px solid var(--skeleton-focus);outline-offset:1px;border-radius:2px}.skeleton__volume-slider__indicator{height:100%;position:absolute;top:0;right:0;background:var(--skeleton-text);width:var(--volume-width)}.skeleton__volume-slider__playhead{display:none}.skeleton__volume-slider__range{width:100%;height:var(--volume-height);padding:0;margin:0;position:absolute;z-index:4;top:0;left:0;opacity:0}.skeleton__volume-slider__range::-webkit-slider-runnable-track{width:100%;height:var(--volume-height);cursor:pointer}.skeleton__volume-slider__range::-moz-range-track{width:100%;height:var(--volume-height);cursor:pointer}.skeleton__volume-slider__range::-ms-track{width:100%;height:var(--volume-height);cursor:pointer}