/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Slabo\ 27px;font-style:normal;font-weight:400;src:local("Slabo 27px"),local("Slabo27px-Regular"),url(https://fonts.gstatic.com/s/slabo27px/v3/LfR9_S_HMdQ73mwIHBRxoSEAvth_LlrfE80CYdSH47w.woff2) format("woff2");unicode-range:u+0100-024f,u+1e??,u+20a0-20ab,u+20ad-20cf,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Slabo\ 27px;font-style:normal;font-weight:400;src:local("Slabo 27px"),local("Slabo27px-Regular"),url(https://fonts.gstatic.com/s/slabo27px/v3/PuwvqkdbcqU-fCZ9Ed-b7fk_vArhqVIZ0nv9q090hN8.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2212,u+2215,u+e0ff,u+effd,u+f000}*,td,th{padding:0}*{margin:0;box-sizing:border-box}::-moz-selection{background:#222;color:#fff}::selection{background:#222;color:#fff}a{border:0;text-decoration:none}a,input{outline:none}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAAUAQMAAABxghv3AAAABlBMVEXp5dvh284zfcxGAAAAAnRSTlNAQPA2w60AAACwSURBVBjTPVDBDcQgDDPKo09GYBQ2O+hmjMIIPHlE5ExKGyElcozjBIwi6un2ZBOplQqIXgNZYdZlpAnkkWq0DayglzW+AiMArwpLx8FIM7FPzsgDO8LaalvbfArl7uWVTASKLsReGrU0dviUKTOSYj3XTCCY1RVMi2GJ2db01kN0VUR+FvIo1YFXXuo3bLiBYycpjsXXsOIsUeVZSdmx9iNMg8TJPIf4zoJzqqLncH/jMZZ0qzICXgAAAABJRU5ErkJggg==) #d59657;overflow:hidden;font-family:Slabo\ 27px,serif}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{transform:translateZ(0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#fafafa;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3fb8af;box-shadow:inset 0 0 3px rgba(51,51,51,.45);transition:background .45s}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #bbb}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled].noUi-connect,[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.progress-wrap{position:absolute;top:0;width:100%;z-index:200;padding:0 0 30px;cursor:pointer}.progress-wrap:hover .progress-bar{height:20px}.progress-wrap:hover .progress-time{opacity:1}.progress-bar{height:5px;float:left;width:0;background:hsla(0,0%,100%,.5);transition:width .2s ease-in-out 0s,height .2s ease-in-out 0s}.progress-time{position:absolute;right:0;background:#222;color:#fff;opacity:0;padding:0 5px;transition:opacity .3s ease-in-out 0s}header{position:absolute;z-index:200;text-align:center;width:100%;margin:10vh 0 0;cursor:default}header:hover .hidden-tools{opacity:1}.hidden-tools{opacity:0;margin:10px 0 30px;transition:opacity .2s ease-in-out 0s}.hidden-tools.show-share-track>a{display:none}.hidden-tools a{cursor:pointer;background:#222;color:#fff;padding:0 5px}.hidden-tools a:hover{background:#8c585e}.hidden-tools.active{opacity:1}.share-track-wrap{display:none}.show-share-track .share-track-wrap{display:block}.share-track{width:240px;background:#fff;color:#222;padding:0 5px;border:0;margin:0 auto}.hideIndex{z-index:-1!important}.title{color:#fff;font-size:34px;text-decoration:none;font-weight:400}@media (max-width:650px){.title{font-size:26px}}.author{color:#222;font-size:22px;margin:10px 0 0}@media (max-width:650px){.author{font-size:20px}}.genre{color:#565656;display:block;margin:20px 0;font-size:18px}@media (max-width:650px){.genre{font-size:16px}}.svg-wrap{padding:40vh 0 0;height:100%;z-index:100}.svg-wrap,.svg-wrap svg{position:absolute;left:-50%;width:100%;transform:translateX(50%)}.svg-wrap svg{height:calc(100% - 40vh)}nav{background:#222;position:absolute;left:0;bottom:0;height:60px;overflow:hidden;width:100%}.nav-item{font-size:22px;color:hsla(0,0%,100%,.2);transition:background .2s ease-in-out 0s,color .2s ease-in-out 0s}.nav-item,.nav-item>span{position:relative;float:left}.nav-item>span{z-index:1000;padding:17px 20px;cursor:pointer;height:60px}@media (max-width:650px){.nav-item>span{padding:17px 10px}}.nav-item>span.attribution{padding-top:11px}@media (max-width:1100px){.nav-item>span.attribution{display:none}}.nav-item:hover{color:#fff}.nav-item.active{background:gray;color:#fff}.main-navigation{float:left;width:100%}@media (max-width:1100px){.main-navigation{opacity:0;top:100%;background:#222;z-index:1001;position:absolute;transition:opacity .2s ease-in-out 0s,top .2s ease-in-out 0s}.main-navigation.active{opacity:1;top:0}}.second-nav-item{float:right}.hidden-menu{position:relative;z-index:1000;float:left;display:none}@media (max-width:1100px){.hidden-menu{display:block}}.hidden-menu svg{fill:hsla(0,0%,100%,.2);cursor:pointer;transition:fill .2s ease-in-out 0s;margin:0 0 0 10px}.hidden-menu svg:hover{fill:#fff}.close-hidden-menu{display:none;fill:hsla(0,0%,100%,.2);transition:fill .2s ease-in-out 0s;cursor:pointer;margin:0 0 0 10px}.close-hidden-menu:hover{fill:#fff}@media (max-width:1100px){.close-hidden-menu{display:block}}.volume-wrap{width:170px;position:relative;z-index:1000;margin:0 30px 0 0}@media (max-width:650px){.volume-wrap{width:80px}}.noUi-target{height:10px;border:0;border-radius:0;cursor:pointer;margin:25px 0 0}.noUi-target.noUi-connect{background:#8c585e;box-shadow:none}.noUi-background{background:#4e4e4c;border-left:3px solid #b58d92}.noUi-origin{border-radius:0}.noUi-background,.noUi-handle{box-shadow:none}.noUi-handle{border:0}.noUi-horizontal .noUi-handle{height:20px;width:20px;border-radius:100%;background:transparent;left:-10px;cursor:pointer;top:-5px}.noUi-handle:after,.noUi-handle:before{background:none}.music-controls{left:50%;z-index:600;transform:translateX(-50%);position:absolute}.music-controls svg{fill:#fff;transition:opacity .1s ease-in-out 0s;float:left;cursor:pointer}.second-nav-items{float:right;position:relative;z-index:1000}.pause-btn,.play-btn{opacity:.8}.pause-btn:hover,.play-btn:hover{opacity:1}.last-btn,.next-btn{opacity:.4}.last-btn:hover,.next-btn:hover{opacity:.8}.repeat-btn{fill:#fff;opacity:.4;cursor:pointer}.repeat-btn:hover{opacity:.6}.repeat-btn:active{opacity:.4}.repeat-btn.active{fill:#d9a977;opacity:.8}.option-elements{position:absolute;top:0;width:100%;padding:40px;z-index:500;opacity:0;height:100%;overflow:auto;transition:opacity .3s ease-in-out .1s;visibility:hidden}.option-elements.active{visibility:visible;opacity:1}.option-elements p{line-height:21pt;font-size:17px;padding:0 0 30px}.option-elements a{color:#fff;border-bottom:1px solid #b2b2b2;text-decoration:none}.option-elements a:hover{border-bottom:1px solid #dadada}.option-elements h4{font-size:22px;float:left;margin:0 0 30px;width:100%;color:#222}code{font-size:13px;border:1px solid #b2b2b2;border-radius:3px;padding:1px 5px}.filter-divider{float:left;clear:both;margin:0 0 10px}.filter-divider:first-of-type{margin:0}.filter-divider input{float:left;cursor:pointer;margin:3px 0 0}.filter-divider label{cursor:pointer;float:left;margin:0 20px 0 8px;font-size:17px}.clear-history{float:right;background:#222;font-weight:400;color:#fff;font-size:15px;padding:2px 10px;margin:3px 0 0;cursor:pointer}.clear-history:hover{background:#8c585e}.clear-history:active{background:#222}.subnav{position:absolute;overflow:hidden;background:gray;max-width:440px;width:100%;left:-30px;transition:opacity .2s ease-in-out 0s,left .2s ease-in-out 0s,visibility .2s ease-in-out 0s;bottom:60px;opacity:0;height:calc(100% - 60px);visibility:hidden;color:#fff}@media (max-width:650px){.subnav{width:100%}}.subnav.active{opacity:1;left:0;visibility:visible}.divider{float:left;width:100%;margin:20px 0;height:2px;background:#222}.history-items{float:left;list-style:none;width:100%}.history-item{float:left;width:100%;border-bottom:1px solid #b2b2b2;padding:10px 0;cursor:pointer}.history-item:hover .history-title{text-decoration:underline}.history-item:active .history-title{text-decoration:none}.history-item:last-child{border:none}.history-title{float:left;font-size:16px;width:100%}.history-author,.history-genre{float:left;font-size:15px;margin:3px 0 0;color:#222}.history-genre{float:right}