.add-on-modal{background:#000c;box-sizing:border-box;display:none;height:100%;left:0;overflow-y:auto;padding:2rem 1.5rem;position:fixed;top:0;width:100%;z-index:1300}.add-on-modal[open]{display:flex;align-items:flex-start;justify-content:center}.add-on-modal__dialog{background:rgb(var(--color-background));border-radius:.4rem;box-sizing:border-box;margin:auto;max-width:min(80rem,48vw);overflow:hidden;width:100%}.add-on-modal__header{align-items:center;border-bottom:1px solid rgba(var(--color-foreground),.12);display:flex;gap:1.2rem;justify-content:space-between;padding:1.8rem 2rem}.add-on-modal__heading{align-items:center;display:flex;flex:0 1 auto;font-size:1.4rem;font-weight:700;gap:1rem;letter-spacing:.08em;margin:0}.add-on-modal__added-thumb{flex:1;line-height:0;margin-right:1.2rem}.add-on-modal__added-thumb:empty{display:none}.add-on-modal__added-image{border:1px solid rgba(var(--color-foreground),.12);border-radius:.3rem;height:6.4rem;object-fit:cover;width:6.4rem}.add-on-modal__tick{align-items:center;background:var(--brand-color-accent-2);border-radius:50%;color:rgb(var(--color-background));display:inline-flex;flex:0 0 auto;height:2.6rem;justify-content:center;width:2.6rem}.add-on-modal__tick svg{height:1.3rem;width:1.3rem}.add-on-modal__close{background:none;border:0;color:inherit;cursor:pointer;height:4.4rem;width:4.4rem}.add-on-modal__close svg{height:1.6rem;width:1.6rem}.add-on-modal__rec-meta{color:rgba(var(--color-foreground),.65);font-size:1.3rem;margin:.3rem 0 0}.add-on-modal__recs{padding:1.8rem 2rem 0}.add-on-modal__recs-heading{color:rgba(var(--color-foreground),.65);font-size:1.2rem;font-weight:600;letter-spacing:.08em;margin:0 0 1.2rem}.add-on-modal__rec-card{border:1px solid rgba(var(--color-foreground),.12);border-radius:.3rem;margin-bottom:1rem;overflow:hidden;padding:1.2rem}.add-on-modal__rec-card--featured{border-color:var(--brand-color-accent-2)}.add-on-modal__rec{align-items:flex-start;display:flex;gap:1.4rem;padding:0 0 1.2rem}.add-on-modal__rec-image{border-radius:.3rem;flex:0 0 auto;height:15.6rem;object-fit:cover;width:15.6rem}.add-on-modal__rec-info{display:flex;flex:1 1 auto;flex-direction:column;margin:auto;min-width:0}.add-on-modal__rec-title{align-items:center;display:flex;flex-wrap:wrap;font-size:1.5rem;gap:.8rem;margin:0}.add-on-modal__rec-title a{color:inherit;text-decoration:none}.add-on-modal__rec-price{font-size:1.5rem;font-weight:700;margin:.4rem 0 0}.add-on-modal__rec-price-current.on-sale{color:var(--sale-color)}.add-on-modal__rec-price-was{color:rgba(var(--color-foreground),.5);font-weight:400;margin-left:.6rem}.add-on-modal__rec-add{background:var(--brand-color-accent-2);border:1px solid var(--brand-color-accent-2);border-radius:.3rem;color:rgb(var(--color-background));cursor:pointer;display:block;font-family:inherit;font-size:1.4rem;font-weight:600;letter-spacing:.04em;padding:1.2rem .8rem;text-align:center;width:100%}.add-on-modal__rec-add:hover:not(:disabled){background:var(--brand-color-secondary-1);border-color:var(--brand-color-secondary-1)}.add-on-modal__rec-add.is-added{background:var(--brand-color-secondary-2);border-color:var(--brand-color-secondary-2);cursor:default}.add-on-modal__rec-add:disabled:not(.is-added){cursor:not-allowed;opacity:.5}.add-on-modal__error{color:var(--color-error);font-size:1.3rem;margin:0;padding:1rem 2rem 0}.add-on-modal__footer{padding:1.8rem 2rem 2rem}.add-on-modal__checkout{background:var(--brand-color-accent-2);border:0;color:rgb(var(--color-background));display:block;font-size:1.4rem;font-weight:700;letter-spacing:.08em;padding:1.6rem 2rem;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}.add-on-modal__checkout:hover{background:var(--brand-color-secondary-1);color:rgb(var(--color-background))}.add-on-modal__continue{background:none;border:0;cursor:pointer;display:block;font-family:inherit;font-size:1.2rem;font-weight:400;letter-spacing:.06em;margin-top:.4rem;padding:1.2rem;width:100%}.add-on-modal__continue:hover{text-decoration:underline}@media screen and (min-width:750px){.add-on-modal__header,.add-on-modal__recs,.add-on-modal__footer{padding-left:2.4rem;padding-right:2.4rem}.add-on-modal__heading{font-size:1.7rem}.add-on-modal__tick{height:3rem;width:3rem}.add-on-modal__added-image{height:7.2rem;width:7.2rem}.add-on-modal__recs-heading{font-size:1.7rem}.add-on-modal__rec-card{padding:1.6rem}.add-on-modal__rec-image{height:18rem;width:18rem}.add-on-modal__rec-title{font-size:1.9rem}.add-on-modal__rec-meta{font-size:1.5rem}.add-on-modal__rec-price{font-size:2rem}.add-on-modal__rec-add{font-size:1.7rem;padding:1.5rem 1rem}.add-on-modal__checkout{font-size:1.6rem}.add-on-modal__continue{font-size:1.4rem}.add-on-modal__rec-info{gap:1.2rem}}@media screen and (max-width:749px){.add-on-modal{padding:1.5rem}.add-on-modal[open]{align-items:center}.add-on-modal__dialog{max-height:calc(100vh - 3rem);max-width:100%;overflow-y:auto}.add-on-modal__rec-image{height:8rem;width:8rem}.add-on-modal__added-image{height:5.2rem;width:5.2rem}.add-on-modal__heading{font-size:1.3rem}}@media(prefers-reduced-motion:no-preference){.add-on-modal[open] .add-on-modal__dialog{animation:add-on-modal-in .2s ease-out}@keyframes add-on-modal-in{0%{opacity:0;transform:translateY(1rem)}}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-add-on-modal.css.map */