html,body{overscroll-behavior:none!important;overscroll-behavior-y:none!important;overscroll-behavior-x:none!important;-webkit-overflow-scrolling:auto!important}*{-webkit-overflow-scrolling:auto!important}@supports (-webkit-touch-callout: none){.section-3d-scroller{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.section-3d-scroller canvas{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}}body{touch-action:pan-x pan-y!important;overscroll-behavior:contain!important}.section-3d-scroller{position:relative;width:100%;height:100%;overscroll-behavior:contain;-webkit-overflow-scrolling:auto}.section-3d-scroller__sticky{position:sticky;top:0;left:0;width:100%;z-index:1;overflow:hidden}.section-3d-scroller canvas{display:block;max-width:100%;width:100%;height:100%}.checkpoint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--rounded-input);padding:12px;box-shadow:0 4px 10px #0000001a;width:250px}.checkpoint:after{content:"";position:absolute;width:0;height:0;border-style:solid}.checkpoint--arrow--none:after{display:none}.checkpoint--arrow--left-top:after{top:10px;left:0;transform:translate(-100%);border-width:10px 10px 10px 0;border-color:transparent rgba(255,255,255,.8) transparent transparent}.checkpoint--arrow--left-bottom:after{bottom:10px;left:0;transform:translate(-100%);border-width:10px 10px 10px 0;border-color:transparent rgba(255,255,255,.8) transparent transparent}.checkpoint--arrow--left-center:after{top:50%;left:0;transform:translate(-100%,-50%);border-width:10px 10px 10px 0;border-color:transparent rgba(255,255,255,.8) transparent transparent}.checkpoint--arrow--right-top:after{top:10px;right:0;transform:translate(100%);border-width:10px 0 10px 10px;border-color:transparent transparent transparent rgba(255,255,255,.8)}.checkpoint--arrow--right-bottom:after{bottom:10px;right:0;transform:translate(100%);border-width:10px 0 10px 10px;border-color:transparent transparent transparent rgba(255,255,255,.8)}.checkpoint--arrow--right-center:after{top:50%;right:0;transform:translate(100%,-50%);border-width:10px 0 10px 10px;border-color:transparent transparent transparent rgba(255,255,255,.8)}.checkpoint--arrow--top-left:after{top:0;left:10px;transform:translateY(-100%);border-width:0 10px 10px 10px;border-color:transparent transparent rgba(255,255,255,.8) transparent}.checkpoint--arrow--top-right:after{top:0;right:10px;transform:translateY(-100%);border-width:0 10px 10px 10px;border-color:transparent transparent rgba(255,255,255,.8) transparent}.checkpoint--arrow--top-center:after{top:0;left:50%;transform:translate(-50%,-100%);border-width:0 10px 10px 10px;border-color:transparent transparent rgba(255,255,255,.8) transparent}.checkpoint--arrow--bottom-left:after{bottom:0;left:10px;transform:translateY(100%);border-width:10px 10px 0 10px;border-color:rgba(255,255,255,.8) transparent transparent transparent}.checkpoint--arrow--bottom-right:after{bottom:0;right:10px;transform:translateY(100%);border-width:10px 10px 0 10px;border-color:rgba(255,255,255,.8) transparent transparent transparent}.checkpoint--arrow--bottom-center:after{bottom:0;left:50%;transform:translate(-50%,100%);border-width:10px 10px 0 10px;border-color:rgba(255,255,255,.8) transparent transparent transparent}.checkpoint--visible{opacity:1;z-index:10}.debug-info{position:absolute;bottom:50%;right:20px;z-index:99;background:#fff;padding:12px;border-radius:12px;box-shadow:0 4px 10px #0000001a}.model-controls-ui__wrapper{position:sticky;left:0;bottom:0;height:0;transform:translate(20px,calc(var(--model-controls-ui-height, 100px) * -1 - 20px))}.model-controls-ui{--control-size: 14px;--switch-offset: 2px;display:flex;flex-direction:column;gap:10px;text-align:center;background:#fff;padding:12px;border-radius:12px;box-shadow:0 4px 10px #0000001a;width:250px}.model-controls-ui__fieldset{display:flex;align-items:center;justify-content:space-between;gap:20px}.model-controls-ui__legend{font-size:12px;font-weight:600;color:#5e5e5e;display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.model-controls-ui__legend small{font-size:8px;color:#5e5e5e;font-weight:400}.model-controls-ui [data-zoom-controls]{width:100%;-webkit-appearance:none;appearance:none;height:6px;background:#e0e0e0;border-radius:4px;outline:none;transition:background .3s}.model-controls-ui [data-zoom-controls]:hover{background:#d0d0d0}.model-controls-ui [data-zoom-controls]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--control-size);height:var(--control-size);background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .2s ease-in-out}.model-controls-ui [data-zoom-controls]::-webkit-slider-thumb:hover{transform:scale(1.1)}.model-controls-ui [data-zoom-controls]::-moz-range-thumb{width:var(--control-size);height:var(--control-size);background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .2s ease-in-out}.model-controls-ui [data-zoom-controls]::-moz-range-thumb:hover{transform:scale(1.1)}.model-controls-ui .switch{position:relative;display:inline-block;width:calc(var(--control-size) * 2 + var(--switch-offset) * 2);height:calc(var(--control-size) + var(--switch-offset) * 2)}.model-controls-ui .switch input{opacity:0;width:0;height:0}.model-controls-ui .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e0e0e0;-webkit-transition:.4s;transition:.4s;border-radius:34px}.model-controls-ui .slider:before{position:absolute;content:"";height:var(--control-size);width:var(--control-size);left:var(--switch-offset);bottom:var(--switch-offset);background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.model-controls-ui input:checked+.slider{background-color:#5e5e5e}.model-controls-ui input:checked+.slider:before{-webkit-transform:translateX(var(--control-size));-ms-transform:translateX(var(--control-size));transform:translate(var(--control-size))}
/*# sourceMappingURL=/cdn/shop/t/175/assets/section-3d-scroller.css.map */