*,:after,:before{margin:0;padding:0;outline:none;border:none;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}body{background-color:#000;margin:0;padding:0;font-family:sans-serif;overflow-x:hidden;-ms-overflow-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;font-size:62.5%}body::-webkit-scrollbar{display:none}@media screen and (max-width:75em){body{font-size:56.25%}}@media screen and (max-width:56.25em){body{font-size:50%}}@media screen and (min-width:112.5em){body{font-size:75%}}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}.ThreeDimensionSkin{position:relative;cursor:-webkit-grab;cursor:grab}.ThreeDimensionSkin:active{cursor:-webkit-grabbing;cursor:grabbing}.ThreeDimensionSkin__navigation-button{position:absolute;top:50%;width:3rem;height:3rem;background-color:transparent;cursor:pointer;background-color:rgba(0,0,0,.3);border-radius:100%;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ThreeDimensionSkin__navigation-button svg{fill:#fff}.ThreeDimensionSkin__navigation-button--left{left:1rem}.ThreeDimensionSkin__navigation-button--right{right:1rem}.ThreeDimensionSkin__meta{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-left:1rem;padding-bottom:1rem;pointer-events:none}.ThreeDimensionSkin__meta h1,.ThreeDimensionSkin__meta h2{margin:.25rem 0}.ThreeDimensionSkin__meta span{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);border-radius:.1rem;padding:.1rem .25rem;margin:0 .25rem}.ThreeDimensionSkin__meta__author>span{background-color:rgba(255,140,0,.7);color:#000;padding:.25rem}.SkinSelection{position:fixed;z-index:5;top:0;left:0;width:100%;height:100vh;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:3rem;background-color:rgba(0,0,0,.8);overflow-y:auto;-ms-overflow-style:none;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.SkinSelection::-webkit-scrollbar{display:none}@supports ((-webkit-backdrop-filter:blur(2rem)) or (backdrop-filter:blur(2rem))){.SkinSelection{-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);background-color:rgba(0,0,0,.3)}}.SkinSelection.true{-webkit-animation:animateSkinSelectionIn .25s forwards;animation:animateSkinSelectionIn .25s forwards}.SkinSelection.false{-webkit-animation:animateSkinSelectionOut .1s forwards;animation:animateSkinSelectionOut .1s forwards}.SkinSelection--button{position:fixed;z-index:6;top:1rem;left:1rem;width:3rem;height:3rem;background-color:transparent;cursor:pointer;background-color:rgba(0,0,0,.3);border-radius:100%;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);fill:#fff;padding:.5rem}.SkinSelection__loader{position:absolute;top:50%;left:50%;width:5rem;height:5rem}@-webkit-keyframes animateSkinSelectionIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes animateSkinSelectionIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes animateSkinSelectionOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);pointer-events:none}}@keyframes animateSkinSelectionOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);pointer-events:none}}.Loader{margin:0 .5rem;-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);-webkit-animation-name:centeralRotate;animation-name:centeralRotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.Loader circle{fill:transparent;stroke:url(#loader-gradient);stroke-width:.2rem}@-webkit-keyframes centeralRotate{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes centeralRotate{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.SkinSelection__skin{margin:1rem;width:6.88rem;text-decoration:none;text-align:center;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.SkinSelection__skin:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.SkinSelection__skin--current{border:.1rem solid #fff}.SkinSelection__skin--no-model{-webkit-filter:grayscale(1);filter:grayscale(1)}.SkinSelection__skin--no-model:hover{-webkit-transform:scale(1.02);transform:scale(1.02);cursor:not-allowed}.SkinSelection__skin__image{width:100%;height:12.5rem;opacity:0}.SkinSelection__skin__image.true{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards}.SkinSelection__skin span{color:#fff;font-size:.75rem}
/*# sourceMappingURL=main.0aae8688.chunk.css.map */