.addon-offer{display:block;margin:2rem 0 0}.addon-offer[hidden]{display:none}.addon-offer__heading{margin:0 0 1rem}.addon-card{display:grid;grid-template-columns:7.2rem 1fr;grid-template-areas:"media body" "controls controls" "error error";gap:1rem 1.2rem;align-items:center;padding:1.2rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--popup-corner-radius, 1rem);background:rgb(var(--color-background))}.addon-card+.addon-card{margin-top:1rem}.addon-card[hidden]{display:none}.addon-card__media{grid-area:media;width:7.2rem;height:7.2rem;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.addon-card__media img{width:100%;height:100%;object-fit:cover;display:block}.addon-card__body{grid-area:body;min-width:0}.addon-card__title{margin:0;font-size:1.4rem;font-weight:600;line-height:1.3}.addon-card__price{margin:.3rem 0 0;color:rgba(var(--color-foreground),.75)}.addon-card__controls{grid-area:controls;display:flex;gap:.8rem;align-items:stretch}.addon-card__select-wrap{position:relative;flex:0 0 auto}.addon-card__select,.addon-card__qty{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:calc(4.5rem + var(--buttons-border-width) * 2);margin:0;padding:0 1.4rem;border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.4rem;line-height:1}.addon-card__select:focus-visible,.addon-card__qty:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}.addon-card__select{width:100%;min-width:9.6rem;padding-right:3.6rem;cursor:pointer}.addon-card__caret{position:absolute;top:50%;right:1.4rem;width:1rem;height:.6rem;transform:translateY(-50%);pointer-events:none;color:rgb(var(--color-foreground))}.addon-card__caret svg{display:block;width:100%;height:100%}.addon-card__qty{flex:0 0 6.4rem;width:6.4rem;padding:0 .4rem;text-align:center;-moz-appearance:textfield}.addon-card__qty::-webkit-inner-spin-button,.addon-card__qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.addon-card__add{flex:1 1 auto;min-width:0}.addon-card__error{grid-area:error;margin:0;color:rgb(var(--color-error, 216, 0, 0))}.addon-card__error[hidden]{display:none}.addon-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;align-items:center;justify-content:center;padding:1.6rem;background:#00000080;opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.addon-modal[open]{opacity:1;visibility:visible}.addon-modal__content{position:relative;width:100%;max-width:48rem;max-height:calc(100vh - 3.2rem);overflow:auto;padding:3.2rem 2.4rem 2.4rem;border-radius:var(--popup-corner-radius, 1rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1rem 3rem #00000040}.addon-modal__close{position:absolute;top:1rem;right:1rem;width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.addon-modal__close .icon{width:2rem;height:2rem}.addon-modal__eyebrow{margin:0 0 .8rem;padding-right:4rem;font-size:1.1rem;color:rgba(var(--color-foreground),.6)}.addon-modal__heading{margin:0 0 .6rem}.addon-modal__text{margin:0 0 1.6rem;color:rgba(var(--color-foreground),.75)}.addon-modal .addon-card__controls{flex-wrap:wrap}.addon-modal .addon-card__add{flex-basis:100%}.addon-modal__dismiss{display:block;margin:1.6rem auto 0;padding:.6rem;border:0;background:transparent;color:rgba(var(--color-foreground),.75);cursor:pointer;text-decoration:underline;text-underline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/7/assets/addon-offer.css.map */