.flashlight-root{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" stroke=\"%23ffffff\" fill=\"%23ffffff\" width=\"10px\" height=\"10px\" viewBox=\"0 0 10.04 10.04\"><circle cx=\"5.02\" cy=\"5.02\" r=\"4.52\"/></svg>") 5 5,auto;--press-desktop:.3s ease;--press-mobile:.2s ease;--gap:4px;--light:#0f8;background:#383838}.flashlight-root main{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.flashlight-root .nav{gap:var(--gap);padding:var(--gap);background:rgba(255,255,255,.06);border-radius:1000px;display:flex;overflow:hidden;box-shadow:2.6px 2.6px 1.5px rgba(0,0,0,.027),5.8px 5.8px 3.4px rgba(0,0,0,.04),9.8px 9.8px 5.6px rgba(0,0,0,.05),14.8px 14.8px 8.5px rgba(0,0,0,.06),21.3px 21.3px 12.3px rgba(0,0,0,.067),30.1px 30.1px 17.4px rgba(0,0,0,.07),42.7px 42.7px 24.6px rgba(0,0,0,.08),62.1px 62.1px 35.8px rgba(0,0,0,.09),95.6px 95.6px 55.1px rgba(0,0,0,.1),170px 170px 98px rgba(0,0,0,.13)}.flashlight-root .button{background:#242424;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.flashlight-root .button-bg{object-fit:cover;width:100%;height:100%;transition:filter .2s;position:absolute;top:0;left:0}.flashlight-root .frame{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);filter:brightness();background:rgba(50,50,50,.5);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;transform:translate(0,0);box-shadow:0 0 #fff,inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 16px rgba(160,160,160,.1),inset 0 0 rgba(0,0,0,.8)}.flashlight-root .button.hover .frame{transition:var(--press-desktop);box-shadow:0 0 0 3px rgba(255,255,255,.5),inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 16px rgba(160,160,160,.1),inset 0 0 #000}.flashlight-root .button.press .frame{filter:brightness(.8);box-shadow:0 0 0 3px rgba(255,255,255,.5),inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 16px rgba(160,160,160,.1),inset 4px 4px 4px 2px #000}.flashlight-root svg{width:24px;transition:var(--press-desktop);transform:scale(1)}.flashlight-root .button.press svg{transform:scale(.91)}.flashlight-root svg path{stroke-linecap:round;stroke-linejoin:round}.flashlight-root .frame svg path{stroke:rgba(255,255,255,.75);stroke-width:1.5px}.flashlight-root .light{pointer-events:none;background:radial-gradient(circle,transparent 0,rgba(0,0,0,.15) 100px,#000 400px);width:200%;height:200%;position:absolute;top:-100%;left:-100%}.flashlight-root .button-light{gap:calc(var(--gap) + 4px);filter:blur(.5px);pointer-events:none;display:flex;position:absolute;transform:translate(0,0)}.flashlight-root .button-light div{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.flashlight-root .button-light svg path{stroke:var(--light);stroke-width:1.5px}@media screen and (max-width:500px){.flashlight-root .frame,.flashlight-root svg{transition:var(--press-mobile)}}