.component-featured-promo{container-type:inline-size;container-name:component-featured-promo}.card__featured-promo{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:100%;overflow:hidden;border-radius:4px;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.card__featured-promo--image{position:relative;padding:16px;overflow:hidden}.card__featured-promo--image:after{content:"";position:absolute;z-index:1;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:linear-gradient(47deg,rgba(var(--color-foreground)) 20%,transparent)}.card__featured-promo .responsive-image-wrapper{position:absolute;z-index:0;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.card__featured-promo .responsive-image-wrapper .img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card__featured-promo--macaron-content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:2;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:130px;padding:16px 16px 16px 22px;color:rgb(var(--color-background-contrast));text-align:left;gap:8px}.card__featured-promo--macaron-content>*{position:relative;z-index:1;margin:0}.card__featured-promo--macaron-content svg.icon-macaron{position:absolute;z-index:0;top:50%;right:0;left:50%;width:120%;height:200%;translate:-50% -50%}.card__featured-promo--macaron-content svg.icon-macaron path{fill:rgba(var(--color-foreground),.9)}.card__featured-promo--macaron-content svg.icon-tag path{stroke:rgb(var(--color-background-contrast))}.card__featured-promo--macaron-texts{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card__featured-promo--macaron-text{margin:0;font-size:14px;font-weight:600;letter-spacing:.28px;line-height:20px;text-transform:uppercase}.card__featured-promo--macaron-heading{margin:0;font-size:32px;font-weight:600;letter-spacing:.32px;line-height:32px}.card__featured-promo--content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px 16px;background:rgb(var(--color-background));text-wrap:balance}@media (min-width: 768px){.card__featured-promo--content{padding:32px}}.card__featured-promo--content p{margin-top:0}.card__featured-promo--content p:not(:last-child){margin-bottom:1.6rem}.card__featured-promo--content p:last-child{margin-bottom:2.4rem}.card__featured-promo--content .button{overflow:hidden;border-radius:4px;white-space:nowrap}@media (min-width: 768px){.card__featured-promo--content .button{margin-top:auto}}.card__featured-promo--title{margin-bottom:8px}@media (min-width: 768px) and (max-width: 1079px){.card__featured-promo--title{font-size:24px;letter-spacing:.24px;line-height:32px}}@media (min-width: 1200px){.card__featured-promo--title{margin-bottom:16px}}.card__featured-promo--minimalist{position:relative}.card__featured-promo--minimalist:before{content:"";position:absolute;z-index:1;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(-20%,rgba(var(--color-background),0)),to(rgb(var(--color-background))));background:linear-gradient(0deg,rgba(var(--color-background),0) -20%,rgb(var(--color-background)))}.card__featured-promo--minimalist .card__featured-promo__overlay{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:2;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card__featured-promo--minimalist .card__featured-promo--title{margin-top:0;color:var(--color-title);text-transform:initial}.card__featured-promo--minimalist .card__featured-promo--title+.card__featured-promo--text{margin-top:8px}.card__featured-promo--minimalist .card__featured-promo--text p:first-child{margin-top:0}.card__featured-promo--minimalist .card__featured-promo__overlay--macaron{display:grid;position:relative;width:80px;height:80px;place-content:center}.card__featured-promo--minimalist .card__featured-promo__overlay--macaron svg{width:80px;height:80px}.card__featured-promo--minimalist .card__featured-promo__overlay--macaron svg path{fill:rgb(var(--color-foreground))}.card__featured-promo--minimalist .card__featured-promo__overlay--macaron span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--color-title);color:rgb(var(--color-background));font-size:24px;font-weight:600;letter-spacing:.24px;line-height:24px;text-align:center}@container component-featured-promo (min-width: 450px){.card__featured-promo{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.card__featured-promo>*:first-child{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.card__featured-promo>*:last-child{-webkit-box-flex:0;-ms-flex:0 1 56%;flex:0 1 56%}.card__featured-promo--image{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card__featured-promo--image:after{background:linear-gradient(163deg,rgba(var(--color-foreground)) 20%,transparent)}.card__featured-promo--content{padding:32px}.card__featured-promo .button{margin-top:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-featured-promo.css.map */