.card--addon{align-items:center;background:rgba(var(--color-foreground),var(--alpha-lowest));border-radius:var(--button-radius);color:rgba(var(--color-foreground),var(--alpha-high));display:flex;flex:1;flex-flow:row wrap;gap:calc(var(--stack-gap) * 1.5);overflow:hidden;padding:.1rem calc(var(--stack-gap) * 2) .1rem calc(var(--stack-gap) * 1);position:relative}.card--addon .card__media{flex:0 0 7.5rem}.card--addon .card__media .media{background-color:rgb(var(--image-background))}.card--addon .card__media .media>img{mix-blend-mode:multiply}.card--addon .card__information{display:flex;flex:1;flex-direction:column}.card--addon .card__subheading{font-size:var(--step--1)}.card--addon .card__price,.card--addon .card__price .price-item--regular{font-size:var(--step--1);text-transform:uppercase}.card--addon .card__quantity{font-size:var(--step--1)}.card--addon .card__variant{display:none;flex:1 0 100%}.card--addon .card__variant p{font-size:var(--step-0);margin-block:0 var(--stack-gap)}.product__card-addon .button--selected span{pointer-events:none}.product__card-addon .button--selected svg{height:auto;min-width:4rem;pointer-events:none;width:100%}.product__card-addon[selected=selected] .card__option-selector{display:grid;flex:1 0 100%}.product__card-addon[selected=selected] .card__variant{display:block;height:100%}.card--addon .card__option-selector{display:none;flex:0 0 80%;gap:var(--stack-gap);grid-template-columns:1fr auto;grid-template-rows:1fr;place-items:stretch}.card--addon .quantity{grid-column:2}.card--addon .select{position:relative}.card--addon .select .icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.card--addon addon-variant-selects{display:block;height:100%}.card--addon addon-variant-selects .product-form__input{height:100%;margin-bottom:0;text-align:right}.card--addon .select{height:100%}.card--addon .select__select{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-white));border-radius:var(--button-radius);border:0;box-shadow:0 0 0 var(--border-default) rgba(var(--color-brand-primary),1) inset;color:rgba(var(--color-foreground),.7);font-family:var(--font-body-family);font-size:var(--step--1);font-weight:var(--font-body-weight-bold);height:100%;padding:var(--stack-gap);text-transform:uppercase;width:100%}.card--addon .variant-messaging-wrapper{color:rgb(var(--color-brand-primary));grid-column:span 2;font-size:var(--step-0);font-weight:var(--font-body-weight-black);text-transform:uppercase}.product__addon{margin-block:calc(var(--stack-gap) * .5)}.product__card-addon{align-items:flex-start;display:flex;flex-wrap:wrap;gap:calc(var(--stack-gap) * 1.5)}.product__card-addon .card__heading{flex:1 0 100%;line-height:1.4;margin:0}.product__card-addon .card__heading.condensed{margin-top:calc(var(--stack-gap) * 1.5)}.product__card-addon .button--selected{background:rgb(var(--color-background));border-radius:10rem;cursor:pointer;display:grid;font-size:var(--step-3);font-weight:var(--font-body-weight-light);height:5rem;margin-top:var(--stack-gap);place-content:center center;width:5rem}.product__card-addon[selected=false] .button--selected{box-shadow:0 0 2.5rem rgba(var(--color-foreground),.15)}.product__card-addon[selected=selected] .button--selected{background-color:rgb(var(--color-brand-primary));color:rgb(var(--color-background));box-shadow:none}.product__card-addon[selected=selected] .button--selected>span{display:flex}.product__card-addon[selected=selected] .button--selected>span:first-child{display:none}.product__card-addon[selected=false] .button--selected>span{display:none}.product__card-addon[selected=false] .button--selected>span:first-child{display:flex}.product__card-addon[selected=selected] .card--addon{box-shadow:0 0 0 var(--border-default) rgb(var(--color-brand-primary)) inset;padding-bottom:1.5rem}.product__card-addon-cart[data-default-variant][selected=selected] .card__option-selector{display:none}.product__card-addon-cart[data-default-variant][selected=selected] .card--addon{padding-bottom:.1rem}.product__card-addon[selected=selected] .card__price{color:rgb(var(--color-brand-primary))}.product__card-addon:has(.button--selected) .card--addon{cursor:pointer}.product__card-addon .loading__spinner-outer{display:none}.product__card-addon[selected=selected]:has(.loading__spinner:not(.hidden)) .loading__spinner-outer{background:rgba(var(--color-background),var(--alpha-low));display:grid;position:absolute;top:0;right:0;bottom:0;left:0;place-content:center;z-index:1}.product__card-addon[selected=selected] .loading__spinner:not(.hidden){display:block;position:static}
/*# sourceMappingURL=/cdn/shop/t/255/assets/component-card-addon-product.css.map */