body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--d-boxshadow:hsla(240,5%,41%,.2) 0px 1px 0.5em 0px;background-color:#f9f9f9;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}.App{--box-shadow:hsla(240,5%,41%,.2) 0px 1px 0.5em 0px;display:grid;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-template-rows:100vh;overflow-y:hidden;position:relative}*{box-sizing:border-box;margin:0;padding:0}.portalWrapper{display:flex;flex-direction:column;margin-block:2em;margin-inline:0;overflow:hidden;text-align:center}.portalWrapper .content{grid-gap:2em;align-items:center;display:grid;gap:2em;grid-template-columns:1fr;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;overflow:hidden;overflow-y:scroll;padding:1em;position:relative}.portalWrapper .header{display:flex;justify-content:space-between;margin-bottom:2em;padding-inline:16px}.portalWrapper .buttons{display:flex;gap:1em}@media (min-width:560px){.portalWrapper{margin-inline:.5em}}@media (min-width:700px){.portalWrapper{margin-inline:1em;text-align:center}.portalWrapper .content{grid-template-columns:1fr 1fr}}@media (min-width:940px){.portalWrapper{text-align:left}}@media (min-width:1200px){.portalWrapper .content{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1600px){.portalWrapper .content{grid-template-columns:1fr 1fr 1fr 1fr}}.portalWrapper>h1{margin-top:0}.addedItem{grid-gap:.5em;background-color:#fff;border-radius:5px;box-shadow:0 1px .5em 0 hsla(240,5%,41%,.2);display:grid;gap:.5em;grid-template-columns:100px auto;grid-template-rows:auto 50px;height:100%;padding:.5em;text-align:center;width:100%}.addedItem>*{grid-column:auto/span 1}.addedItem h2{grid-column:auto/span 2;margin:0}.addedItem button,.addedItem input{grid-row:2;height:100%}.portalWrapper>button{position:absolute;right:2em;top:2em}.searchWrapper{--addedColor-b:#1976d2;--addedColor-g:#c3ecc6;box-shadow:var(--d-boxshadow);display:grid;flex-direction:column;grid-template-columns:1fr;grid-template-rows:-webkit-max-content auto;grid-template-rows:max-content auto;height:100vh;padding-block:2em;padding-inline:1em;width:150px}.searchGrid{display:flex;flex-direction:column;width:100%}.searchContent{background-color:#fff;border-radius:5px;box-shadow:inset var(--d-boxshadow);overflow-y:scroll;padding:1em}.searchItem{align-items:center;background:#fff;border-radius:5px;box-shadow:var(--d-boxshadow);display:grid;grid-template-columns:-webkit-min-content;grid-template-columns:min-content;grid-template-rows:auto auto auto;justify-content:center;margin-bottom:1em;padding:.2em;text-align:center;transition:.2s ease-in-out}.searchItem.added{background:var(--addedColor-b);color:#fff}.searchItem>*{margin:0;padding:0}.searchItem h1{font-size:1em;grid-column:1/span 1;grid-row:1;margin-bottom:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchItem .infobox{font-size:10px;grid-column:1/span 1;grid-row:2}.searchItem .infobox>*{margin:0;padding:0}.searchItem button{grid-column:2/span 1;grid-row:auto/span 2;height:40px;place-self:center center;width:40px}.searchItem.added button{background:#fff;box-shadow:var(--d-boxshadow)}@media (min-width:500px){.searchWrapper{width:200px}.searchItem{grid-template-columns:auto -webkit-min-content;grid-template-columns:auto min-content;grid-template-rows:auto auto;justify-content:normal;padding:.5em;text-align:left}.searchItem button{grid-column:2}}@media (min-width:780px){.searchWrapper{width:250px}}@media (min-width:940px){.searchWrapper{width:300px}}@media (min-width:1200px){.searchWrapper{width:400px}}.loginWrapper{align-items:center;height:100vh;justify-content:center;width:100vw}.loginWrapper,.loginWrapper .LoginForm{box-sizing:border-box;display:flex;flex-direction:column}.loginWrapper .LoginForm{background-color:#fff;border-radius:15px;box-shadow:0 1px .5em 0 hsla(240,5%,41%,.2);gap:2em;padding-block:6em;padding-inline:3em;position:relative}.loginWrapper .LoginButton{height:4em}.loginWrapper .LoginHeader{font-size:2em;margin-bottom:21;text-align:center}.loginWrapper .LoginInfo{color:#999;font-size:14px;font-weight:600}.loginWrapper .MSG{word-wrap:break-word;bottom:3em;font-weight:600;left:0;position:absolute;text-align:center;width:100%}.loading-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.loading-wrapper .info-text{color:#ddd;position:absolute;-webkit-transform:translateY(300%);transform:translateY(300%)}.webhook{bottom:2em;display:flex;gap:3px;justify-content:center;left:2em;opacity:.2;position:absolute}.webhook>*{font-size:10px;margin:0;padding:0}.webhook svg{height:12px;width:12px}
/*# sourceMappingURL=main.1573aecc.css.map*/