.avp-wrapper{display:block;margin-bottom:2rem;font-family:var(--font-body-family)}.avp-fieldset{border:none;padding:0;margin:0 0 1.5rem}.avp-legend{font-size:1.4rem;margin-bottom:1rem;color:var(--color-foreground);padding:0}.avp-selected-value{font-weight:700;color:rgba(var(--color-foreground),.75)}.avp-options-container{display:flex;flex-wrap:wrap;gap:1rem;margin-left:4px}.avp-pill{display:inline-flex;justify-content:center;align-items:center;padding:.8rem 1.5rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius, 4px);cursor:pointer;background-color:transparent;transition:all .2s ease;font-size:1.4rem}.avp-radio:checked+.avp-pill{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.avp-radio:disabled+.avp-pill,.avp-pill.is-unavailable{opacity:.5;text-decoration:line-through;cursor:not-allowed}.avp-swatch{display:block;width:var(--swatch-size, 32px);height:var(--swatch-size, 32px);border-radius:var(--border-radius, 50%);background-color:var(--swatch-bg, #ccc);border:1px solid rgba(var(--color-foreground),.2);cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease}.avp-swatch:hover{transform:scale(1.1)}.avp-radio:checked+.avp-swatch{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-foreground))}.avp-radio:disabled+.avp-swatch:after,.avp-swatch.is-unavailable:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:red;transform:translateY(-50%) rotate(-45deg)}.avp-select{width:100%;padding:1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius, 4px);background-color:rgb(var(--color-background));font-family:inherit}.avp-label.avp-unavailable{opacity:.2;position:relative;cursor:not-allowed;overflow:hidden}.avp-label.avp-unavailable:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top left,transparent calc(50% - 1px),red calc(50% - 1px),red calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),red calc(50% - 1px),red calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none;border-radius:inherit;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-advanced-variant-picker.css.map */