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}.card-product-option.option-size{bottom:1.6rem;padding:0 1.2rem;box-sizing:border-box}.card-product-option.option-size .option-values{padding:0;border-radius:0;background:transparent;display:inline-grid;justify-content:center;gap:.2rem;max-width:100%;overflow:visible}.card-product-option.option-size .option-values .variant-option:nth-child(n+6){display:inline-flex}.card-product-option.option-size .more{display:none}.card-product-option.option-size .size-option{display:inline-flex;align-items:center;justify-content:center;width:max-content;justify-self:center;min-width:1.8rem;min-height:2rem;box-sizing:border-box;padding:.3rem;border:1px solid rgba(0,0,0,.08);border-radius:.3rem;background:#fffffff5;color:#242424;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:0;cursor:default}.card-product-option.option-size .size-option.disabled{color:#aaa;border-color:#0000000a;background:#fffc;opacity:1}@media screen and (min-width:750px){.product-card-wrapper:focus-within .card-product-option.option-size{opacity:1;visibility:visible}}.card-product-option.option-size .sold-out-message{background:#fffffff5;border-radius:.3rem;padding:.4rem .7rem;font-size:1.05rem;color:#666;opacity:1}@media(prefers-reduced-motion:reduce){.card-product-option.option-size{transition:none}}@media screen and (min-width:750px)and (hover:hover){.product-card-wrapper .card__media>.media{transform-origin:center;transition:transform var(--duration-long) ease-in-out}.product-card-wrapper:hover .card__media>.media{transform:scale(.95) rotate(1.25deg)}.product-card-wrapper .card__media>.media>img,.product-card-wrapper .card__media>.media:after{transform:none!important}}@media(prefers-reduced-motion:reduce){.product-card-wrapper .card__media>.media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/223/assets/component-card-options.css.map */
