.v5-task-hero{position:relative;display:block;flex:none;width:112px;height:112px;padding:0;border:0;border-radius:var(--v5-radius);background:transparent;color:var(--v5-ink);cursor:pointer}
.v5-task-hero>.v5-task-art{width:112px;height:112px;pointer-events:none}
.v5-task-motion-control{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--v5-bg);color:var(--v5-muted)}
.v5-example-task-icon .v5-task-motion-control .v5-icon{width:20px;height:20px}
.v5-task-hero:is(:hover,:focus-visible) .v5-task-motion-control{color:var(--task-accent)}
.v5-task-hero:disabled{cursor:default;opacity:1}
.v5-task-hero:disabled .v5-task-motion-control{display:none}
@media(max-width:700px){.v5-task-hero,.v5-task-hero>.v5-task-art{width:88px;height:88px}}