:root{--accent-color: #74d1ba;--text-main: rgba(255, 255, 255, .75);font-family:Ubuntu,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}button{outline:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background-color:transparent;border:none}.dimmed{opacity:.5!important}.disabled{pointer-events:none!important}html,body{margin:0;padding:0;overflow-x:hidden;background-color:#272727;width:100%;height:100vh}#root{width:100%;height:100%;position:relative}.overlay{position:absolute;inset:0;z-index:10;pointer-events:none!important}.overlay .title{position:absolute;top:2rem;left:2rem;display:flex;flex-direction:column;text-decoration:none;transition:color .15s ease;color:#ffffffbf}.overlay .title:hover{color:#fff}.overlay .title h1{pointer-events:all;font-family:Righteous;font-size:2.25rem;margin:0}.overlay .title span{margin-top:-.25rem;font-family:Ubuntu;font-weight:300;font-size:.7rem}.photomode-ui{position:absolute;inset:0;z-index:10}.photomode-ui .photo-grid{position:absolute;pointer-events:none!important;inset:0;opacity:1;z-index:1;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px);background-size:33.33% 33.33%}.photomode-ui .photo-flash{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;background:#fff;pointer-events:none!important}.photomode-ui .help-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:absolute;padding:1rem;gap:.5rem;bottom:.25rem;left:0;font-size:.8rem;font-weight:300;text-shadow:0 0 1px #000000cc;color:#fff}.photomode-ui .help-left div{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.25rem}.photomode-ui .help-left div svg{font-size:1.625rem;color:var(--accent-color);filter:drop-shadow(0 0 1px rgba(116,209,186,.4))}.photomode-ui .help-bottom{pointer-events:all;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-end;justify-content:center;max-width:calc(100% - 10rem);position:absolute;padding:1rem;gap:.5rem 1.25rem;bottom:.25rem;right:0;font-size:.8rem;color:#fff;text-wrap:nowrap}.photomode-ui .help-bottom .dynamic-buttons{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-end;justify-content:center;gap:.5rem 1.25rem}.photomode-ui .help-bottom button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;text-shadow:0 0 1px #000000cc;transition:transform .15s ease,color .15s ease;cursor:pointer}.photomode-ui .help-bottom button:hover{transform:scale(1.02);color:var(--accent-color)}.photomode-ui .help-bottom button .keyboard-icon{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;width:1.75rem;height:1.5rem;font-size:.6rem;font-weight:500;color:var(--accent-color);border:2px solid var(--accent-color);border-radius:.2rem;transition:filter .15s ease;text-shadow:none;filter:drop-shadow(0 0 2px rgba(116,209,186,.4))}.photomode-ui .help-bottom button .keyboard-icon svg{font-size:1rem}.settings{position:absolute;right:2rem;bottom:8rem;z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:40%;pointer-events:all}.settings .settings-title{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;color:var(--accent-color);font-weight:400;font-size:1.5rem;letter-spacing:.1rem;margin:0;pointer-events:all;text-transform:uppercase;text-shadow:0 0 2px rgba(116,209,186,1)}.settings .settings-title svg{font-size:2.25rem;filter:drop-shadow(0 0 2px rgba(116,209,186,1))}.settings .settings-content{padding:1rem;background-color:#000000bf;border-radius:.2rem;color:#fff;text-align:center;width:100%;-webkit-user-select:none;user-select:none;pointer-events:all;border:rgba(116,209,186,.7) 1px solid;gap:.25rem}.footer{position:absolute;bottom:.1rem;width:100%;text-align:center;font-family:Ubuntu;color:var(--text-main);font-size:.6rem;-webkit-user-select:none;user-select:none;pointer-events:all;z-index:10}.footer a{color:var(--text-main);text-decoration:none;transition:color .15s ease}.footer a:hover{color:#fff}.tabs{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-end;justify-content:flex-start;width:100%;gap:.4rem}.tabs .list{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-start;background-color:#fff;border-radius:.2rem;padding:.2rem}.tabs .list.onlyOneTrigger{padding:0}.tabs .list.onlyOneTrigger .trigger{cursor:default;pointer-events:none}.tabs .list.onlyOneTrigger .trigger.active{box-shadow:none}.tabs .list .trigger{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:.5rem;border:1px solid transparent;font-size:var(--font-size-smaller);font-weight:400;color:var(--font-color)}.tabs .list .trigger.active{background-color:var(--card-bg-color);box-shadow:var(--light-shadow-small-shrink);border:1px solid var(--bg-color-sup)}.tabs .tab{background-color:var(--card-bg-color);border-radius:var(--section-corner);border:1px solid var(--bg-color-sup)}