.grid-product__image-mask{position:relative}.grid-product__quick-add{border-top:1px solid #e8e8e1;margin-top:10px;padding-top:12px}.grid-product__quick-add[hidden]{display:none}.grid-product__quick-add-inner{display:block}.grid-product__formats{display:flex;flex-wrap:wrap;margin:0 0 10px}.grid-product__formats .grid-product__format-btn{margin:0 6px 6px 0}.grid-product__format-btn{font-family:inherit;font-size:11px;letter-spacing:.04em;padding:7px 10px;border:1px solid #d8d6cf;background:#fff;color:#1c1d1d;cursor:pointer;line-height:1.2;border-radius:0;transition:border-color .12s ease,background .12s ease,color .12s ease}.grid-product__format-btn:hover{border-color:#1c1d1d}.grid-product__format-btn[data-selected=true]{background:#1c1d1d;border-color:#1c1d1d;color:#fff}.grid-product__format-btn--disabled,.grid-product__format-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.grid-product__quick-add-actions{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 6px}.grid-product__quick-add-btn{font-size:11px;letter-spacing:.08em;padding:10px 16px;margin:0 12px 6px 0;min-width:0}.grid-product__quick-add-btn.is-loading{opacity:.7;cursor:wait}.grid-product__view-formats-link{font-size:11px;letter-spacing:.04em;text-decoration:underline;color:#6b6b6b;margin-bottom:6px}.grid-product__view-formats-link:hover{color:#1c1d1d}.grid-product__quick-add-status{font-size:11px;color:#3f6b4a;min-height:14px}.grid-product__hover-actions{position:absolute;z-index:3;left:0;right:0;bottom:10px;display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.grid-product__icon-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #e3e1da;color:#1c1d1d;box-shadow:0 1px 5px #00000024;opacity:0;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease,background .15s ease,color .15s ease;cursor:pointer;padding:0;margin:0}.grid-product__icon-btn svg{width:16px;height:16px;display:block}.grid-product__icon-btn--add svg.icon-bag{width:23px;height:23px}.grid-product__icon-btn:hover{background:#1c1d1d;color:#fff}.grid-product:hover .grid-product__icon-btn,.grid-product:focus-within .grid-product__icon-btn{opacity:1;transform:translateY(0)}@media screen and (max-width:798px){.grid-product__icon-btn{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/quick-add.css.map */