@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;400&display=swap');body,html{margin:0;padding:0;background:#D7D7D6;//background:#333;font-family:'Yantramanav', sans-serif;font-weight:400;overflow:hidden}input{background:transparent}.loader{top:0;bottom:0;left:0;right:0;background:#333;color:#D7D7D6;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999}.loaderTitle{font-size:24px;margin-bottom:15px}.loaderTitle:after{position:absolute;content:"...";-webkit-animation-name:dots;animation-name:dots;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes dots{25%{content:""}50%{content:"."}75%{content:".."}to{content:"..."}}@keyframes dots{25%{content:""}50%{content:"."}75%{content:".."}to{content:"..."}}.barWrapper{width:200px;border:solid 1px #D7D7D6}.loaderBar{background-color:#D7D7D6;height:20px;width:0%}.loaderText{margin-top:20px;opacity:.5}.top-bar{position:fixed;top:0;right:0;left:0;height:50px;border-bottom:1px solid #333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#D7D7D6;-webkit-transition:all .2s;transition:all .2s;z-index:99}.top-bar-closed{top:-51px}.logo{height:25px;padding-left:20px;width:auto;position:absolute;left:0}.view-toggle{position:absolute;top:60px;background-color:RGBA(104,105,143,0.6);color:#D7D7D6;padding:5px 20px;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;border:1px solid transparent;cursor:pointer}.view-toggle>i{-webkit-transition:all .2s;transition:all .2s}.view-toggle-closed>i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.view-toggle:hover{border:1px solid #333}.part{font-size:16px;font-family:'Yantramanav', sans-serif;letter-spacing:3px;cursor:pointer;position:relative;border:1px solid #333;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:30px;padding-right:30px;margin-left:-1px}.part:hover{background:#333;color:#D7D7D6}.cart{position:absolute;top:0;right:0;//padding:20px;height:50px;width:50px;cursor:pointer;font-size:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cart:hover{background:#333;color:#D7D7D6}.cart-active{background:#333;color:#D7D7D6}.cart-wrapper{position:absolute;right:-440px;top:0;margin-top:50px;background-color:#333;height:calc(100vh - 50px);width:440px;overflow:hidden;color:#D7D7D6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;//border-radius:15px;-webkit-transition:all .5s;transition:all .5s}.cart-wrapper-active{right:0}.cart-title{font-size:30px;margin-top:50px}.cart-content{width:400px;margin-top:20px}.cart-btn{padding:10px 10px;border:1px solid #D7D7D6;margin-top:30px;margin-right:-1px;text-align:center;width:200px}.cart-btn:hover{background-color:#D7D7D6;color:#333}.content-wrapper{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex}.sidebar{position:absolute;//margin-top:80px;height:100vh;width:350px;//min-width:350px;border-right:1px solid #333;padding-left:20px;padding-right:20px;padding-top:100px;-webkit-transition:all .2s;transition:all .2s;background-color:#D7D7D6}.sidebar-closed{margin-left:-440px}.sb-view-parts{margin-top:30px}.sb-title{text-transform:uppercase;font-size:30px}.sb-ean{text-transform:uppercase;font-size:15px}.sb-text{margin-top:50px}.sb-btn-wrapper{margin-top:50px;//display:flex}.sb-btn{text-transform:uppercase;padding:10px 10px;border:1px solid #333;margin-top:10px;margin-right:-1px;text-align:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.sb-btn-back{background-color:RGBA(104,105,143,0.6);color:#D7D7D6;padding:5px 20px;border-radius:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;//-webkit-box-sizing:border-box;border:1px solid transparent;cursor:pointer;width:60px;text-align:center;margin-bottom:30px}.sb-btn-back:hover{border:1px solid #333}.sb-btn:hover{background-color:#333;color:#D7D7D6;cursor:pointer}.sb-parts-list{margin-top:50px}.sb-parts-row{display:-webkit-box;display:-ms-flexbox;display:flex}.sb-parts-row-head{//border:1px solid #D7D7D6;background-color:#333;color:#D7D7D6}.sb-parts-row-head>.sb-parts-col{border-left:1px solid #D7D7D6}.sb-parts-row-head>.sb-parts-col:first-child{border-left:1px solid #333}.sb-parts-col{width:45%;border:1px solid #333;padding:10px 15px;margin-right:-1px;margin-bottom:-1px}.sb-parts-col:nth-child(3){width:10%!important}.cart-content .sb-parts-col{border:1px solid #D7D7D6;color:#D7D7D6}.cart-content .sb-parts-row-head{background-color:#D7D7D6}.cart-content .sb-parts-row-head>.sb-parts-col{color:#333;border-left:1px solid #333!important}.cart-content .sb-parts-row-head>.sb-parts-col{border:1px solid #D7D7D6}.cart-content .sb-parts-row-head>.sb-parts-col:first-child{border:1px solid #D7D7D6}.toilet{//width:100vw;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100vh;//margin-top:80px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toilet>img{height:90%;width:auto;//margin-left:-40%}@-webkit-keyframes bounce{2.5%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}5.0%{-webkit-transform:translateY(0);transform:translateY(0)}7.5%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}10.0%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{2.5%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}5.0%{-webkit-transform:translateY(0);transform:translateY(0)}7.5%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}10.0%{-webkit-transform:translateY(0);transform:translateY(0)}}.helper{position:fixed;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:24px;font-weight:400;color:#333;//text-shadow:0px 0px 10px rgba(0, 0, 0, .2);letter-spacing:5px;pointer-events:none}.drag{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;margin-bottom:10%}