/*
    © Leon Motovskikh, 2017–∞
    leon@motovskikh.ru
*/

h1.error{color:#f91d20}.login{align-items:center;background:#ffbf69;border:none;border-radius:8px;color:#080808;cursor:pointer;display:inline-flex;font-size:1.2em;height:1.6em;justify-content:center;padding:.3em .8em;text-align:center;transition:background .2s,color .2s}.login:visited{color:#080808}.login.hidden{display:none}.login:hover{background:#2dc4b6;color:#fafafa}.totalbar{margin:.625em 0 2.5em}h2{margin-bottom:0}.list{display:flex;flex-direction:column;gap:.625em;margin-top:.625em}.achievement{align-items:stretch;display:flex;gap:1em;padding:.875em 0}.star{align-items:center;display:flex;flex:0 0 auto;font-size:2.2em;line-height:1}.star.locked{color:#666}.star.red{color:#ff3266}.star.orange{color:#fd7b48}.star.yellow{color:#ffbf69}.star.green{color:#2dc4b6}.star.blue{color:#20a4f3}.star.purple{color:#8653e2}.star.pink{color:#eb30a3}.info{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.info .title{font-weight:700}.info .description{color:#9a9a9a;margin-top:.25em}.progress{display:flex;flex:0 0 12.5em;flex-direction:column;justify-content:center}.meta{display:flex;flex-wrap:wrap;gap:.25em .5em;margin-bottom:.5em}.bar{background:#4c4c4c;border-radius:.25em;height:.5em;overflow:hidden;width:100%}.bar .fill{background:#ffbf69;height:100%}.totalbar .fill{width:0;transition:width .8s cubic-bezier(.22,1,.36,1)}.count{color:#9a9a9a;font-size:.85em;white-space:nowrap}.date{color:#9a9a9a;font-size:.85em}@media (max-width:50em){.progress{flex-basis:4.5em}.achievement{gap:.7em}.star{font-size:1.6em}}.achieve-toasts{display:flex;flex-direction:column;gap:.5em;max-width:min(22em,calc(100vw - 2em));pointer-events:none;position:fixed;right:1em;top:1em;z-index:2147483647}.achieve-toast{align-items:center;background:#2d2d2d;border-radius:.625em;box-shadow:0 .5em 1.5em rgba(0,0,0,.5);cursor:pointer;display:flex;gap:.75em;opacity:0;padding:.875em 1em;pointer-events:auto;transform:translateY(calc(-100% - 1em));transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.achieve-toast.shown{opacity:1;transform:translateY(0)}.achieve-toast .star{font-size:2em}.achieve-toast .bar-row{align-items:center;display:flex;gap:.5em;margin-top:.25em}.achieve-toast .bar{flex:1;height:.4em;width:auto}