card-options{z-index:2;width:fit-content;display:flex;flex-direction:column;align-items:center}.card-product-option{position:relative;width:100%}.variant-color{border-radius:50%;transition:border-color .3s ease-in-out;width:2.8rem;height:2.8rem;border:.1rem solid rgba(var(--color-foreground),.1);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.variant-color.sold-out:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background-repeat:no-repeat;background-position:center center;background-size:100% 100%,auto;opacity:.2}.variant-color.sold-out:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background-repeat:no-repeat;background-position:center center;background-size:100% 100%,auto;background-color:rgb(var(--color-foreground));opacity:0}.variant-color.sold-out:hover:after{opacity:.2}.card-product-option.option-color{position:relative;display:flex;align-items:center;gap:1rem;margin-top:1rem}.card-product-option.option-color .option-values{-webkit-transition:all .4s cubic-bezier(.19,1,.22,1);transition:all .4s cubic-bezier(.19,1,.22,1);-o-transition:all .4s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;opacity:0;visibility:hidden;display:flex;align-items:center;gap:.5rem}.variant-color img.circle-image{width:75%;height:auto;max-width:2.8rem;max-height:2.8rem;border-radius:50%;vertical-align:middle;cursor:pointer;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1);-o-transition:all .5s cubic-bezier(.19,1,.22,1)}@media screen and (min-width: 750px){.product-card-wrapper:hover .card-product-option.option-color .option-values{opacity:1;visibility:visible}}.product-option__overview{position:relative;color:rgba(var(--color-foreground),.55);transition:transform var(--duration-long) ease-in-out;font-size:1.2rem;-webkit-transition:all .4s cubic-bezier(.19,1,.22,1);transition:all .4s cubic-bezier(.19,1,.22,1);-o-transition:all .4s cubic-bezier(.19,1,.22,1)}@media screen and (min-width: 750px){.product-card-wrapper:hover .product-option__overview{opacity:0;visibility:hidden}}.variant-color.more{background-color:transparent;border:none;pointer-events:none}.variant-color:not(.more).active{border:.1rem solid rgb(var(--color-foreground))}.variant-color:not(.more).active.sold-out:before{opacity:1}.card__media img{display:block;width:100%;height:auto;transition:transform var(--duration-long) ease-in-out;opacity:1}.card__media img.fading{opacity:0;transition:transform var(--duration-long) ease-in-out}.card-product-option.option-size{display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:transform var(--duration-long) ease-in-out;position:absolute;bottom:3rem;width:100%;gap:.5rem}.card__information.single-color-option .card-product-option.option-size{margin-bottom:5rem}@media screen and (min-width: 750px){.product-card-wrapper:hover .card-product-option.option-size{opacity:1;visibility:visible}}.card-product-option.option-size .option-values{padding:.5rem 1rem;border-radius:2rem;background-color:rgb(var(--color-background));display:inline-flex;flex-grow:0;flex-shrink:1;max-width:80%;overflow:auto}.card-product-option.option-size .option-values.single-option:not(.sold-out){display:none}.card-product-option.option-size .option-values .variant-option:nth-child(n+6){display:none}.card-product-option.option-size .more{padding:.7rem 1rem;border-radius:2rem;background-color:rgb(var(--color-background));display:inline-flex;font-size:1.2rem;line-height:1;font-weight:500;cursor:pointer;text-align:center;transition:background-color .3s ease,opacity .3s ease}.card-product-option.option-size .option-values.sold-out+.more{display:none}.size-option,.option-size .sold-out-message{padding:.2rem .5rem;font-size:1.2rem;line-height:1;font-weight:500;cursor:pointer;text-align:center;transition:background-color .3s ease,opacity .3s ease}.size-option.highlight{color:#000}.size-option.disabled,.option-size .sold-out-message{opacity:.2;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/195/assets/component-card-options.css.map */