html.sugar-quick-add-open{overflow:hidden}.sugar-quick-add__dialog{width:min(440px,calc(100vw - 32px));max-width:none;max-height:min(640px,calc(100vh - 48px));margin:auto;padding:0;border:0;border-radius:var(--corner-container, 12px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 24px 64px #00000038;overflow:auto;overscroll-behavior:contain}.sugar-quick-add__dialog::backdrop{background:#00000073}.sugar-quick-add__dialog[open]{animation:sugar-quick-add-in .22s ease-out}@keyframes sugar-quick-add-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.sugar-quick-add__panel{position:relative;display:flex;flex-direction:column;gap:18px;padding:20px}.sugar-quick-add__close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:22px;cursor:pointer}.sugar-quick-add__close:hover{background:rgba(var(--color-foreground),.06)}.sugar-quick-add__head{display:flex;align-items:flex-start;gap:14px;padding-right:32px}.sugar-quick-add__media{flex:0 0 96px;aspect-ratio:var(--qa-ratio, 1 / 1);border-radius:var(--corner-media, 8px);overflow:hidden;background:rgba(var(--color-foreground),.04)}.sugar-quick-add__media img{display:block;width:100%;height:100%;object-fit:cover}.sugar-quick-add__info{min-width:0;display:flex;flex-direction:column;gap:6px}.sugar-quick-add__title{margin:0;font-size:16px;font-weight:var(--font-body-weight-bold, 700);line-height:1.3}.sugar-quick-add__title a{color:inherit;text-decoration:none}.sugar-quick-add__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:15px;font-weight:var(--font-body-weight-bold, 700)}.sugar-quick-add__compare{font-weight:var(--font-body-weight, 400);opacity:.6}.sugar-quick-add__options{display:flex;flex-direction:column;gap:14px}.sugar-quick-add__options:empty{display:none}.sugar-quick-add__option{margin:0;padding:0;border:0;min-width:0}.sugar-quick-add__legend{display:flex;gap:6px;margin-bottom:8px;padding:0;font-size:13px;line-height:1.3}.sugar-quick-add__legend-name{font-weight:var(--font-body-weight-bold, 700)}.sugar-quick-add__legend-name:after{content:":"}.sugar-quick-add__legend-value{opacity:.7}.sugar-quick-add__values{display:flex;flex-wrap:wrap;gap:8px}.sugar-quick-add__value{position:relative;min-width:48px;padding:10px 14px;border:1px solid rgba(var(--color-foreground),.25);border-radius:var(--buttons-radius, 6px);background:transparent;color:inherit;font:inherit;font-size:14px;line-height:1;cursor:pointer;overflow:hidden;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.sugar-quick-add__value:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.sugar-quick-add__value.is-active{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.sugar-quick-add__value.is-unavailable{color:rgba(var(--color-foreground),.4);cursor:not-allowed}.sugar-quick-add__value.is-unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - .5px),rgba(var(--color-foreground),.35) 50%,transparent calc(50% + .5px))}.sugar-quick-add__value.is-active.is-unavailable{color:rgb(var(--color-background))}.sugar-quick-add__value:focus-visible,.sugar-quick-add__submit:focus-visible,.sugar-quick-add__close:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.sugar-quick-add__form form{display:flex;flex-direction:column;gap:10px}.sugar-quick-add__submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:14px 20px;border:var(--button-primary-border, 0) solid var(--button-primary-border-color, transparent);border-radius:var(--buttons-radius, 6px);background:var(--button-primary-bg-surface, rgb(var(--color-foreground)));color:var(--button-primary-text, rgb(var(--color-background)));font:inherit;font-size:15px;font-weight:var(--font-body-weight-bold, 700);line-height:1;cursor:pointer}.sugar-quick-add__submit:disabled{opacity:.5;cursor:not-allowed}.sugar-quick-add__submit.loading>span{visibility:hidden}.sugar-quick-add__submit>.loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;display:flex;align-items:center;justify-content:center}.sugar-quick-add__submit>.loading__spinner.hidden{display:none}.sugar-quick-add__submit .path{stroke:currentColor}.sugar-quick-add__error{font-size:13px;color:rgb(var(--color-foreground))}.sugar-quick-add__details{display:inline-flex;align-items:center;align-self:center;gap:4px;font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:3px}.sugar-quick-add__details-icon{font-size:16px}@media screen and (max-width:749px){.sugar-quick-add__dialog{width:100%;max-height:85vh;margin:auto 0 0;border-radius:var(--corner-container, 12px) var(--corner-container, 12px) 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.sugar-quick-add__dialog[open]{animation:sugar-quick-add-up .28s ease-out}@keyframes sugar-quick-add-up{0%{transform:translateY(100%)}}.sugar-quick-add__media{flex-basis:80px}}@media(prefers-reduced-motion:reduce){.sugar-quick-add__dialog[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/snippet-quick-add.css.map */