html{height:100%;min-height:100%;position:relative}body{color:#555;background:linear-gradient(#0e7e8eb3 0%,#fff 100%) fixed;height:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:19px}.App{min-height:400px}.App-scale{margin:auto}.error-cont{color:#fff;background-color:red;padding-top:2px;padding-left:10px;padding-right:10px;position:absolute;top:5px;left:10px}.invisible{visibility:hidden}.invalid-item{color:red;border:1px solid red;border-radius:5px;margin-top:5px;padding:2px 5px}.glyphicon-info-sign-invalid{color:red}.m-t-20{margin-top:50px}.m-t-10{margin-top:30px}.home{background-color:#0000;line-height:1.4}.home p,.intro p,.feedback p{font-size:24px}.home h1,.home h2,.intro h2,.feedback h2,.page-not-found h2,.pageName-cont h2,.pageName-cont h3,.pageName-cont input{font-family:Roboto Condensed,sans-serif}.home h1{word-spacing:6px;color:#444}.intro h2.br{margin-bottom:50px}.intro h2{text-align:center}.intro-cont{flex-direction:column;justify-content:center;display:flex}.intro-cont-mobile{height:0;padding-top:25px;padding-bottom:56.25%;position:relative}.intro-cont-mobile iframe{width:98%;height:98%;position:absolute;top:0;left:0}.intro,.feedback{background-color:#0000}.flex0{flex:0}.flex1{flex:1}.z1000{z-index:1000}a{color:#555;cursor:pointer}a:hover,a:focus{text-decoration:none}aside a:link,aside a:hover,aside a:active,aside a:visited,aside a:link div,aside a:hover div,aside a:active div,aside a:visited div,aside a div,aside a:link span,aside a:hover span,aside a:active span,aside a:visited span{color:#999;text-decoration:none}aside a.active-path,aside a.active-path div,aside a.active-path span{color:#ee1c1b;text-decoration:none}aside .active-path{border-left:4px solid #ee1c1b;color:#ee1c1b!important}.test-item{color:#999}.main-cont{flex:10;align-content:stretch;align-items:stretch;min-height:100vh;display:flex}.section-cont{background-color:#0000;height:100%;position:relative}.center-cont{flex-direction:column;justify-content:space-between;width:100%;display:flex}.center-cont-scale{margin-left:0!important;padding-left:0!important}.main-panel-cont{padding:20px 0 0}.main-panel-cont-simple{padding-bottom:0}.disks{justify-content:space-between;align-items:stretch;display:flex}.disks-header-and-list{width:100%;margin-left:20px;margin-right:20px;padding-bottom:40px}.diskList{flex-wrap:wrap;flex:2;justify-content:space-around;display:flex;overflow:hidden}.diskList2{justify-content:flex-start;padding-left:20px}.diskList.diskList-browse{--browse-card-width:200px;grid-template-columns:repeat(auto-fill, minmax(calc(var(--browse-card-width) + 50px), 1fr));justify-items:center;padding-left:0;display:grid}.diskList.diskList-browse-compact{--browse-card-width:16vw}.diskList.diskList-browse-scale-3{--browse-card-width:12vw}.diskList.diskList-browse-scale-4{--browse-card-width:8vw}.diskList.diskList-browse-scale-5{--browse-card-width:5vw}.browse-controls{text-align:center;padding:15px 20px 30px}@media (width<=768px){.diskList.diskList-browse{grid-template-columns:1fr}.diskList.diskList-browse-compact{--browse-card-width:30vw;grid-template-columns:repeat(auto-fill, minmax(var(--browse-card-width), 1fr))}.diskList.diskList-browse-scale-3{--browse-card-width:23vw}.diskList.diskList-browse-scale-4{--browse-card-width:19vw}.diskList.diskList-browse-scale-5{--browse-card-width:16vw}}.visible-on-hover{visibility:hidden}div:hover>.visible-on-hover,td:hover .visible-on-hover,tr:hover .visible-on-hover{visibility:visible}.visible-on-hover-lg{visibility:hidden}div:hover>.visible-on-hover-lg{visibility:visible}.visible-on-hover-disk{visibility:hidden}div.disk-cont-inner:hover .visible-on-hover-disk{visibility:visible}.m-main{justify-content:flex-start;display:flex}.non-clickable{cursor:initial!important}.h100{height:100%}.disks-header-and-list-no-player{width:100%}@media (width<=1600px){.disks-header-and-list-no-player{max-width:100%}}@media (width<=1400px){.disks-header-and-list-no-player{max-width:100%}}@media (width<=1200px){.disks{flex-direction:column}.disks-header-and-list{max-width:100%;margin-left:0;margin-right:0;padding-bottom:0}}@media (width<=768px){body{color:#333;background-size:cover}.home h2,.intro h2,.feedback h2,.pageName-cont h2,.page-not-found h2{color:#333;margin-top:0;font-size:24px}.pageName-cont h2,.pageName-cont h3,.pageName-cont input{color:#333;font-family:sans-serif}.intro h2.br{margin-bottom:20px}.home p,.intro p,.feedback p{color:#333;font-size:18px}.home ul{padding:5px}.main-panel-cont{padding:10px}.main-panel-cont-scale{padding:10px 0 0}.main-cont{min-height:100vh;position:relative}.m-main{justify-content:center;width:100%;display:flex}.intro-center{flex-direction:column;align-items:center;margin-left:-10px;display:flex}.center-cont{width:100%;margin-left:0;padding-left:0;padding-right:0}.disks-header-and-list{padding-bottom:0;padding-left:10px;padding-right:10px}.disks{flex-direction:column;align-items:center}.diskList{justify-content:space-between}.diskList2{justify-content:flex-start}.visible-on-hover-lg{visibility:initial}input[type=range].scale-slider{height:5px}aside .active-path{border:none;border-bottom:4px solid #ee1c1b}}input[type=url]:invalid{border:3px solid red}input[type=range].scale-slider{z-index:10;opacity:.7;background-color:#0e7e8e;outline:none;height:16px;margin-bottom:10px;display:block}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ee1c1b;border:1px solid #000;border-radius:50%;width:16px;height:16px;margin-top:0}input[type=range]::-moz-range-thumb{cursor:pointer;background:#ee1c1b;border:1px solid #000;border-radius:50%;width:16px;height:16px}input[type=range]::-ms-thumb{cursor:pointer;background:#ee1c1b;border:1px solid #000;border-radius:50%;width:16px;height:16px}input[type=range]::-ms-tooltip{display:none}@media (width<=768px){input[type=range].scale-slider{height:24px;margin-bottom:10px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:0}input[type=range]::-moz-range-thumb{width:24px;height:24px}input[type=range]::-ms-thumb{width:24px;height:24px}}.logo{width:60px;height:60px}.logo-front{background-image:url(/img/logo-clef-60.png)}.logo-front-xs{vertical-align:bottom;background-image:url(/img/logo-clef-30.png);margin-left:5px;margin-right:10px;display:inline-block;width:30px!important;height:30px!important}.logo-back{background-image:url(/img/logo-int-60.png)}.logo-int2{opacity:.8;cursor:pointer;border:none;outline:none;margin-top:20px;margin-bottom:80px;margin-left:13px;padding:0}.logo-prompt{color:#777;font-family:Montserrat;font-weight:700;position:absolute;top:66px;left:12px}.logo-prompt-back{left:18px;transform:rotateY(180deg)}.side-nav-cont{z-index:10;background-color:#b2ebf2;border-right:3px solid #fff;min-height:100vh}.side-nav-cont-slider{width:90px;min-width:90px;transition:transform .5s,min-width .5s;overflow:hidden}.side-nav-cont-slider.opened{-webkit-transform:translatX(0);transform:translate(0)}.side-nav-cont-slider.closed{width:0;min-width:0;display:none;transform:translate(-90px)}.side-nav-cont ul{flex-direction:column;align-items:stretch;margin-left:0;padding-left:0;list-style:none;display:flex}.side-nav-cont ul li{color:#999;margin-bottom:40px}.side-menu{flex-direction:column;justify-content:space-between;height:70%;display:flex}.side-nav-item{cursor:pointer;text-align:center;flex-direction:column;align-items:center;font-family:Montserrat,sans-serif;font-weight:700;text-decoration:none;display:flex}.side-nav-item:hover{text-decoration:none}.side-nav-item:focus:not(:focus-visible){outline:none}.side-nav-item .glyphicon{color:#999;display:none}.show{display:block}.side-nav-item.active-path .glyphicon{color:#ee1c1b}aside a.fake-active div,aside a.fake-active span{color:#ee1c1b;text-decoration:none}.nav-glyph{margin-bottom:10px;font-size:24px;display:block}.unsaved,.unsaved .nav-glyph.glyphicon{color:#2b4fa2}.saved .nav-glyph{color:#999}.saveError{border:1px solid red}.saving{border:1px solid #fff}.side-save{margin-left:10px;margin-right:10px;padding-top:5px}.nav-text{text-align:center}.flip-container{perspective:1000px}.flip-container-2 .flipper,.flip-container-2 .flipper{transform:rotateY(180deg)}.flip-container,.front,.back{width:60px;height:60px}.flipper{transform-style:preserve-3d;transition:all .6s;position:relative}.front,.back{backface-visibility:hidden;position:absolute;top:0;left:0}.front{z-index:2;transform:rotateY(0)}.back{transform:rotateY(180deg)}.vert-flex-center{flex-direction:column;align-items:center;display:flex}@media (width<=1680px){.logo{width:45px;height:45px}.logo-front{background-image:url(/img/logo-clef-45.png)}.logo-back{background-image:url(/img/logo-int-45.png)}.logo-int2{margin-bottom:60px;margin-left:17px}.logo-prompt{top:50px;left:6px}.logo-prompt-back{left:25px}.side-nav-cont-slider{width:80px;min-width:80px}.side-nav-item{font-size:12px}.side-nav-item span{text-align:center}}@media (width<=1440px){.logo{width:45px;height:45px}.logo-front{background-image:url(/img/logo-clef-45.png)}.logo-back{background-image:url(/img/logo-int-45.png)}.logo-int2{margin-bottom:60px;margin-left:17px}.side-nav-cont-slider{width:80px;min-width:80px}.side-nav-item{font-size:12px}.side-nav-item span{text-align:center}}@media (width<=768px){.nav-glyph{margin:0}.saved .nav-glyph{color:#fff}.logo-int2{margin:0}.logo{width:37px;height:37px}.logo-front{background-image:url(/img/logo-clef-37.png)}.logo-back{background-image:url(/img/logo-int-37.png)}.logo-prompt{display:none}.side-menu{flex-direction:row;justify-content:space-between;display:inline-flex}.side-nav-cont{width:100%;min-height:initial;background-color:#0000;border:none;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:0;padding-right:20px;display:flex;position:relative}.side-nav-cont ul{flex-direction:row;margin:0;display:inline-flex}.side-nav-cont ul li:first-child{margin:0;padding:0 10px 0 0}.side-nav-cont ul li{margin:0;padding:0 10px}.side-nav-cont-slider{width:inherit;transition:transform .5s,min-width .5s}.side-nav-cont-slider.opened{-webkit-transform:translatX(0);transform:translate(0)}.side-nav-cont-slider.closed{width:0;min-width:0;transform:translate(-45px)}.side-nav-item{padding-bottom:5px}.side-nav-item span{display:none}.side-nav-item .glyphicon{color:#fff;display:inline-block}.side-save{margin:0;padding:0}.side-logout-txt{display:none}.flip-container{perspective:500px}.flip-container,.front,.back{width:37px;height:37px;margin-top:2px}.vertical.flip-container .flipper{transform-origin:100% 15px}.saveError{min-width:30px;margin-left:6px!important}}.header{color:#444;border-bottom:2px solid #fff;flex-direction:row;justify-content:center;align-items:center;min-height:120px;margin-top:-10px;font-size:30px;display:flex;position:relative}.no-header-slider{margin-top:-26px}.no-header-slider-ie{margin-top:-60px}.header-slider{min-height:45px;max-height:200px;transition:transform .5s,max-height .5s,min-height .5s}.header-slider-with-tagline{height:140px;min-height:140px}.header-slider.opened{-webkit-transform:translatY(0);transform:translateY(0)}.header-slider.closed{min-height:0;max-height:0;transform:translateY(-100px)}.header h1{margin:10px 0 5px;font-size:60px}.header a:link,.header a:hover,.header a:active,.header a:visited,.header a:link div,.header a:hover div,.header a:active div,.header a:visited div,.header a:link span,.header a:hover span,.header a:active span,.header a:visited span{color:#fff;text-decoration:none}.header-img{cursor:pointer;width:80px;margin-top:20px;margin-bottom:50px;margin-left:12px}.header-title-bg-cont{z-index:-1;opacity:.5;background-color:#0e7e8e;width:100%;height:100%;position:absolute;top:0;left:0}.header-title-cont{flex-direction:column;align-items:center;display:flex}.header-title-cont h2{color:#fff;word-spacing:5px;margin-top:0;margin-bottom:10px;font-family:Roboto;font-size:24px;font-weight:700}.header-title{text-align:center;color:#fff;align-items:center;margin:0 0 5px;display:inline-flex}.header-box{opacity:.5;border-radius:5px;height:20px;margin:10px 8px 8px}.header-disk-box{background-color:#fff;width:60px}.header-yt-box{background-color:#ee1c1b;width:25px}.header-title-inline{margin:0 4px 0 0}.header-inline{word-spacing:5px}.header-title a:hover{text-decoration:none}.header-disk{padding:5px 5px 0 10px}.header-yt{background-color:#ee1c1b;border-radius:15px;margin-left:10px;padding:0 10px}h2.header-yt{margin-left:0;margin-right:10px;padding:5px 10px 2px}.header-title h1{color:#fff;font-family:Fjalla One,sans-serif;display:inline-block}.header-title h2{color:#fff;font-family:Roboto Condensed,sans-serif;display:inline-block}.header-cont{border-bottom:1px solid #ccc;padding:20px}.header-title-menu-cont{justify-content:space-between;align-items:baseline;width:100%;display:flex}.top-right-menu-cont{color:#fff;display:flex}.top-right-menu-cont li{height:30px;margin-right:50px}.top-right-menu-cont .side-nav-item .glyphicon{margin-bottom:0;display:block}.top-right-menu-cont li{list-style:none}@media (width<=1680px){.header-slider{min-height:45px}.header-slider-with-tagline{height:120px;min-height:120px}.header-title{margin:0 0 5px}.header h1{font-size:40px}}@media (width<=1440px){.header-slider{min-height:45px}.header-slider-with-tagline{height:120px;min-height:120px}.header-title{margin:0 0 5px}.header h1{font-size:40px}}@media (width<=768px){.header-slider.header-browse{max-height:none;overflow:visible}.browse-mobile-menu{flex-wrap:wrap;align-items:center;display:flex}.browse-mobile-menu .search-header{margin:5px}.header-disk{padding:5px 5px 0 0}.header-line{justify-content:space-between;align-items:center;width:100%;margin-top:10px;margin-bottom:10px;padding-right:15px;display:flex}.header-yt{margin-left:3px}.header h1{font-size:20px}.header-title-cont h2{word-spacing:2px;margin-top:0;margin-bottom:10px;font-size:16px}.header{justify-content:space-between;min-height:60px}.header-scale{min-height:80px}.no-header-slider{margin-top:-36px}.header-slider{justify-content:space-between;width:100%;height:auto;min-height:100px;max-height:100px;transition:transform .5s,max-height .5s,min-height .5s;display:flex;overflow:hidden}.header-slider.opened{-webkit-transform:translatY(0);transform:translateY(0)}.header-slider.closed{min-height:0;max-height:0;transform:translateY(-100px)}.header-title-cont{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:10px;margin-left:30px}.header-title{align-items:baseline;margin:0}.header-title-inline{margin:0 4px}.header-title-simple{margin-bottom:10px}.header-title-scale{margin:0}}