@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap";*{margin:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#2a2a2a;color:#b3b3b3;margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:clip}#wrapper{display:flex;align-items:center;justify-content:center}#container{margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:52px;padding:36px}#header .title{font-size:21px;margin:0 0 10px}#viewfinder{min-width:720px;min-height:360px;width:100%;flex:1;position:relative}#viewfinder div.wrapper{position:absolute;inset:0;border:solid 1px #595959;border-radius:5px;overflow:hidden}#viewfinder div.wrapper #viewfinder-preview{position:absolute;height:100%;left:50%;transform:translate(-50%);object-fit:cover}#viewfinder div.wrapper #viewfinder-overlay{position:absolute;width:100%;height:100%}#viewfinder div.wrapper div.permission-popup{position:absolute;inset:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid rgba(255,255,255,.3);border-radius:3px}#viewfinder div.wrapper div.permission-popup span.text{display:block;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;width:72%;text-align:center}#viewfinder div.wrapper div.permission-popup div.allow-button{width:96px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid rgba(255,255,255,.3);text-align:center;cursor:pointer}#viewfinder div.wrapper div.permission-popup div.allow-button:active{border:1px solid rgb(255,255,255);color:#fff}#controls{width:289px;height:64px;position:relative;display:flex;flex-direction:row;gap:18px}#controls #shutter{width:64px;height:64px;position:relative;cursor:pointer}#controls #shutter div{border-radius:50%;position:absolute;inset:0}#controls #shutter div.mask{width:100%;height:100%;clip-path:inset(0 round 50%)}#controls #shutter div.mask div.border{border:1px solid #494949;z-index:1000;pointer-events:none}#controls #shutter div.mask div.button{inset:4px;border:1px solid #777;background-color:#4a4a4a}#controls #shutter:active div.mask{background-color:#0d0d0d}#controls #shutter:active div.mask div.border{box-shadow:inset 0 0 15px #00000070,inset 0 0 7px 3px #00000045}#controls #shutter:active div.mask div.button{border-color:#5d5d5d;background-color:#414141;transform:translateY(7px)}#controls #handstamp{width:206px;height:64px;position:relative;cursor:pointer}#controls #handstamp div.mask{width:100%;height:100%;clip-path:inset(0 round 5px)}#controls #handstamp div.mask>div{position:absolute;inset:0}#controls #handstamp div.mask div.border{border:1px solid #494949;border-radius:5px;z-index:1000;pointer-events:none}#controls #handstamp div.mask div.button{inset:4px;border-radius:3px;border:1px solid #777;background-color:#4a4a4a;user-select:none;-webkit-user-select:none}#controls #handstamp div.mask div.button div.contents{width:100%;height:100%}#controls #handstamp div.mask div.button div.contents>div{position:absolute;inset:0;visibility:hidden}#controls #handstamp div.mask div.button div.contents div.state--sign-in>div.figma{width:100%;height:100%;display:flex;flex-direction:row;align-items:center}#controls #handstamp div.mask div.button div.contents div.state--sign-in>div.figma>div.logo{width:25px;height:30px;margin-left:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC+SURBVHgB7ZTRDYMwDETTThAmaBmhE7YbwAZllHYSRqAbuGfJlayoxEFJPkB50gk4ojj2CZxrNI4NET2ghf7D/mDtcTYKjLhcoP4ksK/ub1CHdXeX0QWf9Bp4FDx7XhfbJ9qJ8DHee5cDjwF66m50J9LFlJKLVWimOLO1R0rwL6jTwYOJPaiH3lWCD8ZXLXjt1Qn+59UOfpBRLll5SIFRTu2VR64kKV98CpuCl4LWH2AbOvhiIa8UKhdyo7FPvrGuHU60svlZAAAAAElFTkSuQmCC);background-size:contain;background-repeat:no-repeat;opacity:.72}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){#controls #handstamp div.mask div.button div.contents div.state--sign-in>div.figma>div.logo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA8CAYAAAAkNenBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFXSURBVHgB7diNbcIwEAXgSyfICHSDdoKyAd2g7SRls7AB3cAdoRu8XpAlQhQnFzn4B71PsoKUI/hCzJMRISIiIiIiIwCtjqOODuuddXxIbjqJnQ6HeK6/luSCaxP98U1HO1FzEXj/YXSNVlLTD/20TGCuEX++HTTzLan557t3WKibbcTX7H1ZJ6lZJmit89+K6XohTxJpi+e6aZo/iRTTyMkfXySS3ox3//JHUusX5h0We/pMGU3ADe7quG6yEf/+/fAakgsKCsToxf4QsCLZp+pQY7KH6lBbss/Vgcl+lSzZ5+pqS/ZgHWpKduNiLz/Zx3WoONndwrmdREiW7Lqgn/XwJbfr4KTjqONVz/9KLojcsxcBG+3Zs8OGe/asrBNM1UgRe/Yt3DXZkTOxrbCQ7Mid2FYIJDtKSmwrLCe7Q84/p9fymXIeNND5R6+IHwIiIiIiosfyDwv3/WuePdosAAAAAElFTkSuQmCC)}}#controls #handstamp div.mask div.button div.contents div.state--sign-in>div.figma>span.text{margin-left:auto;margin-right:24px;display:inline-block;text-transform:uppercase;font-family:Kode Mono,monospace;font-size:12px;user-select:none;-webkit-user-select:none}#controls #handstamp div.mask div.button div.contents div.state--signed-in{display:flex;flex-direction:row;align-items:center}#controls #handstamp div.mask div.button div.contents div.state--signed-in>div.figma{width:fit-content;height:100%;display:flex;flex-direction:row;align-items:center;position:relative}#controls #handstamp div.mask div.button div.contents div.state--signed-in>div.figma>div.account{cursor:pointer;position:relative;margin-left:10px;margin-right:6px;width:38px;height:38px;border-radius:50%;background-color:#ffffff29;background-size:cover;background-position:center;background-repeat:no-repeat}#controls #handstamp div.mask div.button div.contents div.state--signed-in>div.figma>div.account:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.32);border-radius:50%;pointer-events:none}#controls #handstamp div.mask div.button div.contents div.state--signed-in>div.figma>div.logo{position:absolute;bottom:2px;right:-4px;width:22px;height:27px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAbCAYAAAB4Kn/lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHHSURBVHgB7ZRNSAJBFMcnP1pL16+iBaOCVUpkAxWiDh26SHRTMugmnbpFhwih8Oa1axREYHTODkEfp+hQl9BCyENrSKQJtaumWFrSbppp7ujusfAPj9mZt/Mfdn/vDQAt/Vm1Ncg5mLAzgUHyJBN+Jk64khLIJpsRRRY3rDpiWCXTfi8qDeM/rnQ6bd8/Jm4oWl4+oEYiiLFjZ6TPUm36W3qNUumbmiBA6csAX2Ncr5CioIksWDd7MCbEOHGVeqVAE5F0Ks0MESHGe/OXsRCZyb9A8iCQeKKYfxxk3+XKw+BlM2IcHEq3CwOd5sriQtQd0rhWjCKZQlKIRSTxMycAVFLOZSCGGC95bKeTvSqTunrx3EmgYlSLfG1ENYjMNIqmD7ZYD95VgWMKfR08sQbrqJ4jBrNweFE6WAevmMu8V88LMVI4vPWLudBjhqyBR/u84Q8qkWOf326DVNwzA4UHa2mbFO9ZVXtnifYhXaVJHqzuI2bIMsECS5RN/VwGsKpwaNdcFkl/F1eTTAMegsKDmPIWFF4+HKuBV7h/hoLiEqyOQT5wp5eNDWpFqk6EPYRe3r0uJrObfM0b3cc2ULq5cNAEVEv/TJ9JCIk8NUaQVAAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){#controls #handstamp div.mask div.button div.contents div.state--signed-in>div.figma>div.logo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA2CAYAAAC8yXv8AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPUSURBVHgB7ZhJTBNRGMe/1mmnw1CEsWFVSGhFDGIwahQ1nuSixuVg9IDGm0vUaNS4HY2auCAxUYkmnkyUaBSNKy4xMS6JuEFQlhYREGSxU6S1tB3A97oYlJa+N0w5mPklX/M6efPy7/T1+3UGQEVFRUVF5X9GA/LgUa1GVYQqBeiwoWpCdRlVJ1AiJzAOuRkCoceCEwKhK2hOog2Mr+omPFieZhT25pjM2TybwDMa5t+JCZZFYRd439ljv1Jvay+pqv4WPHQK1SMgZAKQg7/6A6j0x/NTLYfzUmakGBhOr9Vow01mhcywi6TFx3FFWZOTTQaD5n5zqx0dmonqLiofKBwYb4PcbWYhY3eOKTfa5EiBQ8xNSxaqu+xinegYgEDYaiBAC+SY8cuayRPTQSEOzZ9lDg6LSM+hCZyNX/InGgRQiBwh0RgcEncamsB+XNKQBArB6xgdUEIT2N8zrS7PT1AI3DGCwybSc2gC+1vPiYYeGyjElTprqLURr0kTGDd4172OPvvFL6IVxsj597XWkrc17XhNCAiECJq25kUlolrwuMspuqRBt8AyulTUi8NNDtfWnD6vVNsjOrY/eVFz+p0/LOYSqrdACAN0xIcGrz2L+lMMB6FRb5EMTPyIdTaUGB5y+QsTJm09OY01F4Q6C+OxfgCntzwObKVi8JgLKKAJjFtPsT/M7FLLkqmbzaNNZjOnc6lHKuZqDX9/GNZSIODSJWdx3Wd34a2FVf+SNDi16Zbm7sxYkbc/quleF88z6pIzI/5BYnPnCF5btehrbYit6Qqz1hGZbtg2iEhS8cHYmy4rqUAx0+kzpsbedP2SUzHTaTg+9qbr7LMqZjrUMWJvulu1R4ms5LH9CRMR59Py2Juuqu22/XFjWVTT/Ti3p37QHXn79N4qszqul46P6T52PBD7JZc7gTXpErnUsKa79nTTJ/fLO9/ZvHlGRgjMwR/A+/WTo/vMjpreG2fG13TP0iv7qzYOgG5KpaSJ049c5yraFi2f3W1bCt9EWAtf2TKguJ/DyDJd4r6VFn5toZnwPPyDyh72Hv94ccibQKllDE1gHJaPX784gyIsZisoCLXpuKUFit3TyYHadPpp6YqZTg7Uphv65VXMdHKgNp2vpSeq6bx17dQGI4XadM4LT6JayX3/A7XBSKERB75ay6Tm7gFtIg/6GVPC7mVn+Str37nKFgi0rGMgo3WNhizTeV7Ui2gvu7VJvG6CycgNon3ts3U6HMcqalyXn8syGClyHreuQrUeIj9ulWUwUuQ+0A5ZD/fmkMXGZDAVFRUVFRUVzG/+ZEUGqDyX0QAAAABJRU5ErkJggg==)}}#controls #handstamp div.mask div.button div.contents div.state--signed-in>span.text{display:inline-block;margin-left:21px;text-transform:uppercase;font-family:Kode Mono,monospace;font-size:32px;user-select:none;-webkit-user-select:none}#controls #handstamp:active div.mask{background-color:#0d0d0d}#controls #handstamp:active div.mask div.border{box-shadow:inset 0 0 15px #00000070,inset 0 0 7px 3px #00000045}#controls #handstamp:active div.mask div.button{border-color:#5d5d5d;background-color:#414141;transform:translateY(6px)}#controls #handstamp.state--sign-in div.mask div.button div.state--sign-in,#controls #handstamp.state--signed-in div.mask div.button div.state--signed-in{visibility:visible}@media screen and (orientation: portrait) and (min-width: 400px){#container{max-height:720px;max-width:400px}}@media screen and (orientation: landscape){#container{flex-direction:row;gap:21px}#controls{flex-direction:column;width:64px;height:289px}#controls #handstamp{order:2;width:64px;height:206px}}#figma-popup{position:fixed;inset:0;background-color:#000000a3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;pointer-events:none}#figma-popup h1,#figma-popup h2{color:#fff}#figma-popup.hidden,#figma-popup .hidden{display:none}#devbox{position:fixed;left:24px;top:24px;width:156px;height:fit-content;background-color:gray;border:1px solid black;padding:12px;z-index:1000}#devbox>input{width:100%}