.ht-hero{background-color:#f3f4f6;padding:2rem 0;isolation:isolate}.ht-hero__inner{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:2fr 1fr;gap:8px}.ht-hero__slider-wrap{position:relative;border-radius:10px;overflow:hidden;background:#0a0a0a;height:380px}.ht-hero__slides{position:relative;width:100%;height:100%}.ht-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .6s ease}.ht-hero__slide.is-active{opacity:1;pointer-events:auto;position:relative}.ht-hero__slide.is-entering{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;pointer-events:none;z-index:2;transition:opacity .6s ease}.ht-hero__slide.is-leaving{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:1;transition:opacity .6s ease}.ht-hero__slide-link{display:block}.ht-hero__slide-img{display:block;width:100%;height:380px;object-fit:cover;object-position:center}.ht-hero__slide-placeholder{width:100%;height:380px;background:#1a1a2e;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:16px;text-align:center;padding:2rem}.ht-hero__dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;z-index:5}.ht-hero__dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;padding:0;transition:background .25s,width .25s,border-radius .25s}.ht-hero__dot.is-active{background:#fff;width:28px;border-radius:4px}.ht-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:#ffffff2e;border:none;color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ht-hero__slider-wrap:hover .ht-hero__arrow{opacity:1}.ht-hero__arrow:hover{background:#ffffff4d}.ht-hero__arrow--prev{left:12px}.ht-hero__arrow--next{right:12px}.ht-hero__arrow svg{width:20px;height:20px;fill:currentColor}.ht-hero__sidebar{display:flex;flex-direction:column;gap:8px;height:380px}.ht-hero__banner{flex:1;min-height:0;border-radius:10px;overflow:hidden;background:#1a1a1a;transition:box-shadow .2s}.ht-hero__banner:hover{box-shadow:0 6px 20px #0000002e}.ht-hero__banner-link{display:block;width:100%;height:100%}.ht-hero__banner-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s}.ht-hero__banner:hover .ht-hero__banner-img{transform:scale(1.03)}.ht-hero__banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#9ca3af;font-size:13px;text-align:center;padding:1rem}@media screen and (max-width:1199px){.ht-hero__slider-wrap,.ht-hero__slide-img,.ht-hero__slide-placeholder,.ht-hero__sidebar{height:320px}}@media screen and (max-width:989px){.ht-hero__inner{grid-template-columns:1fr;padding:0 .75rem}.ht-hero__slider-wrap,.ht-hero__slide-img,.ht-hero__slide-placeholder{height:240px}.ht-hero__sidebar{flex-direction:row;height:130px}}@media screen and (max-width:479px){.ht-hero{padding:.5rem 0}.ht-hero__inner{padding:0 .5rem}.ht-hero__slider-wrap,.ht-hero__slide-img,.ht-hero__slide-placeholder{height:175px}.ht-hero__sidebar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hightech-hero.css.map */