#ar-icon-active,#ar-icon-inactive,#ar-modal,#ar-loading,#ar-tracking,#ar-exit{display:block;z-index:1}#ar-icon-active,#ar-icon-inactive,#ar-exit,#ar-modal-close,#btn-ar-copy-clipboard{cursor:pointer}#ar-icon-inactive{opacity:.2 !important}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}#ar-loading{background-image:url('../../../media/ar/ar-loading-dark.svg');margin:10px;animation:rotation 5s infinite linear}@keyframes appear{from{opacity:0;transform:scale(0.3)}to{opacity:1;transform:scale(1.0)}}.appear,.disappear{animation:appear .2s infinite ease-in-out}.disappear{animation-direction:reverse}#ar-modal{text-align:center;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;width:clamp(50%,700px,75%);height:clamp(50%,300px);margin:auto;margin-top:200px;padding:20px}#ar-modal img{max-width:30%;max-height:30%;min-height:200px;min-width:200px;margin:0 0 20px 40px}.invisible{visibility:hidden}.visible{visibility:visible !important}.green{border:1px solid green !important;background-color:#33ff3355 !important;text-shadow:1px 1px 1px #afa !important}.yellow{border:1px solid yellow !important;background-color:#ffff0055 !important;text-shadow:1px 1px 1px #ffa !important}#ar-qr-code svg{width:150px !important}#ar-qr-code img{z-index:999;border:10px solid white;margin:auto;width:130px;visibility:inherit}#ar-text-link,#btn-ar-copy-clipboard{padding:3px}#ar-text-link{width:70%;opacity:.7;border:1px solid white;border-radius:3px;text-align:center}#ar-text-link:hover{opacity:.8}#ar-clipboard{display:block;margin:10px}#btn-ar-copy-clipboard{border-radius:5px;margin-left:5px;border:1px solid grey;opacity:.7;padding:5px}#btn-ar-copy-clipboard:hover{opacity:1.0}.used{opacity:.5 !important}.used:hover{opacity:.6 !important}#ar-modal-close{position:absolute;padding:4px;margin:6px;top:0;right:0;border:1px solid grey;border-radius:5px;background-color:white;opacity:.5;font-family:monospace}#ar-modal-close:hover{opacity:.9}#ar-exit-img{z-index:999;position:absolute;top:20px;right:20px;width:100px}#ar-bottom-right-controls{--offset:15px;position:absolute;bottom:var(--offset);right:var(--offset);display:flex;flex-direction:column-reverse;z-index:500;width:auto;height:auto;gap:10px}.vto-enter-button{--size:70px;width:var(--size);height:var(--size);background-image:url('../../../media/ar/UI_Viewer_Take_to_TryOn.svg');background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}.qr-icon{width:200px;height:200px;background-image:url('../../../media/ar/UI_Viewer_Take_to_QR_Empty.svg');background-repeat:no-repeat;background-position:center;cursor:pointer}.qr-small{transform:scale(0.7)}.qr-popup{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;background-color:rgba(255,255,255,0.9);z-index:501}.qr-popup-visible{opacity:1;pointer-events:all}.qr-popup .qr-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;background-color:white;height:250px;width:250px;padding:20px;border:black solid 2px;border-radius:4px}.ar-icon-hidden{display:none}.ar-ui{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;align-items:flex-end;padding:10px;z-index:999;pointer-events:none;opacity:0;height:100%;width:100%}.ar-ui-visible{opacity:1;pointer-events:all}.ar-exit{width:100px;height:100px;background-image:url("../../../media/ar/UI_Viewer_Try_On_Exit.svg");background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;--offset:10px;top:var(--offset);right:var(--offset);cursor:pointer;z-index:1200}.ar-tracking{background:top left no-repeat transparent;background-image:url('../../../media/ar/UI_Viewer_AR_keep_moving_B_black.svg');background-size:contain;animation:movearound 2s infinite ease-in-out alternate-reverse;--size:200px;width:var(--size);height:var(--size);position:absolute;top:50%;left:50%;translate:-50% -50%;animation:tracking-movearound 2s infinite ease-in-out alternate-reverse;pointer-events:none;display:block}.ar-tracking-plane{background:top left no-repeat transparent;background-image:url('../../../media/ar/UI_Viewer_AR_keep_moving_A_black.svg');background-size:contain;animation:movearound 2s infinite ease-in-out alternate-reverse;--size:250px;width:var(--size);height:var(--size);position:absolute;top:65%;left:50%;translate:-50% -50%;pointer-events:none;display:block}.ar-tracking-hidden{opacity:0}@keyframes tracking-movearound{from{left:30%}to{left:70%}}.ar-icon,.desktop-icon{--size:70px;width:var(--size);height:var(--size);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}@media(max-width:1000px){#ar-bottom-right-controls{--offset:15px}.ar-icon,.desktop-icon,.vto-enter-button{--size:50px}}