.collage-card,.collage__item .card__inner{position:relative}.collage-overlay{--co-fall-px: .75px;--co-pad: 1.2rem;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;box-sizing:border-box;padding:0;overflow:hidden;border-radius:inherit;pointer-events:none}@media screen and (min-width:750px){.collage-overlay{--co-pad: 2rem}}.collage-overlay a.collage-overlay__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto}.collage-overlay__band{position:relative;z-index:2;display:flex;box-sizing:border-box;width:100%;padding:var(--co-pad);pointer-events:none}.collage-overlay__box{position:relative;box-sizing:border-box;width:fit-content;max-width:var(--co-width, 100%);pointer-events:none}.collage-overlay__box:not(.collage-overlay__box--filled){background:transparent}.collage-overlay__box--filled{padding:1.2rem 1.6rem}.collage-overlay__shade{--co-f: calc(var(--co-falloff, 0) * var(--co-fall-px));display:block;position:absolute;z-index:-1;left:0;right:0;pointer-events:none}.collage-overlay[class*=--bottom-] .collage-overlay__shade{bottom:0;top:calc(-1 * var(--co-f));background:linear-gradient(to top,rgba(0,0,0,var(--co-a)) 0 calc(100% - var(--co-f)),rgba(0,0,0,calc(var(--co-a) * .844)) calc(100% - var(--co-f) * .75),rgba(0,0,0,calc(var(--co-a) * .5)) calc(100% - var(--co-f) * .5),rgba(0,0,0,calc(var(--co-a) * .156)) calc(100% - var(--co-f) * .25),#0000)}.collage-overlay[class*=--top-] .collage-overlay__shade{top:0;bottom:calc(-1 * var(--co-f));background:linear-gradient(to bottom,rgba(0,0,0,var(--co-a)) 0 calc(100% - var(--co-f)),rgba(0,0,0,calc(var(--co-a) * .844)) calc(100% - var(--co-f) * .75),rgba(0,0,0,calc(var(--co-a) * .5)) calc(100% - var(--co-f) * .5),rgba(0,0,0,calc(var(--co-a) * .156)) calc(100% - var(--co-f) * .25),#0000)}.collage-overlay[class*=--middle-] .collage-overlay__shade{top:calc(-1 * var(--co-f));bottom:calc(-1 * var(--co-f));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,calc(var(--co-a) * .156)) calc(var(--co-f) * .25),rgba(0,0,0,calc(var(--co-a) * .5)) calc(var(--co-f) * .5),rgba(0,0,0,calc(var(--co-a) * .844)) calc(var(--co-f) * .75),rgba(0,0,0,var(--co-a)) var(--co-f),rgba(0,0,0,var(--co-a)) calc(100% - var(--co-f)),rgba(0,0,0,calc(var(--co-a) * .844)) calc(100% - var(--co-f) * .75),rgba(0,0,0,calc(var(--co-a) * .5)) calc(100% - var(--co-f) * .5),rgba(0,0,0,calc(var(--co-a) * .156)) calc(100% - var(--co-f) * .25),rgba(0,0,0,0) 100%)}.collage-overlay__heading,.collage-overlay__text{margin:0;overflow-wrap:anywhere}.collage-overlay__heading+.collage-overlay__text{margin-top:.6rem}.collage-overlay__heading .icon-wrap{display:inline-block;margin-left:.6rem}.collage-overlay__heading .icon-arrow{width:1.4rem}.collage-overlay[class*=--top-]{justify-content:flex-start}.collage-overlay[class*=--middle-]{justify-content:center}.collage-overlay[class*=--bottom-]{justify-content:flex-end}.collage-overlay[class*=-left] .collage-overlay__band{justify-content:flex-start}.collage-overlay[class*=-center] .collage-overlay__band{justify-content:center}.collage-overlay[class*=-right] .collage-overlay__band{justify-content:flex-end}@media screen and (max-width:749px){.collage-overlay{--co-fall-px: .45px}}@media screen and (max-width:749px){.collage--mobile .collage-overlay{--co-pad: .8rem}.collage--mobile .collage-overlay__heading{font-size:1.5rem;line-height:1.2}.collage--mobile .collage-overlay__text{font-size:1.1rem;line-height:1.3}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/collage-overlay.css.map */