.interactive-image-categories{display:block}.interactive-image-categories__container.container-full{max-width:none;padding-left:var(--iic-padding-inline);padding-right:var(--iic-padding-inline)}.interactive-image-categories__header{margin-bottom:var(--spacing-bottom)}.interactive-image-categories__heading{margin:0;color:var(--heading-color);font-size:var(--heading-size);font-style:var(--heading-style);line-height:1.2}.interactive-image-categories__description{margin-top:16px;color:var(--description-color);font-size:var(--description-size);line-height:1.5}.interactive-image-categories__wrapper{display:flex;gap:var(--iic-items-spacing);width:100%;height:var(--iic-section-height);overflow:hidden}.interactive-image-categories__item{--iic-illustration-width: var(--iic-illustration-width-desktop, 54px);position:relative;flex:var(--iic-inactive-flex);min-width:0;height:100%;overflow:hidden;border-radius:var(--iic-border-radius);transition:flex var(--iic-transition-speed) cubic-bezier(.7,0,.3,1),filter var(--iic-transition-speed) ease;will-change:flex}.interactive-image-categories__wrapper:hover .interactive-image-categories__item{flex:var(--iic-inactive-flex)}.interactive-image-categories__wrapper:hover .interactive-image-categories__item:hover,.interactive-image-categories__wrapper:not(:hover) .interactive-image-categories__item.is-default-active{flex:var(--iic-active-flex)}.interactive-image-categories__link{position:relative;display:block;width:100%;height:100%;color:inherit;text-decoration:none;overflow:hidden}.interactive-image-categories__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.interactive-image-categories__media img,.interactive-image-categories__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--iic-transition-speed) cubic-bezier(.7,0,.3,1),object-position var(--iic-transition-speed) cubic-bezier(.7,0,.3,1)}.interactive-image-categories__placeholder{background:#fff}.interactive-image-categories__item:hover .interactive-image-categories__media img,.interactive-image-categories__wrapper:not(:hover) .interactive-image-categories__item.is-default-active .interactive-image-categories__media img{transform:scale(1.02)}.interactive-image-categories__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--iic-overlay-color);opacity:var(--iic-overlay-opacity);pointer-events:none}.interactive-image-categories__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:32px;color:#fff;pointer-events:none}.interactive-image-categories__main-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:max-content;max-width:max(220px,var(--iic-logo-width, 150px));min-width:120px;transition:opacity var(--iic-transition-speed) ease,transform var(--iic-transition-speed) ease}.interactive-image-categories__logo{width:var(--iic-logo-width, 150px);max-width:100%;margin-bottom:6px}.interactive-image-categories__logo img{display:block;width:100%;height:auto}.interactive-image-categories__title{margin:0 0 .12em;color:var(--iic-title-color);font-family:var(--font-heading-family);font-size:var(--iic-title-size);font-weight:300;line-height:.95;letter-spacing:-.035em}.interactive-image-categories__subtitle{color:var(--iic-subtitle-color);font-family:var(--font-heading-family);font-size:var(--iic-subtitle-size);font-weight:400;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.interactive-image-categories__illustrations{display:flex;align-items:flex-end;justify-content:flex-end;gap:30px;min-width:360px;opacity:0;transform:translateY(12px);visibility:hidden;transition:opacity calc(var(--iic-transition-speed) * .75) ease,transform calc(var(--iic-transition-speed) * .75) ease,visibility calc(var(--iic-transition-speed) * .75) ease}.interactive-image-categories__item:hover .interactive-image-categories__illustrations,.interactive-image-categories__wrapper:not(:hover) .interactive-image-categories__item.is-default-active .interactive-image-categories__illustrations{opacity:1;transform:translateY(0);visibility:visible}.interactive-image-categories__illustration{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:var(--iic-illustration-width, 54px);color:var(--iic-icon-color);text-align:center}.interactive-image-categories__illustration-icon{width:var(--iic-illustration-width, 54px);height:calc(var(--iic-illustration-width, 54px) * .63);display:flex;align-items:flex-end;justify-content:center}.interactive-image-categories__illustration-icon img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1)}.interactive-image-categories__illustration-title{display:block;color:var(--iic-icon-color);font-size:11px;line-height:1;text-transform:lowercase;white-space:nowrap}@media(max-width:1199px){.interactive-image-categories__content{padding:24px;gap:20px}.interactive-image-categories__illustrations{gap:18px;min-width:280px}}@media(max-width:1024px){.interactive-image-categories__wrapper{height:auto;min-height:unset;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.interactive-image-categories__item,.interactive-image-categories__wrapper:hover .interactive-image-categories__item,.interactive-image-categories__wrapper:hover .interactive-image-categories__item:hover,.interactive-image-categories__wrapper:not(:hover) .interactive-image-categories__item.is-default-active{flex:unset;height:420px}.interactive-image-categories__illustrations{opacity:1;transform:none;visibility:visible;min-width:unset;gap:14px}.interactive-image-categories__content{align-items:flex-end}.interactive-image-categories__heading{font-size:var(--heading-size-mobile)}.interactive-image-categories__description{font-size:var(--description-size-mobile)}}@media(max-width:767px){.interactive-image-categories__wrapper{grid-template-columns:1fr;gap:var(--iic-items-spacing)}.interactive-image-categories__item,.interactive-image-categories__wrapper:hover .interactive-image-categories__item,.interactive-image-categories__wrapper:hover .interactive-image-categories__item:hover,.interactive-image-categories__wrapper:not(:hover) .interactive-image-categories__item.is-default-active{height:360px}.interactive-image-categories__content{padding:22px;flex-direction:column;align-items:flex-start;justify-content:flex-end}.interactive-image-categories__main-text{max-width:100%}.interactive-image-categories__subtitle{font-size:var(--iic-subtitle-size-mobile)}.interactive-image-categories__illustrations{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:14px 18px}.interactive-image-categories__item{--iic-illustration-width: var(--iic-illustration-width-mobile, 44px)}.interactive-image-categories__illustration-title{font-size:10px}.interactive-image-categories__logo{width:var(--iic-logo-width-mobile, 120px)}.interactive-image-categories__title{font-size:var(--iic-title-size-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/interactive-image-categories.css.map */