*{font-family:monospace!important}:focus{outline:none}body{margin:0;padding:0;overflow:hidden}a{color:#666;text-decoration:none}input[type=color]{background:0 0;border:none;border-radius:40px;width:40px;height:40px;margin-bottom:2vh}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:40px}small{color:#aaa}ul{margin:0;padding-left:1em;font-size:1.1em;line-height:2em;list-style:none}#world{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100vw;height:100vh;position:absolute;top:0;bottom:0;overflow:hidden}#world canvas{margin-left:-7vw}.small-screen-wrapper{visibility:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:100vh;display:none}.wrapper{flex-direction:row;height:100vh;display:flex}.left-panel{z-index:1;box-shadow:0 3px 15px #0003}.settings{width:15vw;height:100vh;display:block;overflow:hidden}.setting{display:inline-block}.publish{justify-content:space-between;display:flex;position:absolute;bottom:0}.publish .tab{border-top:1px solid gray;padding:0}.publish span{margin-bottom:.5em;margin-right:1em;font-size:2em}.editor{cursor:move;cursor:grab;width:85vw;height:100vh;cursor:-moz-grab;cursor:-webkit-grab;background:#f1f3f6;display:block}.editor:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.txt{padding-left:1em}.tab{border-bottom:1px solid gray;justify-content:space-between;align-items:center;width:15vw;height:10vh;padding-left:1em;font-size:1em;font-weight:600;text-decoration:none;display:flex}.tab i{padding-right:.3em}.tab:hover{text-shadow:none;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.backround-form{flex-direction:row;justify-content:space-between;display:flex}.background-input{background:#f1f3f6;border-radius:15px;flex-direction:row;justify-content:center;align-items:flex-start;width:50%;padding:1em 1em 0;display:flex}#backgroundValue{color:#333;padding:.2em .5em;font-size:2em}.form-grid{flex-direction:row;display:flex}.form-grid-left,.form-grid-left{flex-direction:column;display:flex}.form-grid-right b,.camera-form{margin-left:20%}.camera-form,.scene-form{background:#0000001c;border-radius:15px;width:100%;padding:1em 0 2em 2em}.fov-input,.np-input,.fp-input,.camera-x,.camera-y,.camera-z{width:25vw}.loading{z-index:50;background:#1f1f1f52;justify-content:center;align-items:center;width:85%;height:100%;display:flex;position:fixed;top:0;right:0}.frame-text{text-transform:uppercase;color:#fff;position:absolute}.hint{bottom:3em;left:18%}.github{z-index:1;position:absolute;top:1.5em;right:1em}.footer{color:#fff;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end;height:10vh;display:flex;bottom:2em;right:2em}.footer a{font-weight:600;color:#fff!important}@media (width<=950px){.wrapper{visibility:hidden;display:none}.small-screen-wrapper{visibility:visible;color:#f1f3f6;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2em;display:flex}.small-screen-wrapper h1{font-size:42px}.small-screen-wrapper h2{font-weight:400}}.card-list{padding:3rem;display:flex}.card{scroll-snap-align:start;clear:both;background:#f1f3f6;flex-direction:column;justify-content:flex-end;width:300px;min-width:250px;height:400px;margin:0;padding:1.5rem;transition:all .2s;display:flex;position:relative;box-shadow:-1rem 0 3rem #cecece}.card:focus-within~.card,.card:hover~.card{transform:translate(130px)}.card:hover{transform:translateY(-1rem)}.card:not(:first-child){margin-left:-130px}.card-image{height:60%}#model-setting>div>div.card-list>div:nth-child(3)>div.card-image.michelle{background:url(../assets/Michelle.jpg) 4% 20%}#model-setting>div>div.card-list>div:nth-child(2)>div.card-image.wiz{background:url(../assets/Wiz.png) 50% 20%}#model-setting>div>div.card-list>div:first-child>div.card-image.malcolm{background:url(../assets/Malcolm.png) 75% 0/cover}.card-header{margin-bottom:auto}.card-header p{color:#7a7a8c;margin:0 0 1rem;font-size:14px}.card-header h2{color:inherit;cursor:pointer;border:0;margin:.25rem 0 auto;font-size:20px;text-decoration:none;display:inline-block}.card-header h2:hover{text-shadow:none;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;background-clip:text}.card-tags{margin:1rem 0 2rem;padding:.5rem 0 1rem;line-height:2;margin-bottom:0!important}.card-tags a{color:#7a7a8c;text-transform:uppercase;border:2px solid #28242f;border-radius:2rem;margin-right:.8em;padding:.2rem .85rem .25rem;font-size:.8em;font-style:normal;font-weight:700;position:relative}.card-tags a:hover{color:#6a5acd;text-shadow:none;background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;background-clip:text;border-color:#6a5acd}.dropdown{background:#e0e0e0;border-radius:15px;width:160px;margin-top:10vh;padding:.5em 1em;display:inline-block;position:relative}.dropdown p{margin:0}.dropdown p .arrow{margin-left:2em}.card:hover>.dropdown p .arrow{margin-left:2em;animation:5s linear infinite alternate action}@-webkit-keyframes action{0%{margin-left:2em}50%{margin-left:1.5em}to{margin-left:2em}}.dropdown-content{z-index:1;background-color:#f9f9f9;min-width:160px;padding:10px 35px;display:none;position:absolute;box-shadow:0 8px 16px #0003}.dropdown:hover .dropdown-content{text-align:left;margin-top:-35px;margin-left:-15px;padding-left:0;display:block}.dropdown-item a:hover{text-shadow:none;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;border-color:#fff}.modal-window{z-index:999;visibility:hidden;opacity:0;pointer-events:none;background-color:#ffffff40;transition:all .3s;position:fixed;inset:0}.modal-window:target{visibility:visible;opacity:1;pointer-events:auto}.modal-window>div{background:#fff;width:400px;padding:2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-window header{font-weight:700}.modal-window h1{margin:0 0 15px;font-size:150%}.modal-close{color:#aaa;text-align:center;width:70px;font-size:80%;line-height:50px;text-decoration:none;position:absolute;top:1em;right:2em}.modal-close:hover{color:#000}.modal-window div:not(:last-of-type){margin-bottom:15px}.pointer{cursor:pointer}#model-setting>div{background:#f3f3f3;width:82vw;height:100vh;padding:2em;position:absolute;top:0;left:15vw;transform:translate(0%)}#model-setting h1{margin-left:2.1em}#model-setting .model-close,#model-setting .pointer,#model-setting small{margin-left:3.1em}#model-setting .modal-close{top:2em;right:4em}#scene-setting>div{background:0 0;width:60vw}#scene-setting>div>div:nth-child(4)>small{color:#000}#scene-setting .modal-close{color:#000;right:0}.switch{width:60px;height:34px;margin-bottom:5vh;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.container{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px;padding-left:35px;font-size:22px;display:block;position:relative}.box input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:#eee;width:25px;height:25px;position:absolute;top:0;left:0}.box:hover input~.checkmark{background-color:#ccc}.box input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";display:none;position:absolute}.box input:checked~.checkmark:after{display:block}.box .checkmark:after{border:3px solid #fff;border-width:0 3px 3px 0;width:5px;height:10px;top:5px;left:9px;transform:rotate(45deg)}.loader{flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.circle-wrapper{width:240px;height:240px;position:relative}.circle-zero:before{content:"";z-index:-2;background:#00000012;width:168px;height:2px;position:absolute;top:50%;left:-60%;transform:rotate(45deg)}.circle-zero{box-sizing:content-box;background:#3dbdf9;border-radius:50%;width:78px;height:78px;position:absolute;top:35%;left:35%;box-shadow:0 3px 7px .7px #00000080}.circle-zero:after{content:"";background:#15a7ebb3;width:18px;height:1.5px;animation:10s infinite circle-move;position:absolute;top:51%;left:-92%;transform:rotate(90deg)}.circle-one:before{content:"";background:#15a7ebb3;border-radius:50%;width:4px;height:4px;animation:10s infinite circle-move;position:absolute;top:45%;right:-56%}.circle-one{box-sizing:content-box;z-index:-1;border:15px solid #15a7ebb3;border-color:#15a7ebb3 #15a7ebb3 #0000 #0000;border-radius:50%;width:98px;height:98px;animation:10s infinite circle-move;position:absolute;top:25%;left:25%}.circle-one:after{content:"";background:#15a7ebb3;border-radius:50%;width:4px;height:4px;animation:10s infinite circle-move;position:absolute;top:48%;left:-56%}.circle-two{box-sizing:content-box;z-index:-2;background:#00000004;border:25px solid #0000;border-top-color:#d119e64d;border-radius:50%;width:90px;height:90px;animation:14s infinite circle-move;position:absolute;top:22%;left:22%;box-shadow:15px 0 25px -20px #000000a6}.circle-three{box-sizing:content-box;z-index:-3;background:#00000003;border:2px solid #ce93d8;border-color:#ce93d8 #0000;border-radius:50%;width:168px;height:168px;animation:15s infinite circle-move;position:absolute;top:15%;left:15%}.circle-shadow{filter:blur(2px);background:#0003;border-radius:50%;width:160px;height:20px;position:absolute;top:100%;left:18%}.circle-text{position:absolute;top:110%;left:40%}@keyframes circle-move{0%{transform:rotate(0)}70%{transform:rotate(180deg)}to{transform:rotate(0)}}