.quest{aspect-ratio:1;border:1.5px solid color-mix(in srgb, var(--op-warm-gray) 75%, white 25%);cursor:pointer;color:#fff;background-color:#fff;border-radius:50%;place-items:center;height:16px;font-size:10px;line-height:1;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.quest:hover{transform:scale(1.08)}.quest--disabled{background-color:color-mix(in srgb, var(--op-warm-gray) 80%, white 20%);cursor:default;pointer-events:none;border-color:color-mix(in srgb, var(--op-warm-gray) 80%, white 20%)}.quest--complete{background-color:var(--op-petroleum);border-color:var(--op-petroleum)}.quest--active{background:linear-gradient(145deg, color-mix(in srgb, var(--op-tango) 78%, white 22%), color-mix(in srgb, var(--op-tango) 58%, var(--op-sun) 42%));border-color:var(--op-tango);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb, var(--op-sun) 40%, transparent), 0 4px 10px #28616633}