.comp-addon{display:block;width:100%;--ca-accent: #079b61;--ca-border: rgba(var(--color-foreground), .22)}.complementary-products__list{display:flex;flex-direction:column;gap:1.6rem}.complementary-products__subheading{margin-top:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.65)}.comp-addon__title{margin:0 0 1rem;font-size:1.6rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.comp-addon__phase{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.2rem}.comp-addon__phase[hidden]{display:none}.comp-addon__pill{font:inherit;font-size:1.4rem;font-weight:600;padding:.8rem 1.8rem;border:.15rem solid var(--ca-border);border-radius:5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.comp-addon__pill:hover{border-color:var(--ca-accent)}.comp-addon__pill--on{border-color:var(--ca-accent);background:var(--ca-accent);color:#fff}.comp-addon__options{display:flex;flex-direction:column;gap:1rem}.comp-addon__option{display:flex;align-items:center;gap:1.2rem;width:100%;text-align:left;padding:1.3rem 1.5rem;border:.15rem solid var(--ca-border);border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;font:inherit;transition:border-color .15s ease,background-color .15s ease}.comp-addon__option:hover{border-color:var(--ca-accent)}.comp-addon__option--on{border-color:var(--ca-accent);background:color-mix(in srgb,var(--ca-accent) 8%,transparent)}.comp-addon__option[disabled]{opacity:.5;cursor:not-allowed}.comp-addon__check{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:.15rem solid var(--ca-border);border-radius:50%;color:#fff;background:transparent}.comp-addon__check svg{width:1.2rem;height:1.2rem;opacity:0;transition:opacity .12s ease}.comp-addon__option--on .comp-addon__check{background:var(--ca-accent);border-color:var(--ca-accent)}.comp-addon__option--on .comp-addon__check svg{opacity:1}.comp-addon__option-text{flex:1 1 auto;font-weight:600;line-height:1.35}.comp-addon__option-price{flex:0 0 auto;font-weight:700;white-space:nowrap}.comp-addon__quote{margin:1.2rem 0 0;font-size:1.35rem;color:rgba(var(--color-foreground),.7)}.comp-addon__quote a{color:var(--ca-accent);font-weight:600}.comp-addon-active,.comp-addon-active .price{margin-bottom:0!important}.comp-addon-price-note{display:inline-block;margin:0;font-size:18px;font-weight:600;color:#079b61}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-complementary-addon.css.map */