.bra-addon{display:block;border-radius:var(--text-boxes-radius)}.bra-addon--background{background-color:var(--bra-addon-background);padding:1.1rem}.bra-addon__heading{margin:0 0 1.2rem;color:rgba(var(--color-foreground),.7)}.bra-addon__row{display:grid;grid-template-columns:auto minmax(0,1fr) 4.8rem;align-items:center;column-gap:1.6rem;row-gap:.6rem}.bra-addon__card,.bra-addon__details{display:contents}.bra-addon .bra-addon__selector{grid-column:2 / 4;grid-row:1;width:100%;margin:0;min-width:0;max-width:none}.bra-addon__image{grid-column:1;grid-row:1 / 4;width:9.6rem}.bra-addon__image img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--media-radius)}.bra-addon__title{grid-column:2 / 4;grid-row:1;display:inline-block;margin:0;text-decoration:none}.bra-addon [data-addon-price]{grid-column:2;grid-row:2;min-width:0}.bra-addon .price{font-size:1.6rem}.bra-addon .price__container{margin-bottom:0}.bra-addon__status{grid-column:2 / 4;grid-row:3;margin:0;color:rgba(var(--color-foreground),.75)}.bra-addon__toggle{grid-column:3;grid-row:2;position:relative;flex:0 0 4.8rem;width:4.8rem;height:4.4rem;cursor:pointer}.bra-addon__toggle input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.bra-addon__switch{position:absolute;top:.8rem;inset-inline:0;height:2.8rem;border:.2rem solid rgba(var(--color-foreground),.5);border-radius:2rem;pointer-events:none}.bra-addon__switch:before{content:"";position:absolute;top:.3rem;left:.3rem;width:1.8rem;height:1.8rem;background:rgba(var(--color-foreground),.5);border-radius:50%;transition:transform var(--duration-short) ease}.bra-addon__toggle input:checked+.bra-addon__switch{border-color:rgb(var(--color-button));background:rgb(var(--color-button))}.bra-addon__toggle input:checked+.bra-addon__switch:before{transform:translate(2rem);background:rgb(var(--color-button-text))}.bra-addon__toggle input:focus-visible+.bra-addon__switch{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media screen and (max-width:749px){.bra-addon--background{padding:1.6rem}.bra-addon__row{column-gap:1.2rem}.bra-addon__image{width:7.2rem}}@media(prefers-reduced-motion:reduce){.bra-addon__switch:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-bra-addon.css.map */