.mto-oval-categories{--oval-gap: 12px}@media screen and (min-width:750px){.mto-oval-categories{--oval-gap: 20px}}.mto-oval-categories__title{text-align:center;margin-bottom:1.25rem;font-size:var(--font-size--lg)}.mto-oval-categories__track{display:flex;overflow-x:auto;gap:var(--oval-gap);padding-inline:var(--page-margin, 1.5rem);padding-block:4px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.mto-oval-categories__track::-webkit-scrollbar{display:none}.mto-oval-categories--layout-grid .mto-oval-categories__track{justify-content:center;overflow-x:visible;flex-wrap:wrap;scroll-snap-type:none}.mto-oval-categories--layout-carousel .mto-oval-categories__track{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory}.mto-oval-categories--block .mto-oval-categories__track{padding-inline:0}.mto-oval-categories__item{flex-shrink:0;scroll-snap-align:start}.mto-oval-categories__link{display:inline-block;text-decoration:none;color:inherit;transition:opacity .2s ease;background:none;border:none;padding:0;cursor:pointer;font:inherit}.mto-oval-categories__link:hover{opacity:.8}.mto-oval-categories__figure{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:4px}.mto-oval-categories__image-wrap{overflow:hidden;border-radius:85% 40%;flex-shrink:0;position:relative}.mto-oval-categories__image-wrap--round{border-radius:50%}.mto-oval-categories__image-wrap--square{border-radius:12px}.mto-oval-categories__item--border .mto-oval-categories__image-wrap:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid currentColor;border-radius:85% 40%;z-index:1;pointer-events:none}.mto-oval-categories__item--border .mto-oval-categories__image-wrap--round:before{border-radius:50%}.mto-oval-categories__item--border .mto-oval-categories__image-wrap--square:before{border-radius:16px}.mto-oval-categories__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.mto-oval-categories__placeholder{background-color:rgb(var(--color-foreground-rgb) / .05)}.mto-oval-categories__name{text-align:center;white-space:nowrap;line-height:1.3;margin:0}.mto-oval-categories__subtitle{text-align:center;white-space:nowrap;line-height:1.3;margin:0;opacity:.7}.mto-oval-categories__play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;color:#fffffff2;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .4));pointer-events:none}.mto-oval-categories__play-icon svg{width:28%;height:28%}.mto-oval-categories__video-trigger{display:inline-flex}.mto-oval-categories__dots{display:none;justify-content:center;align-items:center;gap:8px;margin-top:10px}@media screen and (max-width:749px){.mto-oval-categories--layout-carousel[data-show-dots-mobile=true] .mto-oval-categories__dots{display:flex}}@media screen and (min-width:750px){.mto-oval-categories--layout-carousel[data-show-dots-desktop=true] .mto-oval-categories__dots{display:flex}}.mto-oval-categories__dots:empty{display:none!important}.mto-oval-categories__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:rgb(var(--color-foreground-rgb) / .25);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.mto-oval-categories__dot:hover{background:rgb(var(--color-foreground-rgb) / .45)}.mto-oval-categories__dot.is-active{background:rgb(var(--color-foreground-rgb) / .9);transform:scale(1.15)}.mto-oval-categories__video-modal{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;margin:0!important;transform:translate(-50%,-50%)!important;width:min(92vw,calc(92svh * var(--mto-video-ratio-w, 16) / var(--mto-video-ratio-h, 9)));height:auto;aspect-ratio:var(--mto-video-ratio-w, 16) / var(--mto-video-ratio-h, 9);padding:0;background:#000;border-radius:var(--style-border-radius-popover, 16px)!important;box-shadow:var(--shadow-popover);overflow:hidden;animation:none!important}.mto-oval-categories__video-modal[open]{animation:mtoVideoFadeIn var(--animation-speed, .25s) var(--animation-easing, ease) forwards!important}.mto-oval-categories__video-modal.dialog-closing{animation:mtoVideoFadeOut var(--animation-speed, .25s) var(--animation-easing, ease) forwards!important}@keyframes mtoVideoFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes mtoVideoFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}@media screen and (max-width:749px){.mto-oval-categories__video-modal{width:min(90vw,calc(82svh * var(--mto-video-ratio-w, 16) / var(--mto-video-ratio-h, 9)))!important;height:auto!important;padding:0!important}}.mto-oval-categories__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.mto-oval-categories__video-wrap :is(video,iframe,.mto-oval-categories__video-embed iframe){position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:contain;border:none;display:block}.mto-oval-categories__video-close{position:absolute;top:var(--margin-2xs);right:var(--margin-2xs);z-index:3;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mto-oval-categories.css.map */