body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.App{margin:0 auto;max-width:100%;overflow:hidden;padding:20px;text-align:center}.device-form{display:flex;flex-direction:row;gap:40px;justify-content:center;margin-bottom:20px}.device-inputs{align-items:flex-start;display:flex;flex-direction:column}.device-inputs label{margin:5px 0}.submit-button{align-self:center;cursor:pointer;font-size:16px;padding:10px 20px}.layout-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));justify-content:center;margin-bottom:40px}.layout-box{align-items:center;background-color:#000;border:2px solid #fff;display:flex;justify-content:center;overflow:hidden;position:relative}.layout-image{background-position:50%;background-size:cover;height:100%;position:absolute;width:100%}.dimensions-overlay{background-color:#0006;border-radius:3px;bottom:0;color:#fff;font-size:.8em;left:0;padding:2px;position:absolute;text-align:left;z-index:10}.dimensions-overlay p{margin:3px}h3{color:#fff;margin:0;padding:10px 0}
/*# sourceMappingURL=main.3c52cd12.css.map*/