.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none;border:1px solid red}.card{text-align:left;text-decoration:none}.card--card{height:100%}.card--card,.card--standard .card__inner{border-radius:var(--card-corner-radius);border:var(--card-border-width) solid rgba(var(--color-foreground),var(--card-border-opacity));position:relative;box-sizing:border-box}.card--card:after,.card--standard .card__inner:after{content:"";position:absolute;width:calc(var(--card-border-width) * 2 + 100%);height:calc(var(--card-border-width) * 2 + 100%);top:calc(var(--card-border-width) * -1);left:calc(var(--card-border-width) * -1);z-index:-1;border-radius:var(--card-corner-radius);box-shadow:var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) var(--card-shadow-blur-radius) rgba(var(--color-shadow),var(--card-shadow-opacity))}.card .card__inner .card__media{overflow:hidden;z-index:0;border-radius:calc(var(--card-corner-radius) - var(--card-border-width) - var(--card-image-padding))}.card--card .card__inner .card__media{border-bottom-right-radius:0;border-bottom-left-radius:0}.card--standard.card--text{background-color:transparent}.card-information{text-align:var(--card-text-alignment)}.card__media,.card .media{bottom:0;position:absolute;top:0}.card__content--JAM{text-align:left}.card .media{width:100%}.card__media{margin:var(--card-image-padding);width:calc(100% - 2 * var(--card-image-padding))}.card--standard .card__media{margin:var(--card-image-padding)}.card__inner{width:100%}.card--media .card__inner .card__content{padding:calc(var(--card-image-padding) + 1rem);position:relative}.card__content{display:grid;grid-template-rows:minmax(0,1fr) max-content minmax(0,1fr);width:100%}.card__content--auto-margins{grid-template-rows:minmax(0,auto) max-content minmax(0,auto)}.card__information{grid-row-start:2;text-align:left}@media screen and (min-width: 750px){.card__information{padding-bottom:1.7rem;padding-top:1.7rem}}.card__badge{align-self:flex-end;grid-row-start:3;justify-self:flex-start}.card__badge.top{align-self:flex-start;grid-row-start:1}.card__badge.right{justify-self:flex-end}.card__media .media img{height:100%;object-fit:cover;object-position:center center;width:100%}.card__inner:not(.ratio)>.card__content{height:100%}.card__heading{margin:0}.card__heading:last-child{margin-bottom:0}.card--card.card--media>.card__content{margin-top:calc(0rem - var(--card-image-padding))}.card--standard.card--text a:after,.card--card .card__heading a:after{bottom:calc(var(--card-border-width) * -1);left:calc(var(--card-border-width) * -1);right:calc(var(--card-border-width) * -1);top:calc(var(--card-border-width) * -1)}.card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.card__heading a:after{outline-offset:.3rem}.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)}.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__heading a:focus{box-shadow:none;outline:0}@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 .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:1;transition:transform var(--duration-long) ease;transform:scale(1.03)}.underline-links-hover:hover a{text-decoration:underline;text-underline-offset:.3rem}}.card--standard.card--media .card__inner .card__information,.card--standard.card--text>.card__content .card__heading,.card--standard>.card__content .card__badge,.card--standard.card--text.article-card>.card__content .card__information,.card--standard>.card__content .card__caption{display:none}.card--standard>.card__content{padding:0}.card--standard>.card__content .card__information{padding-left:0;padding-right:0}.card--card.card--media .card__inner .card__information,.card--card.card--text .card__inner,.card--card.card--media>.card__content .card__badge{display:none}.card--extend-height{height:100%}.card--extend-height.card--standard.card--text,.card--extend-height.card--media{display:flex;flex-direction:column}.card--extend-height.card--standard.card--text .card__inner,.card--extend-height.card--media .card__inner{flex-grow:1}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card-information>*+*{margin-top:.5rem}.card-information{width:100%;margin-top:-7px!important}.card-information>*{line-height:calc(1 + .4 / var(--font-body-scale));color:rgb(var(--color-foreground))}.card-information>.price{color:rgb(var(--color-foreground));margin-top:-10px!important}.card-information>.rating{margin-top:.4rem}.card-information>*:not(.visually-hidden:first-child)+*:not(.rating){margin-top:.7rem}.card-information .caption{letter-spacing:.07rem}.card-article-info{margin-top:1rem}.grid-jam{display:flex;flex-wrap:wrap;margin-bottom:2rem;padding:0;list-style:none}.grid-jam:last-child{margin-bottom:0}.grid__item-jam{width:calc(33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);max-width:calc(33% - var(--grid-mobile-horizontal-spacing) / 3);flex-grow:1;flex-shrink:0}@media screen and (min-width: 750px){.grid__item-jam{width:calc(33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33% - var(--grid-desktop-horizontal-spacing) / 2)}}.grid--gapless-jam.grid{column-gap:0;row-gap:0}@media screen and (max-width: 749px){.grid__item.slider__slide--full-width{width:100%;max-width:none}}@media screen and (min-width: 750px) and (max-width: 989px){.grid--one-third-max.grid--3-col-tablet .grid__item{max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}}@media screen and (min-width: 990px){.grid--quarter-max.grid--4-col-desktop .grid__item{max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}}.grid--1-col-jam .grid__item-jam{max-width:100%;width:100%}.grid--3-col-jam .grid__item-jam{width:calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)}@media screen and (min-width: 750px){.grid--3-col-jam .grid__item-jam{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}}.grid--2-col-jam .grid__item-jam{width:calc(33% - var(--grid-mobile-horizontal-spacing) / 2)}@media screen and (min-width: 750px){.grid--2-col .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.grid--4-col-tablet .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.grid--3-col-tablet .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}.grid--2-col-tablet .grid__item{width:calc(33% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (min-width: 990px){.grid--4-col-desktop .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.grid--3-col-desktop .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}.grid--2-col-desktop .grid__item{width:calc(33% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (max-width: 749px){.grid--peek.slider--mobile{margin:0;width:100%}.grid--peek.slider--mobile .grid__item{box-sizing:content-box;margin:0}.grid--peek .grid__item{width:calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem)}.grid--peek .grid__item:first-of-type{padding-left:1.5rem}.grid--peek .grid__item:last-of-type{padding-right:1.5rem}}@media screen and (min-width: 750px) and (max-width: 989px){.slider--tablet.grid--peek .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem)}.slider--tablet.grid--peek.grid--3-col-tablet .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem)}.slider--tablet.grid--peek.grid--2-col-tablet .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem)}.slider--tablet.grid--peek .grid__item:first-of-type{padding-left:1.5rem}.slider--tablet.grid--peek .grid__item:last-of-type{padding-right:1.5rem}}@media screen and (max-width: 989px){.slider--tablet.grid--peek{margin:0;width:100%}.slider--tablet.grid--peek .grid__item{box-sizing:content-box;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-card-cosmetic.css.map */