.kdie{--ds:52px;--dt:var(--white);width:var(--ds);height:var(--ds);color:inherit;font:inherit;cursor:default;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ease-spring);background:0 0;border:0;flex:none;margin:0;padding:0;display:inline-block;position:relative}button.kdie{cursor:pointer}button.kdie:disabled{cursor:default}.kdie-body{background:var(--dt);border:max(2px, calc(var(--ds) * .055)) solid var(--ink);box-shadow:calc(var(--ds) * .06) calc(var(--ds) * .07) 0 var(--ink);box-sizing:border-box;transition:box-shadow .14s var(--ease-spring), transform .14s var(--ease-spring), background .14s;border-radius:24%;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:3%;padding:15%;display:grid;position:absolute;inset:0}.kdie-body i{border-radius:50%;place-self:center;width:78%;height:78%;display:block}.kdie-body i.is-on{background:var(--ink)}.kdie-body[data-tumble]{animation:kdie-tumble .56s var(--ease-out) both}@keyframes kdie-tumble{0%{transform:translate(0)rotate(0)}22%{transform:translate(-6%,-38%)rotate(-110deg)scale(.92)}45%{transform:translate(4%,-8%)rotate(-230deg)}62%{transform:translate(-3%,-22%)rotate(-300deg)scale(.96)}78%{transform:translate(0)rotate(-360deg)scale(1.14,.8)}90%{transform:rotate(-360deg)scale(.95,1.06)}to{transform:rotate(-360deg)scale(1)}}button.kdie:not(:disabled):hover .kdie-body{box-shadow:calc(var(--ds) * .08) calc(var(--ds) * .09) 0 var(--ink);transform:translate(-1px,-1px)}button.kdie:not(:disabled):active .kdie-body{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}button.kdie:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:24%}.kdie.is-held{transform:translateY(-9%)}.kdie.is-held .kdie-body{background:var(--sun)}.kdie.is-used .kdie-body,.kdie.is-faded .kdie-body{opacity:.4;box-shadow:none}.kdie.is-pulse .kdie-body{animation:kdie-nudge 1.6s var(--ease-spring) infinite}@keyframes kdie-nudge{0%,70%,to{transform:none}80%{transform:translateY(-9%)rotate(-7deg)}90%{transform:translateY(0)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.kdie-body[data-tumble],.kdie.is-pulse .kdie-body{animation:none}}