body{margin:0;font-family:"Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;background-color:#fff;overflow:auto;font-size:14px}.perspective-controls img,.perspective-controls span{-webkit-user-select:none;-webkit-user-drag:none;-webkit-app-region:no-drag;cursor:pointer}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,body,html{height:100%;width:100%}body:before{content:"sm";display:none}@media (max-width:992px){body:before{content:"sm"}}@media (min-width:992px){body:before{content:"md"}}@media (min-width:1340px){body:before{content:"lg"}}.App{text-align:center;width:100%;height:100%}.center-box{margin-left:20px;margin-right:20px;position:relative;height:100%}.logo-box{position:absolute;right:0;top:55px}#sj-shelf-container{right:300px}#sj-shelf-container,.threeView{position:absolute;left:0;top:0;bottom:0}.threeView{right:0;min-height:560px}.threeView:before{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.463158) 32.81%,hsla(0,0%,100%,0) 95.83%)}.threeView:after,.threeView:before{content:"";position:absolute;width:30px;height:100%;display:block}.threeView:after{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,.463158) 32.81%,hsla(0,0%,100%,0) 95.83%);right:0;top:0}canvas{display:block;width:100%;height:100%}canvas:focus{outline:0}.perspective-controls{position:absolute;bottom:20px;height:50px;text-align:center;left:50%;margin-left:-150px;width:300px}.perspective-controls span{width:40px;height:40px;display:inline-block;background-repeat:no-repeat;background-size:contain;margin:0 10px;border-radius:3px}.perspective-controls span:hover{background-color:#f1f1f1}.perspective-controls span:active{background-color:#8c8c8c}.perspective-controls img{width:40px;height:40px}.perspective-controls .tooltip{position:relative;display:inline-block}.perspective-controls .tooltip .tooltiptext{visibility:hidden;width:120px;height:20px;background-color:#fff;color:#000;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:-30px;left:-50px}.perspective-controls .tooltip:hover .tooltiptext{visibility:visible}.hSize{position:absolute;bottom:100px;left:0;right:300px}.hSize .MuiButton-root{text-transform:lowercase}.hSize-val{position:relative;top:10px}.vContainer{position:absolute;height:100%;width:90px}.vContainer .MuiButton-root{text-transform:lowercase}.vSize-box{position:absolute;vertical-align:middle;padding-right:10px;margin-top:-11px;height:22px}.vSize-val{margin-right:10px}.dSize{position:absolute;right:300px;top:480px}.dSize .MuiButton-root{text-transform:lowercase}.dSize-val{left:-12px}.dSize-line{position:absolute;top:15px;right:90px;width:30px;height:1px;transform:rotate(45deg);background-color:#000}.footer-container{position:fixed;display:none;bottom:0;left:0;right:0;height:80px;background-color:#2b2b2b}.footer-center-box{height:100%;margin-left:auto;margin-right:auto;position:relative;text-align:left;color:#fefefe;width:920px}@media (max-width:992px){.footer-center-box{width:720px}}@media (min-width:992px){.footer-center-box{width:960px}}@media (min-width:1340px){.footer-center-box{width:1140px}}.footer-big-text{font-size:29px;position:absolute;top:7px}.footer-small-text{font-size:14px;position:absolute;top:47px}.footer-name{left:0;font-weight:500}.footer-size{left:185px}.footer-netto,.footer-price{right:0}body{font-family:Roboto,sans-serif}.din4{margin:20px auto;background:#fff;display:block;position:relative;width:210mm;height:296mm;box-shadow:0 4px 10px rgba(0,0,0,.25);page-break-after:always;break-after:always;font-size:10pt;text-transform:lowercase}.din4 .print_logo{position:absolute;top:10mm;right:10mm;margin-left:0;margin-right:0}.din4 .print_logo img{width:75mm}.din4 .threeView{position:relative;width:100%;top:16mm;height:139mm}.din4 .threeView:after,.din4 .threeView:before,.din4 .threeView canvas{display:none}.din4 .print_preview{position:relative;height:145mm;overflow:hidden}.din4 .print_preview img{position:relative;width:100%;left:0}.din4 .print_viewcaption{position:absolute;bottom:130mm;width:calc(100% - 40mm);text-align:center;margin-right:auto;margin-left:2cm;text-transform:uppercase}.din4 .print_title{text-transform:uppercase;font-size:12pt;font-weight:900}.din4 .description{position:absolute;bottom:25mm;width:170mm;text-align:left;margin-left:2cm}.din4 .description .container{display:table;width:100%;vertical-align:bottom}.din4 .description .sub_title{text-transform:uppercase;font-weight:900;margin-top:10.5pt}.din4 .description .col{display:table-cell;box-sizing:border-box;vertical-align:top}.din4 .description .col:nth-child(n){width:50%}.din4 .description .price_title{display:block;text-align:left;float:left;text-transform:uppercase;font-weight:900;margin-top:19pt}.din4 .description .price{font-weight:900;margin-top:19pt;display:block;text-align:right}.din4 .left{display:block;text-align:left;float:left}.din4 .right{display:block;text-align:right}.din4 .print_footer{bottom:10mm}.din4 .print_footer,.din4 .print_pagenumber{position:absolute;width:170mm;margin-left:2cm}.din4 .print_pagenumber{bottom:5mm}.din4:first-of-type{margin-top:70px}.print_controls{position:fixed;margin-left:-100px;top:10px;left:50%;width:300px;text-align:center}.print_controls .p_button{padding:10px;border-radius:3px;width:100px;background-color:grey;margin:5px;float:left;color:#fff;cursor:pointer;text-decoration:none}.print_controls .p_button:hover{background-color:#555}.print_controls .p_button:active{background-color:#333}@media print{.din4{margin:0;box-shadow:none}.din4:first-of-type{margin-top:0}.print_controls{display:none}@page{margin:0}}a{text-decoration:none;color:#000}.info-container{width:300px;height:96px;top:150px;right:0;position:absolute;text-align:left;line-height:20px}.info-container .info-box .info-title{font-size:22px;font-weight:500;margin-bottom:10px;text-transform:uppercase}.info-container .price-container{position:absolute;right:0;top:0;text-align:right}.info-container .price-container .price-amount{font-size:22px;font-weight:500;margin-bottom:10px}.info-container .price-container .country-info{text-transform:uppercase}#uri{width:100%;text-align:center}
/*# sourceMappingURL=main.54b5846c.chunk.css.map */