.image-banner{display:block;width:100%;overflow:hidden;position:relative}.image-banner--full{width:100vw;margin-left:calc(50% - 50vw)}.image-banner__link{display:block;position:relative;width:100%;overflow:hidden;text-decoration:none;outline-offset:3px}.image-banner--full .image-banner__link{width:100vw}.image-banner__link:focus-visible{outline:3px solid currentColor}.image-banner__picture-wrapper{width:100%;height:100%}.image-banner__img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:opacity .4s ease}.image-banner__link:hover .image-banner__img,.image-banner__link:focus-visible .image-banner__img{opacity:.75}.image-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-color, #000);opacity:var(--overlay-opacity, 0);pointer-events:none;transition:opacity .4s ease}.image-banner__link:hover .image-banner__overlay,.image-banner__link:focus-visible .image-banner__overlay{opacity:calc(var(--overlay-opacity, 0) + .08)}.image-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:24px;pointer-events:none}.image-banner__content--top-left,.image-banner__content--top-center,.image-banner__content--top-right{align-items:flex-start}.image-banner__content--middle-left,.image-banner__content--middle-center,.image-banner__content--middle-right{align-items:center}.image-banner__content--bottom-left,.image-banner__content--bottom-center,.image-banner__content--bottom-right{align-items:flex-end}.image-banner__content--top-left,.image-banner__content--middle-left,.image-banner__content--bottom-left{justify-content:flex-start}.image-banner__content--top-center,.image-banner__content--middle-center,.image-banner__content--bottom-center{justify-content:center}.image-banner__content--top-right,.image-banner__content--middle-right,.image-banner__content--bottom-right{justify-content:flex-end}.image-banner__content--top-center .image-banner__text,.image-banner__content--middle-center .image-banner__text,.image-banner__content--bottom-center .image-banner__text{text-align:center}.image-banner__content--top-right .image-banner__text,.image-banner__content--middle-right .image-banner__text,.image-banner__content--bottom-right .image-banner__text{text-align:right}.image-banner__text{margin:0;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);letter-spacing:.02em;line-height:1.25;transition:transform .35s ease,opacity .35s ease}.image-banner__link:hover .image-banner__text,.image-banner__link:focus-visible .image-banner__text{transform:translateY(-3px);opacity:.92}.image-banner__placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.image-banner__placeholder-svg{width:120px;height:120px;opacity:.35}.image-banner__placeholder-text{font-size:.875rem;color:#888;text-align:center;padding:0 16px}@media screen and (max-width:767px){.image-banner__img{object-fit:cover;height:var(--banner-height-mobile, 300px)}}@media(prefers-reduced-motion:reduce){.image-banner__img,.image-banner__overlay,.image-banner__text{transition:none}.image-banner__link:hover .image-banner__img,.image-banner__link:focus-visible .image-banner__img{opacity:1}.image-banner__link:hover .image-banner__text,.image-banner__link:focus-visible .image-banner__text{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/clickable-image-banner.css.map */