.vg-steps{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(56rem,92vh,100rem);color:#fff;background:#3f4a3b}.vg-steps .vg-steps__overlay,.vg-steps .vg-steps__ph{display:block}.vg-steps__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.vg-steps__layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s var(--vg-ease)}.vg-steps__layer.is-active{opacity:1}.vg-steps__layer video,.vg-steps__layer img{width:100%;height:100%;object-fit:cover;display:block;background:transparent}.vg-steps__ph{position:absolute;top:0;right:0;bottom:0;left:0}.vg-steps__layer--1 .vg-steps__ph{background:radial-gradient(120% 90% at 70% 30%,#d9ccb2,#a39a7e 45%,#5b6650)}.vg-steps__layer--2 .vg-steps__ph{background:radial-gradient(120% 90% at 70% 30%,#cfd3c2,#8e9c84 45%,#45594a)}.vg-steps__layer--3 .vg-steps__ph{background:radial-gradient(120% 90% at 70% 30%,#ede3d0,#b9a889 45%,#6f6248)}.vg-steps__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(18,24,18,calc(var(--o) * 1.3)),rgba(18,24,18,var(--o)) 45%,rgba(18,24,18,calc(var(--o) * .35))),linear-gradient(180deg,#12181259,#12181200 22%)}.vg-steps__eyebrow{position:absolute;top:4.4rem;left:0;right:0;margin:0;text-align:center;font-family:var(--font-body-family);font-size:1.25rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#fff}.vg-steps__inner{width:100%;display:flex;align-items:center;gap:5.6rem;padding-top:11rem;padding-bottom:11rem}.vg-steps__thumbs{display:flex;flex-direction:column;gap:1.4rem;flex:none}.vg-steps__thumb{position:relative;width:8.8rem;aspect-ratio:3/4;padding:0;border-radius:1.4rem;overflow:hidden;border:2px solid rgba(255,255,255,.28);background:#ffffff14;cursor:pointer;opacity:.72;transition:opacity .25s var(--vg-ease),transform .25s var(--vg-ease),border-color .25s var(--vg-ease),box-shadow .25s var(--vg-ease)}.vg-steps__thumb img{width:100%;height:100%;object-fit:cover;display:block}.vg-steps__thumb:hover{opacity:1;transform:translate(3px)}.vg-steps__thumb[aria-selected=true]{opacity:1;border-color:#fff;box-shadow:0 10px 28px #00000047}.vg-steps__thumb:focus-visible{outline:2px solid var(--vg-gold);outline-offset:3px}.vg-steps__num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-size:2.6rem;color:#ffffffe6;background:linear-gradient(160deg,#ffffff2e,#ffffff0a)}.vg-steps__panels{max-width:50rem;min-width:0}.vg-steps__title{margin:0 0 1.4rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);color:#fff;font-size:clamp(4.4rem,5.6vw,7.2rem);line-height:1}.vg-steps__sub{margin:0 0 1.2rem;font-size:2rem;font-weight:700;line-height:1.35;color:#fff}.vg-steps__text{margin:0;font-size:1.7rem;line-height:1.65;color:#ffffffe6;max-width:44rem}.vg-steps__title,.vg-steps__sub,.vg-steps__text,.vg-steps__eyebrow{text-shadow:0 1px 18px rgba(0,0,0,.18)}.vg-steps__panel.is-active{animation:vgStepIn .45s var(--vg-ease) both}@keyframes vgStepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media screen and (max-width:749px){.vg-steps{min-height:max(62rem,86svh);align-items:flex-end}.vg-steps__eyebrow{top:3.2rem;font-size:1.1rem;letter-spacing:.24em;padding:0 2rem}.vg-steps__inner{flex-direction:column-reverse;align-items:stretch;gap:2.4rem;padding-top:9rem;padding-bottom:4rem}.vg-steps__thumbs{flex-direction:row;gap:1rem}.vg-steps__thumb{width:6.4rem}.vg-steps__thumb:hover{transform:none}.vg-steps__title{font-size:4rem}.vg-steps__sub{font-size:1.8rem}.vg-steps__text{font-size:1.55rem}.vg-steps__overlay{background:linear-gradient(0deg,rgba(18,24,18,calc(var(--o) * 1.7)),rgba(18,24,18,var(--o)) 55%,rgba(18,24,18,calc(var(--o) * .6)))}}@media(prefers-reduced-motion:reduce){.vg-steps__layer,.vg-steps__thumb{transition:none}.vg-steps__panel.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/vegelia-steps.css.map */