.magickey.svelte-zp3vao{position:relative;min-height:100vh;padding:1.6rem 0 10rem;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:var(--black)}.magickey.svelte-zp3vao:before,.magickey.svelte-zp3vao:after{content:"";position:fixed;z-index:2;right:0;left:0;height:8rem;pointer-events:none;transition:.2s opacity ease-in-out}.magickey.svelte-zp3vao:before{top:0;background:linear-gradient(to bottom,#000,#0000)}.magickey.svelte-zp3vao:after{bottom:0;background:linear-gradient(to bottom,#0000,#000)}@media (min-width: 1024px){.magickey.svelte-zp3vao::-webkit-scrollbar{width:.6rem}.magickey.svelte-zp3vao::-webkit-scrollbar-track{background:var(--black)}.magickey.svelte-zp3vao::-webkit-scrollbar-thumb{background:var(--darkGrey);border-radius:.6rem;transition:.2s background ease-in-out}.magickey.svelte-zp3vao::-webkit-scrollbar-thumb:hover{background:var(--grey)}}.magickey__inner.svelte-zp3vao{position:relative;z-index:3}.magickey__image.svelte-zp3vao{position:fixed;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0}@media (min-width: 768px){.magickey__image.svelte-zp3vao{top:15vh;right:15vh;bottom:15vh;left:15vh}}@media (max-width: 767px){.magickey__image.svelte-zp3vao{top:2rem;right:2rem;bottom:2rem;left:2rem}}.magickey__image-i.svelte-zp3vao{flex-shrink:0;width:100%;height:auto}@media (max-width: 1023px){.magickey__image-i_main.svelte-zp3vao{display:none}}@media (min-width: 1024px){.magickey__image-i_mobile.svelte-zp3vao{display:none}}.magickey__head.svelte-zp3vao{margin:0 auto 2.7rem;width:100%;max-width:40rem;display:flex;flex-direction:column;align-items:center;text-align:center}.magickey__logo.svelte-zp3vao{flex-shrink:0;margin-bottom:2.7rem;text-decoration:none;opacity:0}.magickey__logo-image.svelte-zp3vao{display:block;width:3.1rem;height:2.8rem}.magickey__line.svelte-zp3vao{flex-shrink:0;margin-bottom:1.8rem;height:14.8rem;width:.1rem;background-color:var(--white);transform-origin:top center;opacity:0}.magickey__title.svelte-zp3vao{margin:0;font-size:3rem;line-height:1.1;font-weight:300;color:var(--white);letter-spacing:.1em;text-transform:uppercase;opacity:0}.magickey__controls.svelte-zp3vao{margin:0 auto;width:27rem}.magickey__controls-item.svelte-zp3vao{margin-bottom:1.4rem;opacity:0}.magickey__controls-item.svelte-zp3vao:last-child{margin-bottom:0}.magickey__controls-button.svelte-zp3vao{display:block;width:100%;text-align:center;padding-left:2rem;padding-right:2rem}