@import url(https://fonts.googleapis.com/css?family=Abril+Fatface);@import url(https://fonts.googleapis.com/css?family=Roboto);body{font-family:Abril Fatface,cursive;background-color:#62374a}.picker-frame{width:100%;border-radius:10px;text-align:center;margin:0 auto;-webkit-box-shadow:3px 4px 20px #000;box-shadow:3px 4px 20px #000;background-color:#53363f}.picker-frame__inner{overflow-y:scroll;height:200px}.picker-frame__inner::-webkit-scrollbar{width:.75em}.picker-frame__inner::-webkit-scrollbar-thumb,.picker-frame__inner::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.picker-frame__inner::-webkit-scrollbar-thumb{background-color:#62374a;outline:1px solid #a4a387;border-radius:50px}.picker-frame__header{color:#fff;background-color:#53363f;font-size:30px;padding:15px;border-radius:10px 10px 0 0}.picker-frame__footer{background-color:#53363f;padding:15px;border-radius:0 0 10px 10px}.picker-frame__category-plate{padding:5px;font-size:23px;text-shadow:0 1px 0 hsla(0,0%,100%,.3),0 -1px 0 rgba(0,0,0,.7);position:relative;-webkit-box-shadow:0 5px 10px hsla(0,0%,6%,.281);box-shadow:0 5px 10px hsla(0,0%,6%,.281);color:#fff;background-color:#33212f}.picker-frame__category-plate:hover{cursor:pointer}.picker-frame__category-plate .picker-frame__glass-icon{height:100%;width:30px;left:10px;top:0;position:absolute}.picker-frame__category-plate .picker-frame__accordian-icon{right:3%;top:35%;position:absolute}.picker-frame__category-plate:nth-of-type(2n){background-color:#53363f}.picker-frame__list-item{padding:5px;color:#33212f;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;background-color:#efe8ba}.picker-frame__list-item:nth-child(odd){background-color:#a4a387}.picker-frame__list-item--selected{background-color:#33212f;color:#f5f5f5}.picker-frame__list-item--selected:nth-child(odd){background-color:#33212f}.picker-frame__list-item:hover{background-color:#33212f;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.main-viewer{width:100%;padding-top:20px;margin:0 auto}.glass-ingredient-view{float:left;color:#fff;width:100%;height:600px;position:relative;background-color:#53363f;margin-left:-10px;padding:10px}.glass-ingredient-view svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.glass-ingredient-view svg .small-text{fill:#fff;font-size:13px}.recipe-frame{color:#fff;margin:620px auto}.recipe-frame h1{text-align:center}.recipe-frame .recipe-frame__ingredient{margin:0;display:-ms-flexbox;display:flex;height:50px;padding:0 20%}.recipe-frame .recipe-frame__ingredient svg{position:absolute;z-index:1}.recipe-frame .recipe-frame__ingredient p{position:relative;z-index:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:10px;left:50px;font-size:14px}.recipe-frame .recipe-frame__warning{font-size:12px;text-align:center}.banner{background-color:#33212f;color:#fff;height:100%;width:100%;z-index:1;position:relative;text-align:center;margin-bottom:10px;font-size:25px;-webkit-box-shadow:0 5px 10px hsla(0,0%,6%,.281);box-shadow:0 5px 10px hsla(0,0%,6%,.281);border-radius:10px;padding-bottom:15px}.banner .banner__info-image{margin-left:5px;-webkit-transform:translateY(30%);-ms-transform:translateY(30%);transform:translateY(30%)}.banner .banner__info-image:hover{cursor:pointer}.banner .banner__info{font-family:Roboto,sans-serif;background-color:#53363f;margin-top:15px;padding:5px 30px}.banner .banner__info h2{font-size:20px}.banner .banner__info p{font-size:13px}.banner .banner__info a{text-decoration:none;color:#d3d3d3}@media only screen and (max-width:1600px) and (min-width:1100px){.main-viewer{width:1000px;position:relative;top:80px;z-index:0;left:-150px;margin:0}.recipe-frame .recipe-frame__ingredient{padding:0}}@media only screen and (min-width:1100px){.picker-frame{position:absolute;z-index:2;width:350px;float:right;right:10px}.picker-frame__inner{height:400px}.main-viewer{width:800px;position:relative;top:80px;z-index:0;margin:0 auto}.glass-ingredient-view{width:400px;background-color:#62374a;position:absolute;left:0;padding:0}.recipe-frame{padding:10% 0 0 400px;margin:0}.recipe-frame .recipe-frame__ingredient p{font-size:inherit}.banner{width:300px;float:left;margin:0}}
/*# sourceMappingURL=main.8f815379.css.map*/