:root{--color-background:#e6cd98;--color-body:#ffeeb9;--color-accent:#efba69;--color-text:#0f0f0f;--color-text-inverse:#f3f3f3;--color-text-secondary:#434e5c;--color-link:#801912;--color-header:#0f0f0f;--color-header-text:#f3f3f3;--font-body:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;--font-header:ui-rounded,"Hiragino Maru Gothic ProN",Quicksand,Comfortaa,Manjari,"Arial Rounded MT","Arial Rounded MT Bold",Calibri,source-sans-pro,sans-serif}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;width:100%}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}#root,body{height:100%;width:100%}body{background-color:var(--color-background)}main{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;margin:32px 0}#tierlistTitle{background-color:var(--color-body);margin:0;padding:8px}footer{color:var(--color-text-secondary);font-size:.8em;margin-top:32px}.tierlist-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.tierlist{border-radius:4px;border-top:none;margin:0;min-width:750px;padding:0;width:50%}.list-button{background:none;border:2px solid #000;border-radius:4px;box-shadow:0 4px #000;font-size:1.2em;margin:8px 0;padding:4px 0;width:200px}.list-button:hover{background-color:var(--color-accent);border:2px solid #000;color:#fff;cursor:pointer}.tier-row{background-color:#1b1b18;border:2px solid #000;display:flex;flex-direction:row;margin:-1px 0;min-height:80px;position:relative;transition:.1s;-webkit-user-select:none;user-select:none;width:100%}.bench{background-color:#ffeeb9;border-radius:8px;list-style-type:none;min-height:80px;min-width:700px;padding:8px;width:45%}.bench .items-container{background:none;justify-content:center}.items-container{background-color:#1b1b18;display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;gap:2px;min-height:80px;width:100%}.tier-header{align-items:center;border-right:2px solid #000;display:flex;justify-content:center;max-width:100px;min-width:100px;padding:4px;position:relative;text-align:center}.tier-name{text-wrap:wrap;background-color:#0000000d;max-width:100%;overflow-wrap:break-word;padding:4px 6px;text-align:center}.tier-handle{align-items:center;background-color:#00000080;color:#fff;display:none;font-size:1.25em;height:24px;justify-content:center;position:absolute;text-align:center;width:24px;z-index:5000}.tier-handle.drag{border-radius:0 0 8px 0;cursor:move;left:0;top:0}.tier-handle.delete{border:none;border-radius:8px 0 0 0;bottom:0;cursor:pointer;right:0}.tier-handle.color{border:none;border-radius:0 8px 0 0;bottom:0;cursor:pointer;left:0}.tier-header:hover>.tier-handle,.tier-item{display:flex}.tier-item{align-items:center;background-color:beige;border:1px solid #000;border-radius:4px;height:80px;justify-content:center;overflow:hidden;pointer-events:all;position:relative;width:80px;z-index:500}.tier-item img{width:100%}.item-caption{background-color:#00000080;bottom:0;color:#fff;display:none;left:0;position:absolute;right:0;text-align:center}.tier-item:hover>.item-caption{display:block}dialog[open]{align-items:center;background-color:var(--color-body);border:3px solid #000;border-radius:16px;display:flex;flex-direction:column;font-size:1.25em;gap:8px;justify-content:center}dialog::backdrop{background-color:#0006}dialog .button-container{display:flex;flex-direction:row;gap:8px;justify-content:center;margin-top:16px;width:100%}.destructive{background-color:#fbc3b0!important;color:red}.button-container>button{background-color:var(--color-body);border:2px solid #000;border-radius:4px;box-shadow:0 4px #000;cursor:pointer;font-size:1em}.button-container>button:hover{background-color:var(--color-accent);color:#fff}.color-preset-list{align-items:center;display:flex;flex-direction:row;gap:4px;list-style:none;margin:0;padding:0}.color-preset{background-color:var(--color);border:3px solid #000;border-radius:100%;box-shadow:0 2px #000;height:40px;width:40px}.color-preset:hover{border-color:#fff;box-shadow:0 2px #fff;cursor:pointer}#color-code{background-color:var(--color);border:2px solid #000;border-radius:12px;box-shadow:inset 0 4px #000;font-size:1em;padding:12px;text-align:center;width:128px}
/*# sourceMappingURL=main.c547024f.css.map*/