.mg-gift{--mg-surface: rgb(var(--text-color, 0 0 0) / .04);--mg-border: rgb(var(--text-color, 0 0 0) / .12);--mg-muted: rgb(var(--text-color, 0 0 0) / .65);--mg-accent: rgb(var(--button-background-primary, 26 26 26));--mg-alert: #c5280c;--mg-radius: 8px;--mg-offer-pad: 16px;--mg-offer-gap: 16px;display:grid;gap:12px;margin-bottom:1rem}.mg-gift__group{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}.mg-gift__group[hidden]{display:none}.mg-gift__heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;font-size:1.125rem;font-weight:600}.mg-gift__badge{font-size:.7rem;font-weight:500;color:#fff;background:var(--mg-accent);padding:.1rem .5rem;border-radius:999px}.mg-gift__alert{margin:0;font-size:.8125rem;color:var(--mg-alert)}.mg-gift__min-hint{margin:0;font-size:.8125rem;color:var(--mg-muted)}.mg-gift__offer{display:flex;align-items:center;gap:var(--mg-offer-gap);margin:0;padding:var(--mg-offer-pad) calc(var(--mg-offer-pad) + 8px) var(--mg-offer-pad) var(--mg-offer-pad);border:1px solid transparent;border-radius:var(--mg-radius);background:var(--mg-surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.mg-gift__offer~.mg-gift__offer{margin-top:calc(var(--mg-offer-gap) - 8px)}.mg-gift__offer:has(.mg-gift__input:checked){border-color:var(--mg-border);background:rgb(var(--background, 255 255 255))}.mg-gift__offer:has(.mg-gift__input:focus-visible){outline:2px solid var(--mg-accent);outline-offset:2px}.mg-gift__group[aria-disabled=true] .mg-gift__offer,.mg-gift__offer--sold-out{opacity:.5;cursor:not-allowed}.mg-gift__image{flex:none;width:64px;height:64px;object-fit:cover;border-radius:var(--mg-radius);background:rgb(var(--background, 255 255 255))}.mg-gift__text{display:grid;gap:4px;flex:1;min-width:0;margin-right:8px;line-height:1.3}.mg-gift__name{font-size:.9375rem}.mg-gift__notes{font-size:.75rem;color:var(--mg-muted)}.mg-gift__notes b{color:var(--mg-accent);font-weight:600}.mg-gift__sold-out{font-size:.75rem;color:var(--mg-alert)}.mg-gift__input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--mg-accent)}.mg-gift--card{gap:4px;margin-top:6px}.mg-gift__card-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;background:var(--mg-surface);font-size:.75rem}.mg-gift__card-item[hidden],.mg-gift__card-group[hidden]{display:none}.mg-gift__card-group{display:grid;gap:4px}.mg-gift__card-group+.mg-gift__card-group{margin-top:4px}.mg-gift__card-item--selectable{margin:0;border:1px solid transparent;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.mg-gift__card-item--selectable:has(.mg-gift__card-input:checked){border-color:var(--mg-border);background:rgb(var(--background, 255 255 255))}.mg-gift__card-item--selectable:has(.mg-gift__card-input:focus-visible){outline:2px solid var(--mg-accent);outline-offset:1px}.mg-gift__card-input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--mg-accent)}.mg-gift__card-image{width:32px;height:32px;object-fit:cover;border-radius:4px;flex:none}.mg-gift__card-name{flex:1;min-width:0;line-height:1.3;white-space:normal;overflow-wrap:anywhere}@media screen and (max-width:699px){.mg-gift--card{width:100%;margin-top:4px}.mg-gift__card-group{gap:3px}.mg-gift__card-item{gap:4px;padding:3px 4px;font-size:.6875rem}.mg-gift__card-input{width:14px;height:14px}.mg-gift__card-image{width:24px;height:24px}}.mg-code-message{margin:4px 0 0;font-size:.8125rem}.mg-code-message--error{color:#c5280c}.mg-dialog{width:min(440px,calc(100vw - 32px));padding:0;border:0;border-radius:12px;color:rgb(var(--text-color, 26 26 26));background:rgb(var(--background, 255 255 255))}.mg-dialog::backdrop{background:#00000073}.mg-dialog__inner{display:grid;gap:16px;padding:20px}.mg-dialog__header{display:flex;align-items:start;justify-content:space-between;gap:12px}.mg-dialog__title{margin:0;font-size:1.125rem;font-weight:600}.mg-dialog__close{flex:none;border:0;background:none;font-size:1.25rem;line-height:1;cursor:pointer;padding:4px}.mg-dialog__message{margin:0}.mg-dialog__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mg-dialog__item{display:flex;align-items:center;gap:10px;font-size:.875rem}.mg-dialog__item img{width:40px;height:40px;object-fit:cover;border-radius:6px;flex:none}.mg-dialog__error{margin:0;color:#c5280c;font-size:.8125rem}.mg-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
/*# sourceMappingURL=/cdn/shop/t/72/assets/mg-gift.css.map */
