.overlay{position:fixed;width:100vw;height:100vh;z-index:5;display:flex}.bar{width:100vw;height:105vh;background:#1A1A1A}.counter-container{position:fixed;bottom:2%;right:2%;display:flex;flex-direction:column;align-items:center;z-index:6}.counter{color:#ddd;font-size:8vw;margin:0}.progress-bar{position:fixed;top:0;left:0;width:100%;height:7px;background-color:#ddd;overflow:hidden;z-index:7}.progress-bar:after{content:"";position:absolute;height:100%;width:0;background-color:#dd66bb;transition:width .3s;left:0;top:0;width:var(--progress-width,0)}.progress-dot{position:absolute;width:10px;height:10px;background-color:white;border-radius:50%;left:0;top:50%;transform:translateY(-50%);transition:background-color .3s}.page-menu{overflow:hidden}.page-background{width:100%;height:100%;min-height:100vh;background:#141414;position:relative}.page-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/noisenew.png) repeat;background-size:200px 200px;opacity:.035;pointer-events:none}.main{padding:2em;display:flex;flex-direction:column;align-items:center}.main .bloombg{width:60vw;height:60vh;background:url(/images/backgroundBloomS.png) no-repeat 50%;background-size:contain;position:absolute;top:-5%;left:50%;transform:translateX(-50%);z-index:1}.main .header{position:relative;flex-direction:row;z-index:3;margin-top:3%}.main .button-container{bottom:12%;left:0;width:100%;align-items:flex-end}.chip,.main .button-container{position:absolute;display:flex;justify-content:center;z-index:1}.chip{align-content:center;background-color:#000;box-shadow:0 0 0 2px #ffffff1a,0 8px 15px #00000040;flex:none;flex-direction:column;flex-wrap:nowrap;padding:5px 10px 4px;top:10%;right:-9%;background:linear-gradient(90deg,#fff,#dd66bb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.button-style,.chip{align-items:center;border-radius:43px;overflow:hidden}.button-style{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(18,18,18,.58);box-shadow:0 0 0 2px rgba(255,255,255,.1),0 8px 25px 0 rgba(0,0,0,.25);opacity:1;will-change:auto;color:white;font-size:24px;font-weight:500;letter-spacing:.05em;display:flex;position:relative;height:2.8em;padding:.35em 3.3em .35em 1.2em;cursor:pointer}.button-style .icon{color:#dd66bb;background:white;margin-left:1em;position:absolute;display:flex;align-items:center;justify-content:center;height:2.2em;width:2.2em;border-radius:calc(2.8em / 2 - 2px);right:.3em;transition:all .3s}.button-style:hover .icon{width:calc(100% - .6em)}.button-style .icon svg{width:1.1em;transition:transform .3s}.button-style:hover .icon svg{transform:translateX(.1em)}.button-style:active .icon{transform:scale(.95)}.lineMask{overflow:hidden}.lineMask p{margin:0;font-size:1.4vw;font-weight:700;text-align:center;color:#eee;z-index:10;letter-spacing:.1em}.grid{display:flex;height:100%;width:100%;overflow:hidden;position:absolute}.grid .column{width:5vw}.column div{width:100%;height:5vw}.bubbles{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:760px;background:url(/images/bubbles.png) no-repeat 50% 50%;background-size:cover;mix-blend-mode:difference;transform-origin:center}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:white;z-index:100;transform:scaleX(0);transform-origin:left;transition:transform .5s ease-in-out}@media (max-width:1920px){.chip{top:10%;right:-12%}.main .button-container{bottom:11%;left:0}}