.card-actions{gap:.3125rem;display:flex}.card-action{corner-shape:round;border:1px solid color-mix(in oklab, var(--cover-ink) 22%, var(--cover-bg));background:var(--cover-bg);width:1.75rem;height:1.75rem;color:color-mix(in oklab, var(--cover-ink) 62%, var(--cover-bg));cursor:pointer;border-radius:9999px;place-items:center;padding:0;transition:background-color .16s,color .16s,border-color .16s,transform .16s;display:grid;position:relative}.card-action:after{content:"";border-radius:inherit;position:absolute;inset:-.3rem}.card-action:hover,.card-action:focus-visible{color:var(--cover-ink);background:color-mix(in oklab, var(--cover-ink) 13%, var(--cover-bg))}.card-action:active{transform:scale(.94)}.card-action:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.card-bag:not([data-state=none]),.card-save[aria-pressed=true]{color:var(--cover-bg);background:var(--cover-ink);border-color:var(--cover-ink);box-shadow:0 1px 3px color-mix(in oklab, var(--cover-ink) 35%, transparent)}.card-bag:not([data-state=none]):hover,.card-bag:not([data-state=none]):focus-visible,.card-save[aria-pressed=true]:hover,.card-save[aria-pressed=true]:focus-visible{background:color-mix(in oklab, var(--cover-ink) 88%, var(--cover-bg))}.card-save[aria-pressed=true] .save-icon{fill:currentColor}.card-bag .bag-open,.card-bag[data-state=open] .bag-closed{display:none}.card-bag[data-state=open] .bag-open{display:inline}.bag-level{transform:scaleY(var(--bag-left,1));transform-origin:50% 100%;transform-box:fill-box;fill-opacity:.85;transition:transform .4s cubic-bezier(.3,.8,.3,1)}.card-action.is-popping .save-icon{animation:.36s cubic-bezier(.3,1.6,.5,1) card-action-pop}@keyframes card-action-pop{40%{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.card-action,.bag-level{transition:none}.card-action.is-popping .save-icon{animation:none}}
