.addon-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.addon-section-header__title{font-size:.875rem;font-weight:600;white-space:nowrap;color:rgb(var(--color-foreground))}.addon-section-header__line{flex:1;height:1px;background:rgb(var(--color-border, var(--color-foreground) / .1))}.addon-cards__group{display:grid;gap:.625rem;margin-bottom:1.25rem}.addon-cards__group:last-of-type{margin-bottom:0}.addon-cards__group-heading{display:flex;align-items:center;gap:.5rem}.addon-cards__group-label{font-size:1rem;font-weight:400;line-height:1.4;margin:0;color:rgb(var(--color-foreground))}.addon-cards__selected-label{font-weight:500}.addon-cards__options{display:flex;flex-wrap:wrap;gap:var(--sp-4, 1rem);align-items:stretch}@media screen and (max-width:767px){.addon-cards__options .addon-card{flex:1 0 auto}.addon-cards__options .addon-card .addon-card__label{white-space:nowrap}}.addon-card{position:relative;display:inline-flex;align-items:center;width:auto;padding:var(--sp-4, 1rem) var(--sp-5, 1.25rem);border:none;border-radius:var(--swatch-radius, var(--style-border-radius-inputs, 5px));background:transparent;cursor:pointer;text-align:left;box-shadow:0 0 0 1px rgb(var(--color-border, var(--color-foreground) / .1));transition:box-shadow var(--animation-short, .2s ease);overflow:hidden;box-sizing:border-box}.addon-card.is-selected{box-shadow:0 0 0 2px rgb(var(--color-foreground))}@media screen and (pointer:fine){.addon-card:hover:not(.is-selected):not([disabled]){box-shadow:0 0 0 2px rgb(var(--color-foreground))}}.addon-card--unavailable,.addon-card[disabled]{cursor:not-allowed;opacity:.5}.addon-card__body{display:flex;flex-direction:column;gap:.25rem;flex:1}.addon-card:not(.addon-card--with-image){justify-content:center;text-align:center}.addon-card:not(.addon-card--with-image) .addon-card__body{align-items:center}.addon-card__label{font-size:.875rem;font-weight:500;line-height:1.3;color:rgb(var(--color-foreground));transition:color var(--animation-short, .2s ease)}.addon-card__subtext{font-size:.75rem;font-weight:400;line-height:1.3;color:rgb(var(--color-foreground) / .5);transition:color var(--animation-short, .2s ease)}.addon-card.is-selected .addon-card__subtext{color:rgb(var(--color-foreground) / .65)}.addon-card--with-image{padding-top:0;padding-bottom:0;padding-right:0;padding-left:var(--sp-5, 1.25rem);min-height:63px}.addon-card__image-wrap{flex-shrink:0;width:73px;height:63px;margin-left:10px;overflow:hidden}.addon-card--unavailable .addon-card__image-wrap,.addon-card[disabled] .addon-card__image-wrap{opacity:.2}.addon-card__image{width:100%;height:100%;object-fit:cover;display:block}.addon-card__price-badge{font-size:.8125rem;font-weight:700;line-height:1;background:rgb(var(--color-foreground) / .3);color:rgb(var(--color-background));white-space:nowrap;pointer-events:none;transition:background var(--animation-short, .2s ease)}.addon-card.is-selected .addon-card__price-badge{background:rgb(var(--color-foreground))}.addon-card--with-image .addon-card__price-badge{align-self:flex-start;padding:5px 8px;border-radius:0 0 0 6px;background:rgb(var(--color-foreground))}.addon-card:not(.addon-card--with-image) .addon-card__price-badge{position:absolute;top:0;right:0;z-index:1;padding:5px 8px;border-radius:0 calc(var(--swatch-radius, var(--style-border-radius-inputs, 5px)) - 1px) 0 6px}.addon-card:not(.addon-card--with-image):has(.addon-card__price-badge){padding-right:0}.addon-card:not(.addon-card--with-image):has(.addon-card__price-badge) .addon-card__label{padding-right:2.75rem}.addon-info-trigger{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:rgb(var(--color-foreground) / .4);transition:color var(--animation-short, .2s ease);flex-shrink:0}.addon-info-trigger:hover{color:rgb(var(--color-foreground))}drawer-element[id^=addon-info-]{z-index:99999}.addon-info-item{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgb(var(--color-border, var(--color-foreground) / .1))}.addon-info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.addon-info-item__image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--swatch-radius, 5px);display:block;margin-bottom:1rem}
/*# sourceMappingURL=/cdn/shop/t/129/assets/addon-cards.css.map */
