.range-card-scope{container-type:inline-size;container-name:range-card;display:flex;flex-direction:column;width:100%}.range-card{position:relative;display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:var(--space-64);padding:0;overflow:hidden;border:none;border-radius:var(--radius-default);box-shadow:var(--shadow-default);text-decoration:none;transition:box-shadow .25s ease}.range-card--bg-light{background-color:var(--color-white);color:var(--color-black)}.range-card--bg-dark{background-color:var(--color-black);color:var(--color-white)}.range-card--bg-light:hover{color:var(--color-black)}.range-card--bg-dark:hover{color:var(--color-white)}.range-card--gradient{position:relative}.range-card--gradient:before,.range-card--gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;transition:opacity .2s ease;background-repeat:no-repeat}.range-card--gradient:before{opacity:1;background-image:radial-gradient(circle farthest-side at 0% 0%,var(--range-card-gradient-color) 0%,transparent 55%),radial-gradient(circle farthest-side at 100% 100%,var(--range-card-gradient-color) 0%,transparent 55%)}.range-card--gradient:after{opacity:0;background-image:radial-gradient(circle farthest-side at 0% 0%,transparent 0%,var(--range-card-gradient-color-hover) 50%,transparent 100%),radial-gradient(circle farthest-side at 100% 100%,transparent 0%,var(--range-card-gradient-color-hover) 50%,transparent 100%)}.range-card--gradient:hover:before{opacity:0}.range-card--gradient:hover:after{opacity:1}.range-card--gradient-light{--range-card-gradient-color: color-mix(in srgb, var(--color-white) 35%, transparent);--range-card-gradient-color-hover: color-mix(in srgb, var(--color-white) 15%, transparent)}.range-card--gradient-dark{--range-card-gradient-color: color-mix(in srgb, var(--color-black) 35%, transparent);--range-card-gradient-color-hover: color-mix(in srgb, var(--color-black) 15%, transparent)}.range-card--gradient-primary{--range-card-gradient-color: var(--color-primary-35);--range-card-gradient-color-hover: color-mix(in srgb, var(--color-primary) 15%, transparent)}.range-card--gradient-sales{--range-card-gradient-color: var(--color-sales-35);--range-card-gradient-color-hover: color-mix(in srgb, var(--color-sales) 15%, transparent)}.range-card--border{border:calc(var(--space-0_5) + var(--space-px)) solid var(--range-card-border-color)}.range-card--border-dark{--range-card-border-color: var(--color-black)}.range-card--border-light{--range-card-border-color: var(--color-white)}.range-card--border-primary{--range-card-border-color: var(--color-primary)}.range-card--border-sales{--range-card-border-color: var(--color-sales)}.range-card__media{position:relative;z-index:2;width:100%;height:auto;margin-top:auto;pointer-events:none}.range-card__image{display:block;width:100%;height:auto;transform-origin:center bottom;transition:transform .3s ease}.range-card:hover .range-card__image{transform:scale(1.04)}.range-card--has-mobile-image .range-card__image--desktop{display:none}.range-card--has-mobile-image .range-card__image--mobile{display:block;width:100%;height:auto}.range-card--overlay-text .range-card__text{position:absolute;top:var(--space-5);right:var(--space-5);left:var(--space-5);width:auto;max-width:var(--space-96);padding:0}.range-card__text{position:relative;z-index:3;width:100%;max-width:100%;padding:var(--space-5);padding-bottom:0;pointer-events:none}.range-card--bg-light .content-header__description{color:var(--color-grey-on-light)}.range-card--bg-dark .content-header__description{color:var(--color-grey-on-dark)}.range-card--overlay-text .content-header__description{color:inherit}.range-card__cta{position:absolute;bottom:var(--space-5);left:var(--space-5);z-index:3;pointer-events:none}.range-card:hover .button--primary{background-color:color-mix(in srgb,var(--color-primary) 88%,var(--color-white));color:var(--color-white)}.range-card:hover .button--sales{background-color:color-mix(in srgb,var(--color-sales) 88%,var(--color-white));color:var(--color-white)}.range-card:hover .button--dark{background-color:color-mix(in srgb,var(--color-black) 88%,var(--color-white));color:var(--color-white)}.range-card:hover .button--light{background-color:color-mix(in srgb,var(--color-white) 88%,var(--color-black));color:var(--color-black)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/range-card.css.map */