*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%}body{background:#474747}main{align-items:center;display:flex;flex-direction:column;min-height:100vh;overflow:visible;position:relative;width:100vw}model-viewer{height:110vh;overflow:visible;width:110%}.background{background-image:url(/static/media/background.9c4dc03088b6917682d4.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:70vh;left:0;position:absolute;top:60px;width:100vw;z-index:-1}.content{align-items:flex-start;bottom:-8%;flex-direction:column;left:-8%;width:100%;z-index:1}.content,.sidebar-wrap{display:flex;position:fixed}.sidebar-wrap{align-items:center;flex-direction:row;right:0;top:50%;transform:translateY(-50%);z-index:100}.sidebar-tab{align-items:center;background:#afafaf;border-radius:30px 0 0 30px;cursor:pointer;display:flex;flex-shrink:0;height:380px;justify-content:center;width:48px;z-index:2}.sidebar-tab:hover{background:#c9c9c9}.arrow-icon{height:28px;transform:rotate(0deg);transition:transform .35s ease;width:28px}.arrow-icon.flipped{transform:rotate(180deg)}.sidebar{align-items:center;background:#afafaf;display:flex;height:380px;overflow:hidden;transition:width .35s cubic-bezier(.4,0,.2,1);width:0}.sidebar.open{width:380px}.sidebar_div{gap:28px;justify-content:center;padding:20px 26px;white-space:nowrap;width:340px}.sidebar_div,.sidebar_div1{align-items:flex-start;display:flex;flex-direction:column}.sidebar_div1{gap:14px}.sidebar_div2{display:flex;gap:14px;width:100%}h1{font-size:30px}h1,h2{color:#090028;font-family:Lilita One;line-height:normal}h2{font-size:26px}.animation_button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1.5px solid #090028;border-radius:999px;box-shadow:inset -4px 3px 6px #0900282e,0 6px 14px #0000002e;cursor:pointer;display:flex;flex:1 1;height:54px;justify-content:center;transition:transform .2s ease,background .25s ease,box-shadow .25s ease;width:150px}.animation_button:hover{background:#0900281a;box-shadow:inset -3px 2px 5px #09002833,0 10px 18px #00000038;transform:translateY(-2px) scale(1.03)}.animation_button:active{transform:scale(.96)}.animation_button.active{background:#090028;box-shadow:inset 0 0 10px #ffffff1f,0 8px 18px #09002859}.button_text{letter-spacing:.2px;line-height:1;text-align:center;transition:color .25s ease}.animation_button.active .button_text{color:#fff}@keyframes activeButtonBounce{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.button_text{color:#090028;font-family:Inter;font-size:15px;font-weight:700;line-height:normal;pointer-events:none;position:relative;z-index:1}.color_svg{cursor:pointer;height:44px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);width:44px}.color_svg:hover{transform:scale(1.22)}.color_svg.selected{transform:scale(1.15)}@keyframes selectedPulse{0%,to{box-shadow:0 0 0 3px #afafaf,0 0 0 5px #090028}50%{box-shadow:0 0 0 3px #afafaf,0 0 0 7px #09002880}}.color_div{align-items:flex-start;display:flex;flex-direction:row;gap:12px}
/*# sourceMappingURL=main.a734fda6.css.map*/