.view3d-wrapper{touch-action:pan-y;position:relative}.view3d-wrapper:fullscreen{width:100vw;height:100vh;padding:0}.view3d-canvas{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;top:0;left:0}.view3d-canvas.ctx-lost{text-indent:.001px}.view3d-1by1,.view3d-square{padding-top:100%}.view3d-5by4{padding-top:80%}.view3d-4by3{padding-top:75%}.view3d-3by2{padding-top:66.6666%}.view3d-5by3{padding-top:60%}.view3d-16by9{padding-top:56.25%}.view3d-2by1{padding-top:50%}.view3d-3by1{padding-top:33.3333%}.view3d-4by5{padding-top:125%}.view3d-3by4{padding-top:133.333%}.view3d-2by3{padding-top:150%}.view3d-3by5{padding-top:166.667%}.view3d-9by16{padding-top:177.778%}.view3d-1by2{padding-top:200%}.view3d-1by3{padding-top:300%}.view3d-poster{filter:blur(1em);-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.noblur .view3d-poster{filter:none}.view3d-annotation-wrapper{pointer-events:none;counter-reset:annotation-index;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.view3d-annotation{pointer-events:all;-webkit-user-select:none;user-select:none;opacity:0;cursor:pointer;position:absolute}.view3d-annotation.default{color:#000;counter-increment:annotation-index;background-color:#fffc;border-radius:100%;justify-content:center;align-items:center;width:25px;height:25px;font-size:16px;font-weight:700;transition:opacity .5s;display:flex;box-shadow:1px 1px 6px #0000004d}.view3d-annotation.default:before{content:counter(annotation-index)}.view3d-annotation.default .view3d-annotation-tooltip{top:12px;left:35px}.view3d-annotation.default.flip-y .view3d-annotation-tooltip{top:auto;bottom:12px}.view3d-annotation.default.flip-x .view3d-annotation-tooltip{left:auto;right:35px}.view3d-annotation>*{visibility:hidden}.view3d-annotation.hidden{pointer-events:none;display:none}.view3d-annotation.selected{opacity:1!important;z-index:9999!important}.view3d-annotation.selected>*{visibility:visible}.view3d-annotation-tooltip{cursor:auto;-webkit-user-select:text;user-select:text;width:max-content;position:absolute}.view3d-annotation-tooltip.default{color:#fff;background-color:#0000004d;border-radius:10px;padding:10px}.view3d-ar-overlay{width:100%;height:100%;display:flex;position:relative}.view3d-ar-button{fill:#000000b3;background-color:#fff;border:1px solid #dbdbdb;border-radius:9999px;padding:12px;display:flex;position:absolute;bottom:10px;right:10px}.view3d-ar-button:before{width:32px;height:32px;display:block}.view3d-ar-button:disabled{cursor:not-allowed;pointer-events:all;opacity:.5;box-shadow:none}.view3d-ar-button .view3d-tooltip{visibility:hidden;color:#fff;text-align:center;z-index:1;white-space:nowrap;background-color:#000;border-radius:6px;padding:12px;font-size:1rem;font-weight:700;line-height:1.5;position:absolute;bottom:100%;right:0}.view3d-ar-button .view3d-tooltip:after{content:" ";border:5px solid #0000;border-top-color:#000;margin-left:-5px;position:absolute;top:100%;right:23px}.view3d-ar-button:hover .view3d-tooltip{visibility:visible}.view3d-ar-root{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.view3d-ar-close{pointer-events:all;cursor:pointer;display:flex;position:absolute;top:10px;left:10px}.view3d-ar-detection{pointer-events:none;display:none;position:relative}.view3d-ar-detection.visible{display:flex}.view3d-ar-detection-icon{perspective:1000px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex}.view3d-ar-phone{border:8px solid #fff;border-radius:10px;width:100px;height:180px;animation:6s ease-in-out infinite view3d-detection-find;position:absolute}.view3d-ar-phone:after,.view3d-ar-phone:before{content:"";border-bottom:8px solid #fff;width:100%;position:absolute;left:0}.view3d-ar-phone:before{top:10px}.view3d-ar-phone:after{bottom:20px}.view3d-ar-cube{width:30px;height:30px;transform-style:preserve-3d;animation:10s linear infinite view3d-cube-spin;position:absolute;transform:rotateX(-30deg)rotateY(45deg)}.view3d-ar-cube-face{box-sizing:border-box;width:30px;height:30px;transform-style:preserve-3d;backface-visibility:hidden;background-color:#fff;position:absolute;top:0;left:0}.view3d-ar-cube-face:first-child{transform:translateY(-16px)rotateX(90deg)}.view3d-ar-cube-face:nth-child(2){transform:translateZ(16px)}.view3d-ar-cube-face:nth-child(3){transform:translate(16px)rotateY(90deg)}.view3d-ar-cube-face:nth-child(4){transform:translate(-16px)rotateY(-90deg)}.view3d-ar-cube-face:nth-child(5){transform:translateZ(-16px)rotateY(180deg)}.view3d-ar-plane{width:200px;height:300px;transform-style:preserve-3d;border:10px solid #fff;position:absolute;transform:translateY(10px)rotateX(75deg)translateY(-40px)}.view3d-ar-detection-toast{color:#fff;text-align:center;background-color:#000000b3;border-radius:10px;width:calc(100vw - 20px);padding:16px;position:fixed;bottom:10px;left:10px}@keyframes view3d-cube-spin{0%{transform:rotateX(-30deg)rotateY(45deg)}50%{transform:rotateX(-30deg)rotateY(225deg)}to{transform:rotateX(-30deg)rotateY(405deg)}}@keyframes view3d-detection-find{0%{transform:translate(0,0)}12.5%{transform:translate(30px)}25%{transform:translate(0,0)}37.5%{transform:translate(-30px)}50%{transform:translate(0,0)}62.5%{transform:translateY(30px)}75%{transform:translate(0,0)}87.5%{transform:translateY(-30px)}to{transform:translate(0,0)}}.view3d-lb-overlay{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.view3d-lb-overlay.is-top,.view3d-lb-overlay.type-top{height:auto;background-color:#0000!important}.view3d-lb-overlay.is-top .view3d-lb-label,.view3d-lb-overlay.type-top .view3d-lb-label{display:none}.view3d-lb-overlay.is-top .view3d-lb-base,.view3d-lb-overlay.type-top .view3d-lb-base{border-radius:0;width:100%;margin-left:0}.view3d-lb-wrapper{width:100%;position:relative}.view3d-lb-base{border-radius:9999px;margin-bottom:5px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.view3d-lb-base.is-spinner,.view3d-lb-base.type-spinner{background-color:#0000;height:0;transition:all .5s}.view3d-lb-base.is-spinner .view3d-lb-filler,.view3d-lb-base.type-spinner .view3d-lb-filler{box-sizing:border-box;background-color:#0000;border-style:solid;width:100%;animation:1.2s linear infinite view3d-lb-spin}.view3d-lb-filler{border-radius:9999px;width:0;height:100%;position:absolute;top:0;left:0}.view3d-lb-label{text-align:center}@keyframes view3d-lb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--view3d-cb-primary:#fff;--view3d-cb-bg:#0000004d;--view3d-cb-track:#e6e6e666;--view3d-cb-thumb-bg:#1e1e1e66;--view3d-cb-thumb-text:#fffc}.view3d-control-bar{opacity:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex-direction:column;width:100%;padding:8px 12px;font-size:16px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0}.view3d-control-bar.visible{opacity:1}@media (max-width:996px){.view3d-control-bar{opacity:1!important}}.view3d-controls-background{background:var(--view3d-cb-bg);width:100%;height:100%;position:absolute;bottom:0;left:0}.view3d-top-controls{margin-bottom:8px}.view3d-top-controls:empty{margin-bottom:0}.view3d-top-controls>.view3d-progress-bar{margin-top:8px}.view3d-side-controls{flex-direction:row;height:32px;display:flex;position:relative}.view3d-left-controls{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;display:flex}.view3d-left-controls:not(:only-child),.view3d-left-controls>:not(:last-child),.view3d-right-controls>:not(:last-child){margin-right:8px}.view3d-control-item{cursor:pointer;height:100%;fill:var(--view3d-cb-primary);background-color:#0000;border:0;border-radius:16px;margin:0;padding:0;display:inline-block;position:relative}.view3d-control-item>svg{width:24px;height:24px;margin:4px}.view3d-control-item.disabled{display:none}.view3d-control-item:not(:first-child){margin-left:1em}.view3d-control-item:hover{background-color:#0000004d}.view3d-progress-bar{cursor:pointer;pointer-events:all;flex:1;width:100%;height:13px;position:relative}.view3d-progress-track{background-color:var(--view3d-cb-track);width:100%;height:3px;position:absolute;top:5px;left:0}.view3d-progress-filler{background-color:var(--view3d-cb-primary);width:0;height:100%;position:absolute;top:0;left:0}.view3d-progress-thumb{background-color:var(--view3d-cb-primary);box-sizing:border-box;border-radius:50%;width:13px;height:13px;position:absolute;top:-5px;left:-6.5px}.view3d-progress-thumb:before{content:attr(data-time);opacity:0;background-color:var(--view3d-cb-thumb-bg);color:var(--view3d-cb-thumb-text);box-sizing:border-box;border-radius:5px;padding:4px 8px;font-size:12px;transition:opacity .2s ease-in-out;display:inline-block;position:absolute;top:-48px;left:50%;transform:translate(-50%)}.view3d-progress-thumb.visible:before{opacity:1}.view3d-animation-name{height:100%;color:var(--view3d-cb-primary);align-items:center;padding-left:12px;padding-right:24px;display:inline-flex;position:relative}.view3d-animation-name:after{content:"";border:4px solid #0000;border-top:4px solid var(--view3d-cb-primary);width:0;height:0;display:inline-block;position:absolute;top:50%;right:12px}.view3d-animation-list{background-color:#0000004d;border-radius:5px;padding:.5em;display:none;position:absolute;bottom:calc(100% + 5px);left:0}.view3d-animation-list.visible{display:block}.view3d-animation-item{height:100%;color:var(--view3d-cb-primary);border-radius:5px;padding:0 1em;position:relative}.view3d-animation-item.selected{font-weight:700}.view3d-animation-item.selected:before{content:"";background-color:var(--view3d-cb-primary);border-radius:50%;width:4px;height:4px;position:absolute;top:calc(50% - 2px);left:6px}.view3d-animation-item:hover{background-color:#ffffff4d}.view3d-gizmo{pointer-events:none;width:120px;height:120px;margin:0;padding:0;position:absolute;top:10px;right:10px;overflow:hidden}.view3d-gizmo>canvas{width:100%;height:100%}.view3d-gizmo .view3d-gizmo-axis{pointer-events:all;cursor:pointer;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%)}
.view3d-wrapper{touch-action:pan-y;position:relative}.view3d-wrapper:fullscreen{width:100vw;height:100vh;padding:0}.view3d-canvas{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;top:0;left:0}.view3d-canvas.ctx-lost{text-indent:.001px}.view3d-1by1,.view3d-square{padding-top:100%}.view3d-5by4{padding-top:80%}.view3d-4by3{padding-top:75%}.view3d-3by2{padding-top:66.6666%}.view3d-5by3{padding-top:60%}.view3d-16by9{padding-top:56.25%}.view3d-2by1{padding-top:50%}.view3d-3by1{padding-top:33.3333%}.view3d-4by5{padding-top:125%}.view3d-3by4{padding-top:133.333%}.view3d-2by3{padding-top:150%}.view3d-3by5{padding-top:166.667%}.view3d-9by16{padding-top:177.778%}.view3d-1by2{padding-top:200%}.view3d-1by3{padding-top:300%}.view3d-poster{filter:blur(1em);-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.noblur .view3d-poster{filter:none}.view3d-annotation-wrapper{pointer-events:none;counter-reset:annotation-index;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.view3d-annotation{pointer-events:all;-webkit-user-select:none;user-select:none;opacity:0;cursor:pointer;position:absolute}.view3d-annotation.default{color:#000;counter-increment:annotation-index;background-color:#fffc;border-radius:100%;justify-content:center;align-items:center;width:25px;height:25px;font-size:16px;font-weight:700;transition:opacity .5s;display:flex;box-shadow:1px 1px 6px #0000004d}.view3d-annotation.default:before{content:counter(annotation-index)}.view3d-annotation.default .view3d-annotation-tooltip{top:12px;left:35px}.view3d-annotation.default.flip-y .view3d-annotation-tooltip{top:auto;bottom:12px}.view3d-annotation.default.flip-x .view3d-annotation-tooltip{left:auto;right:35px}.view3d-annotation>*{visibility:hidden}.view3d-annotation.hidden{pointer-events:none;display:none}.view3d-annotation.selected{opacity:1!important;z-index:9999!important}.view3d-annotation.selected>*{visibility:visible}.view3d-annotation-tooltip{cursor:auto;-webkit-user-select:text;user-select:text;width:max-content;position:absolute}.view3d-annotation-tooltip.default{color:#fff;background-color:#0000004d;border-radius:10px;padding:10px}.view3d-ar-overlay{width:100%;height:100%;display:flex;position:relative}.view3d-ar-button{fill:#000000b3;background-color:#fff;border:1px solid #dbdbdb;border-radius:9999px;padding:12px;display:flex;position:absolute;bottom:10px;right:10px}.view3d-ar-button:before{width:32px;height:32px;display:block}.view3d-ar-button:disabled{cursor:not-allowed;pointer-events:all;opacity:.5;box-shadow:none}.view3d-ar-button .view3d-tooltip{visibility:hidden;color:#fff;text-align:center;z-index:1;white-space:nowrap;background-color:#000;border-radius:6px;padding:12px;font-size:1rem;font-weight:700;line-height:1.5;position:absolute;bottom:100%;right:0}.view3d-ar-button .view3d-tooltip:after{content:" ";border:5px solid #0000;border-top-color:#000;margin-left:-5px;position:absolute;top:100%;right:23px}.view3d-ar-button:hover .view3d-tooltip{visibility:visible}.view3d-ar-root{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.view3d-ar-close{pointer-events:all;cursor:pointer;display:flex;position:absolute;top:10px;left:10px}.view3d-ar-detection{pointer-events:none;display:none;position:relative}.view3d-ar-detection.visible{display:flex}.view3d-ar-detection-icon{perspective:1000px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex}.view3d-ar-phone{border:8px solid #fff;border-radius:10px;width:100px;height:180px;animation:6s ease-in-out infinite view3d-detection-find;position:absolute}.view3d-ar-phone:after,.view3d-ar-phone:before{content:"";border-bottom:8px solid #fff;width:100%;position:absolute;left:0}.view3d-ar-phone:before{top:10px}.view3d-ar-phone:after{bottom:20px}.view3d-ar-cube{width:30px;height:30px;transform-style:preserve-3d;animation:10s linear infinite view3d-cube-spin;position:absolute;transform:rotateX(-30deg)rotateY(45deg)}.view3d-ar-cube-face{box-sizing:border-box;width:30px;height:30px;transform-style:preserve-3d;backface-visibility:hidden;background-color:#fff;position:absolute;top:0;left:0}.view3d-ar-cube-face:first-child{transform:translateY(-16px)rotateX(90deg)}.view3d-ar-cube-face:nth-child(2){transform:translateZ(16px)}.view3d-ar-cube-face:nth-child(3){transform:translate(16px)rotateY(90deg)}.view3d-ar-cube-face:nth-child(4){transform:translate(-16px)rotateY(-90deg)}.view3d-ar-cube-face:nth-child(5){transform:translateZ(-16px)rotateY(180deg)}.view3d-ar-plane{width:200px;height:300px;transform-style:preserve-3d;border:10px solid #fff;position:absolute;transform:translateY(10px)rotateX(75deg)translateY(-40px)}.view3d-ar-detection-toast{color:#fff;text-align:center;background-color:#000000b3;border-radius:10px;width:calc(100vw - 20px);padding:16px;position:fixed;bottom:10px;left:10px}@keyframes view3d-cube-spin{0%{transform:rotateX(-30deg)rotateY(45deg)}50%{transform:rotateX(-30deg)rotateY(225deg)}to{transform:rotateX(-30deg)rotateY(405deg)}}@keyframes view3d-detection-find{0%{transform:translate(0,0)}12.5%{transform:translate(30px)}25%{transform:translate(0,0)}37.5%{transform:translate(-30px)}50%{transform:translate(0,0)}62.5%{transform:translateY(30px)}75%{transform:translate(0,0)}87.5%{transform:translateY(-30px)}to{transform:translate(0,0)}}.view3d-lb-overlay{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.view3d-lb-overlay.is-top,.view3d-lb-overlay.type-top{height:auto;background-color:#0000!important}.view3d-lb-overlay.is-top .view3d-lb-label,.view3d-lb-overlay.type-top .view3d-lb-label{display:none}.view3d-lb-overlay.is-top .view3d-lb-base,.view3d-lb-overlay.type-top .view3d-lb-base{border-radius:0;width:100%;margin-left:0}.view3d-lb-wrapper{width:100%;position:relative}.view3d-lb-base{border-radius:9999px;margin-bottom:5px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.view3d-lb-base.is-spinner,.view3d-lb-base.type-spinner{background-color:#0000;height:0;transition:all .5s}.view3d-lb-base.is-spinner .view3d-lb-filler,.view3d-lb-base.type-spinner .view3d-lb-filler{box-sizing:border-box;background-color:#0000;border-style:solid;width:100%;animation:1.2s linear infinite view3d-lb-spin}.view3d-lb-filler{border-radius:9999px;width:0;height:100%;position:absolute;top:0;left:0}.view3d-lb-label{text-align:center}@keyframes view3d-lb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--view3d-cb-primary:#fff;--view3d-cb-bg:#0000004d;--view3d-cb-track:#e6e6e666;--view3d-cb-thumb-bg:#1e1e1e66;--view3d-cb-thumb-text:#fffc}.view3d-control-bar{opacity:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex-direction:column;width:100%;padding:8px 12px;font-size:16px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0}.view3d-control-bar.visible{opacity:1}@media (max-width:996px){.view3d-control-bar{opacity:1!important}}.view3d-controls-background{background:var(--view3d-cb-bg);width:100%;height:100%;position:absolute;bottom:0;left:0}.view3d-top-controls{margin-bottom:8px}.view3d-top-controls:empty{margin-bottom:0}.view3d-top-controls>.view3d-progress-bar{margin-top:8px}.view3d-side-controls{flex-direction:row;height:32px;display:flex;position:relative}.view3d-left-controls{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;display:flex}.view3d-left-controls:not(:only-child),.view3d-left-controls>:not(:last-child),.view3d-right-controls>:not(:last-child){margin-right:8px}.view3d-control-item{cursor:pointer;height:100%;fill:var(--view3d-cb-primary);background-color:#0000;border:0;border-radius:16px;margin:0;padding:0;display:inline-block;position:relative}.view3d-control-item>svg{width:24px;height:24px;margin:4px}.view3d-control-item.disabled{display:none}.view3d-control-item:not(:first-child){margin-left:1em}.view3d-control-item:hover{background-color:#0000004d}.view3d-progress-bar{cursor:pointer;pointer-events:all;flex:1;width:100%;height:13px;position:relative}.view3d-progress-track{background-color:var(--view3d-cb-track);width:100%;height:3px;position:absolute;top:5px;left:0}.view3d-progress-filler{background-color:var(--view3d-cb-primary);width:0;height:100%;position:absolute;top:0;left:0}.view3d-progress-thumb{background-color:var(--view3d-cb-primary);box-sizing:border-box;border-radius:50%;width:13px;height:13px;position:absolute;top:-5px;left:-6.5px}.view3d-progress-thumb:before{content:attr(data-time);opacity:0;background-color:var(--view3d-cb-thumb-bg);color:var(--view3d-cb-thumb-text);box-sizing:border-box;border-radius:5px;padding:4px 8px;font-size:12px;transition:opacity .2s ease-in-out;display:inline-block;position:absolute;top:-48px;left:50%;transform:translate(-50%)}.view3d-progress-thumb.visible:before{opacity:1}.view3d-animation-name{height:100%;color:var(--view3d-cb-primary);align-items:center;padding-left:12px;padding-right:24px;display:inline-flex;position:relative}.view3d-animation-name:after{content:"";border:4px solid #0000;border-top:4px solid var(--view3d-cb-primary);width:0;height:0;display:inline-block;position:absolute;top:50%;right:12px}.view3d-animation-list{background-color:#0000004d;border-radius:5px;padding:.5em;display:none;position:absolute;bottom:calc(100% + 5px);left:0}.view3d-animation-list.visible{display:block}.view3d-animation-item{height:100%;color:var(--view3d-cb-primary);border-radius:5px;padding:0 1em;position:relative}.view3d-animation-item.selected{font-weight:700}.view3d-animation-item.selected:before{content:"";background-color:var(--view3d-cb-primary);border-radius:50%;width:4px;height:4px;position:absolute;top:calc(50% - 2px);left:6px}.view3d-animation-item:hover{background-color:#ffffff4d}.view3d-gizmo{pointer-events:none;width:120px;height:120px;margin:0;padding:0;position:absolute;top:10px;right:10px;overflow:hidden}.view3d-gizmo>canvas{width:100%;height:100%}.view3d-gizmo .view3d-gizmo-axis{pointer-events:all;cursor:pointer;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%)}