mcc-card-gallery{--mcc-cg-ease: cubic-bezier(.22, .8, .24, 1);position:relative;display:block;overflow:hidden;border-radius:inherit}.mcc-cg__link{display:block;color:inherit;border-radius:inherit;-webkit-user-drag:none}.mcc-cg__viewport{overflow:hidden;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mcc-cg__track{display:flex;backface-visibility:hidden}mcc-card-gallery.is-ready .mcc-cg__viewport,mcc-card-gallery.is-ready .mcc-cg__track{touch-action:pan-y pinch-zoom}.mcc-cg__slide{position:relative;display:block;flex:0 0 100%;min-width:0;-webkit-user-drag:none}.mcc-cg__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--aspect-ratio, 1);background:color-mix(in srgb,currentColor 5%,transparent)}.mcc-cg__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.mcc-cg__media img[data-src],.mcc-cg__media img.mcc-cg__lazy:not(.is-loaded){opacity:0}.mcc-cg__media img.mcc-cg__lazy{transition:opacity .35s ease}mcc-card-gallery.is-dragging .mcc-cg__viewport{cursor:grabbing}.mcc-cg__arrow{--mcc-cg-shift: 0px;position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;color:#121212;background:#ffffffdb;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);box-shadow:0 .2rem 1.2rem #0000001f,0 0 0 .1rem #0000000d;cursor:pointer;opacity:0;pointer-events:none;transform:translate(var(--mcc-cg-shift),-50%) scale(.9);transition:opacity .22s ease,transform .28s var(--mcc-cg-ease),background-color .2s ease}.mcc-cg__arrow[disabled]{opacity:0;pointer-events:none;cursor:default}.mcc-cg__arrow svg{width:1.5rem;height:1.5rem}.mcc-cg__arrow--prev{--mcc-cg-shift: -.6rem;left:1rem}.mcc-cg__arrow--next{--mcc-cg-shift: .6rem;right:1rem}@media(hover:hover)and (pointer:fine){mcc-card-gallery.is-ready:hover .mcc-cg__arrow:not([disabled]){opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}mcc-card-gallery.is-ready .mcc-cg__arrow:not([disabled]):focus-visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}mcc-card-gallery.is-ready:has(.mcc-cg__arrow:focus-visible) .mcc-cg__arrow:not([disabled]){opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}mcc-card-gallery.is-ready .mcc-cg__arrow:not([disabled]):hover{background:#fff;transform:translateY(-50%) scale(1.07)}mcc-card-gallery.is-ready .mcc-cg__arrow:not([disabled]):active{transform:translateY(-50%) scale(.96)}}@media not all and (hover:hover)and (pointer:fine){.mcc-cg__arrow{display:none}}.mcc-cg__arrow:focus-visible{outline:.2rem solid #121212;outline-offset:.2rem}.mcc-cg__dots{position:absolute;left:50%;bottom:1rem;z-index:2;display:flex;gap:.5rem;padding:.5rem .7rem;border-radius:99rem;background:#12121238;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;transform:translate(-50%);transition:opacity .25s ease,transform .3s var(--mcc-cg-ease)}.mcc-cg__dot{width:.6rem;height:.6rem;border-radius:99rem;background:#ffffff8c;transition:width .35s var(--mcc-cg-ease),background-color .35s ease}.mcc-cg__dot.is-active{width:1.6rem;background:#fff}@media(hover:hover)and (pointer:fine){.mcc-cg__dots{opacity:0;transform:translate(-50%,.4rem)}mcc-card-gallery.is-ready:hover .mcc-cg__dots{opacity:1;transform:translate(-50%)}}@media(hover:hover)and (pointer:fine)and (min-width:768px){.product-card__image-wrapper:has(.product-card__main-actions) .mcc-cg__dots{bottom:calc(3rem + var(--buttons-height, 4.8rem))}}@media(max-width:767.98px){.mcc-cg__dots{bottom:.8rem;gap:.4rem;padding:.4rem .6rem}.product-card__image-wrapper:has(.product-card__main-actions) .mcc-cg__dots,.product-card__image-wrapper:has(.product-card__main-actions) mcc-card-gallery.is-ready:hover .mcc-cg__dots{left:.8rem;transform:none}.mcc-cg__dot{width:.5rem;height:.5rem}.mcc-cg__dot.is-active{width:1.2rem}}mcc-card-gallery.is-static .mcc-cg__arrow,mcc-card-gallery.is-static .mcc-cg__dots{display:none}@media(prefers-reduced-motion:reduce){.mcc-cg__arrow,.mcc-cg__dots,.mcc-cg__dot,.mcc-cg__media img.mcc-cg__lazy{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/mcc-card-gallery.css.map */
