html{background-color:#000}body,#root{background-image:url(/dsl_bg.webp);background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.r3f{touch-action:none}.banner-top{zoom:1;flex-flow:row;justify-content:left;width:100%;display:flex;position:fixed;top:0;left:0}.image-wrap{cursor:pointer;width:120px;height:120px;margin:60px}.interface{zoom:1;flex-flow:row;justify-content:center;width:100%;display:flex;position:fixed;bottom:0;left:0}.interface-hand{zoom:1;width:100%;margin-bottom:20vh;position:absolute;bottom:0;left:0}@media screen and (width<=1439px){.interface{zoom:.5}.interface-hand{zoom:.5;margin-bottom:25vh}.banner-top{zoom:.5}}@media screen and (width<=480px){.interface{zoom:.5}.interface-hand{zoom:1;margin-bottom:16vh}.banner-top{zoom:.5;justify-content:center}}.action-card{text-align:center;pointer-events:all;cursor:pointer;flex-direction:column;justify-content:center;width:120px;margin-bottom:80px;margin-left:30px;margin-right:30px;font-family:Montserrat,serif;font-style:normal;display:flex}.action-card-row{text-align:center;pointer-events:all;cursor:pointer;flex-direction:row;justify-content:center;height:50px;margin-top:80px;margin-left:auto;padding-right:80px;font-family:Montserrat,serif;font-style:normal;display:flex;top:0;right:0}.dot{pointer-events:inherit;cursor:pointer;text-align:center;vertical-align:middle;color:gray;border:3px solid gray;border-radius:50%;width:50px;height:50px;margin:auto;font-size:18pt;line-height:50px}.line-left-grey{background:gray;width:64px;height:3px;margin:28px 50% auto auto;position:absolute;inset:0}.line-right-grey{background:gray;width:64px;height:3px;margin:28px auto auto 50%;position:absolute;inset:0}.line-left-red{background:#f2330d;width:64px;height:3px;margin:28px 50% auto auto;position:absolute;inset:0}.line-right-red{background:#f2330d;width:64px;height:3px;margin:28px auto auto 50%;position:absolute;inset:0}.text-button{color:gray;pointer-events:inherit;cursor:pointer;margin-top:10px;font-size:18pt}.text-button-row{color:gray;pointer-events:inherit;cursor:pointer;margin-top:12px;margin-right:10px;font-size:18pt}.action-card:hover>.dot{color:#fafafa;border:3px solid #fafafa}.action-card:hover>.text-button{color:#fafafa}.action-card:hover~.line-left-grey,.action-card:hover~.line-right-grey{background:#fafafa}.action-card:active>.dot{color:#f2330d;border:3px solid #f2330d}.action-card:active>.text-button{color:#f2330d}.action-card-row:hover>.dot{color:#fafafa;border:3px solid #fafafa}.action-card-row:hover>.text-button-row{color:#fafafa}.action-card-row:active>.dot{color:#f2330d;border:3px solid #f2330d}.action-card-row:active>.text-button-row{color:#f2330d}.action-card-disabled{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;width:120px;margin-bottom:80px;margin-left:30px;margin-right:30px;font-family:Montserrat,serif;font-style:normal;display:flex}.action-card-disabled>.dot{color:#f2330d;border:3px solid #f2330d}.action-card-disabled>.text-button{color:#f2330d}.text{color:#fff;text-align:left;font-family:Montserrat,serif;font-style:normal}.hand{background-image:url(/hand.svg);background-size:contain;width:30px;height:30px;margin-left:auto;margin-right:auto;animation:2s infinite mymove;position:relative;bottom:0;left:0}@keyframes mymove{0%{opacity:.25;left:-10px}25%{opacity:.5}50%{opacity:.25;left:10px}75%{opacity:.5}to{opacity:.25;left:-10px}}.point{pointer-events:none;width:40px;height:40px;position:absolute;top:50%;left:50%}.point .pulse{touch-action:none;pointer-events:none;opacity:1;border:2px solid #fafafa;border-radius:50%;width:28px;height:28px;animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;position:absolute;top:-20px;left:-20px;scale:0}@keyframes pulse{0%{opacity:1;scale:0}33%{opacity:1}to{opacity:0;scale:2}}.point .label{color:#fafafa;text-align:center;cursor:help;touch-action:none;pointer-events:auto;background:#f2330d;border:2px solid #fafafa;border-radius:50%;width:28px;height:28px;font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:500;line-height:28px;position:absolute;top:-20px;left:-20px}.label:hover{background:#000}.label-hidden{transform:scale(0)}
