:root{--tg-component-quick-add-color: var(--tg-sys-color-on-background);--tg-component-quick-add-background: #fff;--tg-component-quick-add-muted: rgba(var(--tg-sys-color-on-background-rgb), .55);--tg-component-quick-add-inset: 6px}.ProductCard__QuickAdd{position:absolute;right:-4px;bottom:2px;z-index:6}.ProductCard__QuickAddButton,.QuickAddPicker__Close{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--tg-component-quick-add-color);cursor:pointer;-webkit-tap-highlight-color:transparent}.ProductCard__QuickAddButton:focus-visible,.QuickAddPicker__Close:focus-visible{outline:1px solid var(--tg-component-quick-add-color);outline-offset:-6px}.ProductCard__QuickAddIcon{transition:opacity .2s ease}.ProductCard__QuickAddSpinner{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:14px;height:14px;border:.7px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0}.ProductCard__QuickAddButton.is-loading{pointer-events:none}.ProductCard__QuickAddButton.is-loading .ProductCard__QuickAddIcon,.ProductCard__QuickAddButton.is-added .ProductCard__QuickAddIcon{opacity:0}.ProductCard__QuickAddButton.is-loading .ProductCard__QuickAddSpinner{opacity:1;animation:QuickAddSpin .7s linear infinite}.ProductCard__QuickAddButton.is-added:after{content:"";position:absolute;width:4px;height:8px;margin-top:-2px;border:solid currentColor;border-width:0 .7px .7px 0;transform:rotate(45deg)}.ProductCard__QuickAddMessage{position:absolute;right:0;bottom:100%;width:max-content;max-width:12rem;margin:0;padding:6px 10px;background:var(--tg-component-quick-add-background);color:var(--tg-component-quick-add-color);font-size:11px;line-height:1.3}@keyframes QuickAddSpin{to{transform:rotate(360deg)}}.QuickAddPicker.Drawer--bottom{height:auto;max-height:75vh;border:0;border-radius:0;background:var(--tg-component-quick-add-background);color:var(--tg-component-quick-add-color);padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}.QuickAddPicker__Body{display:flex;align-items:center;justify-content:space-between}.QuickAddPicker__Options{display:flex;flex-direction:column;gap:4px;min-width:0}.QuickAddPicker__Group{display:flex;align-items:center;flex-wrap:wrap;column-gap:12px}.QuickAddPicker__GroupLabel{font-size:11px;color:var(--tg-component-quick-add-muted)}.QuickAddPicker__Values{display:flex;flex-wrap:wrap;column-gap:12px}.QuickAddPicker__Value{min-height:40px;padding:8px 2px;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;letter-spacing:.05em;line-height:1.3;cursor:pointer;text-underline-offset:3px;-webkit-tap-highlight-color:transparent}.QuickAddPicker__Value[aria-pressed=true]{text-decoration:underline}.QuickAddPicker__Value:focus-visible{outline:1px solid currentColor;outline-offset:-4px}.QuickAddPicker__Value:disabled{color:var(--tg-component-quick-add-muted);text-decoration:line-through;cursor:not-allowed}.QuickAddPicker__Value.is-loading{opacity:.5;cursor:progress}.QuickAddPicker__Close{flex-shrink:0}.QuickAddPicker__Close:not(:focus-visible){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.QuickAddPicker__Error{margin:4px 0 0;font-size:11px;color:#b42318}.QuickAddPicker__Submit{margin-top:8px;min-height:38px;border:0;border-radius:0;background:var(--tg-component-quick-add-color);color:var(--tg-component-quick-add-background);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.QuickAddPicker__Submit.is-loading{opacity:.6;pointer-events:none}@media screen and (min-width:768px){.QuickAddPicker.Drawer--bottom{right:auto;bottom:auto;max-height:none;padding:4px 4px 4px 12px;transform:none;opacity:0;transition:opacity .15s ease}.QuickAddPicker.Drawer--bottom.Show{opacity:1}.QuickAddPicker__Value{min-height:33px;font-size:14px;line-height:17px}@media(hover:hover){.QuickAddPicker__Value:not(:disabled):hover{text-decoration:underline}}.QuickAddPicker__Close,.QuickAddPicker__Close:not(:focus-visible){position:relative;width:40px;height:40px;overflow:visible;clip:auto;margin:-4px -4px -4px 0}.QuickAddPicker__Submit{display:none}.QuickAddPicker__Error{padding-bottom:4px}.QuickAddPickerRoot .Drawer__Backdrop.Show{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/component-product-card-quick-add.css.map */