.cap-addon{position:relative;width:100%;margin:0 0 1.5rem}.cap-addon__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.cap-addon__label{display:flex;align-items:center;gap:1.2rem;width:100%;margin:0;padding:1.2rem 1.5rem;border:1px solid var(--color-border, #e5e5e5);border-radius:var(--btn-radius, 6px);background:var(--color-background, #fff);cursor:pointer;transition:border-color .2s,background-color .2s;-webkit-user-select:none;user-select:none}.cap-addon__label:hover{border-color:var(--color-heading, #111)}.cap-addon__input:checked+.cap-addon__label{border-color:var(--color-heading, #111);background:rgba(var(--color-heading-rgb, 17, 17, 17),.03)}.cap-addon__input:focus-visible+.cap-addon__label{outline:2px solid var(--color-heading, #111);outline-offset:2px}.cap-addon__box{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-heading, #111);border-radius:3px;color:transparent;background:transparent;transition:background-color .2s,color .2s}.cap-addon__input:checked+.cap-addon__label .cap-addon__box{background:var(--color-heading, #111);color:var(--color-background, #fff)}.cap-addon__image{flex:0 0 auto;width:4.8rem;height:4.8rem;object-fit:cover;border-radius:4px}.cap-addon__text{display:flex;flex-direction:column;min-width:0;line-height:1.4}.cap-addon__title{font-weight:var(--heading-weight, 500)}.cap-addon__price{font-size:.9em}.cap-addon__per{opacity:.7}.cap-addon__buy-now{width:100%}.cap-addon__buy-now[hidden]{display:none!important}.cap-addon__parent{margin:.2rem 0 0;font-size:calc(var(--body-font-size, 14px) - 2px);opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/8/assets/magnetic-cap-addon.css.map */