.yn-step-carousel{--yn-step-burgundy: #7d1b2c;--yn-step-ink: #1a0a0e;--yn-step-soft: #f6f5f4;position:relative;width:100%;margin-top:.4rem;font-family:Satoshi,sans-serif}.yn-step-carousel__top{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:1.2rem}.yn-step-carousel__top p{margin:0;color:#1a0a0e99;font-size:1.3rem}.yn-step-carousel__controls{display:flex;align-items:center;gap:.8rem}.yn-step-carousel__count{min-width:3.8rem;color:#1a0a0e9e;font-size:1.25rem;text-align:center}.yn-step-carousel__button{display:inline-flex;width:3.6rem;height:3.6rem;align-items:center;justify-content:center;padding:0;border:.1rem solid rgba(26,10,14,.14);border-radius:50%;background:#fff;color:var(--yn-step-burgundy);cursor:pointer;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}.yn-step-carousel__button:hover:not(:disabled){border-color:var(--yn-step-burgundy);background:var(--yn-step-burgundy);color:#fff}.yn-step-carousel__button:disabled{cursor:default;opacity:.34}.yn-step-carousel__button svg{width:1.7rem;height:1.7rem;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.yn-step-carousel__viewport{width:100%;overflow:hidden}.yn-step-carousel__track{display:grid;grid-auto-columns:minmax(24rem,86%);grid-auto-flow:column;gap:1.2rem;margin:0;padding:0 0 .4rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none;list-style:none}.yn-step-carousel__track::-webkit-scrollbar{display:none}.yn-step-carousel__slide{min-width:0;scroll-snap-align:start}.yn-step-carousel__media{aspect-ratio:4 / 5;margin-bottom:1.6rem;overflow:hidden;border-radius:.4rem;background:var(--yn-step-soft)}.yn-step-carousel__media img{display:block;width:100%;height:100%;object-fit:cover}.yn-step-carousel__step{margin:0 0 .4rem;color:var(--yn-step-burgundy);font-size:1.2rem;font-weight:500;text-transform:uppercase}.yn-step-carousel__title{margin:0;color:var(--yn-step-ink);font-family:Satoshi,sans-serif!important;font-size:1.7rem;font-style:normal;font-weight:500;letter-spacing:0;line-height:1.2}.yn-step-carousel__copy{margin:.7rem 0 0;color:#1a0a0ead;font-size:1.35rem;line-height:1.55}@media screen and (max-width:749px){.yn-step-carousel__track{grid-auto-columns:88%}}@media(prefers-reduced-motion:reduce){.yn-step-carousel__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/yuna-step-carousel.css.map */