.addon-picker{display:block;position:relative;margin-bottom:1.6rem;padding:1.2rem 1.2rem 1.4rem;border:1px solid rgba(var(--color-button),.35);border-radius:8px;background-color:rgba(var(--color-button),.05)}.addon-picker__fieldset{margin:0;padding:0;border:0;min-width:0}.addon-picker__heading{padding:0;font-size:1.5rem;font-weight:600;line-height:1.3;white-space:nowrap;color:rgb(var(--color-foreground))}.addon-picker__note{margin:.2rem 0 0;font-size:1.2rem;line-height:1.4;white-space:nowrap;color:rgba(var(--color-foreground),.7)}.addon-picker__list{display:grid;grid-template-columns:repeat(var(--addon-columns, 4),minmax(0,1fr));gap:.4rem;margin-top:1rem}.addon-picker__option{display:block;min-width:0;cursor:pointer}.addon-picker__card{display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%;padding:.4rem .3rem .6rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:8px;background-color:rgb(var(--color-background));text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.addon-picker__option:hover .addon-picker__card{border-color:rgba(var(--color-foreground),.4)}.addon-picker__input:checked+.addon-picker__card{border-color:rgb(var(--color-button));box-shadow:0 0 0 1px rgb(var(--color-button))}.addon-picker__input:focus-visible+.addon-picker__card{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.addon-picker__image{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:6px;object-fit:cover}.addon-picker__name{max-width:100%;font-size:1.2rem;font-weight:600;line-height:1.25;letter-spacing:.02rem;overflow-wrap:break-word;color:rgb(var(--color-foreground))}.addon-picker__price{display:flex;flex-direction:column;margin-top:auto;font-size:1.2rem;line-height:1.3;white-space:nowrap;color:rgba(var(--color-foreground),.7)}.addon-picker__price s{font-size:1.1rem}.addon-picker__price strong{color:rgb(var(--color-button))}.addon-picker__option--none{grid-column:1 / -1}.addon-picker__option--none .addon-picker__card{justify-content:center;padding:.6rem 1rem}.addon-picker__option--none .addon-picker__name{font-weight:400;white-space:nowrap;color:rgba(var(--color-foreground),.8)}.addon-picker__error{margin:.8rem 0 0;font-size:1.3rem;font-weight:600;line-height:1.4;white-space:nowrap;color:#b3261e}.addon-picker__error[hidden]{display:none}.addon-picker--error{border-color:#b3261e;background-color:#b3261e0d}.addon-picker__preview{position:absolute;bottom:calc(100% + .8rem);left:50%;z-index:5;width:min(100%,30rem);padding:.6rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:10px;background-color:rgb(var(--color-background));box-shadow:0 8px 28px #0000002e;transform:translate(-50%)}.addon-picker__preview[hidden]{display:none}.addon-picker__preview-image{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:6px;object-fit:cover}.addon-picker__preview-close{position:absolute;top:1.2rem;right:1.2rem;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background-color:#ffffffeb;box-shadow:0 1px 4px #0003;font-size:2.4rem;line-height:1;color:rgb(var(--color-foreground));cursor:pointer}.addon-picker__zoom{display:none}@media(hover:hover)and (min-width:750px){.addon-picker__option:hover .addon-picker__zoom{display:block;position:absolute;top:0;right:calc(100% + 1.2rem);z-index:5;width:min(32rem,30vw);padding:.6rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:10px;background-color:rgb(var(--color-background));box-shadow:0 8px 28px #0000002e;pointer-events:none}.addon-picker__zoom img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:6px;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-addon-picker.css.map */