/* line 2, ../sass/audioplayer.scss */
.audioplayer { height: 2.5em; /* 40 */ color: #fff; text-shadow: 1px 1px 0 #000; border: 1px solid #222; position: relative; z-index: 1; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); background: -webkit-linear-gradient(top, #444444, #222222); background: -moz-linear-gradient(top, #444444, #222222); background: -ms-radial-gradient(top, #444444, #222222); background: -o-linear-gradient(top, #444444, #222222); background: linear-gradient(top, #444444, #222222); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 1.25em rgba(0, 0, 0, 0.5); /* 20 */ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 1.25em rgba(0, 0, 0, 0.5); /* 20 */ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 1.25em rgba(0, 0, 0, 0.5); /* 20 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

/* line 24, ../sass/audioplayer.scss */
.audioplayer-mini { width: 2.5em; /* 40 */ margin: 0 auto; }

/* line 29, ../sass/audioplayer.scss */
.audioplayer > div { position: absolute; }

/* line 33, ../sass/audioplayer.scss */
.audioplayer-playpause { width: 2.5em; /* 40 */ height: 100%; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; left: 0; }

/* line 44, ../sass/audioplayer.scss */
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause { border-right: 1px solid #555; border-right-color: rgba(255, 255, 255, 0.1); }

/* line 49, ../sass/audioplayer.scss */
.audioplayer-mini .audioplayer-playpause { width: 100%; }

/* line 54, ../sass/audioplayer.scss */
.audioplayer-playpause:hover, .audioplayer-playpause:focus { background-color: #222; }

/* line 58, ../sass/audioplayer.scss */
.audioplayer-playpause a { display: block; }

/* line 62, ../sass/audioplayer.scss */
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { width: 0; height: 0; border: 0.5em solid transparent; /* 8 */ border-right: none; border-left-color: #fff; content: ''; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.25em; /* 8 4 */ }

/* line 75, ../sass/audioplayer.scss */
.audioplayer-playing .audioplayer-playpause a { width: 0.75em; /* 12 */ height: 0.75em; /* 12 */ position: absolute; top: 50%; left: 50%; margin: -0.375em 0 0 -0.375em; /* 6 */ }

/* line 85, ../sass/audioplayer.scss */
.audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after { width: 40%; height: 100%; background-color: #fff; content: ''; position: absolute; top: 0; }

/* line 94, ../sass/audioplayer.scss */
.audioplayer-playing .audioplayer-playpause a:before { left: 0; }

/* line 98, ../sass/audioplayer.scss */
.audioplayer-playing .audioplayer-playpause a:after { right: 0; }

/* line 102, ../sass/audioplayer.scss */
.audioplayer-time { width: 4.375em; /* 70 */ height: 100%; line-height: 2.375em; /* 38 */ text-align: center; z-index: 2; top: 0; }

/* line 111, ../sass/audioplayer.scss */
.audioplayer-time-current { border-left: 1px solid #111; border-left-color: rgba(0, 0, 0, 0.25); left: 2.5em; /* 40 */ }

/* line 117, ../sass/audioplayer.scss */
.audioplayer-time-duration { border-right: 1px solid #555; border-right-color: rgba(255, 255, 255, 0.1); right: 2.5em; /* 40 */ }

/* line 123, ../sass/audioplayer.scss */
.audioplayer-novolume .audioplayer-time-duration { border-right: 0; right: 0; }

/* line 128, ../sass/audioplayer.scss */
.audioplayer-bar { height: 0.875em; /* 14 */ background-color: #222; cursor: pointer; z-index: 1; top: 50%; right: 6.875em; /* 110 */ left: 6.875em; /* 110 */ margin-top: -0.438em; /* 7 */ }

/* line 139, ../sass/audioplayer.scss */
.audioplayer-novolume .audioplayer-bar { right: 4.375em; /* 70 */ }

/* line 143, ../sass/audioplayer.scss */
.audioplayer-bar div { width: 0; height: 100%; position: absolute; left: 0; top: 0; }

/* line 151, ../sass/audioplayer.scss */
.audioplayer-bar-loaded { background-color: #333; z-index: 1; }

/* line 156, ../sass/audioplayer.scss */
.audioplayer-bar-played { background: #007fd1; background: -webkit-gradient(linear, left top, right top, from(#007fd1), to(#c600ff)); background: -webkit-linear-gradient(left, #007fd1, #c600ff); background: -moz-linear-gradient(left, #007fd1, #c600ff); background: -ms-radial-gradient(left, #007fd1, #c600ff); background: -o-linear-gradient(left, #007fd1, #c600ff); background: linear-gradient(left, #007fd1, #c600ff); z-index: 2; }

/* line 167, ../sass/audioplayer.scss */
.audioplayer-volume { width: 2.5em; /* 40 */ height: 100%; border-left: 1px solid #111; border-left-color: rgba(0, 0, 0, 0.25); text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; right: 0; }

/* line 181, ../sass/audioplayer.scss */
.audioplayer-volume:hover, .audioplayer-volume:focus { background-color: #222; }

/* line 185, ../sass/audioplayer.scss */
.audioplayer-volume-button { width: 100%; height: 100%; }

/* line 190, ../sass/audioplayer.scss */
.audioplayer-volume-button a { width: 0.313em; /* 5 */ height: 0.375em; /* 6 */ background-color: #fff; display: block; position: relative; z-index: 1; top: 40%; left: 35%; }

/* line 202, ../sass/audioplayer.scss */
.audioplayer-volume-button a:before, .audioplayer-volume-button a:after { content: ''; position: absolute; }

/* line 207, ../sass/audioplayer.scss */
.audioplayer-volume-button a:before { width: 0; height: 0; border: 0.5em solid transparent; /* 8 */ border-left: none; border-right-color: #fff; z-index: 2; top: 50%; right: -0.25em; margin-top: -0.5em; /* 8 */ }

/* line 219, ../sass/audioplayer.scss */
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after { /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */ width: 0.313em; /* 5 */ height: 0.313em; /* 5 */ border: 0.25em double #fff; /* 4 */ border-width: 0.25em 0.25em 0 0; /* 4 */ left: 0.563em; /* 9 */ top: -0.063em; /* 1 */ -webkit-border-radius: 0 0.938em 0 0; /* 15 */ -moz-border-radius: 0 0.938em 0 0; /* 15 */ border-radius: 0 0.938em 0 0; /* 15 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

/* line 237, ../sass/audioplayer.scss */
.audioplayer-volume-adjust { height: 6.25em; /* 100 */ cursor: default; position: absolute; left: 0; right: -1px; top: -9999px; background: #222; background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); background: -webkit-linear-gradient(top, #444444, #222222); background: -moz-linear-gradient(top, #444444, #222222); background: -ms-radial-gradient(top, #444444, #222222); background: -o-linear-gradient(top, #444444, #222222); background: linear-gradient(top, #444444, #222222); -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }

/* line 259, ../sass/audioplayer.scss */
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0; }

/* line 263, ../sass/audioplayer.scss */
.audioplayer-volume:hover .audioplayer-volume-adjust { top: auto; bottom: 100%; }

/* line 268, ../sass/audioplayer.scss */
.audioplayer-volume-adjust > div { width: 40%; height: 80%; background-color: #222; cursor: pointer; position: relative; z-index: 1; margin: 30% auto 0; }

/* line 278, ../sass/audioplayer.scss */
.audioplayer-volume-adjust div div { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: #007fd1; background: -webkit-gradient(linear, left bottom, left top, from(#007fd1), to(#c600ff)); background: -webkit-linear-gradient(bottom, #007fd1, #c600ff); background: -moz-linear-gradient(bottom, #007fd1, #c600ff); background: -ms-radial-gradient(bottom, #007fd1, #c600ff); background: -o-linear-gradient(bottom, #007fd1, #c600ff); background: linear-gradient(bottom, #007fd1, #c600ff); }

/* line 293, ../sass/audioplayer.scss */
.audioplayer-novolume .audioplayer-volume { display: none; }

/* line 300, ../sass/audioplayer.scss */
.audioplayer-play, .audioplayer-pause, .audioplayer-volume a { -webkit-filter: drop-shadow(1px 1px 0 black); -moz-filter: drop-shadow(1px 1px 0 black); -ms-filter: drop-shadow(1px 1px 0 black); -o-filter: drop-shadow(1px 1px 0 black); filter: drop-shadow(1px 1px 0 black); }

/* line 310, ../sass/audioplayer.scss */
.audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/* line 317, ../sass/audioplayer.scss */
.audioplayer-bar, .audioplayer-volume-adjust > div { -webkit-box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.1); box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.1); }

/* line 324, ../sass/audioplayer.scss */
.audioplayer-volume-adjust div div, .audioplayer-bar-played { -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5); }

/* line 330, ../sass/audioplayer.scss */
.audioplayer-volume-adjust { -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15), 2px -2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15), 2px -2px 2px rgba(0, 0, 0, 0.15); box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15), 2px -2px 2px rgba(0, 0, 0, 0.15); }

/* line 338, ../sass/audioplayer.scss */
.audioplayer *, .audioplayer *:before, .audioplayer *:after { -webkit-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.5s ease; -moz-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.5s ease; -ms-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.5s ease; -o-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.5s ease; transition: color 0.25s ease, background-color 0.25s ease, opacity 0.5s ease; }