.codex-carousel{position:relative;width:100%;background-color:#1e1e1e}.codex-carousel__track{overflow:hidden;width:100%}.codex-carousel__slides{width:100%;transition:transform .5s ease-in-out;position:relative;height:auto}.codex-carousel__slide{flex:0 0 100%;display:none;top:0;left:0;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:6rem 8rem;background-size:cover;background-position:center;width:100%;margin:0 auto;gap:4rem;position:relative}.codex-carousel__slides{position:relative}.codex-carousel__slide{opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease;position:absolute;top:0;left:0;width:100%;transform:translateY(10px);z-index:0}.codex-carousel__slide.active{display:flex;opacity:1;pointer-events:auto;position:relative;transform:translateY(0);z-index:1}.codex-carousel__text{max-width:600px;color:#fff;z-index:2;margin-right:3rem}.codex-carousel__heading{font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#fff}.codex-carousel__subtext{font-size:1.125rem;color:#e5e5e5;line-height:1.6;margin-top:1rem}.codex-carousel__button{display:inline-block;margin-top:2rem;background-color:#d32f2f;color:#fff;padding:.75rem 1.75rem;font-weight:600;font-size:1rem;border-radius:.5rem;transition:background-color .3s ease;text-decoration:none}.codex-carousel__button:hover{background-color:#b71c1c;color:#fff}.codex-carousel__media-wrapper{max-width:50%;flex-shrink:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.codex-carousel__image{height:450px;width:auto;object-fit:contain;z-index:1}@media screen and (min-width: 1024px) and (max-width: 1600px){.codex-carousel__slide{padding:6rem 12vw;gap:4rem}.codex-carousel__text{max-width:500px}.codex-carousel__heading{font-size:3.75rem;line-height:1.2}.codex-carousel__subtext{font-size:2.15rem;line-height:1.6;margin-top:1.25rem}.codex-carousel__button{font-size:1.8rem;padding:.85rem 2rem;margin-top:2rem}.codex-carousel__image{height:400px}}@media screen and (min-width: 1024px) and (max-width: 1300px){.codex-carousel__slide{padding:6rem 6vw;gap:4rem}.codex-carousel__text{max-width:500px}.codex-carousel__heading{font-size:3.75rem;line-height:1.2}.codex-carousel__subtext{font-size:2.15rem;line-height:1.6;margin-top:1.25rem}.codex-carousel__button{font-size:1.8rem;padding:.85rem 2rem;margin-top:2rem}.codex-carousel__image{height:400px}}@media screen and (min-width: 1600px){.codex-carousel__slide{padding-left:24vw;padding-right:24vw;gap:3rem}.codex-carousel__text{max-width:700px}.codex-carousel__heading{font-size:3.5rem}.codex-carousel__subtext{font-size:2.25rem}.codex-carousel__button{font-size:1.725rem;padding:1rem 2rem}.codex-carousel__image{height:500px}}@media screen and (max-width: 1024px){.codex-carousel__image{height:350px}}@media screen and (max-width: 768px){.codex-carousel__slide{flex-direction:column-reverse;text-align:center;padding:4rem 2rem;gap:1rem}.codex-carousel__media-wrapper{max-width:100%;margin:0 auto 1rem}.codex-carousel__image{height:280px;max-width:90%;margin:0 auto}.codex-carousel__text{max-width:100%;margin:0 auto}.codex-carousel__heading{font-size:2.25rem}.codex-carousel__subtext{font-size:1rem}}.codex-carousel__nav{display:flex;justify-content:center;margin-top:1rem;padding-bottom:1rem;gap:.75rem}.codex-carousel__dot{width:12px;height:12px;border-radius:50%;background-color:#fff6;cursor:pointer;transition:background-color .3s ease;border:none}.codex-carousel__dot.active,.codex-carousel__dot:hover{background-color:#d32f2f}
/*# sourceMappingURL=/cdn/shop/t/1/assets/codex-hero-carousel.css.map */