#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.App.Home{display:grid;grid-auto-flow:row;grid-template-rows:auto}.BrandArea{position:relative;text-align:center}.BrandImage{max-width:100%}.BrandImage.Mini{max-width:300px}.ComingSoon{max-width:400px;text-align:left;font-weight:700}.ComingSoonText{color:#fff}.card{padding:2em}.AlignCenter{text-align:center}.AlignLeft,.Message{text-align:left}.Error{border-left:3px solid red;padding-left:1rem}.StartCode .Message{text-align:center}.JoinCode,.ActionCodeContainer{display:flex;flex-direction:column;justify-content:start;align-items:flex-start}.JoinCode{align-items:center}.ActionCodeContainer .ActionLabel{position:absolute;top:.5rem;left:.5rem;padding:.5rem 0}.Opportunity{position:relative}.ActionCode{border:1px solid black;color:#000;line-height:1;background-color:#fff;padding:.5rem}.ActionCode{position:absolute;top:.5rem;right:.5rem}.ActionCodeContainer .ActionCode,.ActionCodeContainer .ActionLabel{line-height:1;color:#000;top:auto;bottom:.5rem}.ActionCodeContainer .ActionCode{left:50%;top:.5rem;bottom:auto;right:auto;transform:translate(-50%)}.ActionCodeContainer .ActionLabel{top:auto;bottom:.5rem;left:50%;right:auto;transform:translate(-50%);white-space:nowrap}.SingleView .ActionCode{display:none}.CodeContainer{box-sizing:border-box;position:relative;display:inline-flex;border:14px solid var(--brand-cyan);padding:3rem;background-color:#fff;line-height:0;font-weight:700}.StartCode .CodeContainer{border-radius:50% 50% 10%}.JoinCode .CodeContainer{border-radius:50%}.ActionCodeContainer.Required .CodeContainer{border-color:var(--brand-orange);border-radius:50%}.StatBox{border:6px solid #ccc;border-radius:.5rem;padding:1rem;margin:1rem;text-align:left}.ButtonBox,.Opportunity,.PastActions{margin-top:1rem}.PastActions,.ActionButtons,.ButtonBox{max-width:400px;display:grid;grid-auto-flow:row;justify-content:stretch;align-items:center;grid-gap:1rem;text-align:left}.ButtonBox.Horizontal{grid-auto-flow:column;margin:1rem auto 0}.ButtonBox.Horizontal .Button{text-align:center}.BottomBox{bottom:1rem;left:1rem;right:1rem;display:grid;grid-gap:1rem;grid-template-columns:1fr 3fr 1fr;align-items:center;margin:1rem auto 0;text-align:center}.BottomBox .Button{position:relative;text-align:center;border-radius:0;border-color:var(--brand-green)}.BottomBox .Button.Active{border-color:var(--brand-cyan)}.BottomBox .Button.Active:before{position:absolute;top:110%;height:8px;left:-6px;right:-6px;background-color:var(--brand-cyan)}.ActionButton,.Button{display:inline-block;border:6px solid var(--brand-green);background-color:#fff;padding:.6em 1.2em;border-radius:.5rem;text-align:left}.PastActions>.Action{display:grid;grid-auto-flow:column;grid-gap:1rem;justify-content:start}.Button[disabled],.ActionButton[disabled]{opacity:.5;cursor:not-allowed}.CodesAdmin{display:grid;grid-template-columns:auto auto;justify-content:center;grid-gap:3rem}.Opportunity.Completed .ActionCost{display:none}.OpportunityCardFlavor,.SpoonsRemaining{text-align:left}.CodeLabel{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#000}.SocialCode .CodeContainer{border-radius:25%;border-color:var(--brand-pink)}.ActionCodeContainer.BigTicket .CodeContainer{border-color:var(--brand-orange)}.ScanCamWrapper{position:fixed;z-index:100;bottom:1rem;left:1rem;right:1rem}.ScanCamOverlay{position:fixed;z-index:99;top:0;left:0;right:0;bottom:0;background-color:#00000080}.ScanCamOverlay.false{display:none}.ScanCam{display:block;max-width:100%}.ScanCam.Fallback{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;place-items:center;background-color:var(--brand-blue)}.ScanCam.Video{position:absolute;top:0;left:0;right:0;bottom:0}.ScanCamWrapper.false{display:none}.ScannerBottomBar{position:relative;z-index:100;display:grid;grid-gap:.5rem;align-items:center;grid-template-columns:1fr min-content 1fr;background-color:var(--brand-blue)}.ScannerBottomBar>.TextInput{max-height:2rem;width:80px;font-size:1.6rem;text-align:center}.TextInput.ActionCodeInput{text-transform:lowercase}.TextInput.JoinCode{text-transform:uppercase}.ScannerBottomBar>.Button{text-align:center}.ScannerTopBar{visibility:hidden;position:relative;z-index:150}.ScannerTopBar.CurrentCode{visibility:visible;background:var(--brand-blue)}