@media(scripting:none){.main-product__add-ons{display:none}}.add-ons{--add-ons-media-size: 4.5rem;display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4);background:rgb(var(--background-primary));border:1px solid rgb(var(--border-color));border-radius:var(--rounded-lg)}.add-ons__group{min-inline-size:0;margin:0;padding:0;border:0}.add-ons__heading{margin:0 0 var(--spacing-3);padding:0;font-weight:700}.add-ons__list{display:flex;flex-direction:column;gap:var(--spacing-3);margin:0;padding:0;list-style:none}.add-ons__item{position:relative;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid rgb(var(--border-color));border-radius:var(--rounded);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.add-ons__item:has(.add-ons__check:checked){background:rgb(var(--text-primary) / .03);border-color:rgb(var(--text-primary));box-shadow:inset 0 0 0 1px rgb(var(--text-primary))}.add-ons__item:has(.add-ons__check:disabled){opacity:.6}.add-ons__card{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}label.add-ons__card{cursor:pointer}.add-ons__check:disabled+.add-ons__card{cursor:not-allowed}.add-ons__check:focus-visible+.add-ons__card{outline:2px solid rgb(var(--text-primary));outline-offset:calc(var(--spacing-3) - 2px);border-radius:var(--rounded-sm)}.add-ons__media{flex:none;width:var(--add-ons-media-size);aspect-ratio:1;overflow:hidden;background:rgb(var(--text-primary) / .04);border-radius:var(--rounded-sm)}.add-ons__image{display:block;width:100%;height:100%;object-fit:contain}.add-ons__image.placeholder-svg{fill:currentColor;opacity:.5}.add-ons__info{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-1);min-width:0}.add-ons__tag{align-self:flex-start;padding:.125rem var(--spacing-2);font-size:var(--text-xs);font-weight:700;background:rgb(var(--text-primary) / .06);border-radius:var(--rounded-xs)}.add-ons__title{font-weight:700;line-height:1.35;overflow-wrap:anywhere}.add-ons__variant{font-size:var(--text-sm);opacity:.7;unicode-bidi:isolate}.add-ons__variant[hidden]{display:none}.add-ons__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--spacing-2);font-weight:700}.add-ons__compare{font-size:var(--text-sm);font-weight:400;opacity:.6}.add-ons__compare[hidden]{display:none}.add-ons__sold-out{font-size:var(--text-sm);color:rgb(var(--error-text))}.add-ons__indicator{display:grid;flex:none;place-items:center;width:1.75rem;height:1.75rem;color:transparent;border:1.5px solid rgb(var(--text-primary) / .25);border-radius:var(--rounded-full);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.add-ons__check:checked+.add-ons__card .add-ons__indicator{color:rgb(var(--background-primary));background:rgb(var(--text-primary));border-color:rgb(var(--text-primary))}.add-ons__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);padding-inline-start:calc(var(--add-ons-media-size) + var(--spacing-3))}.add-ons__select{flex:1 1 8rem;min-width:0;min-height:var(--input-height);padding:var(--spacing-2) var(--spacing-3);font:inherit;color:inherit;background:rgb(var(--background-primary));border:1px solid rgb(var(--border-color));border-radius:var(--rounded-input, 0)}.add-ons__select:focus-visible{outline:2px solid rgb(var(--text-primary));outline-offset:1px}.add-ons__quantity{min-height:2.5rem}.add-ons__quantity .quantity-selector__button{min-width:2.5rem}.add-ons__quantity .quantity-selector__input{width:2.5rem}.add-ons__footer{display:flex;flex-direction:column;gap:var(--spacing-3);padding-block-start:var(--spacing-4);border-block-start:1px solid rgb(var(--border-color))}.add-ons__summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--spacing-2);margin:0}.add-ons__total-label{opacity:.7}.add-ons__totals{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--spacing-1)}.add-ons__total{font-size:var(--text-h4, 1.5rem);font-weight:700;line-height:1.2}.add-ons__count{opacity:.6}.add-ons__button{width:100%}.add-ons__button[hidden]{display:none}.add-ons__button--main.is-loading:after{border-color:rgb(var(--button-text-secondary) / .3);border-top-color:rgb(var(--button-text-secondary))}.add-ons__error{margin:0;color:rgb(var(--error-text))}.add-ons__error[hidden]{display:none}@media screen and (max-width:699px){.add-ons{--add-ons-media-size: 3.5rem;padding:var(--spacing-3)}.add-ons__controls{padding-inline-start:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/product-add-ons.css.map */