:root{--v2-card-border-radius: 16px}.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.v2-productshowcase-card-wrapper{height:100%}.card{text-decoration:none;text-align:left}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card--v2-showcase{height:100%;position:relative;box-sizing:border-box;border-radius:var(--v2-card-border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.card--v2-showcase:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--v2-card-border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.card--v2-showcase .card__inner{width:100%;position:relative;background:transparent!important;flex-grow:1;display:flex;align-items:center;justify-content:center}.card--v2-showcase .card__inner .card__media{overflow:hidden;z-index:0;border-radius:0;background:transparent}.card--v2-showcase .card__media,.card--v2-showcase .media{position:relative;width:100%;height:100%}.card--v2-showcase .media{width:100%;background:transparent}.card--v2-showcase .card__media{width:100%!important;margin:0!important;background:transparent!important}.card--v2-showcase .card__media .media img{padding:2rem;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:cover;object-position:center center}.card--v2-showcase .card__content{padding:1rem!important;width:100%;background:transparent!important;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:auto}.card--v2-showcase .card__information{text-align:left;width:100%;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;justify-content:flex-end}.card--v2-showcase .card__heading{font-size:2rem;line-height:1.5}.card--v2-showcase .card__heading a{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0}.card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.card__heading a: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);outline-offset:.3rem}.card__heading a: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)}.card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0}.card--v2-showcase .card__caption{margin:0;color:rgba(var(--color-foreground),.75);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card .icon-wrap{margin-left:0;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden;display:inline-flex;align-items:center;flex-shrink:0}.card .icon-wrap svg{width:2rem;height:2rem}@media screen and (min-width: 990px){.card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--duration-long) ease}.card:hover .media.media--hover-effect>img:first-child:only-child,.card-wrapper:hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1.03)}.card-wrapper:hover .icon-wrap{transform:translate(.25rem)}}@media screen and (min-width: 750px){.card__content{padding:1.2rem 1.5rem}.card__heading{font-size:1.4rem}.card__caption{font-size:1.2rem}}.card--extend-height{height:100%}.card--extend-height.card--media{display:flex;flex-direction:column}.card--extend-height.card--media .card__inner{flex-grow:1}.card--v2-showcase-featured{position:relative;overflow:hidden;height:100%;border-radius:var(--v2-card-border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity))}.card--v2-showcase-featured:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--v2-card-border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.card--v2-showcase-featured .card__background-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.card--v2-showcase-featured .card__background-image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:calc(var(--v2-card-border-radius) - var(--border-width))}.card--v2-showcase-featured .card__inner{position:relative;z-index:1;height:100%;display:flex;align-items:flex-end}.card--v2-showcase-featured .card__content-overlay{width:100%;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.5) 60%,transparent 100%);padding:1.8rem 1.5rem 1.5rem;border-radius:0 0 calc(var(--v2-card-border-radius) - var(--border-width)) calc(var(--v2-card-border-radius) - var(--border-width))}.v2-productshowcase-card-featured .card--v2-showcase{overflow:hidden;position:relative}.v2-productshowcase-card-featured .card--v2-showcase .card__inner{position:static}.v2-productshowcase-card-featured .card__media{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border-radius:calc(var(--v2-card-border-radius) - var(--border-width));z-index:0}.v2-productshowcase-card-featured .card__media .media{height:100%;width:100%}.v2-productshowcase-card-featured .card__inner{background:transparent;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.v2-productshowcase-card-featured .card__content{position:relative;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.4) 70%,transparent 100%);padding:2rem 1.5rem 1.5rem;border-radius:0 0 calc(var(--v2-card-border-radius) - var(--border-width)) calc(var(--v2-card-border-radius) - var(--border-width));margin-top:auto;min-height:auto}.card--v2-showcase-featured .card__information--featured{text-align:left;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;justify-content:flex-end}.card--v2-showcase-featured .card__heading,.card--v2-showcase-featured .card__heading a,.card--v2-showcase-featured .card__caption{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.6)}.card--v2-showcase-featured .icon-wrap{white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden;display:inline-flex;align-items:center;flex-shrink:0}.card--v2-showcase-featured .icon-wrap svg{width:2rem;height:2rem}.card--v2-showcase-featured .card__heading{font-size:2rem;line-height:1.5;font-weight:700}.card--v2-showcase-featured .card__heading a{display:flex;align-items:center;justify-content:space-between;width:100%}.card--v2-showcase-featured .card__caption{margin:0;color:rgba(var(--color-foreground),.75);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card--v2-showcase-featured .icon-wrap svg{filter:brightness(0) invert(1)}@media screen and (min-width: 750px){.card--v2-showcase-featured .card__content-overlay{padding:2rem 1.8rem 1.6rem}.card--v2-showcase-featured .card__heading{font-size:1.8rem}.card--v2-showcase-featured .card__caption{font-size:1.3rem}}@media screen and (max-width: 989px){.card--v2-showcase-featured .card__information--featured{margin-left:1rem}}.card--v2-showcase-featured:hover .card__background-image img{transform:scale(1.05);transition:transform .3s ease}.card--v2-showcase-featured .card__content-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:0 0 calc(var(--v2-card-border-radius) - var(--border-width)) calc(var(--v2-card-border-radius) - var(--border-width))}.card--v2-showcase-featured:hover .card__content-overlay:before{opacity:1}.placeholder-svg{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-v2-productshowcase-card.css.map */