:root{--transition: .1s;--border-radius: 56px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e0e0e0;color:#fff}.container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:4rem}footer{font-size:.75rem;font-family:SF Mono,monospace;color:#0006;position:fixed;left:50%;bottom:2rem;transform:translate(-50%)}footer a{color:inherit}footer a:hover{color:#000}.button-container{width:300px;height:100px;position:relative;transition:transform var(--transition),box-shadow var(--transition);user-select:none}.button-container.pressed{transform:translateZ(0) scale(.95)}.button{width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius);box-shadow:0 4px 8px #00000040,0 8px 16px #00000026,0 16px 32px #00000020;transform:translateZ(0);transition:transform var(--transition),box-shadow var(--transition);cursor:pointer}.button.pressed{box-shadow:0 -2px 1px #ffffff80,0 -1px 1px #00000080,0 -4px 1px #ffffff80,0 4px 1px #ffffff80,0 1px 1px #00000080,0 4px 1px #ffffff80}.button .shadow{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(150,150,150,0);opacity:.7;border-radius:var(--border-radius);box-shadow:inset 0 2px 2px #fff,inset 0 2px 2px #fffc,inset 0 -2px 2px #ffffff80;transition:box-shadow var(--transition)}.button.pressed .shadow{box-shadow:inset 0 4px 8px #0000001a,inset 0 4px 4px #0003,inset 0 -6px 8px #0000001a}.text{pointer-events:none;color:#000000b3;font-size:48px;font-weight:500;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0px -1px 0px rgba(255,255,255,.5)) drop-shadow(0px 1px 0px rgba(255,255,255,.6));backdrop-filter:blur(2px);cursor:pointer}.text::selection{background-color:transparent}.button .button-reflection{width:100%;height:100%;transform:scaleX(-1);object-fit:cover;opacity:.7}.surface-reflection{height:150px;width:350px;position:absolute;left:50%;top:50%;border-radius:100px;transform:translate(-50%,-50%) scaleX(-1);object-fit:fill;filter:blur(24px);opacity:.35;transition:opacity var(--transition),transform var(--transition)}.surface-reflection.pressed{opacity:.1}.details-container{pointer-events:none;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1000;overflow:hidden}.hacky-cursor-inner-div{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius)}.cursor{height:20px;width:20px;position:absolute;left:-2px;top:6px;filter:blur(2px)}.fingerprint{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:76px;height:76px;background:rgba(255,255,255,.01);border-radius:100%;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:radial-gradient(50% 50% at 50% 50%,#000000 0%,rgba(0,0,0,0) 100%);-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000000 0%,rgba(0,0,0,0) 100%)}@media screen and (max-width: 800px){.cursor{display:none}}