.product__variant-products{display:flex;flex-direction:column;gap:1.5rem}.product__variant-products .variant-products+.variant-products{margin-top:0}.variant-products__label-name{color:rgba(var(--color-foreground),.7)}.variant-products__label-value{color:rgb(var(--color-foreground))}.variant-products__list{--variant-products-size: 4.4em;--variant-products-radius: 6px}.variant-products__item{display:inline-flex;flex-direction:column;align-items:center;min-width:0}.variant-products__link{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:.4em;width:var(--variant-products-size);height:var(--variant-products-size);background-color:rgb(var(--color-background));border-radius:var(--variant-products-radius);color:rgb(var(--color-foreground));text-decoration:none;cursor:pointer;outline:none;box-shadow:0 0 0 1px rgba(var(--color-foreground),.2);transition:box-shadow var(--duration-default, .2s) ease}.variant-products__link:hover:not(.variant-products__link--unavailable):not(.variant-products__link--active){box-shadow:0 0 0 1px rgb(var(--color-foreground))}.variant-products__link:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgba(var(--color-foreground),.55)}.variant-products__link--active{box-shadow:0 0 0 2px rgb(var(--color-foreground));cursor:default}.variant-products__link--unavailable{cursor:not-allowed;box-shadow:0 0 0 1px rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.6)}.variant-products__link--unavailable .variant-products__image{opacity:.6}.variant-products__link--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - 1px),rgba(var(--color-foreground),.1) 50%,rgba(var(--color-foreground),.1) 50%,transparent calc(50% + 1px)) no-repeat;border-radius:inherit;pointer-events:none}.variant-products__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--variant-products-radius);background-color:rgba(var(--color-foreground),.04)}.variant-products__title{max-width:var(--variant-products-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--color-foreground),.85)}@media screen and (forced-colors:active){.variant-products__link--active{outline:2px solid CanvasText}}.product-form__input--pill .variant-products__pill-link{border:0;box-shadow:0 0 0 1px rgb(var(--color-foreground),.2);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--variant-pills-radius);display:inline-block;margin:0;padding:.7em 1.5em;text-align:center;font-weight:var(--variant-pill-font-weight, 400);text-transform:var(--variant-pill-text-transform, none);transition:box-shadow var(--duration-default) ease;cursor:pointer;position:relative;overflow-wrap:anywhere;text-decoration:none}.product-form__input--pill .variant-products__pill-link:before{content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);inset-inline-end:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);inset-inline-start:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))}.product-form__input--pill a.variant-products__pill-link:hover{box-shadow:0 0 0 1px rgb(var(--color-foreground))}.product-form__input--pill .variant-products__pill-link--active{box-shadow:0 0 0 2px rgb(var(--color-foreground));cursor:default}.product-form__input--pill .variant-products__pill-link:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--pill .variant-products__pill-link--disabled{box-shadow:0 0 0 1px rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.6);cursor:not-allowed}.product-form__input--pill .variant-products__pill-link--disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - 1px),rgba(var(--color-foreground),.1) 50%,rgba(var(--color-foreground),.1) 50%,transparent calc(50% + 1px)) no-repeat;border-radius:inherit}.product-form__input--pill .variant-products__pill-link--disabled.variant-products__pill-link--active{box-shadow:0 0 0 2px rgba(var(--color-foreground),.3)}.product-form__input--pill .variant-products__pill-link--more{box-shadow:0 0 0 1px rgba(var(--color-foreground),.15);color:rgba(var(--color-foreground),.6);cursor:default}@media screen and (forced-colors:active){.product-form__input--pill .variant-products__pill-link--active{text-decoration:underline}.product-form__input--pill .variant-products__pill-link:focus-visible{outline:transparent solid 1px;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-variant-products.css.map */