.makydo-variant-slider{position:relative;background:var(--section-bg, #ffffff);color:var(--section-text, #0d0b09);padding-top:var(--PT-mobile, 40px);padding-bottom:var(--PB-mobile, 40px);overflow:clip;min-height:100vh;display:flex;align-items:center;box-sizing:border-box}.makydo-variant-slider__wrap{width:100%}.makydo-variant-slider__grid{display:flex;flex-direction:column;gap:24px;align-items:stretch}.makydo-variant-slider__text-col{display:flex;flex-direction:column;gap:12px;order:1}.makydo-variant-slider__eyebrow{font-size:20px;margin:0;color:var(--eyebrow-color, currentColor)}.makydo-variant-slider__heading{margin:0;color:var(--heading-color, currentColor);font-size:36px}.makydo-variant-slider__swatches{display:inline-flex;flex-wrap:wrap;gap:14px;margin-top:8px}.makydo-variant-slider__swatch{position:relative;width:40px;height:40px;padding:0;border-radius:50%;border:1.5px solid transparent;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .25s ease,transform .25s ease}.makydo-variant-slider__swatch-fill{display:block;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000d;background:var(--swatch-color, #ccc)}.makydo-variant-slider__swatch.is-active{border-color:var(--swatch-color, #0d0b09);border-width:3px}.makydo-variant-slider__swatch:hover{transform:scale(1.06)}.makydo-variant-slider__swatch:focus-visible{outline:2px solid var(--swatch-color, #0d0b09);outline-offset:2px}.makydo-variant-slider__card-col{order:2;width:100%}.makydo-variant-slider__card{position:relative;background:var(--card-bg, #f4ecdf);border-radius:var(--card-radius, 24px);overflow:hidden;padding:clamp(24px,5vw,56px);width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;min-height:400px}.makydo-variant-slider__viewport{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y}.makydo-variant-slider__track{position:relative;width:100%;height:100%}.makydo-variant-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s linear .55s;will-change:opacity;pointer-events:none}.makydo-variant-slider__slide.is-active{opacity:1;visibility:visible;transition:opacity .55s ease,visibility 0s linear 0s;pointer-events:auto;z-index:1}.makydo-variant-slider__slide--empty{color:#00000080;text-align:center}.makydo-variant-slider__slide-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:inherit;cursor:pointer}.makydo-variant-slider__slide-link:focus-visible{outline:2px solid var(--btn-color, #0d0b09);outline-offset:4px;border-radius:8px}.makydo-variant-slider__nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:var(--btn-bg, #ffffff);color:var(--btn-color, #0d0b09);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2.78px 11.11px #00000040;transition:transform .25s ease,opacity .25s ease;z-index:3}.makydo-variant-slider__prev-btn{left:clamp(12px,2vw,24px)}.makydo-variant-slider__next-btn{right:clamp(12px,2vw,24px)}.makydo-variant-slider__nav-btn:hover{transform:translateY(-50%) scale(1)}.makydo-variant-slider__nav-btn:focus-visible{outline:2px solid var(--btn-color, #0d0b09);outline-offset:2px}.makydo-variant-slider__nav-btn.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.makydo-variant-slider__nav-btn svg{width:10px;height:16px}.makydo-variant-slider__dots{position:absolute;bottom:clamp(12px,2vw,24px);left:50%;transform:translate(-50%);list-style:none;margin:0;padding:0;display:inline-flex;align-items:center;gap:15px;z-index:2}.makydo-variant-slider__dots li{margin:0}.makydo-variant-slider__dot{width:12px;height:12px;border-radius:50%;border:0;padding:0;background:var(--dot-color, #0d0b09);opacity:.25;cursor:pointer;transition:opacity .25s ease}.makydo-variant-slider__dot.is-active{opacity:1}.makydo-variant-slider__viewport.is-dragging{cursor:grabbing}.makydo-variant-slider__img,.makydo-variant-slider__img-placeholder svg{max-width:100%;max-height:80%;object-fit:contain;display:block;pointer-events:none}@media(min-width:768px){.makydo-variant-slider__img,.makydo-variant-slider__img-placeholder svg{max-width:90%;max-height:90%;object-fit:cover;display:block;pointer-events:none}.makydo-variant-slider{padding-top:var(--PT, 80px);padding-bottom:var(--PB, 80px)}.makydo-variant-slider__swatch.is-active{border-width:4px}.makydo-variant-slider__grid{flex-direction:row;align-items:center}.makydo-variant-slider__card-col{order:1;flex:1 1 50%;min-width:0}.makydo-variant-slider__text-col{order:2;flex:1 1 50%;min-width:0;gap:16px;padding-left:11%;max-width:41%}.makydo-variant-slider__card{aspect-ratio:1 / .85}.makydo-variant-slider__swatches{margin-top:16px}.makydo-variant-slider__eyebrow{font-size:26px}.makydo-variant-slider__heading{font-size:54px;margin-bottom:20px}}@media(min-width:1200px){.makydo-variant-slider__swatch{width:60px;height:60px}.makydo-variant-slider__swatch-fill{width:40px;height:40px}.makydo-variant-slider__nav-btn{width:52px;height:52px}.makydo-variant-slider__nav-btn svg{width:12px;height:18px}.makydo-variant-slider__eyebrow{font-size:36px}.makydo-variant-slider__heading{font-size:64px}}@media(min-width:1440px){.makydo-variant-slider__nav-btn{width:82px;height:82px;border-radius:32px}}@media(min-width:2000px){.makydo-variant-slider__card{aspect-ratio:1 / .8}}@media(prefers-reduced-motion:reduce){.makydo-variant-slider__slide,.makydo-variant-slider__swatch,.makydo-variant-slider__nav-btn{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/makydo-section-variant-slider.css.map */