html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}.dev{outline:1px solid #912eff}.dev > *{outline:1px solid #5497ff}.dev > * > *{outline:1px solid #51feff}.dev > * > * > *{outline:1px solid #f00}.dev > * > * > * *{outline:1px solid #0f0}/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.embed,.embed iframe,.embed img,.embed object{max-width:100%}.embed{position:relative;margin:0;padding:0}.embed img{display:block;height:auto}.embed--video iframe,.embed--video object,.embed__thumb{top:0;left:0;width:100%;height:100%;position:absolute}.embed--video{background-color:#ddd;overflow:hidden}.embed--error{font-size:.8em}.embed__thumb{background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}.embed__thumb>img{position:absolute;top:50%;left:50%;width:25%;min-width:75px;max-width:175px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:.65}.embed__thumb:hover>img{opacity:1}

@-moz-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}30%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}30%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-o-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}30%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}30%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.title{font-family:Apato,Helvetica Neue,Arial,sans-serif;font-size:13.8vmin;line-height:.8;}@media only screen and (max-width:768px){.title{font-size:13.7vmin}}@font-face{font-family:"Apato";src:url("../../fonts/Apato.eot") format("eot"),url("../../fonts/Apato.eot?#iefix") format('embedded-opentype'),url("../../fonts/Apato.woff") format('woff'),url("../../fonts/Apato.woff2") format('woff2');font-weight:'normal';font-style:normal}@font-face{font-family:"ApatoYang";src:url("../../fonts/ApatoYang.eot") format("eot"),url("../../fonts/ApatoYang.eot?#iefix") format('embedded-opentype'),url("../../fonts/ApatoYang.woff") format('woff'),url("../../fonts/ApatoYang.woff2") format('woff2');font-weight:'normal';font-style:normal}body,html{width:100%;-webkit-text-size-adjust:100%;background:#fff}html{font-size:1.4vmin;}@media only screen and (max-width:768px){html{font-size:10px}}@media only screen and (min-width:1900px){html{font-size:1.1vmin}}body{font-family:LL Mono Book Web,Helvetica Neue,Arial,sans-serif;font-size:1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;float:left;}@media only screen and (min-width:769px){body{cursor:none}}@media only screen and (max-width:768px){body{overflow-x:hidden}}body.yang{color:#fff;background:#000;}body.yang #cursor path{fill:#fff}body.yang #player{background:#000;}body.yang #player svg path,body.yang #player svg polygon{fill:#fff}body.yang #progress-container input[type=range]{background:#fff;}body.yang #progress-container input[type=range]::-webkit-slider-thumb{background:#fff}body.yang #progress-container input[type=range]::-moz-range-thumb{background:#fff}body.yang #progress-container input[type=range]::-ms-thumb{background:#fff}body.yang #progress-container progress{background-color:#fff;}body.yang #progress-container progress::-webkit-progress-bar,body.yang #progress-container progress::-moz-progress-bar,body.yang #progress-container progress::-webkit-progress-value,body.yang #progress-container progress::-moz-progress-value{background:#fff}body.yang #progress-container progress#song-played-progress::-webkit-progress-bar,body.yang #progress-container progress#song-played-progress::-moz-progress-bar,body.yang #progress-container progress#song-played-progress::-webkit-progress-value,body.yang #progress-container progress#song-played-progress::-moz-progress-value{background:#fff}body.yang #progress-container progress#song-buffered-progress::-webkit-progress-bar,body.yang #progress-container progress#song-buffered-progress::-moz-progress-bar,body.yang #progress-container progress#song-buffered-progress::-webkit-progress-value,body.yang #progress-container progress#song-buffered-progress::-moz-progress-value{background:#fff}@media only screen and (min-width:769px){body.yang .project-title:not(:hover){font-family:ApatoYang,Helvetica Neue,Arial,sans-serif}}@media only screen and (max-width:768px){body.yang .project-title{font-family:ApatoYang,Helvetica Neue,Arial,sans-serif}}body.yang .ying{font-family:Apato,Helvetica Neue,Arial,sans-serif}body.yang .project-item{-webkit-box-shadow:0 -.6em #000;-moz-box-shadow:0 -.6em #000;-ms-box-shadow:0 -.6em #000;-o-box-shadow:0 -.6em #000;box-shadow:0 -.6em #000}h1,h2,h3{margin:0}p{margin-bottom:1em;line-height:1.3;letter-spacing:.03em}p:last-child{margin-bottom:0}::selection{background:#000}::-moz-selection{background:#000}*{-webkit-backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-transform-style:flat;-webkit-transform-style:flat;-moz-transform-style:flat;-ms-transform-style:flat;-o-transform-style:flat;transform-style:flat;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:none}.responsive-image{-webkit-backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-transform-style:flat;-webkit-transform-style:flat;-moz-transform-style:flat;-ms-transform-style:flat;-o-transform-style:flat;transform-style:flat;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;outline:0;position:relative;overflow:hidden;}.responsive-image img{position:absolute;top:0;left:0}video::-webkit-media-controls{display:none}a,a:hover,a:visited,a:focus{color:inherit;text-decoration:none;outline:0;}@media only screen and (min-width:769px){a,a:hover,a:visited,a:focus{cursor:none}}.lazy{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.lazy.lazyloaded,.lazy.flickity-lazyloaded,.plyr.plyr--ready{opacity:1;-ms-filter:none;filter:none}#main{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;}#main::after{content:'';display:table;clear:both}@media only screen and (min-width:769px){#main{cursor:none}}#page-content{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;}#page-content::after{content:'';display:table;clear:both}@media only screen and (min-width:769px){#page-content{cursor:none}}#container{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;padding:1.3vmin;min-height:100vh;}#container::after{content:'';display:table;clear:both}@media only screen and (max-width:768px){#container{padding-bottom:8.6rem}}@media only screen and (min-width:769px){#container{cursor:none}}.x{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.xjb{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-box-pack:justify;-o-box-pack:justify;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-box-pack:justify;-o-box-pack:justify;box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-o-flex-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}.wnw{white-space:nowrap}.embed.clicked{z-index:101}@media only screen and (min-width:769px){.embed__thumb{cursor:none}}.embed__thumb>img{opacity:1;-ms-filter:none;filter:none}#cursor{position:absolute;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed;-webkit-transform:translate(-100vw,-100vh);-moz-transform:translate(-100vw,-100vh);-ms-transform:translate(-100vw,-100vh);-o-transform:translate(-100vw,-100vh);transform:translate(-100vw,-100vh);top:0;left:0;width:6.9rem;height:6.9rem;pointer-events:none;z-index:105;}@media only screen and (max-width:768px){#cursor{display:none}}#cursor svg{display:block;width:100%;height:100%}#preload-font{position:absolute;top:-100%;left:-100%}body.is-loading #page-content{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 100ms ease;-moz-transition:opacity 100ms ease;-ms-transition:opacity 100ms ease;-o-transition:opacity 100ms ease;transition:opacity 100ms ease}#outdated{display:none;text-align:center;position:fixed;width:100%;height:100%;top:0;left:0;background:#fff;z-index:900;}#outdated a{border-bottom:1px solid}#outdated .inner{padding:8rem 20%}.no-js #outdated,.no-svg #outdated,.no-flexbox #outdated{display:block}#loader{position:fixed;width:100%;height:100%;top:0;left:0;background:#fff;z-index:10000}header h1{display:none}#main-image,.project-image{position:fixed;top:1.2vmin;right:1.3vmin;min-width:9.8vmin;min-height:9.8vmin;max-height:31.7vmin;max-width:calc(100vw - 98.5vmin - 9.8vmin - 2.6vmin);z-index:100;}@media only screen and (max-width:768px){#main-image,.project-image{display:none}}body.grid-is-opened #main-image{visibility:hidden}#projects-grid{position:relative;float:left;width:98.5vmin;max-width:calc(100vw - 100px - 1.3vmin * 2);}@media only screen and (max-width:768px){#projects-grid{max-width:100%}}@media only screen and (min-width:769px){#projects-grid:hover .project-item:hover .project-image{z-index:101;visibility:visible}#projects-grid:hover .project-item:not(.opened) .project-title:not(:hover){font-family:ApatoYang}}body.grid-is-opened #projects-grid .project-item:not(.opened) .project-title:not(:hover){font-family:ApatoYang}#grid{display:none;position:absolute;top:1px;left:0}.project-item{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;}.project-item::after{content:'';display:table;clear:both}.project-item .project-title{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;font-family:Apato,Helvetica Neue,Arial,sans-serif;font-size:13.8vmin;line-height:.8;}.project-item .project-title::after{content:'';display:table;clear:both}@media only screen and (max-width:768px){.project-item .project-title{font-size:13.7vmin}}.project-item .project-image{z-index:100;visibility:hidden}.project-item .project-image-mobile{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;margin-top:3vmin;}.project-item .project-image-mobile::after{content:'';display:table;clear:both}.project-item .project-image-mobile img{display:block;width:100%}@media only screen and (min-width:769px){.project-item .project-image-mobile{display:none}}.project-item .project-content{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;height:0;overflow:hidden;text-transform:uppercase;line-height:1.3;letter-spacing:.03em;}.project-item .project-content::after{content:'';display:table;clear:both}.project-item .project-content a{text-decoration:underline;color:#00f;}.project-item .project-content a:hover{text-decoration:none;color:inherit}.project-item .project-content .track:not(.amplitude-playing):hover{text-decoration:underline;color:#00f}.project-item .project-content .inner{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;padding-bottom:3vmin;}.project-item .project-content .inner::after{content:'';display:table;clear:both}@media only screen and (min-width:769px){.project-item .project-content .inner{padding-right:.5vmin;padding-left:.5em}}@media only screen and (max-width:768px){.project-item .project-content .inner > *:last-child:not(.project-image-mobile):not(.project-medias){padding-bottom:6vmin}}.project-item .project-content .project-subtitle{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;margin-bottom:1.4em}.project-item .project-content .project-subtitle::after{content:'';display:table;clear:both}.project-item .project-content .project-description{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;}.project-item .project-content .project-description::after{content:'';display:table;clear:both}.project-item .project-content .project-description p:first-child::before{content:'\0021B3';margin-right:.5em}.project-item .project-content .project-playlist{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;margin-top:1.4em}.project-item .project-content .project-playlist::after{content:'';display:table;clear:both}.project-item .project-content .project-medias{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;margin-top:1.4em;}.project-item .project-content .project-medias::after{content:'';display:table;clear:both}.project-item .project-content .project-medias .responsive-image:not(:first-child){margin-top:1.4em}.project-item:first-child .project-title{margin-top:.05em}.project-item.opened .project-content{height:auto}.project-item.opened .project-image{visibility:visible}body.yang .project-item .project-content a{color:#fff}body:not(.player-playing) #player{visibility:hidden}.tracklist .track.amplitude-playing::before{content:'\002192 '}.tracklist .controls-toggle .play-toggle{margin-right:1.3vmin}#player{position:fixed;bottom:4.4vmin;right:1.3vmin;width:31.7vh;max-width:31.7vh;min-width:300px;}@media only screen and (max-width:768px){#player{max-width:100%;width:100%;right:0;padding:1.3vmin;padding-bottom:5.2vmin;background:#fff;bottom:0}}#controls{height:2.2rem;margin-bottom:2rem;}@media only screen and (max-width:768px){#controls{height:3rem}}#controls svg{display:block;height:2.2rem;width:2.2rem;}@media only screen and (max-width:768px){#controls svg{height:3rem;width:3rem}}#progress-container{width:100%;float:left;position:relative;height:.8em;}@media only screen and (min-width:769px){#progress-container{cursor:none}}#progress-container input[type=range]{-webkit-appearance:none;width:100%;position:relative;z-index:400;top:-40%;height:.1rem;margin:0;background:#000;}@media only screen and (min-width:769px){#progress-container input[type=range]{cursor:none}}@media only screen and (max-width:768px){#progress-container input[type=range]{height:1px}}#progress-container input[type=range]::-webkit-slider-runnable-track{height:2.2rem;background:transparent;border:0;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}@media only screen and (max-width:768px){#progress-container input[type=range]::-webkit-slider-runnable-track{height:3.6rem}}#progress-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;height:2.2rem;width:.1rem;background:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}@media only screen and (max-width:768px){#progress-container input[type=range]::-webkit-slider-thumb{width:1px;height:3.6rem}}#progress-container input[type=range]::-moz-range-track{height:2.2rem;background:transparent;border:0;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}@media only screen and (max-width:768px){#progress-container input[type=range]::-moz-range-track{height:3.6rem}}#progress-container input[type=range]::-moz-range-thumb{position:relative;height:2.2rem;width:.1rem;background:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}@media only screen and (max-width:768px){#progress-container input[type=range]::-moz-range-thumb{width:1px;height:3.6rem}}#progress-container input[type=range]::-ms-fill-upper{height:2.2rem;background:transparent;border:0;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}@media only screen and (max-width:768px){#progress-container input[type=range]::-ms-fill-upper{height:3.6rem}}#progress-container input[type=range]::-ms-fill-lower{height:2.2rem;background:transparent;border:0;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}@media only screen and (max-width:768px){#progress-container input[type=range]::-ms-fill-lower{height:3.6rem}}#progress-container input[type=range]::-ms-thumb{position:relative;height:2.2rem;width:.1rem;background:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin-top:0}@media only screen and (max-width:768px){#progress-container input[type=range]::-ms-thumb{width:1px;height:3.6rem}}#progress-container input[type=range]::-ms-tooltip{display:none}#progress-container input[type=range]:focus{outline:0}#progress-container input[type=range]::-moz-focus-outer{border:0}#progress-container progress{display:inline-block;vertical-align:baseline;background-color:#000;}@media only screen and (min-width:769px){#progress-container progress{cursor:none}}#progress-container progress::-webkit-progress-bar,#progress-container progress::-moz-progress-bar,#progress-container progress::-webkit-progress-value,#progress-container progress::-moz-progress-value{background:#000}#progress-container progress#song-played-progress{width:100%;position:absolute;left:0;top:.4em;right:0;width:100%;z-index:60;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;height:.1rem;border-radius:0;border:none;}#progress-container progress#song-played-progress::-webkit-progress-bar,#progress-container progress#song-played-progress::-moz-progress-bar,#progress-container progress#song-played-progress::-webkit-progress-value,#progress-container progress#song-played-progress::-moz-progress-value{background:#000}#progress-container progress#song-buffered-progress{position:absolute;left:0;top:.4em;right:0;width:100%;z-index:10;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;height:.1rem;border-radius:0;border:none;}#progress-container progress#song-buffered-progress::-webkit-progress-bar,#progress-container progress#song-buffered-progress::-moz-progress-bar,#progress-container progress#song-buffered-progress::-webkit-progress-value,#progress-container progress#song-buffered-progress::-moz-progress-value{background:#000}