.ugc-video-carousel-mk{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;margin-block:var(--ugc-margin-block-start) var(--ugc-margin-block-end);padding-block:var(--ugc-padding-block-start) var(--ugc-padding-block-end);padding-inline:var(--ugc-padding-inline-start) var(--ugc-padding-inline-end);color:var(--ugc-heading-color);background-color:var(--ugc-background);border:var(--ugc-border-width) solid var(--ugc-border-color);border-radius:var(--ugc-section-radius);box-shadow:var(--ugc-shadow)}.ugc-video-carousel-mk *,.ugc-video-carousel-mk *:before,.ugc-video-carousel-mk *:after{box-sizing:border-box}.ugc-video-carousel-mk__background-overlay{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--ugc-background-overlay);opacity:var(--ugc-background-overlay-opacity)}.ugc-video-carousel-mk__container{position:relative;width:100%;max-width:var(--ugc-container-width);margin-inline:auto}.ugc-video-carousel-mk__layout{display:flex;align-items:center;justify-content:space-between;gap:var(--ugc-column-gap);min-width:0}.ugc-video-carousel-mk__copy{display:flex;flex:0 1 var(--ugc-copy-width);flex-direction:column;align-items:stretch;justify-content:center;gap:24px;min-width:260px;max-width:var(--ugc-copy-width)}.ugc-video-carousel-mk__eyebrow-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%}.ugc-video-carousel-mk__eyebrow,.ugc-video-carousel-mk__heading{margin:0;word-break:break-word}.ugc-video-carousel-mk__eyebrow{color:var(--ugc-eyebrow-color);font-family:inherit;font-size:var(--ugc-eyebrow-size);font-weight:var(--ugc-eyebrow-weight);line-height:var(--ugc-eyebrow-line-height);letter-spacing:var(--ugc-eyebrow-letter-spacing);text-align:start}.ugc-video-carousel-mk__heading{width:100%;max-width:100%;color:var(--ugc-heading-color);font-family:inherit;font-size:var(--ugc-heading-size);font-weight:var(--ugc-heading-weight);line-height:var(--ugc-heading-line-height);letter-spacing:var(--ugc-heading-letter-spacing);text-align:var(--ugc-heading-align);overflow-wrap:anywhere}.ugc-video-carousel-mk__rating{display:inline-flex;flex:0 0 auto;width:var(--ugc-rating-width);color:var(--ugc-rating-color)}.ugc-video-carousel-mk__rating svg,.ugc-video-carousel-mk__rating img{display:block;width:100%;height:auto}.ugc-video-carousel-mk__media-column{min-width:0;flex:1 1 744px;max-width:744px}.ugc-video-carousel-mk__media-viewport{width:100%;min-width:0;overflow:hidden;direction:ltr}.ugc-video-carousel-mk__media-track{display:flex;align-items:stretch;gap:var(--ugc-card-gap);min-width:0}.ugc-video-carousel-mk__card{position:relative;flex:1 1 0;min-width:0;height:var(--ugc-card-height);overflow:hidden;border-radius:var(--ugc-card-radius);background:#d8d3cc}.ugc-video-carousel-mk__image,.ugc-video-carousel-mk__inline-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;background:#000}.ugc-video-carousel-mk__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;overflow:hidden;place-items:center;color:#11111147;background:#d8d3cc}.ugc-video-carousel-mk__placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.ugc-video-carousel-mk__card-overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:var(--ugc-card-overlay);opacity:var(--ugc-card-overlay-opacity);pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.ugc-video-carousel-mk__play{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;width:var(--ugc-play-size);height:var(--ugc-play-size);margin:auto;padding:0;place-items:center;transform:none;color:inherit;background:transparent;border:0;border-radius:50%;cursor:pointer}.ugc-video-carousel-mk__play svg,.ugc-video-carousel-mk__play img{display:block;width:100%;height:100%}.ugc-video-carousel-mk__play:not(.is-disabled):hover{transform:scale(1.06)}.ugc-video-carousel-mk__play:focus-visible,.ugc-video-carousel-mk__media-viewport:focus-visible{outline:3px solid currentColor;outline-offset:3px}.ugc-video-carousel-mk__play.is-disabled{cursor:default}.ugc-video-carousel-mk__card.is-playing .ugc-video-carousel-mk__card-overlay{visibility:hidden;opacity:0}.ugc-video-carousel-mk__card.is-playing .ugc-video-carousel-mk__play{display:none}.ugc-video-carousel-mk__inline-player{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:#000}.ugc-video-carousel-mk__inline-player iframe{display:block;width:100%;height:100%;border:0}.ugc-video-carousel-mk__progress{display:none}.ugc-video-carousel-mk__empty{margin:0;padding:24px;text-align:center}@keyframes ugc-mk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ugc-mk-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes ugc-mk-slide-in-start{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@keyframes ugc-mk-slide-in-start-rtl{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}[dir=rtl] .ugc-video-carousel-mk[data-animation=slide-in-start]{animation-name:ugc-mk-slide-in-start-rtl!important}@media screen and (max-width:749px){.ugc-video-carousel-mk{padding-block:var(--ugc-padding-block-start-mobile) var(--ugc-padding-block-end-mobile);padding-inline:var(--ugc-padding-inline-start-mobile) var(--ugc-padding-inline-end-mobile)}.ugc-video-carousel-mk__container{max-width:var(--ugc-container-mobile-width)}.ugc-video-carousel-mk__layout{flex-direction:column;align-items:stretch;gap:var(--ugc-mobile-content-gap)}.ugc-video-carousel-mk__copy{flex:none;width:100%;gap:16px;min-width:0;max-width:none}.ugc-video-carousel-mk__eyebrow-row{justify-content:center}.ugc-video-carousel-mk__eyebrow{font-size:var(--ugc-eyebrow-size-mobile)}.ugc-video-carousel-mk__heading{font-size:var(--ugc-heading-size-mobile);text-align:var(--ugc-heading-align-mobile)}.ugc-video-carousel-mk__rating{width:var(--ugc-rating-width-mobile)}.ugc-video-carousel-mk__media-column{flex:none;max-width:none}.ugc-video-carousel-mk__media-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.ugc-video-carousel-mk__media-viewport::-webkit-scrollbar{display:none}.ugc-video-carousel-mk__media-track{gap:var(--ugc-card-gap-mobile);width:max-content}.ugc-video-carousel-mk__card{flex:0 0 var(--ugc-mobile-card-width, calc((100vw - var(--ugc-padding-inline-start-mobile) - var(--ugc-padding-inline-end-mobile) - var(--ugc-card-gap-mobile)) / 2));width:var(--ugc-mobile-card-width, calc((100vw - var(--ugc-padding-inline-start-mobile) - var(--ugc-padding-inline-end-mobile) - var(--ugc-card-gap-mobile)) / 2));max-width:calc((var(--ugc-container-mobile-width) - var(--ugc-card-gap-mobile)) / 2);height:var(--ugc-card-height-mobile);scroll-snap-align:start}.ugc-video-carousel-mk__play{width:var(--ugc-play-size-mobile);height:var(--ugc-play-size-mobile)}.ugc-video-carousel-mk__progress{position:relative;display:block;width:100%;height:var(--ugc-progress-height);margin-block-start:24px;overflow:hidden;background:var(--ugc-progress-track);border-radius:8px}.ugc-video-carousel-mk__progress-thumb{position:absolute;inset-block:0;inset-inline-start:0;width:48%;background:var(--ugc-progress-thumb);border-radius:inherit}}@media(prefers-reduced-motion:reduce){.ugc-video-carousel-mk,.ugc-video-carousel-mk *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-ugc-video-carousel-mk.css.map */