.state-emblem{isolation:isolate;width:180px;height:135px;margin-bottom:26px;position:relative}.state-emblem__pocket{border:1px solid var(--border-strong);background:var(--surface);width:115px;height:115px;color:var(--accent);border-radius:18px 18px 36px;place-items:center;display:grid;position:absolute;bottom:0;left:15px;rotate:-8deg}.state-emblem__thread{border:1px dashed var(--border-strong);border-bottom:0;border-left:0;border-radius:0 45px 0 0;width:75px;height:95px;position:absolute;top:0;left:85px}.state-emblem__note{background:var(--accent-fill);width:75px;height:65px;color:var(--on-accent);font:500 20px var(--font-mono);border-radius:8px;place-items:center;transition:rotate .3s,translate .3s;display:grid;position:absolute;top:15px;right:0;rotate:8deg;box-shadow:0 8px 22px #30204c12}.state-emblem:hover .state-emblem__note{translate:0 -5px;rotate:0deg}.state-emblem--quiet .state-emblem__note{background:var(--surface-2);color:var(--text-secondary)}.state-emblem--lost .state-emblem__thread{border-style:dotted}@media (prefers-reduced-motion:reduce){.state-emblem__note{transition:none}.state-emblem:hover .state-emblem__note{translate:none;rotate:8deg}}