.tem-type-chart{-webkit-user-select:none;user-select:none}.tem-type-chart .tem-type-wedge{cursor:pointer;transition:opacity 225ms ease}.tem-type-chart .tem-type-wedge:hover{opacity:.9}.tem-type-chart text{pointer-events:none}.tem-type-badge{height:2em;width:2em}.tem-type-badge img{height:100%;object-fit:contain;width:100%}.tem-type-badge-detailed{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:20px;margin:var(--m-h);transition:opacity 225ms ease;width:6em}.tem-type-badge-detailed:hover{opacity:.8}.tem-type-badge-detailed img{margin-right:var(--m-h);width:2em}.dashboard{font-family:Temfont Regular;padding:var(--m)}.dashboard .dashboard-section{display:flex;max-height:400px;width:100%}.dashboard .dashboard-section>:not(:first-child){margin-left:var(--m)}.dashboard .tem-type-legend{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;-webkit-user-select:none;user-select:none}.tem-portrait{border-radius:10px;display:flex;height:100%;margin:var(--m-h);width:5em}.tem-portrait img{border:3px solid var(--color-tem-blue);border-radius:10px;height:100%;object-fit:contain;width:100%}.tem-list{color:#fff;height:100%;margin:0;overflow-y:auto;padding:0;width:20em}.tem-list::-webkit-scrollbar{width:12px}.tem-list::-webkit-scrollbar-track{background-color:var(--color-bg-700)}.tem-list::-webkit-scrollbar-thumb{background-color:var(--color-tem-blue);border-radius:10px}.tem-list .tem-list-item{background-color:var(--color-bg-600);cursor:pointer;display:flex;transition:background-color 225ms ease}.tem-list .tem-list-item:not(:last-child){border-bottom:1px solid var(--color-bg-700)}.tem-list .tem-list-item:hover{background-color:var(--color-bg-700)}.tem-list .tem-list-item .tem-info{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between;padding:var(--m-h) 0}.tem-list .tem-list-item .tem-info .tem-name{font-size:32px}.tem-list .tem-list-item .tem-info .tem-number{font-size:20px}.tem-list .tem-list-item .tem-types{align-items:center;display:flex;justify-content:flex-end;padding-right:var(--m-h)}.home{display:flex;height:100%;position:absolute;width:100%}.home .controls{box-shadow:2px 2px 5px var(--color-bg-800)}:root{--m:1em;--m-h:calc(var(--m)/2)}@font-face{font-family:Temfont Regular;src:local("Temfont Regular"),url(/static/media/Temfont-Regular.fb235240f0b20f4074e7.ttf) format("truetype")}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;position:absolute;width:100%}*{box-sizing:border-box}:root{--color-tem-purple:#402b4b;--color-tem-yellow:#ffb457;--color-tem-blue:#1cd1d3;--color-type-neutral:#e6f7f7;--color-type-wind:#09fab3;--color-type-earth:#ba795c;--color-type-water:#45cbff;--color-type-fire:#e85c4e;--color-type-nature:#adde77;--color-type-electric:#ffe174;--color-type-mental:#c369a3;--color-type-digital:#a4c0c1;--color-type-melee:#fa9260;--color-type-crystal:#ea4a68;--color-type-toxic:#5c565c;--color-bg-500:var(--color-tem-purple);--color-bg-600:#2d2432;--color-bg-700:#120e14;--color-bg-800:#0d0b0e}.app{background-color:wheat;height:100%;overflow:hidden;width:100%}.app .header{background-color:#402b4b;background-color:var(--color-tem-purple);height:4em;position:absolute;top:0;width:100%}.app .header ul{align-items:center;display:flex;height:100%;margin:0;width:100%}.app .header ul li{align-items:center;cursor:pointer;display:flex;height:50%;list-style:none;padding:1em;padding:var(--m)}.app .header ul li:hover{opacity:.8}.app .header ul a{color:#fff;text-decoration:none}.app .content{background-color:#120e14;background-color:var(--color-bg-700);height:calc(100% - 4em);position:absolute;top:4em;width:100%}
/*# sourceMappingURL=main.1c7d777e.css.map*/