.addon-picker{--addon-gap: var(--sp-3);--addon-card-width: 100px;--addon-border-radius: var(--border-radius);--addon-selected-color: var(--color-accent-1)}.addon-picker__header{margin-bottom:var(--sp-4)}.addon-picker__title{display:flex;align-items:center;gap:var(--sp-1)}.addon-picker__required{color:#e11d48}.addon-picker__grid{display:flex;flex-wrap:wrap;gap:var(--addon-gap)}.addon-picker__item{position:relative;flex:0 0 var(--addon-card-width);cursor:pointer;transition:transform var(--animation-short)}.addon-picker__item:hover{transform:translateY(-2px)}.addon-picker__card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);background:rgb(var(--color-background));border:2px solid rgb(var(--color-border));border-radius:var(--addon-border-radius);transition:border-color var(--animation-short),box-shadow var(--animation-short)}.addon-picker__item:hover .addon-picker__card{border-color:rgb(var(--color-foreground) / .3)}.addon-picker__item input:checked+.addon-picker__card{border-color:rgb(var(--addon-selected-color));box-shadow:0 0 0 1px rgb(var(--addon-selected-color))}.addon-picker__item input:checked~.addon-picker__check{opacity:1;transform:scale(1)}.addon-picker__check{position:absolute;top:-6px;right:-6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:rgb(var(--addon-selected-color));color:rgb(var(--color-background));border-radius:50%;opacity:0;transform:scale(.5);transition:opacity var(--animation-short),transform var(--animation-short)}.addon-picker__media{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:calc(var(--addon-border-radius) - 4px);background:rgb(var(--color-background-2))}.addon-picker__image{width:100%;height:100%;object-fit:cover}.addon-picker__no-icon{width:60%;height:60%;margin:20%}.addon-picker__item--none .addon-picker__media{background:linear-gradient(145deg,#f0f4f8,#e2e8f0)}.addon-picker__info{display:flex;flex-direction:column;gap:var(--sp-1);text-align:center}.addon-picker__name{font-size:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.addon-picker__price{font-size:.7rem;color:rgb(var(--color-foreground) / .7)}.addon-picker__error{color:#e11d48;font-size:.875rem}.addon-picker__error[hidden]{display:none}.addon-picker.has-error .addon-picker__grid{outline:2px solid #e11d48;outline-offset:4px;border-radius:var(--addon-border-radius)}@media screen and (max-width:767px){.addon-picker__grid{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-2);margin-bottom:calc(-1 * var(--sp-2))}.addon-picker__item{scroll-snap-align:start;flex:0 0 90px}.addon-picker__grid::-webkit-scrollbar{height:4px}.addon-picker__grid::-webkit-scrollbar-track{background:rgb(var(--color-border) / .3);border-radius:2px}.addon-picker__grid::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground) / .2);border-radius:2px}}.addon-picker__item input:focus-visible+.addon-picker__card{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.addon-picker[data-submitting=true]{pointer-events:none;opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/33/assets/product-addons.css.map */