#viewer-3d{position:relative}#canvasContainer{text-align:center}.viewer-3d-preloader-spin{opacity:1;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border:2px solid transparent;border-top-color:#45ffdc;position:absolute;left:50%;top:50%;z-index:2;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-animation:PreloaderSpin 2s linear infinite;animation:PreloaderSpin 2s linear infinite}.viewer-3d-preloader-spin::before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:2px solid transparent;border-top-color:#ff458f;-webkit-animation:PreloaderSpin 3s linear infinite;animation:PreloaderSpin 3s linear infinite}.viewer-3d-preloader-spin::after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:2px solid transparent;border-top-color:#7e65d0;-webkit-animation:PreloaderSpin 1.5s linear infinite;animation:PreloaderSpin 1.5s linear infinite}.viewer-3d-configurator{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.viewer-3d-configurator>div{margin-right:15px}.viewer-3d-texture-button{position:relative;display:inline-block;width:38px;height:38px;margin:0 5px 5px 0;border-width:0;border-radius:4px;background-position:center;background-size:100%}.viewer-3d-texture-button::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;border:2px solid transparent;transition:border-color .3s ease-in-out}.viewer-3d-texture-button:hover::after{border-color:#a3e7f0}.viewer-3d-texture-button.active::after{border-color:#ff458f}.viewer-3d-configurator input[type=text]{background-color:#fff;color:#000}.viewer-3d-switcher input{display:none}.viewer-3d-switcher span{background-color:#ff458f;border:1px solid #dfdfdf;border-radius:20px;cursor:pointer;display:inline-block;height:24px;position:relative;vertical-align:middle;width:40px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;box-shadow:0 0 0 0 #dfdfdf inset;transition:border .4s ease,box-shadow .4s ease}.viewer-3d-switcher span::after{content:"";background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:24px;position:absolute;top:0;width:24px;left:0;transition:left .2s ease}.viewer-3d-switcher input:checked+span{box-shadow:0 0 0 16px #a3e7f0 inset;border-color:#a3e7f0;transition:border .4s ease,box-shadow .4s ease,background-color 1.2s ease;background-color:#a3e7f0}.viewer-3d-switcher input:checked+span::after{left:16px}.viewer-3d-switcher input:disabled+span{opacity:.5}#viewer-3d-ar-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;align-items:center}#viewer-3d-ar-modal .backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.65)}#viewer-3d-ar-modal .content{background-color:#fff;border-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,0.75);z-index:1;padding:1rem}#viewer-3d-animation-button{opacity:.35;position:absolute;bottom:2%;left:50%;transform:translateX(-50%);transition:opacity .3s ease-in-out}#viewer-3d-animation-button:hover{opacity:1}@keyframes PreloaderSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#viewer-3d-ar-button{border-width:0;background:linear-gradient(45deg,#4f499b,#a6428f);color:#fff;border-radius:3px;padding:12px 20px;font-size:16px;font-family:'Montserrat',sans-serif;font-weight:600}#viewer-3d-animation-button{background-color:#b6c6c9;color:#3c3950;border-width:0;padding:5px 12px;border-radius:3px}.arlity-objects-menu{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%}.arlity-objects-menu button{background-color:transparent;color:#818186;border:2px #818186 solid;line-height:26px;height:30px;font-size:14px;margin:10px 10px 0 10px;transition:all .3s;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;text-transform:uppercase;white-space:nowrap;padding:0 24px;border-radius:3px;font-weight:700}.arlity-objects-menu button:hover{background-color:#818186;color:#fff}.arlity-objects-menu button.active{background:linear-gradient(45deg,#4f499b,#a6428f);color:#fff;border-width:0}#viewer-3d-ar-qrcode{display:flex;justify-content:center;margin-top:15px}.d-flex{display:flex !important}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}