.card-wrapper,.card__inner{position:relative}.promotion-card-wrapper,.promotion-card-wrapper>.card,.promotion-card-wrapper>.card :is(.card__inner,.card__media,.card__media-wrapper,.media){height:100%}.placeholder-card-wrapper,.placeholder-card-wrapper>.card,.placeholder-card-wrapper>.card :is(.card__inner){height:100%}.card{position:relative;box-sizing:border-box;overflow:hidden;color:rgba(var(--color-foreground),1);background:rgb(var(--color-background));background:var(--gradient-background);border-radius:var(--media-radius)}.card__inner-card{--color-foreground: var(--global-color-foreground);--color-background: var(--global-color-background);--gradient-background: var(--global-gradient-background);border-radius:var(--card-radius, 0);border:var(--card-border-width, 0) solid rgba(var(--color-foreground),var(--card-border-opacity, 1));color:rgba(var(--color-foreground),1);background:rgb(var(--color-background));background:var(--gradient-background);padding:.8rem}.card-product .card__inner-card{--image-padding: var(--product-card-image-padding) }.card-collection .card__inner-card{--image-padding: var(--collection-card-image-padding) }.card-article .card__inner-card{--image-padding: var(--blog-card-image-padding) }.card-product .card__inner-card{--card-border-width: var(--product-card-border-width);--card-border-opacity: var(--product-card-border-opacity);--card-radius: min(.8rem, var(--product-card-corner-radius))}.card-collection .card__inner-card{--card-border-width: var(--collection-card-border-width);--card-border-opacity: var(--collection-card-border-opacity);--card-radius: min(.8rem, var(--collection-card-corner-radius))}.card-article .card__inner-card{--card-border-width: var(--blog-card-border-width);--card-border-opacity: var(--blog-card-border-opacity);--card-radius: min(.8rem, var(--blog-card-corner-radius))}.card__media{display:block;margin:var(--image-padding, 0rem);width:calc(100% - 2* var(--image-padding, 0rem));position:relative;overflow:hidden;line-height:0;color:currentColor}a.card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;outline-offset:-.3rem}a.card__media:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}a.card__media:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}a.card__media:focus:not(:focus-visible):after{box-shadow:none;outline:0}a.card__media:focus{box-shadow:none;outline:0}.card__content{padding-top:.8rem;padding-bottom:.8rem}.card__content--center{padding-left:.8rem;padding-right:.8rem}.card-placeholder .card__content{display:grid;grid-template-rows:minmax(0,1fr) max-content minmax(0,1fr);padding:1.6rem;width:100%;height:100%;flex-grow:1}.card-placeholder .card__content.article-content{height:auto;gap:1.5rem}.card-promotion .card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:1.6rem;display:flex;flex-direction:column}.card-article .card__content{--color-foreground: var(--global-color-foreground);--color-background: var(--global-color-background);--gradient-background: rgb(var(--color-background));padding:2.4rem 1.6rem}.card-collection .card__content,.card-placeholder .card__content{--color-foreground: var(--global-color-inverse-foreground);--color-background: var(--global-color-inverse-background);--gradient-background: rgb(var(--color-background))}.card-collection .card__content--below{--color-foreground: var(--global-color-foreground);--color-background: var(--global-color-background);--gradient-background: rgb(var(--color-background));position:static;top:unset;left:unset;height:auto;color:rgba(var(--color-foreground),1);background:rgb(var(--color-background));background:var(--gradient-background);padding:.8rem 1.6rem}.card__caption{--caption-background: var(--caption-global-background);--caption-foreground: var(--caption-global-foreground);display:inline-block;text-decoration:none;color:currentColor}.card__caption[href]{position:relative;z-index:2}.card-promotion .card__caption,.card-article .card__caption{margin-bottom:.8rem;flex-wrap:wrap}.card-article .card__caption{display:inline-flex;grid-gap:.4rem;position:relative;z-index:1}.card__heading{font-family:var(--font-family);font-size:var(--font-size, calc(var(--font-body-scale) * 1.6rem));font-weight:var(--font-weight);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing);line-height:calc(1 + .2 / var(--font-body-scale));color:#171717;margin-top:0;margin-bottom:0}.card__heading:last-child{margin-bottom:0!important}.card__heading a{position:relative;overflow:hidden;white-space:normal;display:-webkit-box!important;-webkit-line-clamp:var(--ellipsis, 2);text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:57.56px}.card-product .card__heading,.card-article .card__heading{margin-bottom:1.2rem}.card-article .card__heading a{min-height:auto}.card-product .card__heading{--ellipsis: var(--product-card-title-ellipsis);--font-family: var(--product-card-title-font-family);--font-size: var(--product-card-title-font-size-mobile);--font-weight: var(--product-card-title-font-weight);--text-transform: var(--product-card-title-text-transform);--letter-spacing: var(--product-card-title-letter-spacing)}.card-product .card__media .media-wrapper--style,.card-product .card__media .media-wrapper--style img{border-bottom-left-radius:0;border-bottom-right-radius:0}.card-collection .card__heading{--ellipsis: 5;--font-family: var(--collection-card-title-font-family);--font-size: var(--collection-card-title-font-size-mobile);--font-weight: var(--collection-card-title-font-weight);--text-transform: var(--collection-card-title-text-transform);--letter-spacing: var(--collection-card-title-letter-spacing);line-height:calc(1 + .2 / var(--font-heading-scale))}.card-article .card__heading{--ellipsis: 2;--font-family: var(--blog-card-title-font-family);--font-size: var(--blog-card-title-font-size-mobile);--font-weight: var(--blog-card-title-font-weight);--text-transform: var(--blog-card-title-text-transform);--letter-spacing: var(--blog-card-title-letter-spacing);line-height:1.2;color:#121212;position:relative;z-index:1}.card-promotion .card__heading{--font-family: var(--font-heading-family);--font-size: var(--card-heading-font-size-mobile);--font-weight: 500;--text-transform: inherit;--letter-spacing: var(--heading-letter-spacing, calc(var(--font-heading-scale) * .06rem));line-height:calc(1 + .2 / var(--font-heading-scale));margin-bottom:1.6rem}.card-placeholder .card__heading{--font-family: var(--font-body-family);--font-size: calc(2.4rem * var(--font-body-scale));--font-weight: 600;--text-transform: inherit;--letter-spacing: var(--body-letter-spacing);line-height:1.2;margin-bottom:0}.card-product .card__price{margin-bottom:1.6rem}.card-product .card__price .price__regular{line-height:1.8rem}.card-product .card__price:last-child{margin-bottom:0}.card-product .card__rating{margin-top:1.6rem}.card-product .card__content{background:#fff}.card__extend-action{display:flex;flex-direction:column}.card__swatch-list{display:flex;flex-wrap:wrap;grid-gap:.8rem;margin-bottom:2.4rem}.card__swatch-list-item{-webkit-appearance:none;appearance:none;display:block;position:relative;cursor:pointer;background:transparent;padding:0;font-size:0;letter-spacing:0;line-height:0;z-index:calc(var(--z-index-base) - 1);width:2.4rem;height:2.4rem;border:.1rem solid rgba(var(--color-foreground),.1);border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:var(--variant-pills-radius)}.card__swatch-list-item--circle{--variant-pills-radius: 50%}.card__swatch-list-item .pattern{display:block;width:100%;height:100%;background-color:var(--swatch-background-color);background-image:var(--swatch-background-image);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:inherit}.card__swatch-list-item .pattern:after{content:"";position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;will-change:transform;transform:scale(.75);border:.1rem solid rgba(var(--color-foreground),1)}.card__swatch-list-item:hover .pattern:after,.card__swatch-list-item.active .pattern:after{opacity:1;transform:scale(1)}.card__buttons{position:relative;display:flex;flex-wrap:wrap;grid-gap:1.6rem;z-index:1}.card-promotion .card__buttons{margin-top:4rem}.card-promotion .card__buttons .link{font-size:calc(1.2rem * var(--font-body-scale));font-weight:400}.card-collection .card__heading+.card__product-count,.card-collection .card__product-count+.card__buttons,.card-collection .card__heading+.card__buttons{margin-top:.8rem}.card-article .card__buttons{margin-top:1.6rem}.card-article .card__buttons a.link{font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:500;text-transform:uppercase}.card__buttons .card__quick-add-button,.card__buttons .card__quick-view-button{--color-button: var(--product-color-button);--color-button-text: var(--product-color-button-text);--gradient-button: var(--product-gradient-button);--color-button-border: var(--product-color-button-border);--color-button-hover: var(--product-color-button-hover);--color-button-text-hover: var(--product-color-button-text-hover);--gradient-button-hover: var(--product-gradient-button-hover);--color-button-border-hover: var(--product-color-button-border-hover);min-height:calc(3.8rem + var(--buttons-border-width) * 2);font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:400;letter-spacing:0;padding-left:.6rem;padding-right:.6rem;width:100%;border-radius:.5rem}.card__buttons .card__quick-add-button span,.card__buttons .card__quick-view-button span{text-overflow:ellipsis}.card product-form{line-height:0}.card__link{padding:0;z-index:2}.card__information{width:100%}.card-promotion .card__text{width:100%;max-width:38.5rem}.card-product.card--horizontal .card__inner{display:flex;align-items:center;padding:.8rem}.card-product.card--horizontal .card__media{width:10rem}.card-product.card--horizontal .card__content{position:initial;padding:0 0 0 .8rem;flex:1 1 0%;margin-top:0;transform:unset!important}.card-product.card--horizontal .card__badges{--position-offset: .4rem}.card-product.card--horizontal .card__badges .badge{font-size:calc(var(--font-body-scale) * 1.2rem);padding:.2rem .4rem;min-height:auto}.card-product.card--horizontal .card__heading{--product-card-title-font-size-mobile: 1.4rem;--product-card-title-font-size-tablet: 1.4rem;--product-card-title-font-size-desktop: 1.4rem}.card-product.card--horizontal .card__price:not(:last-child){margin-bottom:.8rem}.card__options-opener button{--text-decoration-thickness: .1rem;padding:0;border:none;font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:var(--font-body-weight);line-height:1.2;text-transform:capitalize;display:inline;transition:background-size ease-in-out var(--duration-default);background-color:transparent;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% min(var(--text-decoration-thickness),.1rem)}@media screen and (hover:hover){.card__buttons .card__quick-add-button:hover,.card__buttons .card__quick-view-button:hover{color:rgba(var(--color-button-text-hover),1);border-color:rgba(var(--color-button-border-hover),1);background:rgba(var(--color-button-hover),1);background:var(--gradient-button-hover)}}@media screen and (max-width: 1024px){.product-grid .card{box-shadow:0 2px 10px #0000001a}.product-grid .card-product .card__heading{min-height:5.7rem}}@media screen and (max-width: 989px){.card__swatch-list{margin-bottom:0}}@media screen and (max-width: 749px){.card-promotion{min-height:26rem}.card-promotion.not-image .card__content{position:relative;top:unset;left:unset;padding-top:2.4rem;padding-bottom:2.4rem}.card-product .card__heading{min-height:calc(var(--ellipsis) * var(--font-size) * (1 + .2 / var(--font-body-scale)))}.horizontal-product-card-wrapper .card-product .card__heading{min-height:unset}.product-grid .card-product .card__price{min-height:1.8rem}}@media screen and (min-width: 750px){.card__inner-card{padding:1.6rem}.card-product .card__inner-card{--card-radius: var(--product-card-radius)}.card__content{padding-top:1.6rem;padding-bottom:1.6rem}.card__content--center{padding-left:1.6rem;padding-right:1.6rem}.card-promotion .card__content,.card-article .card__content,.card-collection .card__content,.card-product .card__content,.card-collection .card__content--below{padding:1.6rem}.card-product .card__heading{--font-size: var(--product-card-title-font-size-tablet)}.card-collection .card__heading{--font-size: var(--collection-card-title-font-size-tablet)}.card-article .card__heading{--font-size: var(--blog-card-title-font-size-tablet)}.card-promotion .card__heading{--font-size: var(--card-heading-font-size-tablet);margin-bottom:2.4rem}.card-collection .card__heading+.card__product-count,.card-collection .card__heading+.card__buttons{margin-top:1.6rem}}@media screen and (min-width: 990px){.card__content{padding-top:2.4rem;padding-bottom:2.4rem}.card__content--center{padding-left:1rem;padding-right:1rem}.card-promotion .card__content{padding:3rem}.card-product .card__content{position:relative;z-index:1;padding-bottom:1.6rem;margin-top:calc(-1 * (0rem + var(--card-hover-distance)));-webkit-transform:translateY(calc(0rem + var(--card-hover-distance)));transform:translateY(calc(0rem + var(--card-hover-distance)));-webkit-transition:-webkit-transform var(--duration-default) cubic-bezier(.215,.61,.355,1);transition:-webkit-transform var(--duration-default) cubic-bezier(.215,.61,.355,1);transition:transform var(--duration-default) cubic-bezier(.215,.61,.355,1);transition:transform var(--duration-default) cubic-bezier(.215,.61,.355,1),-webkit-transform var(--duration-default) cubic-bezier(.215,.61,.355,1)}.card-product .card__extend-action{opacity:0;visibility:hidden}.card.card-product:hover{box-shadow:0 2px 10px #0000001a;border-radius:10px}.card.card-product:hover .card__content,.card.card-product:focus-within .card__content{-webkit-transform:translateY(0);transform:translateY(0)}.card.card-product:hover .card__content .card__extend-action,.card.card-product:focus-within .card__content .card__extend-action{opacity:1;visibility:visible}.card-promotion .card__caption,.card-article .card__caption{margin-bottom:1.6rem}.card-article .card__caption{grid-gap:.8rem}.card-product .card__heading{--font-size: var(--product-card-title-font-size-desktop)}.card-collection .card__heading{--font-size: var(--collection-card-title-font-size-desktop)}.card-collection:has(:is(.card__buttons)) .card__heading{transform:translateY(1rem);transition:transform var(--duration-default) ease}.card-collection:has(:is(.card__buttons)) .card__content--below .card__heading{transform:translateY(0)}.card-article .card__heading{--font-size: var(--blog-card-title-font-size-desktop);margin-bottom:1.6rem;min-height:4.3rem}.card-promotion .card__heading{--font-size: var(--card-heading-font-size-desktop)}.card__buttons{flex-wrap:nowrap}.card-collection .card__buttons{opacity:0;visibility:hidden;transition:var(--duration-default) ease;transition-property:opacity,visibility}.card-collection .card__content--below .card__buttons{opacity:1;visibility:visible}.card-collection .card__content--below .card__heading+.card__buttons{margin-top:.8rem}.card-collection:hover .card__buttons,.card.card-collection:focus-within .card__buttons{opacity:1;visibility:visible}.card-collection:has(:is(.card__buttons)):hover .card__heading,.card-collection:has(:is(.card__buttons)):focus-within .card__heading{transform:translateY(0)}.card-product .card__buttons .card__quick-add,.card-product .card__buttons .card__quick-view{flex-shrink:0;flex-grow:1}.card-product .card__buttons .card__quick-add:only-child,.card-product .card__buttons .card__quick-view:only-child{flex-grow:inherit}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-card.css.map */
