.fabric-picker{background:rgb(var(--color-background));border:none;padding:0;margin:0}.fabric-picker__title{font-family:var(--font-body-family);font-size:1.3rem;font-weight:var(--font-body-weight);color:rgb(var(--color-foreground));margin:0 0 .6rem;padding:0;line-height:calc(1 + .5 / var(--font-body-scale))}.fabric-picker__options{display:flex;flex-direction:column;gap:.4rem}.fabric-picker__option{display:flex;align-items:center;padding:.8rem 1rem;cursor:pointer;transition:all .2s ease;border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--variant-pills-radius);position:relative;background:rgb(var(--color-background))}.fabric-picker__option:hover{border-color:rgba(var(--color-foreground),.25)}.fabric-picker__option.is-selected{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.02)}.fabric-picker__option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.fabric-picker__swatch{width:48px;height:48px;border-radius:calc(var(--media-radius) * .6);overflow:hidden;flex-shrink:0;border:1px solid rgba(var(--color-foreground),.1);transition:all .2s ease}.fabric-picker__swatch img{width:100%;height:100%;object-fit:cover}.fabric-picker__info{flex:1;margin-left:1rem}.fabric-picker__name{font-family:var(--font-body-family);font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));display:flex;align-items:center;gap:.5rem;margin:0 0 .2rem}.fabric-picker__premium-badge{font-size:.85rem;font-weight:500;color:rgba(var(--color-foreground),.5);font-family:var(--font-body-family)}.fabric-picker__description{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin:0;line-height:1.3}.fabric-picker__features{display:none}.fabric-picker__indicator{width:22px;height:22px;border-radius:50%;border:2px solid rgba(var(--color-foreground),.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:.75rem;transition:all .2s ease;background:rgb(var(--color-background))}.fabric-picker__option.is-selected .fabric-picker__indicator{border-color:rgb(var(--color-button));background:rgb(var(--color-button))}.fabric-picker__indicator svg{width:12px;height:12px;color:rgb(var(--color-button-text));opacity:0;transform:scale(.5);transition:all .15s ease}.fabric-picker__option.is-selected .fabric-picker__indicator svg{opacity:1;transform:scale(1)}.fabric-picker__option.is-disabled{opacity:.5;cursor:not-allowed}.fabric-picker__option.is-disabled .fabric-picker__name{text-decoration:line-through}@media screen and (max-width: 749px){.fabric-picker__option{padding:.6rem .8rem}.fabric-picker__swatch{width:40px;height:40px}.fabric-picker__info{margin-left:.75rem}.fabric-picker__name{font-size:1.3rem}.fabric-picker__description{font-size:1.1rem}.fabric-picker__indicator{width:20px;height:20px}.fabric-picker__indicator svg{width:10px;height:10px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-fabric-picker.css.map */