.category-image-switcher{width:100%;height:820px;position:relative;overflow:hidden}.category-image-switcher__container{max-width:1440px;width:100%;height:820px;margin:0 auto;position:relative}.category-image-switcher__image-wrapper{position:absolute;left:0;top:0;width:720px;height:820px;overflow:hidden}.category-image-switcher__image{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.category-image-switcher__image.active{opacity:1}.category-image-switcher__img{width:100%;height:100%;object-fit:cover;object-position:center}.category-image-switcher__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e5e5e5}.category-image-switcher__placeholder svg{width:100%;height:100%;max-width:400px;max-height:400px}.category-image-switcher__content{position:absolute;left:855px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:75px;width:451px}.category-image-switcher__title-wrapper{display:flex;flex-direction:column;gap:14px;align-items:flex-start;justify-content:center}.category-image-switcher__heading{font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:400;line-height:1.3;color:#000;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin:0}.category-image-switcher__categories{display:flex;flex-direction:column;gap:40px}.category-image-switcher__category-btn{display:flex;gap:14px;cursor:pointer;transition:opacity .3s ease;font-family:Asterina,sans-serif;font-size:70px;font-weight:400;line-height:1;color:#000;white-space:nowrap;text-decoration:none;opacity:.4;background:none;border:none;padding:0;margin:0;text-align:left}.category-image-switcher__category-btn.active,.category-image-switcher__category-btn:hover{opacity:1}@media screen and (min-width: 1441px){.category-image-switcher{display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 1440px) and (min-width: 1024px){.category-image-switcher__container{max-width:100%}.category-image-switcher__content{left:60%;width:35%}.category-image-switcher__image-wrapper{width:55%}.category-image-switcher__category-btn{font-size:60px}}@media screen and (max-width: 1023px) and (min-width: 768px){.category-image-switcher,.category-image-switcher__container{height:700px}.category-image-switcher__image-wrapper{width:50%;height:700px}.category-image-switcher__content{left:55%;width:40%;gap:50px}.category-image-switcher__heading{font-size:16px}.category-image-switcher__category-btn{font-size:50px}.category-image-switcher__categories{gap:30px}.{}}@media screen and (max-width: 767px){.category-image-switcher{height:auto;padding:40px 20px}.category-image-switcher__container{height:auto;display:flex;flex-direction:column;gap:40px}.category-image-switcher__image-wrapper{position:relative;left:auto;top:auto;width:100%;height:400px;order:1;border-radius:0;overflow:hidden}.category-image-switcher__image{border-radius:0}.category-image-switcher__content{position:relative;left:auto;top:auto;transform:none;width:100%;order:2;gap:40px}.category-image-switcher__title-wrapper{align-items:center;width:100%}.category-image-switcher__heading{font-size:16px;text-align:center}.category-image-switcher__categories{gap:25px;align-items:center;width:100%}.category-image-switcher__category-btn{font-size:48px;text-align:center}}@media screen and (max-width: 480px){.category-image-switcher{padding:30px 16px}.category-image-switcher__image-wrapper{height:300px}.category-image-switcher__content{gap:30px}.category-image-switcher__heading{font-size:14px}.category-image-switcher__category-btn{font-size:36px}.category-image-switcher__categories{gap:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.category-image-switcher__image{animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.category-image-switcher__image:not(.active){animation-name:fadeOut}.category-image-switcher__image.active{animation-name:fadeIn}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-image-switcher.css.map */