.modal--quick-add .modal__panel{max-width:480px;width:calc(100% - var(--space-6));max-height:min(720px,92dvh);border-radius:var(--radius-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border)}@media(max-width:749px){.modal--quick-add .modal__panel{margin:auto 0 0;width:100vw;max-width:100vw;max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-block-start:1px solid var(--color-border);border-inline:0;border-block-end:0;animation:quick-add-sheet-in var(--duration-base) var(--ease-out)}@keyframes quick-add-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.modal--quick-add .modal__panel{animation:none}}}.quick-add__body{padding-block-start:var(--space-3)}.quick-add__skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.quick-add__skeleton-row,.quick-add__skeleton-block{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-elevated) 50%,var(--color-surface) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:quick-add-skel 1.4s ease-in-out infinite}.quick-add__skeleton-row{height:16px}.quick-add__skeleton-row--short{width:60%}.quick-add__skeleton-block{height:120px}@keyframes quick-add-skel{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.quick-add__skeleton-row,.quick-add__skeleton-block{animation:none}}.quick-add-content{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto auto auto;gap:var(--space-3) var(--space-4)}.quick-add-content__media{grid-row:1;grid-column:1}.quick-add-content__image{width:80px;height:80px;object-fit:contain;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.quick-add-content__head{grid-row:1;grid-column:2;display:flex;flex-direction:column;gap:2px;min-width:0}.quick-add-content__brand{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.quick-add-content__brand:hover{color:var(--color-accent)}.quick-add-content__title{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-add-content__price{margin-block-start:var(--space-1)}.quick-add-content__form{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--space-3)}.quick-add-content__qty{width:max-content}.quick-add-content__view-full{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-2);text-decoration:none}.quick-add-content__view-full:hover{color:var(--color-accent)}.quick-add-content--error{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center;padding:var(--space-6);color:var(--color-text-muted)}.quick-add-toast{position:fixed;z-index:60;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(20px);background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);pointer-events:none}.quick-add-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.quick-add-toast--error{border-color:var(--color-danger);color:var(--color-danger)}@media(prefers-reduced-motion:reduce){.quick-add-toast{transition:opacity var(--duration-fast) linear}}@layer components{.quick-add{display:flex;flex-direction:column;background:var(--color-surface);color:var(--color-text);max-height:90vh}.quick-add__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-block-end:1px solid var(--color-border)}.quick-add__panel{flex:1;overflow-y:auto;padding:var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-quick-add-modal.css.map */