body,html{height:100%}#root{height:100%;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;padding:2em}.app>.header{display:flex;align-items:center;margin-bottom:2em}.app>.header>a{display:flex;justify-content:center;align-items:center}.app>.header>a svg{font-size:2em;justify-self:flex-start;width:2em}.app>.header>h1{margin-left:auto;margin-right:auto}.app>.header.hasBackButton>h1{padding-right:2em}@media screen and (max-width:750px){.app>.header>h1{font-size:1.5em}}.app .page{margin-left:auto;margin-right:auto}.footer{margin-top:auto;padding:1em;display:flex;justify-content:end}a{color:inherit!important}.card{padding:1.5em;display:flex;flex-direction:column;max-width:700px;width:min(500px,calc(100vw - 4em))}.card>h1{margin-top:0;margin-bottom:.67em;display:block;text-align:center}.card>a{padding:1em}.homePage .tools{display:flex;justify-content:center;gap:2em}.homePage .tools>div{flex:1;max-width:600px;text-align:center}.homePage .tools .card a{margin-bottom:1em}.homePage .tools .card a:last-child{margin-bottom:0}@media screen and (max-width:750px){.homePage .tools{flex-direction:column;align-items:center}}.back{display:none}.inputRow{display:flex;align-items:center;margin-bottom:.75em}.inputRow:last-child{margin-bottom:0}.inputInlineText{padding:0 .75em;display:flex;align-items:center;align-self:end;height:calc(1.4375rem + 33px);font-size:1.25em;color:var(--mui-palette-text-secondary)}.sdiScramblingPage{max-width:800px;width:min(800px,calc(100vw - 4em))}.sdiScramblingPage .stateGraphic{display:grid;grid-template-columns:2em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 2em;grid-template-rows:1.5em 1.5em;row-gap:.4em;overflow-x:auto;height:4em}.sdiScramblingPage .stateGraphic .plus{display:flex;justify-content:center;align-items:center;font-size:1.5em;border:2px solid black;border-radius:50%}.sdiScramblingPage .stateGraphic .r-arrow,.sdiScramblingPage .stateGraphic .r-d-arrow,.sdiScramblingPage .stateGraphic .r-dl-arrow,.sdiScramblingPage .stateGraphic .r-d-arrow>div,.sdiScramblingPage .stateGraphic .r-dl-arrow>div{background-color:#000;height:.05em;width:1em;margin:auto}.sdiScramblingPage .stateGraphic .r-dl-arrow>div{width:1.9em}.sdiScramblingPage .stateGraphic .r-arrow:after,.sdiScramblingPage .stateGraphic .r-d-arrow:after,.sdiScramblingPage .stateGraphic .r-dl-arrow:after,.sdiScramblingPage .stateGraphic .r-d-arrow>div:after,.sdiScramblingPage .stateGraphic .u-ll-arrow:after{content:"";width:.5em;height:.5em;display:block;border-right:2px solid black;border-top:2px solid black;transform:rotate(45deg) translate(.21em,-.5em)}.sdiScramblingPage .stateGraphic .l-h-arrow-left:after{content:"";width:.5em;height:.5em;display:block;border-right:2px solid black;border-top:2px solid black;transform:rotate(-135deg) translateY(.3em)}.sdiScramblingPage .stateGraphic .r-d-arrow>div,.sdiScramblingPage .stateGraphic .r-dl-arrow>div{transform:rotate(90deg) translate(50%)}.sdiScramblingPage .stateGraphic .r-dl-arrow>div{transform:rotate(90deg) translate(50%,.5em)}.sdiScramblingPage .stateGraphic .l-h,.sdiScramblingPage .stateGraphic .l-h-arrow-left{margin:auto;background-color:#000;height:.05em;width:100%}.sdiScramblingPage .stateGraphic .l-h-end{margin:auto 1.75em auto auto;background-color:#000;height:.05em;width:2.3em}.sdiScramblingPage .stateGraphic .l-h-start{background-color:#000;height:.05em;width:3em;margin:auto 1.75em auto -.75em}.sdiScramblingPage .stateGraphic .u-ll-arrow{background-color:#000;height:.05em;width:1em;margin:auto 1.75em auto -.75em}.sdiScramblingPage .stateGraphic .u-ll-arrow{transform:rotate(-90deg) translate(.5em,1em)}.sdiScramblingPage .binary{white-space:pre-wrap}