/**
* name: @eyejack/ejx-editor-template
* version: v0.0.0
* date: 2024-05-30 06:04:18
* description: Boilerplate / testbed for EJX projects.
* author: EyeJack X
* homepage: https://eyejack.xyz
*/
body{margin:0;background-color:#000;color:#fff;overscroll-behavior:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;overflow:hidden}p{margin-block-start:0em;margin-block-end:0em}.centered{position:absolute;left:50%;top:50%;translate:-50% -50%}a{color:#ff0;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;text-transform:uppercase}#info{position:absolute;top:0;width:100%;padding:10px;box-sizing:border-box;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;z-index:1}a,button,input,select{pointer-events:auto}.lil-gui{z-index:2!important}@media all and (max-width: 640px){.lil-gui.root{right:auto;top:auto;max-height:50%;max-width:80%;bottom:0;left:0}}#overlay{position:absolute;font-size:16px;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#000000b3}#overlay button{background:transparent;border:0;border:1px solid rgb(255,255,255);border-radius:4px;color:#fff;padding:12px 18px;text-transform:uppercase;cursor:pointer}#notSupported{width:50%;margin:20px auto auto;background-color:red;padding:10px}.spinner{border:4px solid rgba(255,255,255,.1);width:36px;height:36px;border-radius:50%;border-left-color:#fff;z-index:250}.cover{width:100%;height:100%;background-color:#000;z-index:200}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div{font-family:urwdin}.arDomRoot{width:100%;height:100%;font-family:urwdin;pointer-events:none}.domOverlay{width:100dvw;height:100dvh}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.centeredFlexRows{display:flex;flex-direction:column;align-items:center;justify-content:center}.floorDetection{width:100%;height:100%;background-color:#00000080}.floorDetection img{max-width:50%;max-height:50%}.arConfirmHittest{width:100%;height:100%;background:linear-gradient(0deg,#000000e6,#0000 50%)}.cta{font-size:30px;text-align:center}.arInstruction{position:absolute;bottom:15%;left:0;right:0;margin-left:auto;margin-right:auto;width:80%;z-index:99}.arEditButton{display:none;pointer-events:all;position:relative;background:url(./images/edit_button_up.png) no-repeat;float:right;width:50px;height:50px;margin-right:5%;margin-top:5%;border-radius:50%;vertical-align:center;background-size:contain;z-index:1001}.arEditButton.active{background:url(./images/edit_button_down.png) no-repeat;float:right;width:50px;height:50px;margin-right:5%;margin-top:5%;border-radius:50%;vertical-align:center;background-size:contain}#my-canvas{touch-action:none}.ejx-user-select-none,.ejx-LaunchButtonWrapper,.ejx-LaunchRoot{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ejx-user-select-none,.ejx-LauncherPopup,.ejx-LaunchButtonWrapper,.ejx-LaunchRoot{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ejx-LaunchRoot{--max-height: -webkit-fill-available;pointer-events:none;position:absolute;width:100vw;height:var(--win-height);top:0;left:0;overflow:hidden}.ejx-LaunchButtonWrapper{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;box-sizing:border-box;color:#eee;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;pointer-events:all}.ejx-CloseButton{position:fixed;top:20px;left:20px;width:32px;height:32px;pointer-events:all;filter:drop-shadow(3px 5px 2px rgba(0,0,0,.4))}.ejx-LaunchButton{transition:all .2s}.ejx-LaunchRoot__variantminimal.ejx-LaunchRoot__pickvisible .ejx-LaunchButton{opacity:0;pointer-events:none}.ejx-LaunchRoot__variantminimal.ejx-LaunchRoot__pickvisible .ejx-LaunchButton>*{pointer-events:none}.ejx-Button{z-index:1000;text-transform:uppercase;position:relative;padding:10px 40px;-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;background:#000;color:#eee;font-size:16px;font-weight:700;cursor:pointer;border:2px solid var(--ejx-border-color);transition:all .1s ease-in-out}.ejx-Button:hover{background:#333}.ejx-Button__Deemphasize{border:2px solid var(--ejx-border-color-demphasized)}.ejx-Button__Small{min-width:55px;min-height:40px;padding:8px}.ejx-SessionButtonWrapper{opacity:0;pointer-events:none;overflow:hidden;transition:all .2s;left:0%;top:0;gap:5px;z-index:-1;position:relative;display:flex;justify-content:right}.ejx-LaunchRoot__variantdefault .ejx-SessionButtonWrapper{max-width:0px;margin-left:-5px}.ejx-LaunchRoot__variantdefault.ejx-LaunchRoot__pickvisible .ejx-SessionButtonWrapper{max-width:140px;margin-left:10px;opacity:1;pointer-events:all}.ejx-LaunchRoot__variantminimal .ejx-SessionButtonWrapper{position:absolute;left:50%;transform:translate(-50%) scale(.75)}.ejx-LaunchRoot__variantminimal.ejx-LaunchRoot__pickvisible .ejx-SessionButtonWrapper{opacity:1;pointer-events:all;transform:translate(-50%) scale(1)}.ejx-EJXLogoShape{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ejx-EJXLogoShape__Close{right:20px}.ejx-EJXLogoShape__Secondary{right:10px;transform:translateY(-50%) scaleX(-1);opacity:0}.ejx-EJXLogoShape__Secondary.ejx-EJXLogoShape__Close{opacity:1}.ejx-EJXText{width:250px;max-width:80vw}.ejx-LauncherPopup{--bottom-offset: 20px;cursor:default;background:#000;padding:15px;position:absolute;bottom:calc(100% + var(--bottom-offset));left:50%;transform:translate(-50%) translateY(20px);opacity:0;pointer-events:none;transition:all .1s ease-in-out;display:flex;flex-direction:column;text-align:left;border:1px solid white;z-index:1001}.ejx-LauncherPopup:before{content:" ";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:11px 11px 0 11px;border-color:#fff transparent transparent transparent}.ejx-LauncherPopup:after{content:" ";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#000 transparent transparent transparent}.ejx-LauncherPopup__Visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:all}.ejx-LauncherPopup_Version{position:absolute;right:15px;top:15px;font-size:10px;color:#555}.ejx-LauncherPopup h3{margin:0 0 10px}.ejx-LauncherPopup p{margin:0 0 5px}.ejx-CopyText{position:relative;display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;border-radius:5px;padding:5px;margin-bottom:10px;max-width:250px;box-sizing:border-box}.ejx-CopyText:hover{background:#333;cursor:pointer}.ejx-CopyText_UrlText{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.ejx-CopyText_UrlText__Selectable{-webkit-user-select:all;user-select:all}.ejx-CopyText_Copy{flex-shrink:0;position:relative;width:20px;height:20px}.ejx-CopyText_CopyIcon{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);stroke-dashoffset:-50px;transition:all .3s ease-in-out;stroke-dasharray:50}.ejx-CopyText_CopyIcon__Visible{stroke-dashoffset:0}.ejx-CopyText_CopyIcon__Check{color:#3d3}.ejx-CopyText_Popup{box-shadow:0 5px 20px #000c}.ejx-DesktopPopupContents{display:flex;flex-direction:column;align-items:stretch;gap:10px}.ejx-DesktopPopupContents_Qr{background:#fff;border-radius:5px;padding:10px;margin-bottom:10px;max-width:230px}.ejx-DesktopPopupContents_Text{width:100%;font-size:14px;margin:0}
