*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.bg{position:fixed;left:0;top:0;width:100vw;height:100vh;object-fit:cover;z-index:-1;-webkit-user-select:none;user-select:none;pointer-events:none}.content{width:min(100vw,700px);text-align:center;color:#fff}.logo{display:block;width:clamp(152px,40.53vw,282.72px);height:clamp(38.5px,10.27vw,71.61px);margin:0 auto clamp(24px,6.4vw,44px);-webkit-user-select:none;user-select:none;pointer-events:none}h1{font-size:clamp(28px,7.4vw,52px);font-weight:900;margin-bottom:clamp(20px,5.33vw,37.2px)}.desc{color:#e1e1f8;font-size:clamp(15px,4vw,28px);line-height:1.8;margin-bottom:clamp(30px,8vw,55.8px)}.slider{position:relative;height:clamp(41.4px,11.04vw,77px);width:clamp(193.2px,51.52vw,359px);margin:0 auto;border-radius:clamp(5px,1.33vw,9.3px);background:#59597f;border:none;padding:clamp(5px,1.33vw,9.3px);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .25s ease,border-color .25s ease}.slider.is-success{background:#04be02;border-color:#04be02;-webkit-backdrop-filter:none;backdrop-filter:none}.slider.is-success .slider-track{padding-left:0}.slider.is-success .text{color:#fff;text-align:center;margin-left:0}.slider.is-success .text-success{color:#fff}.slider.is-success .btn{background:#fff;cursor:default}.slider.is-success .btn img{width:clamp(24px,6.4vw,44.64px);height:clamp(24px,6.4vw,44.64px)}.slider-fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:inherit;z-index:0;pointer-events:none}.slider.is-success .slider-fill{width:100%}.slider-track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.text-wrap{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.text-wrap-hint{left:calc(clamp(34.5px,9.2vw,64px) + clamp(5px,1.33vw,9.3px));right:0}.text-wrap-success{left:0;right:0}.text{width:100%;color:#e4e4e6;font-size:clamp(14px,3.73vw,26px);font-weight:400;line-height:1;pointer-events:none;text-align:center;white-space:nowrap}.text-success{color:#fff}.btn{position:absolute;top:50%;transform:translateY(-50%);width:clamp(34.5px,9.2vw,64px);height:clamp(34.5px,9.2vw,64px);border-radius:clamp(3.45px,.92vw,5.6px);background:#9c9cb9;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:1;transition:background .2s}.btn:active{cursor:grabbing}.btn img{width:clamp(10px,2.67vw,18.6px);height:clamp(10px,2.67vw,18.6px);height:auto;display:block;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.slider.is-success .text-slider{opacity:0}.slider.is-success .text-success{opacity:1}