.swish-collage-banner{--swish-collage-gap: 4px;--swish-collage-radius: 0px;--swish-collage-height-desktop: 56rem;--swish-collage-height-mobile: 52rem;--swish-collage-adapt-ratio: 1.7777777778;--swish-collage-columns-desktop: 5;--swish-collage-columns-mobile: 3;--swish-collage-hover-scale: 1.06;--swish-collage-panel-opacity: 0;position:relative;width:100%;height:var(--swish-collage-height-desktop);min-height:0;overflow:hidden;isolation:isolate;background:rgb(var(--color-background))}.swish-collage-banner--height-small{--swish-collage-height-desktop: 42rem;--swish-collage-height-mobile: 42rem}.swish-collage-banner--height-medium{--swish-collage-height-desktop: 56rem;--swish-collage-height-mobile: 52rem}.swish-collage-banner--height-large{--swish-collage-height-desktop: 72rem;--swish-collage-height-mobile: 62rem}.swish-collage-banner--height-adapt{height:auto;min-height:42rem;aspect-ratio:var(--swish-collage-adapt-ratio)}.swish-collage-banner__media-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;gap:var(--swish-collage-gap);width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:rgb(var(--color-background))}.swish-collage-banner--classic .swish-collage-banner__media-grid{grid-template-columns:repeat(var(--swish-collage-columns-desktop),minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.swish-collage-banner--random .swish-collage-banner__media-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(0,1fr)}.swish-collage-banner__tile{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:var(--swish-collage-radius);background:rgba(var(--color-foreground),.08)}.swish-collage-banner__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--swish-collage-overlay-color, #000000);opacity:var(--swish-collage-overlay-opacity, .3);transition:opacity .3s ease}.swish-collage-banner__filler--mobile{display:none}.swish-collage-banner--random .swish-collage-banner__tile{grid-column:span 3;grid-row:span 1}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="1"]{grid-column:1 / span 4;grid-row:1 / span 2}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="2"]{grid-column:5 / span 2;grid-row:1}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="3"]{grid-column:7 / span 3;grid-row:1}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="4"]{grid-column:10 / span 3;grid-row:1 / span 2}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="5"]{grid-column:5 / span 3;grid-row:2}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="6"]{grid-column:8 / span 2;grid-row:2}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="7"]{grid-column:1 / span 2;grid-row:3 / span 2}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="8"]{grid-column:3 / span 3;grid-row:3}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="9"]{grid-column:6 / span 3;grid-row:3}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="10"]{grid-column:9 / span 2;grid-row:3}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="11"]{grid-column:11 / span 2;grid-row:3}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="12"]{grid-column:3 / span 3;grid-row:4}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="13"]{grid-column:6 / span 3;grid-row:4}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="14"]{grid-column:9 / span 2;grid-row:4}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="15"]{grid-column:11 / span 2;grid-row:4}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="16"]{grid-column:1 / span 2;grid-row:5 / span 2}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="17"]{grid-column:3 / span 3;grid-row:5}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="18"]{grid-column:6 / span 3;grid-row:5}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="19"]{grid-column:9 / span 2;grid-row:5}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="20"]{grid-column:11 / span 2;grid-row:5}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="21"]{grid-column:3 / span 2;grid-row:6}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="22"]{grid-column:5 / span 2;grid-row:6}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="23"]{grid-column:7 / span 2;grid-row:6}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="24"]{grid-column:9 / span 2;grid-row:6}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="25"]{grid-column:11 / span 2;grid-row:6}.swish-collage-banner__visual,.swish-collage-banner__image,.swish-collage-banner__video,.swish-collage-banner__video video,.swish-collage-banner__placeholder,.swish-collage-banner__placeholder svg{display:block;width:100%;height:100%}.swish-collage-banner__visual{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:0;width:auto;height:auto;transform:scale(1);transform-origin:center;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}.swish-collage-banner__image,.swish-collage-banner__video,.swish-collage-banner__video video,.swish-collage-banner__placeholder svg{object-fit:cover;object-position:var(--swish-collage-focus, 50% 50%)}.swish-collage-banner__video{pointer-events:none}.swish-collage-banner__placeholder{color:rgba(var(--color-foreground),.25);background:rgba(var(--color-foreground),.06)}@media(hover:hover)and (pointer:fine){.swish-collage-banner__tile:hover .swish-collage-banner__visual{transform:scale(var(--swish-collage-hover-scale))}.swish-collage-banner__tile:hover:after{opacity:0}}.swish-collage-banner__overlay{display:none}.swish-collage-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:clamp(2.4rem,5vw,7.2rem);pointer-events:none}.swish-collage-banner__content--top-left,.swish-collage-banner__content--top-center,.swish-collage-banner__content--top-right{align-items:flex-start}.swish-collage-banner__content--middle-left,.swish-collage-banner__content--middle-center,.swish-collage-banner__content--middle-right{align-items:center}.swish-collage-banner__content--bottom-left,.swish-collage-banner__content--bottom-center,.swish-collage-banner__content--bottom-right{align-items:flex-end}.swish-collage-banner__content--top-left,.swish-collage-banner__content--middle-left,.swish-collage-banner__content--bottom-left{justify-content:flex-start}.swish-collage-banner__content--top-center,.swish-collage-banner__content--middle-center,.swish-collage-banner__content--bottom-center{justify-content:center}.swish-collage-banner__content--top-right,.swish-collage-banner__content--middle-right,.swish-collage-banner__content--bottom-right{justify-content:flex-end}.swish-collage-banner__box{width:min(100%,var(--swish-collage-content-width, 88rem));padding:clamp(1.6rem,2.5vw,3.2rem);color:rgb(var(--color-foreground));text-align:var(--swish-collage-text-align, center);border-radius:1.2rem;background:rgba(0,0,0,var(--swish-collage-panel-opacity));pointer-events:none}.swish-collage-banner__heading{margin:0;color:inherit;text-wrap:balance}.swish-collage-banner__heading-break{display:none}.swish-collage-banner__text{max-width:74rem;margin-top:1.6rem;color:inherit}.swish-collage-banner__box--center .swish-collage-banner__text{margin-inline:auto}.swish-collage-banner__offer-badge{display:inline-flex;align-items:center;gap:.7rem;margin-bottom:2rem;padding:.8rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:999rem;color:rgba(var(--color-foreground),.75);background:rgba(var(--color-background),.7);font-size:1.1rem;font-weight:500;line-height:1;letter-spacing:.14rem}.swish-collage-banner__offer-badge-icon{width:1.8rem;height:1.8rem;flex:0 0 auto}.swish-collage-banner__countdown-wrap{margin-top:2.4rem}.swish-collage-banner__countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:min(100%,54rem)}.swish-collage-banner__box--left .swish-collage-banner__countdown{margin-right:auto}.swish-collage-banner__box--center .swish-collage-banner__countdown{margin-inline:auto}.swish-collage-banner__box--right .swish-collage-banner__countdown{margin-left:auto}.swish-collage-banner__countdown-unit{display:flex;min-height:8.4rem;padding:1.2rem .8rem;flex-direction:column;align-items:center;justify-content:center;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:8px;background:rgb(var(--color-background));box-shadow:0 .8rem 2.4rem rgba(var(--color-foreground),.07)}.swish-collage-banner__countdown-value{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3.2rem;line-height:1;letter-spacing:calc(var(--font-heading-scale) * .01rem)}.swish-collage-banner__countdown-label{margin-top:.8rem;color:rgba(var(--color-foreground),.65);font-size:1.1rem;font-weight:600;line-height:1;letter-spacing:.16rem;text-transform:uppercase}.swish-collage-banner__countdown-end-label{margin:1.2rem 0 0;color:rgba(var(--color-foreground),.7)}.swish-collage-banner__countdown.is-ended .swish-collage-banner__countdown-value{opacity:.65}.swish-collage-banner__text>*:first-child{margin-top:0}.swish-collage-banner__text>*:last-child{margin-bottom:0}.swish-collage-banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:54rem;margin-top:2.4rem;word-break:break-word;pointer-events:auto}.swish-collage-banner__buttons .button{gap:1rem}.swish-collage-banner__button-icon{width:2rem;height:2rem;flex:0 0 auto}.swish-collage-banner__box--left .swish-collage-banner__buttons{justify-content:flex-start}.swish-collage-banner__box--center .swish-collage-banner__buttons{justify-content:center;width:100%;margin-inline:auto}.swish-collage-banner__box--right .swish-collage-banner__buttons{justify-content:flex-end}@media screen and (min-width:990px){.swish-collage-banner__heading-break{display:inline}}@media screen and (min-width:750px){.swish-collage-banner__box--center .swish-collage-banner__buttons>*{flex-grow:1;min-width:22rem}.swish-collage-banner--desktop-content-below,.swish-collage-banner--desktop-content-above{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}.swish-collage-banner--height-adapt.swish-collage-banner--desktop-content-below,.swish-collage-banner--height-adapt.swish-collage-banner--desktop-content-above{aspect-ratio:auto}.swish-collage-banner--desktop-content-below .swish-collage-banner__media-grid,.swish-collage-banner--desktop-content-above .swish-collage-banner__media-grid{position:relative;inset:auto;height:var(--swish-collage-height-desktop)}.swish-collage-banner--height-adapt.swish-collage-banner--desktop-content-below .swish-collage-banner__media-grid,.swish-collage-banner--height-adapt.swish-collage-banner--desktop-content-above .swish-collage-banner__media-grid{height:auto;min-height:42rem;aspect-ratio:var(--swish-collage-adapt-ratio)}.swish-collage-banner--desktop-content-below .swish-collage-banner__content,.swish-collage-banner--desktop-content-above .swish-collage-banner__content{position:relative;inset:auto;width:100%;max-width:var(--page-width);min-height:0;margin-inline:auto;padding:var(--swish-collage-content-below-padding-top, 4rem) 5rem var(--swish-collage-content-below-padding-bottom, 6rem)}.swish-collage-banner--desktop-content-above .swish-collage-banner__content{order:-1}.swish-collage-banner--desktop-content-below .swish-collage-banner__box,.swish-collage-banner--desktop-content-above .swish-collage-banner__box{padding-block:0}}@media screen and (min-width:750px)and (max-width:989px){.swish-collage-banner--desktop-content-below .swish-collage-banner__box,.swish-collage-banner--desktop-content-above .swish-collage-banner__box{padding-inline:0}}@media screen and (max-width:749px){.swish-collage-banner{height:var(--swish-collage-height-mobile);min-height:0}.swish-collage-banner--height-adapt{height:auto;min-height:42rem;aspect-ratio:var(--swish-collage-adapt-ratio)}.swish-collage-banner--classic .swish-collage-banner__media-grid{grid-template-columns:repeat(var(--swish-collage-columns-mobile),minmax(0,1fr))}.swish-collage-banner--random .swish-collage-banner__media-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr))}.swish-collage-banner__filler--desktop{display:none}.swish-collage-banner__filler--mobile{display:block}.swish-collage-banner--random .swish-collage-banner__tile{grid-column:auto / span 1!important;grid-row:auto / span 1!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="1"]{grid-column:1 / span 2!important;grid-row:1 / span 2!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="2"]{grid-column:3 / span 3!important;grid-row:1!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="3"]{grid-column:3!important;grid-row:2!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="4"]{grid-column:4!important;grid-row:2!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="5"]{grid-column:5!important;grid-row:2!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="6"]{grid-column:1 / span 3!important;grid-row:3!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="7"]{grid-column:4 / span 2!important;grid-row:3 / span 2!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="8"]{grid-column:1!important;grid-row:4!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="9"]{grid-column:2!important;grid-row:4!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="10"]{grid-column:3!important;grid-row:4!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="11"]{grid-column:1!important;grid-row:5!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="12"]{grid-column:2!important;grid-row:5!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="13"]{grid-column:3 / span 3!important;grid-row:5 / span 2!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="14"]{grid-column:1!important;grid-row:6!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="15"]{grid-column:2!important;grid-row:6!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="16"]{grid-column:1 / span 2!important;grid-row:7 / span 2!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="17"]{grid-column:3 / span 3!important;grid-row:7!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="18"]{grid-column:3!important;grid-row:8!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="19"]{grid-column:4!important;grid-row:8!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="20"]{grid-column:5!important;grid-row:8!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="21"]{grid-column:1 / span 3!important;grid-row:9!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="22"]{grid-column:4 / span 2!important;grid-row:9 / span 2!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="23"]{grid-column:1!important;grid-row:10!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="24"]{grid-column:2!important;grid-row:10!important}.swish-collage-banner--random .swish-collage-banner__tile[data-swish-collage-index="25"]{grid-column:3!important;grid-row:10!important}.swish-collage-banner__content{align-items:center;padding:0}.swish-collage-banner__box{padding:1.5rem}.swish-collage-banner__heading{font-size:clamp(3rem,10vw,4rem);line-height:1.1;text-wrap:balance}.swish-collage-banner__offer-badge{margin-bottom:1.6rem}.swish-collage-banner__text{margin-top:1.4rem}.swish-collage-banner__countdown-wrap{margin-top:2rem}.swish-collage-banner__countdown{gap:.8rem}.swish-collage-banner__countdown-unit{min-height:7.2rem;padding:1rem .4rem}.swish-collage-banner__countdown-value{font-size:2.6rem}.swish-collage-banner__countdown-label{margin-top:.6rem;font-size:1rem;letter-spacing:.1rem}.swish-collage-banner__buttons{gap:1rem;margin-top:2rem}.swish-collage-banner--desktop-content-below,.swish-collage-banner--desktop-content-above{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}.swish-collage-banner--height-adapt.swish-collage-banner--desktop-content-below,.swish-collage-banner--height-adapt.swish-collage-banner--desktop-content-above{aspect-ratio:auto}.swish-collage-banner--desktop-content-below .swish-collage-banner__media-grid,.swish-collage-banner--desktop-content-above .swish-collage-banner__media-grid{position:relative;inset:auto;height:var(--swish-collage-height-mobile)}.swish-collage-banner--height-adapt.swish-collage-banner--desktop-content-below .swish-collage-banner__media-grid,.swish-collage-banner--height-adapt.swish-collage-banner--desktop-content-above .swish-collage-banner__media-grid{height:auto;min-height:42rem;aspect-ratio:var(--swish-collage-adapt-ratio)}.swish-collage-banner--desktop-content-below .swish-collage-banner__content,.swish-collage-banner--desktop-content-above .swish-collage-banner__content{position:relative;inset:auto;width:100%;max-width:var(--page-width);min-height:0;margin-inline:auto;padding:var(--swish-collage-content-below-padding-top, 4rem) 1.5rem var(--swish-collage-content-below-padding-bottom, 6rem)}.swish-collage-banner--desktop-content-above .swish-collage-banner__content{order:-1}.swish-collage-banner--desktop-content-below .swish-collage-banner__box,.swish-collage-banner--desktop-content-above .swish-collage-banner__box{padding:0}}@media screen and (max-width:749px){.swish-collage-banner__box--center .swish-collage-banner__buttons>*{flex-grow:1;min-width:22rem}}@media screen and (max-width:749px)and (max-height:500px)and (orientation:landscape){.swish-collage-banner__content{align-items:flex-start}.swish-collage-banner__box{padding-block:.8rem}.swish-collage-banner__heading{font-size:clamp(2.8rem,6vw,3.6rem)}.swish-collage-banner__text{margin-top:.8rem}.swish-collage-banner__buttons{margin-top:1.2rem}}@media(prefers-reduced-motion:reduce){.swish-collage-banner__visual,.swish-collage-banner__tile:after{transition:none}.swish-collage-banner__tile:hover .swish-collage-banner__visual{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/253/assets/section-swish-collage-banner.css.map */