.quick-add-drawer{--quick-add-drawer-offset: translateX( calc(100% + 21px) );--quick-add-drawer-easing: cubic-bezier(.32, .72, 0, 1);position:fixed;inset:0 0 0 auto;flex-direction:column;width:420px;max-width:100%;height:100%;max-height:none;margin:0;padding:0;border:none;border-radius:0;overflow:hidden;background-color:var(--color-cream);color:var(--color-brand-green);box-shadow:-12px 0 40px color-mix(in srgb,var(--color-brand-green) 15%,transparent);font-family:var(--font-family)}.quick-add-drawer[open]{display:flex;animation:quick-add-drawer-in .5s var(--quick-add-drawer-easing)}.quick-add-drawer.dialog-closing{animation:quick-add-drawer-out .5s var(--quick-add-drawer-easing) forwards}.quick-add-drawer::backdrop{background-color:color-mix(in srgb,var(--color-brand-green) 35%,transparent);transition:opacity .45s}.quick-add-drawer[open]::backdrop{animation:quick-add-drawer-fade .45s}.quick-add-drawer.dialog-closing::backdrop{opacity:0}@keyframes quick-add-drawer-in{0%{transform:var(--quick-add-drawer-offset)}}@keyframes quick-add-drawer-out{to{transform:var(--quick-add-drawer-offset)}}@keyframes quick-add-drawer-fade{0%{opacity:0}}.quick-add-drawer__header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #c9d3c7}.quick-add-drawer__heading{font-size:11px;font-weight:600;line-height:normal;letter-spacing:1.32px;text-transform:uppercase;color:inherit}.quick-add-drawer__close,.quick-add-drawer__close:hover{padding:1px 6px;background-color:transparent;color:inherit;cursor:pointer}.quick-add-drawer__close-icon{display:block;font-size:22px;line-height:22px;color:inherit}.quick-add-drawer__content{display:flex;flex:1;flex-direction:column;min-height:0}.quick-add-drawer__body{display:flex;flex:1;flex-direction:column;gap:22px;padding:24px;overflow-y:auto}.quick-add-drawer__summary{display:flex;align-items:flex-start;gap:16px}.quick-add-drawer__thumbnail{flex:none;width:110px;height:147px;background-color:#e9e2d6}.quick-add-drawer__image{display:block;width:100%;height:100%;object-fit:cover}.quick-add-drawer__info{display:flex;flex-direction:column;gap:6px}.quick-add-drawer__stars{display:inline-flex;align-items:center;gap:1.5px;line-height:0}.quick-add-drawer__star{position:relative;display:block;flex:none;width:11px;height:10.46px;color:color-mix(in srgb,var(--color-brand-green) 20%,transparent)}.quick-add-drawer__star--full{color:var(--color-brand-green)}.quick-add-drawer__star-half{position:absolute;top:0;right:0;bottom:0;left:0;width:50%;overflow:hidden;color:var(--color-brand-green)}.quick-add-drawer__star-svg{display:block;width:11px;height:10.46px;max-width:none}.quick-add-drawer__title{margin:0;font-family:var(--font-family-accent);font-style:italic;font-size:22px;font-weight:400;line-height:1.25;letter-spacing:normal;text-transform:none;color:inherit}.quick-add-drawer__price{font-size:13px;font-weight:600;line-height:normal;color:inherit}.quick-add-drawer__option{display:flex;flex-direction:column;gap:10px}.quick-add-drawer__option-label{font-size:11px;font-weight:600;line-height:normal;letter-spacing:1.1px;text-transform:uppercase;color:inherit}.quick-add-drawer__option-value{margin-left:6px;font-size:12px;font-weight:400;line-height:normal;letter-spacing:normal;text-transform:none;color:inherit}.quick-add-drawer__swatches{display:flex;flex-wrap:wrap;gap:12px;padding:3px}.quick-add-drawer__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.quick-add-drawer__swatch{position:relative;width:28px;height:28px;border:1px solid #c9d3c7;border-radius:50%;background:var(--swatch-background, #e9e2d6) center / cover;outline:1px solid transparent;outline-offset:3px;cursor:pointer;transition:outline-color .2s}.quick-add-drawer__swatch--selected{outline-color:var(--color-brand-green)}.quick-add-drawer__swatch--sold-out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to bottom right,transparent calc(50% - .5px),#9fb0a5 calc(50% - .5px),#9fb0a5 calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.quick-add-drawer__swatch:has(:focus-visible){outline:2px solid var(--color-brand-green)}.quick-add-drawer__sizes{display:flex;flex-direction:column;gap:8px}.quick-add-drawer__size{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #c9d3c7;color:var(--color-brand-green);cursor:pointer}.quick-add-drawer__size:has(:focus-visible){outline:2px solid var(--color-brand-green);outline-offset:2px}.quick-add-drawer__size--selected{border-color:var(--color-brand-green);background-color:var(--color-brand-green);color:var(--color-cream)}.quick-add-drawer__size--sold-out{border-color:#d8ded6;color:#9fb0a5;cursor:not-allowed}.quick-add-drawer__size-label{font-size:13px;font-weight:600;line-height:normal;color:inherit}.quick-add-drawer__size--sold-out .quick-add-drawer__size-label{text-decoration:line-through}.quick-add-drawer__size-status{font-size:12px;font-weight:400;line-height:normal;color:inherit}.quick-add-drawer__details{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid #c9d3c7}.quick-add-drawer__details-heading{margin:0;font-family:var(--font-family);font-size:11px;font-weight:600;line-height:normal;letter-spacing:1.1px;text-transform:uppercase;color:inherit}.quick-add-drawer__description{font-size:12px;line-height:17.4px}.quick-add-drawer__description :is(p,span,li,ul,ol){margin:0;font-size:inherit;line-height:inherit;color:inherit}.quick-add-drawer__description :is(p,ul,ol)+:is(p,ul,ol){margin-top:8px}.quick-add-drawer__trust{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 0;padding:0;list-style:none}.quick-add-drawer__trust-item{font-size:11px;line-height:normal;color:#5e7d6c}.quick-add-drawer__details-link,.quick-add-drawer__details-link:visited,.quick-add-drawer__details-link:hover,.quick-add-drawer__details-link:focus,.quick-add-drawer__details-link:active{align-self:flex-start;margin-top:4px;font-size:11px;font-weight:400;line-height:normal;letter-spacing:1.1px;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;color:inherit}.quick-add-drawer__details-link:hover{color:#c55c8d}.quick-add-drawer__footer{flex:none;padding:20px 24px;border-top:1px solid #c9d3c7}.quick-add-drawer__submit:hover{background-color:var(--color-brand-green)}.quick-add-drawer__submit{width:100%;height:50px;border:none;border-radius:0;background-color:var(--color-brand-green);font-family:var(--font-family);font-size:11px;font-weight:400;letter-spacing:1.54px;text-transform:uppercase;color:var(--color-cream);cursor:pointer}.quick-add-drawer__submit[disabled]{background-color:#9fb0a5;cursor:not-allowed}.quick-add-drawer__submit[aria-busy=true]{background-color:var(--color-brand-green);cursor:progress}.quick-add-drawer__error{margin-bottom:10px;font-family:var(--font-family);font-size:12px;line-height:1.45;color:var(--color-error)}@media screen and (max-width:767px){.quick-add-drawer{--quick-add-drawer-offset: translateY(-105%);inset:0 0 auto;width:100%;height:auto;max-height:100dvh;box-shadow:0 12px 40px color-mix(in srgb,var(--color-brand-green) 18%,transparent)}.quick-add-drawer__header{padding:12px 16px}.quick-add-drawer__body{gap:14px;padding:14px 16px}.quick-add-drawer__summary{align-items:center;gap:12px}.quick-add-drawer__thumbnail{width:52px;height:69px}.quick-add-drawer__info{gap:2px}.quick-add-drawer__title{font-size:17px}.quick-add-drawer__sizes{display:grid;grid-template-columns:repeat(3,1fr)}.quick-add-drawer__size{flex-direction:column;justify-content:center;gap:2px;min-height:53px;padding:8px 6px}.quick-add-drawer__details{display:none}.quick-add-drawer__footer{padding:10px 16px}.quick-add-drawer__submit{height:44px}}@media(prefers-reduced-motion:reduce){.quick-add-drawer[open],.quick-add-drawer.dialog-closing,.quick-add-drawer[open]::backdrop{animation:none}.quick-add-drawer__swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/custom-quick-add-drawer.css.map */