:root{--black: black;--white: white;--orange: white}*{box-sizing:border-box}html,body,#root{min-height:100vh;min-width:100vw;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}body{background:#000;color:var(--white);position:fixed;overflow:hidden;overscroll-behavior-y:none;font-family:helvetica neue,helvetica,arial,sans-serif;-webkit-font-smoothing:antialiased}*{font-family:inherit;box-sizing:inherit}.absolute-fill{position:absolute;top:0;left:0;bottom:0;right:0}.hidden{display:none!important}.error-text-outer-container{display:flex;align-items:center;justify-content:center}.error-text-container{flex:0 0 auto;text-align:center;width:100%}.error-text-header{font-family:Helvetica,sans-serif;font-size:16pt;color:var(--orange);letter-spacing:.37;line-height:23pt}.xrextras-old-style .error-text-header{color:var(--orange)}.error-text-hint{font-family:Helvetica,sans-serif;font-size:14pt;color:var(--orange);letter-spacing:.37}.error-text-detail{font-family:Helvetica,sans-serif;font-size:14pt;color:var(--orange)}.xrextras-old-style .error-text-detail{color:var(--orange)}.error-margin-top-5{margin-top:5vh}.error-margin-top-20{margin-top:20vh}.desktop-home-link{font-family:Helvetica,sans-serif;padding:5px 10px;border-radius:10px;color:var(--orange);background-color:var(--black);-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:auto}.xrextras-old-style .desktop-home-link{color:var(--orange);background-color:var(--black)}.desktop-home-link.mobile{position:fixed;width:100vw;font-size:1.1em;font-weight:800;border-radius:0;bottom:30%;left:50%;transform:translate(-50%)}.xrextras-old-style .foreground-image{filter:invert(1)}#loadingContainer{z-index:800;font-family:Helvetica,sans-serif}#loadBackground{z-index:10;background-color:var(--black);pointer-events:auto}.xrextras-old-style #loadBackground{background-color:var(--black)}#requestingCameraPermissions{z-index:11;position:absolute;top:0;width:100vw;text-align:center;color:var(--orange);font-size:1.8em;font-family:Helvetica,sans-serif;background-color:var(--black);padding-top:3vh;padding-bottom:1.75vh}#requestingCameraIcon{display:block;margin:0 auto;margin-bottom:2vh;height:5.5vh}#loadImage{position:absolute;margin-top:-2.5em;margin-left:-2.5em;top:50%;left:50%;height:5em;width:5em;transform:translate(-50%,-50%)}#cameraPermissionsErrorApple,#microphonePermissionsErrorApple,.xrextras-old-style #cameraPermissionsErrorApple,.xrextras-old-style #microphonePermissionsErrorApple{background-color:var(--black)}#cameraPermissionsErrorAppleMessage,#microphonePermissionsErrorAppleMessage{font-size:1.75em;text-align:center;max-width:90vw;margin-top:5vh;margin-left:auto;margin-right:auto;color:var(--orange)}.xrextras-old-style #cameraPermissionsErrorAppleMessage,.xrextras-old-style #microphonePermissionsErrorAppleMessage{color:var(--orange)}.permissionIconIos{display:block;margin:0 auto;margin-top:17vh;text-align:center}.permissionIconIos img{height:20vw}.permissionIconIos img+img{margin-left:10vw}.bottom-message{color:var(--orange);padding:0 5vw;position:absolute;bottom:10vh;text-align:center;font-size:1.25em}#cameraPermissionsErrorAndroid,#microphonePermissionsErrorAndroid{padding:2vh 0;display:flex;flex-direction:column;pointer-events:auto;justify-content:space-around;align-items:center;background-color:var(--black)}.xrextras-old-style #cameraPermissionsErrorAndroid,.xrextras-old-style #microphonePermissionsErrorAndroid{background-color:var(--black)}#deviceMotionErrorApple{padding:3vh 2vh;display:flex;flex-direction:column;pointer-events:auto;justify-content:space-around;align-items:center;background-color:var(--black);color:var(--orange)}.xrextras-old-style #deviceMotionErrorApple{color:var(--orange);background-color:var(--black)}#linkOutViewAndroid,#copyLinkViewAndroid,.xrextras-old-style #linkOutViewAndroid,.xrextras-old-style #copyLinkViewAndroid{background-color:var(--black)}.permission-error{padding:3vh 5vh;font-size:3.5vh;color:var(--orange);background-color:var(--black)}.xrextras-old-style .permission-error{color:var(--orange);background-color:var(--black)}.permission-error>h1{font-size:1.3em}.main-button{border:none;outline:none;background-color:var(--black);color:var(--orange);font-size:2.5vh;display:block;margin-top:2em;padding:.5em 1em;border-radius:.5em}.xrextras-old-style .main-button{background-color:var(--black)}.start-ar-button{position:fixed;bottom:25%;left:50%;transform:translate(-50%);font-family:Helvetica,sans-serif;font-weight:800;font-size:1.5em;text-align:center;color:var(--orange);text-decoration:none;border:none;background-color:var(--black);padding:6px 13px;border-radius:10px}.xrextras-old-style .start-ar-button{background-color:var(--black)}.permissionIcon{overflow:hidden;flex:0 0 auto;margin-bottom:2vh}.permissionIcon img{display:block;margin:0 auto;height:5vh}#cameraSelectionWorldTrackingError{z-index:999;position:absolute;top:0;width:100vw;text-align:center;color:#000;font-size:3.7vh;background-color:var(--black);padding:3vh 0}.loading-error-header{font-size:3.5vh;flex:0 0 auto;color:var(--orange)}.xrextras-old-style .loading-error-header{color:var(--orange)}.loading-error-footer{font-size:3vh;line-height:5.5vh;flex:0 0 auto;text-align:center;width:80vmin;color:var(--orange)}.xrextras-old-style .loading-error-footer{color:var(--orange)}.loading-error-footer img{display:block;height:5vh;margin:0 auto;margin-bottom:2vh}.loading-error-instructions{font-family:Helvetica,sans-serif;color:var(--orange);font-size:2.5vh;list-style:none;margin-left:1em;counter-reset:line;flex:0 0 auto}.xrextras-old-style .loading-error-instructions{color:var(--orange)}.loading-error-instructions>li{position:relative;margin-bottom:4.5vh}.loading-error-instructions>li>img{max-height:3vh;vertical-align:middle;margin:0 .5vh}.loading-error-instructions>li:before{font-family:Helvetica,sans-serif;position:absolute;width:40px;height:40px;border-radius:3vh;color:var(--orange);background-color:var(--black);text-align:center;left:-8vh;top:-1vh;font-size:2.5vh;line-height:5.5vh;counter-increment:line;content:counter(line)}.xrextras-old-style .loading-error-instructions>li:before{background-color:var(--black)}.highlight{color:var(--orange);font-family:Helvetica,sans-serif;font-weight:800}.xrextras-old-style .highlight{color:var(--orange)}.camera-instruction-block{display:inline-block;background-color:var(--black);padding:1vh}.xrextras-old-style .camera-instruction-block{background-color:var(--black)}.camera-instruction-button{display:inline-block;padding:1vh;background-color:var(--black);color:var(--orange);font-size:2vh;box-shadow:0 .125vh .25vh #00000080}body:not(.xrextras-old-style) .prompt-box-8w{background-color:var(--black);color:var(--orange);text-align:center}body:not(.xrextras-old-style) .prompt-button-8w{background-color:var(--orange)!important;border-radius:10px;color:var(--black)}body:not(.xrextras-old-style) .button-primary-8w{background-color:var(--black)}.fade-out{animation:fade-out .3s linear forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.spin{animation:spin 1.1s cubic-bezier(.785,.135,.15,.86) infinite both}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scale{-webkit-animation:scale 1s cubic-bezier(.455,.03,.515,.955) infinite alternate-reverse both;animation:scale 1s cubic-bezier(.455,.03,.515,.955) infinite alternate-reverse both}@keyframes scale{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation:pulse 1s ease-in-out infinite both;animation:pulse 1s ease-in-out infinite both}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}#devicePromptsContainer{z-index:820;background-color:var(--black)}.xrextras-old-style #devicePromptsContainer{background-color:whitefff}#qrcode{background-color:var(--black);margin:0 auto;width:250px;height:250px;padding:8px;border-radius:20px;box-sizing:content-box}#qrcode>svg{width:100%;display:block}.arrow-top-corner{position:fixed;top:3%;right:1.5%;height:36px}.arrow-top-close{position:fixed;top:3%;right:12.5%;height:36px}.arrow-bottom-close{position:fixed;bottom:3%;right:15%;height:36px;-moz-transform:scale(-1,-1);-o-transform:scale(-1,-1);-webkit-transform:scale(-1,-1);transform:scale(-1)}.arrow-bottom-corner{position:fixed;bottom:3%;right:2%;height:36px;-moz-transform:scale(-1,-1);-o-transform:scale(-1,-1);-webkit-transform:scale(-1,-1);transform:scale(-1)}.app-header-img{position:fixed;width:100vw;max-width:500px;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.app-header-img.unknown{position:fixed;width:100vw;max-width:500px;left:50%;top:43%;transform:translate(-50%) translateY(-57%)}.poweredby-img{width:35vw;max-width:200px;position:fixed;bottom:2%;left:50%;transform:translate(-50%)}.poweredby-img.desktop{width:200px;bottom:5%}.bottombarbump .poweredby-img{bottom:15%}#error_msg_open_in_safari,.xrextras-old-style #error_msg_open_in_safari{background-color:var(--black)}.open-header-top{font-family:Helvetica,sans-serif;color:var(--orange);letter-spacing:.37;font-size:1em;position:fixed;top:0%;left:50%;transform:translate(-50%)}.xrextras-old-style .open-header-top{color:var(--orange)}.open-header-bottom{font-family:Helvetica,sans-serif;color:var(--orange);letter-spacing:.37;font-size:1em;position:fixed;top:10%;left:50%;transform:translate(-50%)}.xrextras-old-style .open-header-bottom{color:var(--orange)}.open-header-unknown{font-family:Helvetica,sans-serif;color:var(--orange);letter-spacing:.37;font-size:1em;position:fixed;top:5%;left:50%;transform:translate(-50%)}.xrextras-old-style .open-header-unknown{color:var(--orange)}.desktop-message{font-family:Helvetica,sans-serif;margin:0 auto;margin-top:1vh;width:500px;color:var(--orange);font-size:24pt;line-height:1em}.xrextras-old-style .desktop-message{color:var(--orange)}.desktop-hint{font-family:Helvetica,sans-serif;font-size:14pt;color:var(--orange);line-height:2em;margin-top:2vh;letter-spacing:.37}.xrextras-old-style .desktop-hint{color:var(--orange)}.copy-link-btn{position:fixed;bottom:20%;left:50%;transform:translate(-50%);font-family:Helvetica,sans-serif;font-weight:800;font-size:1.1em;text-align:center;color:var(--orange);text-decoration:none;border:none;background-color:var(--black);padding:6px 13px;border-radius:10px}.xrextras-old-style .copy-link-btn{background-color:var(--black)}.error-copy-link-copied{background-color:#fff!important}.safari-hero-image{max-height:30vmin}#previewContainer{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;z-index:30;opacity:0;position:fixed;top:0;left:0;bottom:0;right:0;box-sizing:border-box;pointer-events:none;background-color:#000c}#previewContainer.fade-in{transition:.5s opacity;opacity:1}#videoPreview,#imagePreview{display:none;max-width:90vw;max-height:calc(88vh - 12vmin);border-radius:10px;border:1vmin solid white;background-color:var(--black)}.icon-button img,#videoPreview,#imagePreview,.finalize-container{filter:drop-shadow(0 0 2px var(--orange))}.video-preview #videoPreview,.image-preview #imagePreview{display:block}.top-bar{position:relative;flex:1 0 0}.preview-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.icon-button{padding:4vmin;user-select:none;-webkit-user-select:none;cursor:pointer}.icon-button img{display:block;height:7.5vmin}#toggleMuteButton,#closePreviewButton{position:absolute;z-index:1}#toggleMuteButton{left:0;bottom:0;display:none}.video-preview #toggleMuteButton{display:block}#closePreviewButton{top:0;right:0}.bottom-bar{display:flex;justify-content:center;position:relative;margin:0 5vmin}.style-reset{background:none;border:none;outline:none;box-shadow:none!important;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.style-reset:focus{outline:0}#actionButton{padding:.3em .5em;user-select:none;-webkit-user-select:none;font-family:Helvetica,sans-serif;text-align:right;color:var(--orange);background-color:var(--black);border-radius:.5em;font-size:5vmin;min-width:3.25em}.show-alone{margin-bottom:2vmin}#actionButton img{height:.8em;margin-left:.4em}.disabled-download.video-preview #openSafariText{display:block;font-size:5vmin}.disabled-download.image-preview #tapAndHoldText{display:block;font-size:7.5vmin}#openSafariText,#tapAndHoldText{display:none;padding:.3em .5em;user-select:none;-webkit-user-select:none;font-family:Helvetica,sans-serif;text-align:center;color:var(--orange);filter:drop-shadow(0px 1px 2px var(--orange))}#previewContainer:not(.downloaded) .show-after-download{display:none}.finalize-container{position:absolute;top:50%;transform:translateY(-50%);right:calc(50% + 13vmin);width:25vmin;text-align:center;opacity:0;transition:.3s opacity}.finalize-waiting .finalize-container{opacity:1}#finalizeText{font-family:Helvetica,sans-serif;color:var(--orange);font-size:3.5vmin;margin-bottom:.5vmin;font-style:italic}#finalizeProgressBar{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:.75vmin;overflow:hidden;width:100%;height:1.5vmin;display:block}#finalizeProgressBar::-webkit-progress-bar{background:#fff;border-radius:.75vmin}#finalizeProgressBar::-webkit-progress-value{border-radius:.75vmin;background:#fff;transition:2s width}#finalizeProgressBar::-moz-progress-bar{border-radius:.75vmin;background:#fff}.recorder-container{position:fixed;width:20vmin;height:20vmin;max-width:10em;max-height:10em;bottom:16vmin;left:50%;transform:translate(-50%);z-index:20;transition:.5s opacity;opacity:.8}#recorder-button{display:block;border:none;outline:none;margin:0;padding:0;box-shadow:none;position:absolute;background:#fff;border-radius:50%;color:transparent;top:0;left:0;transform-origin:50% 50%;transform:scale(.6);transition:.3s border-radius,.3s transform;width:100%;height:100%}.progress-container{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(.9);transition:.3s transform,.3s opacity}.progress-track,.progress-bar,.loading-circle{fill:transparent;stroke-width:3}.progress-track{stroke:#fff}.progress-bar{opacity:0;transition:0;transform-origin:50% 50%;stroke:#fff;transform:rotate(-90deg);stroke-dasharray:100.531 100.531;stroke-dashoffset:100}.recording .progress-container,.loading .progress-container{opacity:1;transform:scale(1)}.recording .progress-track,.loading .progress-track{transition:.8s stroke;stroke:white5}.recording .progress-bar{opacity:1}.active #recorder-button{transform:scale(.5)}.active:not(.fixed-mode) #recorder-button{background:#fff}.fixed-mode #recorder-button{border-radius:15%;transform:scale(.42)}.flash-element{position:fixed;top:0;left:0;bottom:0;right:0;background-color:var(--black);opacity:0;transition:.6s opacity;pointer-events:none;z-index:40}.flash-element.flashing{transition:0s opacity;opacity:1;pointer-events:auto;z-index:100}.loading-circle{stroke-dasharray:25 25 25 25;stroke-dashoffset:0;stroke:#fff;opacity:0;transform-origin:50% 50%;background:red}@keyframes record-button-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.loading .loading-circle{animation:record-button-spin 1.1s linear infinite both;opacity:1}.fade-container{opacity:0;pointer-events:none}#loadImage{display:none}#loadImageContainer:before{content:"";position:fixed;top:64px;left:50%;transform:translate(-50%);width:240px;height:auto;max-width:80vw;height:10vh;background:url(/images/logo.png) no-repeat top center;background-size:contain}#loadImageContainer:after{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:128px;height:128px;margin-left:-64px;margin-top:-64px;border-radius:50%;border:2px solid var(--orange);border-top-color:transparent;animation:spin 1s linear infinite}.page{overflow:hidden;height:100vh;width:100vw}.dom{position:relative;height:100vh;width:100vw;z-index:10}.r3f{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0}.r3f canvas{height:100%;width:100%;-webkit-user-select:none;user-select:none}.qr{text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;width:300px;max-width:80vw;z-index:10000}.qr h2{font-size:18px;margin-bottom:20px}.logo{position:fixed;bottom:32px;left:18px;z-index:20;pointer-events:none;width:auto;height:30px}.badge{position:fixed;bottom:24px;right:18px;z-index:20;pointer-events:none;width:auto;height:40px}.coach-note{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;color:var(--white);z-index:20;background-color:#0009;pointer-events:none}.coach-note .note{text-align:center}.coach-note .note h2{text-transform:uppercase;font-size:12px}.record-note{position:fixed;bottom:10vmin;width:100vw;left:0;display:flex;justify-content:center;align-items:center;color:var(--white);z-index:20;pointer-events:none}.record-note .note{text-align:center;display:flex;width:100%;padding:0;justify-content:space-between}.record-note .note h2{flex:0 0 calc(50% - 2rem);text-transform:uppercase;font-size:12px;text-align:center}.record-note .note h2:nth-child(2){text-align:center}#closePreviewButton{position:absolute;top:15px!important;right:8px!important;z-index:200;transform:scale(.9)}.bottom-bar{bottom:24px;z-index:200}.bottom-bar button,.bottom-bar button#actionButton{margin:0 10px;background-color:#fff;color:#000;padding:10px 20px;border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;outline:none;width:50%;max-width:150px;text-align:center;text-transform:uppercase;font-weight:700;font-size:14px}