.card-icons{position:absolute;top:1.2rem;right:1.2rem;z-index:2;display:flex;flex-direction:column;gap:var(--card-icon-gap);--card-icon-size: 3.6rem;--card-icon-glyph: 1.5rem;--card-icon-gap: .6rem}@media screen and (min-width:750px){.card-icons{--card-icon-size: 4.4rem;--card-icon-glyph: 1.8rem;--card-icon-gap: .8rem}}.card-icons__button{position:relative;display:flex;align-items:center;justify-content:center;width:var(--card-icon-size);height:var(--card-icon-size);padding:0;border:0;border-radius:50%;background-color:#282928;color:#fff;cursor:pointer;box-shadow:0 .2rem .6rem #2829282e;transition:background-color var(--duration-short, .1s) ease,transform var(--duration-short, .1s) ease}.card-icons__button:not([disabled]):hover{background-color:#454645;transform:scale(1.06)}.card-icons__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-icons__button[disabled]{cursor:not-allowed;opacity:.45}.card-icons__button .svg-wrapper{display:flex;width:var(--card-icon-glyph);height:var(--card-icon-glyph)}.card-icons__button svg{width:100%;height:100%;fill:currentColor}.card-icons__form{margin:0}.card-icons__glyph--added{position:absolute;opacity:0}.card-icons__button--added .card-icons__glyph{opacity:0}.card-icons__button--added .card-icons__glyph--added{opacity:1}.card-icons__button--added{background-color:#5c7a4a}.card-icons__button .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.card-icons__button .loading__spinner .spinner{width:var(--card-icon-glyph);height:var(--card-icon-glyph)}.card-icons__button .loading__spinner .path{stroke:#fff}.card-icons__button.loading .card-icons__glyph{opacity:0}@media screen and (min-width:990px){.card-icons{opacity:0;pointer-events:none;transition:opacity var(--duration-default, .2s) ease}.card-wrapper:hover .card-icons,.card-wrapper:focus-within .card-icons{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.card-icons,.card-icons__button{transition:none}.card-icons__button:not([disabled]):hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card-icons.css.map */