/*!/faveton3d/style.css*/#favetonstyle{height:600px}.fav3d{height:600px}.fav3d{font-family:'Lato',sans-serif;overflow:hidden}.fav3d-viewport{width:50%;height:100%;position:relative;transition:width ease 0.5s}.fav3d-viewport.fav3d-extended{width:100%}.fav3d-viewport canvas{width:100%;height:100%;touch-action:none}.fav3d-zoom{position:absolute;top:20px;left:20px;text-align:center;transition:opacity ease 0.5s}.fav3d-zoom button{display:inline-block;width:40px;border:0;margin:0 5px;color:#fff;font-size:22px;font-weight:700;font-family:'Lato',sans-serif;padding:0 0 3px 0;background:#222;cursor:pointer;transition:background-color ease 0.5s;line-height:initial}.fav3d-zoom button:first-child{border-radius:15px 0 0 15px}.fav3d-zoom button:last-child{border-radius:0 15px 15px 0}.fav3d-zoom button:hover{background:#f18e00}.fav3d-sidepanel{position:absolute;right:0;top:0;bottom:0;width:50%;display:flex;background:#fff;flex-direction:row;transition:right ease 0.5s}.fav3d-sidepanel.fav3d-extended{right:-50%}.fav3d-separator{width:1px;height:80%;margin-top:10%;margin-right:12px;background:#222}.fav3d-config{display:flex;flex-direction:column;overflow-y:scroll;flex-basis:95%;flex-grow:1}#fav3d-extend-sidepanel{background:#222;background-position:center center;background-image:url(/faveton3d/angle-right.svg);background-repeat:no-repeat;background-size:24px 24px;width:32px;height:32px;border-radius:16px;position:absolute;top:50%;left:-44px;cursor:pointer}.fav3d-extended #fav3d-extend-sidepanel{background-image:url(/faveton3d/angle-left.svg);background-size:18px 18px}.fav3d-models{font-size:0}.fav3d-models>div{display:inline-block;box-sizing:border-box;padding:20px;width:25%;position:relative;cursor:pointer}.fav3d-models>div>img{width:100%}.fav3d-models>div>p{position:absolute;top:45%;left:0;right:0;text-align:center}.fav3d-models>div>p>span{display:inline-block;padding:5px;border-radius:20px;background:#222;color:#fff;text-align:center;font-size:16px;font-weight:500;font-family:'Roboto',sans-serif;line-height:1;transition:background-color ease 0.5s}.fav3d-models>div:hover>p>span{background:#f18e00}.fav3d-tabs{display:flex;padding:0;margin:0;list-style-type:none;flex-direction:row;z-index:1}.fav3d-tabs>li{flex-grow:1;background:#7f7676;font-size:15px;font-weight:600;padding:10px;color:#fff;text-align:center;cursor:pointer}.fav3d-tabs>li:hover{background:#666}.fav3d-tabs>li.active{background:#f18e00;margin-top:-15px;padding-top:18px;padding-bottom:18px}.fav3d-pantone{flex-grow:1}.fav3d-pantone>div{padding:8px;font-size:0}.fav3d-pantone a{box-sizing:border-box;display:inline-block;width:16.6%;border:5px solid #fff0}.fav3d-pantone a.active{border-color:#f18e00;border-radius:3px}.fav3d-pantone a img{max-width:100%;transition:transform ease 0.3s}.fav3d-pantone a img:hover{transform:scale(1.1,1.1)}@media (max-width:1200px){.fav3d-models>div>p>span{font-size:12px}.fav3d-pantone>div{padding:0}.fav3d-pantone a{border-width:3px;width:25%}.fav3d-models>div{padding:0}.fav3d-tabs>li{padding:4px;font-size:12px}.fav3d-tabs>li.active{margin-top:-10px;padding-top:10px;padding-bottom:10px}}@media (max-width:544px){.fav3d-sidepanel{width:80%}.fav3d-sidepanel.fav3d-extended{right:-80%}.fav3d-viewport .fav3d-zoom{opacity:0}.fav3d-viewport.fav3d-extended .fav3d-zoom{opacity:1}}