.wambolt-interactive-collage-section{display:flex;align-items:center;justify-content:center;overflow:clip;background-color:var(--color-background);color:var(--color-foreground)}.wambolt-interactive-collage-section--pt-none{padding-top:var(--w-space-none)}.wambolt-interactive-collage-section--pt-small{padding-top:var(--w-space-sm)}.wambolt-interactive-collage-section--pt-medium{padding-top:var(--w-space-md)}.wambolt-interactive-collage-section--pt-large{padding-top:var(--w-space-lg)}.wambolt-interactive-collage-section--pb-none{padding-bottom:var(--w-space-none)}.wambolt-interactive-collage-section--pb-small{padding-bottom:var(--w-space-sm)}.wambolt-interactive-collage-section--pb-medium{padding-bottom:var(--w-space-md)}.wambolt-interactive-collage-section--pb-large{padding-bottom:var(--w-space-lg)}.wambolt-interactive-collage-section--padding-standard{padding-left:var(--w-page-padding-standard);padding-right:var(--w-page-padding-standard)}.wambolt-interactive-collage-section--padding-wide{padding-left:var(--w-page-padding-wide);padding-right:var(--w-page-padding-wide)}.wambolt-interactive-collage-section--height-content{min-height:auto}.wambolt-interactive-collage-section--height-viewport{min-height:100svh}.wambolt-interactive-collage-section .interactive-collage{flex:none;width:63.75em;height:37em;font-size:1vw}.wambolt-interactive-collage-section .interactive-collage__collection{width:100%;height:100%}.wambolt-interactive-collage-section .interactive-collage__list{position:relative;width:100%;height:100%}.wambolt-interactive-collage-section .interactive-collage__item{position:absolute;z-index:0;top:0;left:0}.wambolt-interactive-collage-section .interactive-collage__item--position-1{top:6em}.wambolt-interactive-collage-section .interactive-collage__item--position-2{top:17em;left:5em}.wambolt-interactive-collage-section .interactive-collage__item--position-3{z-index:1;top:14em;left:13.5em}.wambolt-interactive-collage-section .interactive-collage__item--position-4{left:24em}.wambolt-interactive-collage-section .interactive-collage__item--position-5{z-index:3;top:auto;bottom:0;left:26em}.wambolt-interactive-collage-section .interactive-collage__item--position-6{z-index:2;top:9em;left:31.5em}.wambolt-interactive-collage-section .interactive-collage__item--position-7{z-index:1;top:16em;left:39em}.wambolt-interactive-collage-section .interactive-collage__item--position-8{top:5em;left:auto;right:0}.wambolt-interactive-collage-section .interactive-collage__item-inner{position:relative;transform-origin:center center;will-change:transform}.wambolt-interactive-collage-section .wambolt-collage-card{position:relative;width:16.25em;aspect-ratio:1;overflow:hidden;background:var(--wambolt-gray)}.wambolt-interactive-collage-section .wambolt-collage-card--square{width:16.25em;aspect-ratio:1}.wambolt-interactive-collage-section .wambolt-collage-card--landscape{width:20em;aspect-ratio:4 / 3}.wambolt-interactive-collage-section .wambolt-collage-card--portrait{width:15em;aspect-ratio:3 / 4}.wambolt-interactive-collage-section :is(.wambolt-collage-card__link,.wambolt-collage-card__control){display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:none}.wambolt-interactive-collage-section .wambolt-collage-card__control{-webkit-appearance:none;appearance:none;cursor:pointer}.wambolt-interactive-collage-section :is(.wambolt-collage-card__link,.wambolt-collage-card__control):focus-visible{outline-color:var(--wambolt-orange);outline-offset:calc(var(--focus-outline-width) * -1)}.wambolt-interactive-collage-section .wambolt-collage-card__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.wambolt-interactive-collage-section .wambolt-collage-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wambolt-interactive-collage-section .wambolt-collage-card__placeholder svg{display:block;width:100%;height:100%}@media screen and (min-width:750px)and (max-width:1199px){.wambolt-interactive-collage-section{min-height:auto}.wambolt-interactive-collage-section .interactive-collage{font-size:2.125vw}}@media screen and (max-width:749px){.wambolt-interactive-collage-section{min-height:auto}.wambolt-interactive-collage-section .interactive-collage{font-size:2.125vw}}@media(prefers-reduced-motion:reduce){.wambolt-interactive-collage-section .interactive-collage__item-inner{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/wambolt-interactive-collage.css.map */