.mi-area{--ease-elastic:cubic-bezier(.5, 2, .3, .8);--ease-elastic-2:cubic-bezier(.5, -1, .3, .8);--primary:#d81b60;--rounded-max:100px;--rounded-min:10px;--h:78px;--mi-scale:1;background:0 0;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:visible}.mi-area svg{overflow:visible}.mi-area-wrapper{z-index:1;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;padding:20px 5px;text-decoration:none;display:inline-block;position:relative}.mi-area-wrapper:hover .mi-wrapper{transform:translateY(0) scale(var(--mi-scale))}.mi-area-wrapper:hover .mi-wrapper .mi-case .mi-mask{box-shadow:inset 8px -15px 15px -10px #000,inset 10px -17px 12px -12px #fff,0 20px 50px -5px #111}.mi-area-wrapper:hover .mi-wrapper .mi-part-2 .mi-glass{box-shadow:inset 0 0 7px -4px #fff,inset 0 -10px 10px -8px #fff6,inset 8px -15px 15px -10px #000,inset 8px -10px 12px -12px #fff,0 20px 50px -5px #111}.mi-area-wrapper:focus-visible{outline-offset:6px;border-radius:9999px;outline:2px solid #60b1ffe6}.mi-wrapper{z-index:2;transition:all .6s var(--ease-elastic);transform:translateY(-10px) scale(calc(1.02 * var(--mi-scale)));border-radius:100px;display:block;position:relative}.mi-button{background:0 0;border:none;margin:0;padding:0;display:flex;position:relative}.mi-button:before{content:"";pointer-events:none;background:var(--primary);background:linear-gradient(to right, var(--primary) 0%, transparent 100%);z-index:1;filter:blur(30px);mix-blend-mode:color-dodge;opacity:0;border-radius:0 50% 50% 0;width:70%;height:100%;margin:auto;transition:all 1s .4s;position:absolute;top:0;bottom:0;left:25%}.mi-button:after{content:"";pointer-events:none;background:var(--primary);z-index:2;filter:blur(15px);mix-blend-mode:color-dodge;opacity:0;border-radius:50%;width:50px;height:50px;margin:auto;transition:all 1s .4s;position:absolute;top:0;bottom:0;left:28%}.mi-area-wrapper:hover.mi-on .mi-button:before,.mi-area-wrapper:hover.mi-on .mi-button:after,.mi-area-wrapper:hover.mi-on .mi-button .mi-path-glass{opacity:1}.mi-part-1{z-index:1;height:var(--h);border-radius:var(--rounded-max) var(--rounded-min) var(--rounded-min) var(--rounded-max);width:80px;position:relative}.mi-line{transition:all .4s;position:absolute;top:0;bottom:0;right:-1px}.mi-line:before{content:"";background:#fff;border-radius:50%;width:1px;height:0%;margin:auto;animation:1.8s infinite mi-line;position:absolute;top:0;bottom:0;right:0;box-shadow:1px 0 10px 3px #a855f7}.mi-screw{z-index:-1;margin:auto;padding:10px 0;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.mi-screw svg{width:auto;height:60px}.mi-screw svg g{transform-origin:50%}.mi-dot{color:#8e8c8b}.mi-case{height:var(--h);border-radius:var(--rounded-max) var(--rounded-min) var(--rounded-min) var(--rounded-max);width:80px;transition:all .9s var(--ease-elastic);transform:translate(-40px)}.mi-mask{border-radius:inherit;transition:all .9s var(--ease-elastic);background:linear-gradient(#2c2e31 0%,#31343e 20%,#212329 100%);position:absolute;inset:0;overflow:hidden;box-shadow:inset 8px -15px 15px -10px #000,inset 10px -17px 12px -12px #fff,0 30px 70px -5px #111}.mi-mask:before{content:"";border-radius:inherit;filter:blur(12px);background:#fff;width:100%;height:30%;position:absolute;top:23%;left:30%}.mi-mask:after{content:"";mix-blend-mode:overlay;background-color:#fff3;width:4px;position:absolute;top:0;bottom:0;right:0}.mi-area-wrapper:hover .mi-line{opacity:0}.mi-area-wrapper:not(.mi-on) .mi-button .mi-line:before{background:#8c8c8c;box-shadow:1px 0 10px 3px #ffdc9166}.mi-area-wrapper.mi-on .mi-button .mi-part-1 .mi-case{transition:all 1.25s var(--ease-elastic-2);transform:translate(0)}.mi-part-2{height:var(--h);border-radius:var(--rounded-min) var(--rounded-max) var(--rounded-max) var(--rounded-min);justify-content:center;align-items:center;width:190px;transition:all .6s;display:flex;position:relative}.mi-glass{width:100%;height:100%;transition:all .9s var(--ease-elastic);border-radius:inherit;background:linear-gradient(#ffffff26 0%,#fff3 50%,#00000080 100%);border-left:1px solid #0000004d;position:relative;overflow:hidden;box-shadow:inset 0 0 7px -4px #fff,inset 0 -10px 10px -8px #fff6,inset 8px -15px 15px -10px #000,inset 8px -10px 12px -12px #fff,0 30px 70px -5px #111}.mi-glass:before{content:"";background:linear-gradient(#ffffff80 0%,#fff0 60%);border-radius:0 25px 0 0;height:70%;position:absolute;top:10%;left:0;right:14%}.mi-glass:after{content:"";filter:blur(3px);border-radius:0 30px 30px 0;height:75%;position:absolute;bottom:15%;left:0;right:5%;box-shadow:inset -2px -6px 5px -5px #fffc}.mi-glass-reflex{background:linear-gradient(90deg,#ffffff08 0%,#fff3 100%);border-radius:0 50% 50% 0;width:70%;position:absolute;inset:0;transform:translate(-115%)skew(30deg)}.mi-glass-noise{opacity:.2;position:absolute;inset:0}.mi-path-glass{opacity:0;transition:opacity .6s linear;position:absolute;inset:0}.mi-path-glass path{stroke-dashoffset:430px;stroke-dasharray:430 430;animation:1.4s infinite mi-path-glass}.mi-filament{stroke-width:2px;opacity:.3;width:auto;height:26px;margin:auto;position:absolute;top:0;bottom:0;left:0}.mi-filament path{transition:all .6s ease-in-out}.mi-filament-on{opacity:1}.mi-filament-on path{stroke-dashoffset:100px;stroke-dasharray:100 100}.mi-filament-blur{opacity:1;filter:blur(8px);color:#d81b60;stroke-width:10px}.mi-area-wrapper.mi-on .mi-button .mi-filament path{transition-delay:.6s}.mi-area-wrapper:hover.mi-on .mi-button .mi-filament path{stroke-dasharray:100 0}.mi-area-wrapper:not(.mi-on) .mi-button .mi-part-1 .mi-screw g{animation:mi-pulse .8s ease calc(var(--i) * .1s) backwards}.mi-area-wrapper.mi-on .mi-button .mi-part-1 .mi-screw g{animation:mi-pulse-out .8s ease calc((5 - var(--i)) * .2s) backwards}.mi-area-wrapper:not(.mi-on) .mi-button .mi-part-1 .mi-screw .mi-dot{animation:mi-dot-anim .7s ease calc(var(--i) * .15s) backwards}.mi-area-wrapper.mi-on .mi-button .mi-part-1 .mi-screw .mi-dot{animation:mi-dot-out .7s ease calc((3 - var(--i)) * .15s) forwards}.mi-content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mi-text{letter-spacing:.16em;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0;transform:translateY(-4px)}.mi-text span{color:#0000;display:block;position:relative}.mi-text span:before,.mi-text span:after{content:attr(data-label);color:#ffffffe6;font-size:18px;position:absolute;left:0}.mi-text span:before{opacity:0;transform:translateY(-100%)}.mi-area-wrapper:hover .mi-text span:before{animation:mi-char-in 1s ease calc(var(--i) * 30ms) forwards}.mi-area-wrapper:hover .mi-text span:after{opacity:0;animation:mi-char-out 1.3s ease calc(var(--i) * 40ms) backwards}.mi-area-wrapper:hover .mi-glass-reflex{animation:.6s mi-reflex}.mi-bg{z-index:0;pointer-events:none;position:absolute;inset:-72px;overflow:visible}.mi-bg:before{content:"";filter:blur(100px);opacity:.42;z-index:0;background-color:#4b2c82;border-radius:50%;width:55%;height:55%;position:absolute;top:-20%;right:-15%}.mi-light-1{filter:blur(90px);opacity:.55;background-color:#fff;border-radius:0 0 50% 50%;width:8%;height:70%;position:absolute;top:-30%;right:18%;transform:rotate(65deg)}.mi-light-2{filter:blur(80px);opacity:.45;background-color:#d81b60;border-radius:50%;width:2%;height:90%;position:absolute;top:-22%;right:18%;transform:rotate(50deg)}.mi-light-3{filter:blur(80px);opacity:.5;background-color:#fff;border-radius:0 0 50% 50%;width:3%;height:80%;position:absolute;top:-18%;right:0%;transform:rotate(35deg)}.mi-noise{opacity:.05;filter:grayscale();pointer-events:none;z-index:0;position:absolute;inset:-40px -48px;-webkit-mask-image:radial-gradient(85% 90%,#000 0% 35%,#0000 72%);mask-image:radial-gradient(85% 90%,#000 0% 35%,#0000 72%)}@keyframes mi-line{0%{opacity:1;height:0%}50%{opacity:1;height:100%}to{opacity:0;height:140%}}@keyframes mi-dot-anim{30%{color:var(--primary);filter:blur(2px)}}@keyframes mi-dot-out{40%{color:#fff;filter:blur(2px)}}@keyframes mi-pulse{30%{transform:scaleY(.8)}}@keyframes mi-pulse-out{40%{transform:scaleY(.8)}}@keyframes mi-char-in{0%{opacity:0;filter:blur(10px);color:#00fbff;transform:scale(10)translate(-25%)}25%{opacity:1;filter:blur(1px);color:var(--primary);transform:translateY(-15%)}50%{opacity:1;filter:blur();transform:translateY(7%)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes mi-char-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;filter:blur(4px);transform:translateY(-70%)}}@keyframes mi-reflex{0%{transform:translate(-115%)}to{transform:translate(140%)}}@keyframes mi-path-glass{0%{stroke-dasharray:430 430;color:#adff2f;opacity:1;filter:blur(2px)}50%{stroke-dasharray:860 430;opacity:1;filter:blur(4px)}to{stroke-dasharray:860 430;color:var(--primary);opacity:0}}@media (max-width:430px){.mi-area{--mi-scale:.82;padding:24px 6px}.mi-area-wrapper{padding:12px 0}}@media (prefers-reduced-motion:reduce){.mi-wrapper{transform:translateY(0) scale(var(--mi-scale));transition-duration:.01ms}.mi-area-wrapper:hover .mi-wrapper{transform:translateY(0) scale(var(--mi-scale))}}