.quick-add-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:#fff;border:1px solid #e5e5e5;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .15s ease;box-shadow:0 1px 3px #0000001a;padding:0;color:inherit}.quick-add-trigger:hover{border-color:#4197cb;color:#4197cb}.quick-add-trigger:hover svg{fill:#4197cb;color:#4197cb}.quick-add-trigger:active{transform:scale(.92)}.quick-add-trigger.is-added{border-color:#4197cb;background:#4197cb;color:#fff;pointer-events:none}.quick-add-trigger.is-added svg{fill:#fff;color:#fff}.quick-add-trigger.is-loading{pointer-events:none;opacity:.6}@media(max-width:749px){.quick-add-trigger{width:36px;height:36px}}.quick-add-content{display:flex;flex-direction:column;gap:16px}.quick-add-content__image{aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:#f1f2f2;flex-shrink:0}.quick-add-content__image img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}@media screen and (max-width:699px){.quick-add-content__image{aspect-ratio:auto;max-height:45dvh}.quick-add-content__image img{height:auto;max-height:45dvh;object-fit:contain}}.quick-add-content__image img.is-switching{opacity:0}.quick-add-content__options{display:flex;flex-direction:column;gap:12px}.quick-add-modal__option-group{display:flex;flex-direction:column;gap:8px}.quick-add-modal__option-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#333}.quick-add-modal__option-values{display:flex;flex-wrap:wrap;gap:8px}.quick-add-modal__swatch{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;padding:0;position:relative;transition:border-color .2s ease,box-shadow .2s ease,outline-color .2s ease;outline:2px solid transparent;outline-offset:2px}.quick-add-modal__swatch:hover{outline-color:#aaa}.quick-add-modal__swatch.is-selected{outline-color:#000}.quick-add-modal__swatch.is-unsellable{opacity:.5;position:relative}.quick-add-modal__swatch.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.quick-add-modal__pill{padding:8px 20px;border-radius:10px;border:1px solid #d4d4d4;background:transparent;font-family:Jost,sans-serif;font-size:14px;font-weight:400;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease;white-space:nowrap}.quick-add-modal__pill:hover{border-color:#000}.quick-add-modal__pill.is-selected{background:#e8e8e8;color:#000;border-color:#000}.quick-add-modal__pill.is-unsellable{opacity:.5;position:relative}.quick-add-modal__pill.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.quick-add-modal__swatch.is-unsellable:after,.quick-add-modal__pill.is-unsellable:after{content:"Option valide avec d'autres choix";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-6px);background:#000c;color:#fff;padding:5px 10px;border-radius:var(--radius-sm);font-size:11px;white-space:nowrap;z-index:100;pointer-events:none;opacity:0;transition:var(--transition-opacity)}.quick-add-modal__swatch.is-unsellable:hover:after,.quick-add-modal__pill.is-unsellable:hover:after{opacity:1}.quick-add-modal__price{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.quick-add-modal__price-compare{font-size:15px;color:#767676;text-decoration:line-through;font-weight:400}.quick-add-modal__price-current{color:var(--color-primary, #000)}.quick-add-modal__error{font-size:13px;color:#dc2626;padding:8px 12px;background:#fef2f2;border-radius:var(--radius-sm)}.quick-add-modal__error[hidden]{display:none}.quick-add-modal__submit{width:100%;padding:14px 20px;background:#000;color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;position:relative}.quick-add-modal__submit:hover{opacity:.9}.quick-add-modal__submit:active{transform:scale(.98)}.quick-add-modal__submit:disabled{opacity:.5;cursor:not-allowed}.quick-add-modal__submit.is-loading{color:transparent;pointer-events:none}.quick-add-modal__submit.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:quickAddSpin .6s linear infinite}.quick-add-modal__submit.is-success{background:#000;pointer-events:none}@keyframes quickAddSpin{to{transform:rotate(360deg)}}.quick-add-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);z-index:2147483647;background:#31af54;color:#fff;font-size:14px;font-weight:600;padding:12px 24px;border-radius:999px;box-shadow:0 4px 20px #0000001f;opacity:0;animation:quickAddToastIn .3s ease forwards,quickAddToastOut .3s ease 2.2s forwards;pointer-events:none}@keyframes quickAddToastIn{to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes quickAddToastOut{to{opacity:0;transform:translate(-50%) translateY(10px)}}.quick-add-toast--error{background:#dc2626}
/*# sourceMappingURL=/cdn/shop/t/79/assets/css/snippets-quick-add-modal.css.map */