.custom-card-variant-options{margin-top:.8rem;display:flex;flex-direction:column;gap:.6rem;position:relative;z-index:1;pointer-events:auto}.custom-card-variant-options__group,.custom-card-variant-options__swatches{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.custom-card-variant-options__option--swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0}.custom-card-variant-options__option--swatch .swatch{width:2.4rem;height:2.4rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.2rem;transition:border-color .2s ease;display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--swatch--background, #cccccc)}.custom-card-variant-options__option--swatch .swatch.swatch--multi-color{position:relative;overflow:hidden;background:var(--swatch--background, #cccccc)}.custom-card-variant-options__option--swatch .swatch.swatch--multi-color[style*=linear-gradient]{background-image:var(--swatch-gradient, none)}.custom-card-variant-options__multiple-colors-indicator{font-size:1rem;font-weight:700;color:rgba(var(--color-foreground),.6);line-height:1}.custom-card-variant-options__option--swatch{cursor:pointer;pointer-events:auto;position:relative;z-index:1}.custom-card-variant-options__option--swatch:hover .swatch{border-color:rgba(var(--color-foreground),.3)}.custom-card-variant-options__option--swatch.custom-card-variant-options__option--selected .swatch{border-color:rgba(var(--color-foreground),.6);box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.2)}.custom-card-variant-options__buttons{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.custom-card-variant-options__option--button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.4rem .8rem;min-height:2.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.2rem;background-color:transparent;cursor:pointer;pointer-events:auto;z-index:1;transition:border-color .2s ease,background-color .2s ease}.custom-card-variant-options__option--button{cursor:pointer}.custom-card-variant-options__option--button:hover{border-color:rgba(var(--color-foreground),.4);background-color:rgba(var(--color-foreground),.05)}.custom-card-variant-options__option--button.custom-card-variant-options__option--selected{border-color:rgba(var(--color-foreground),.6);box-shadow:0 0 0 .15rem rgba(var(--color-foreground),.2);background-color:rgba(var(--color-foreground),.1)}.custom-card-variant-options__button-text{font-size:1.2rem;line-height:1.4;color:rgb(var(--color-foreground))}.custom-card-variant-options__label{font-size:1.2rem;font-weight:500;color:rgb(var(--color-foreground));margin-right:.4rem}.custom-card-variant-options__text{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.custom-card-variant-options__option--text{position:relative;display:inline-block;font-size:1.2rem;line-height:1.4;color:rgb(var(--color-foreground));padding:.2rem .4rem}.custom-card-variant-options__option--unavailable{opacity:.7;cursor:pointer;filter:brightness(.75);pointer-events:auto}.custom-card-variant-options__option--swatch.custom-card-variant-options__option--unavailable .swatch{border-color:rgba(var(--color-foreground),.2);opacity:.8}.custom-card-variant-options__option--swatch.custom-card-variant-options__option--unavailable:hover .swatch{border-color:rgba(var(--color-foreground),.2)}.custom-card-variant-options__option--button.custom-card-variant-options__option--unavailable{background-color:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.15);color:rgba(var(--color-foreground),.5)}.custom-card-variant-options__option--button.custom-card-variant-options__option--unavailable:hover{border-color:rgba(var(--color-foreground),.15);background-color:rgba(var(--color-foreground),.05)}.custom-card-variant-options__option--button.custom-card-variant-options__option--unavailable .custom-card-variant-options__button-text{color:rgba(var(--color-foreground),.5);text-decoration:line-through;text-decoration-thickness:.1rem}.custom-card-variant-options__option--swatch.custom-card-variant-options__option--unavailable:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:.08rem;background-color:rgba(var(--color-foreground),.6);transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;pointer-events:none;z-index:1}@media screen and (max-width: 749px){.custom-card-variant-options{margin-top:.6rem;gap:.5rem}.custom-card-variant-options__option--swatch .swatch{width:2rem;height:2rem}.custom-card-variant-options__option--button{padding:.3rem .6rem;min-height:2rem}.custom-card-variant-options__button-text,.custom-card-variant-options__option--text{font-size:1.1rem}}.card__information .custom-card-variant-options{margin-top:.8rem}.card__information .custom-card-variant-options:first-child{margin-top:0}.custom-card-variant-options__inventory{margin-top:.4rem;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}.custom-card-variant-options__inventory-text{display:inline-block}.custom-card-variant-options__inventory--low-stock{color:#ee9441;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-custom-card-variant-options.css.map */