.ctrl,.ctrl--group,.ctrl--header{color:#57a4db;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-top:1px solid rgba(117,159,189,.2);cursor:pointer;display:flex;padding:0 18px;transition:background-color .3s}.ctrl--group:hover,.ctrl--header:hover,.ctrl:hover{background-color:#fff;transition:background-color .8s}.panel label:first-of-type{border-top:none;margin-top:6px}.panel:last-child label:first-of-type{margin-top:-12px}.ctrl--group{border:none}.ctrl--header{margin:6px 0 0;padding:12px 18px 0}.checkbox{align-self:center;-webkit-appearance:none;background-color:rgba(191,217,208,.5);border:none;border-radius:50%;box-shadow:0 1px 1px 1px rgba(238,247,244,.1),inset 0 1px 1px 1px rgba(83,172,142,.08),inset 0 0 3px 3px rgba(96,159,138,.05);cursor:pointer;flex:0 0 27px;height:27px;margin:0;padding:0;transition:.3s;width:27px}.checkbox,.checkbox:checked{-webkit-backface-visibility:hidden}.checkbox:checked{background-color:#8cd9bf;background-image:radial-gradient(circle 18px at 50% 50%,#f3f1f1 50%,hsla(0,8%,95%,0) 0),radial-gradient(circle 18px at 50% 14px,rgba(191,217,208,.5) 50%,rgba(191,217,208,0) 0),radial-gradient(circle 18px at 50% 15px,rgba(135,197,176,.5) 50%,rgba(135,197,176,0) 55%),radial-gradient(circle 20px at 50% 50%,rgba(54,226,169,.5) 35%,rgba(143,239,207,.95) 55%,rgba(22,156,112,0));box-shadow:0 1px 1px 1px rgba(238,247,244,.25),inset 0 1px 1px 1px rgba(83,172,142,.2),inset 0 0 3px 3px rgba(96,159,138,.1);transition:.2s}.ctrl__label--checkbox,.ctrl__label--header,.ctrl__label--slider,.ctrl__label--slider-group{color:#57a4db;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;height:36px;line-height:36px}@media (max-width:959px){.ctrl__label--checkbox,.ctrl__label--header,.ctrl__label--slider,.ctrl__label--slider-group{height:48px;line-height:48px}}.ctrl__label--checkbox{flex:0 1 100%}.panel,.panel--collapsed{background-color:hsla(0,0%,98%,.75);border-radius:6px/3px;box-shadow:0 1px 3px 0 rgba(58,94,120,.25),0 15px 12px -6px rgba(54,65,73,.15);flex-basis:33%;justify-content:space-between;margin:0 1vw;min-height:56px;overflow-x:hidden;overflow-y:scroll;position:relative;transition:.2s cubic-bezier(.68,-.55,.265,1.55);z-index:1}@media (max-width:959px){.panel,.panel--collapsed{border-radius:0;flex-basis:100%;margin:0}}.panel__head{background-color:#f0f4f3;box-shadow:0 1px 3px 0 rgba(34,42,40,.15),0 6px 3px -3px rgba(157,175,169,.18),0 18px 12px -12px rgba(166,217,200,.12);color:#57a4db;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:18px;padding:18px 24px;position:relative;transition:.3s}@media (min-width:960px){.panel__head{cursor:default}}.panel__head:hover{background-image:radial-gradient(circle 60px at 50% 65%,#fdfefe 50%,#e9efed 250%);box-shadow:0 1px 3px 0 rgba(34,42,40,.25),0 6px 3px -3px rgba(157,175,169,.28),0 18px 12px -12px rgba(166,217,200,.5);text-shadow:0 1px 0 rgba(252,253,253,.5);transition:.2s}.panel__head__toggle{color:#9dafa9;cursor:pointer;float:right;font-size:24px;left:12px;padding:0 12px;position:relative;top:-6px;transition:.25s;-moz-user-select:none;-webkit-user-select:none;user-select:none}@media (min-width:960px){.panel__head__toggle{display:none}}.panel__head:hover .panel__head__toggle{color:#8cd9bf}.panel__body{padding-bottom:1vh}@media (max-width:959px){.panel--collapsed{flex:0 0 56px;transition:.35s cubic-bezier(.68,-1.55,.265,1.55)}.panel--collapsed .panel__head{margin-bottom:0}.panel--collapsed .panel__head:hover{background-color:#f8fbfa;background-image:none}.panel--collapsed .panel__body{display:none}}.slider,.slider--group{-webkit-appearance:none;-webkit-backface-visibility:visible;background:transparent;cursor:pointer;line-height:60px;flex:0 1 100%}.slider--group::-webkit-slider-runnable-track,.slider::-webkit-slider-runnable-track{-webkit-appearance:none;-webkit-backface-visibility:hidden;background-color:#81e4c3;border-radius:2px;box-shadow:0 -1px 1px 0 rgba(34,195,142,.5);height:3px;position:relative}.slider--group::-webkit-slider-thumb,.slider::-webkit-slider-thumb{-webkit-appearance:none;-webkit-backface-visibility:hidden;background-color:#f3f1f1;border:none;border-radius:50%;box-shadow:0 0 1px 0 #c7d1ce,0 2px 0 0 rgba(199,209,206,.75);height:24px;position:relative;top:-11px;width:24px}.slider--group{margin:-3px 0 0}.slider--group::-webkit-slider-runnable-track{background-color:#e2ec79;box-shadow:0 -1px 1px 0 rgba(90,96,32,.1)}@media (min-width:960px){.slider--group::-webkit-slider-thumb{height:18px;top:-8px;width:18px}}.ctrl__label--slider{flex:0 0 81px;height:36px;line-height:36px}@media (max-width:959px){.ctrl__label--slider{height:48px;line-height:48px}}.ctrl__label--slider--group{color:#9dafa9;flex:0 0 24px;height:24px;line-height:24px;margin-right:12px;margin-top:4px}@media (max-width:959px){.ctrl__label--slider--group{height:48px;line-height:48px;margin-top:0}}.slider__val,.slider__val--group{color:#9dafa9;flex:0 0 48px;font-size:10px;height:36px;line-height:36px;margin-bottom:2px;margin-left:3px;margin-top:-2px;padding-right:3px;text-align:right;white-space:nowrap}@media (max-width:959px){.slider__val,.slider__val--group{height:48px;line-height:48px;margin-top:0}}.slider__val{margin-top:0}@media (max-width:959px){.slider__val{margin-top:0}}*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}:active,:focus{outline:none}html{overflow:hidden}body,html{height:100vh;width:100vw}body{background-color:#4db5ff;font-family:PT Sans,sans-serif;overflow:visible}.app__panels{display:flex;flex-direction:column;height:50vh;width:100vw}.app__panels,.app__stage{position:relative;z-index:1}.app__stage{background-clip:content-box;background-color:#c0f2e1;background-image:radial-gradient(90% 90%,rgba(34,42,40,0) 0,rgba(34,42,40,.5)),linear-gradient(rgba(34,42,40,0) 66%,rgba(34,42,40,.5));box-shadow:inset 0 0 1px 0 #222a28,inset 1px 1px 3px 0 #4c675e,inset -1px 1px 3px 0 #4c675e,0 1px 6px 0 rgba(51,77,68,.35),0 6px 12px -3px rgba(51,77,68,.35);height:100vh;margin-bottom:-50vh}.app__stage__img{background-image:url(img/1.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;border-bottom:50vh solid rgba(108,224,185,.75);bottom:0;left:0;max-width:100%;position:absolute;right:0;top:0}@media (min-width:960px){.app__panels{flex-direction:row;justify-content:space-around;margin-top:-55vh}}@media (max-aspect-ratio:2/3){.app__stage__img{background-size:auto 100%}}
/*# sourceMappingURL=styles.css.map*/