.mtabs__slides{position:relative;margin:4rem}.mtabs__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,43rem) minmax(0,43rem);justify-content:center;align-items:start;gap:4rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.mtabs__slide--active{position:relative;inset:auto;opacity:1;visibility:visible;transition:opacity .3s ease}@media screen and (max-width:749px){.mtabs__slide{grid-template-columns:1fr}}.mtabs__image{background:rgb(var(--white));width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:5.5rem;overflow:hidden;margin:0 auto}@media screen and (max-width:749px){.mtabs__image{width:calc(100% - 4rem)}}.mtabs__image--placeholder .placeholder-svg{display:block;width:100%;height:100%;background:rgba(var(--color-foreground),.04)}.mtabs__heading{margin:0 0 1rem;text-align:left;font-size:2.6rem;font-weight:600;color:var(--fg)}.mtabs__body{margin:0 0 2rem;text-align:left;font-size:1.8rem;max-width:43rem}.mtabs__button{display:inline-block;padding:1rem 2.4rem;border-radius:2rem}.mtabs__tabs{display:flex;justify-content:center;gap:1.2rem;margin-top:3rem;flex-wrap:wrap}.mtabs__tab{display:inline-flex;align-items:center;justify-content:center;width:13rem;height:13rem;border-radius:55px;border:none;cursor:pointer;background:var(--card-bg, rgba(var(--red), .2));box-shadow:4px 4px 4px #00000040;color:inherit;font:inherit;font-size:1.8rem;text-transform:capitalize;padding:4rem;text-align:center;transition:background .3s ease,color .3s ease}.mtabs__tab--active{background:rgb(var(--red));color:rgb(var(--white))}.mtabs__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border:none;border-radius:50%;cursor:pointer;color:rgba(var(--color-foreground),.75);background:rgb(var(--white));box-shadow:0 .2rem 1rem #0000001f}.mtabs__arrow svg{height:.6rem}.mtabs__arrow--prev{left:-.8rem}.mtabs__arrow--prev svg{transform:rotate(90deg)}.mtabs__arrow--next{right:-.8rem}.mtabs__arrow--next svg{transform:rotate(-90deg)}@media screen and (max-width:749px){media-tabs{display:block;position:relative}.mtabs__tabs{display:none}.mtabs__arrow{display:flex;z-index:2}.mtabs__arrow--prev{left:.4rem}.mtabs__arrow--next{right:.4rem}}@media(prefers-reduced-motion:reduce){.mtabs__slide{transition:none}}.mtabs__body h3{margin:0 0 1rem;text-align:left;font-size:2.6rem;font-weight:600}.mtabs__body h3:not(:first-child){margin-top:2rem}.mtabs__body h3+p{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/20/assets/custom-media-tabs.css.map */