.mto-list{padding:var(--mto-pt) var(--mto-px) var(--mto-pb);background:var(--mto-section-bg)}.mto-list__outer{width:100%}mto-list-slider.mto-list__inner{display:block;max-width:var(--mto-container-max);margin-inline:auto}mto-list-slider.mto-list__inner--full{max-width:100%}.mto-list__header{text-align:var(--mto-header-align);margin-bottom:var(--mto-header-spacing)}.mto-list__title{font-family:var(--font-family, inherit);font-size:var(--font-size, 32px);font-weight:var(--font-weight, 700);text-transform:var(--text-transform, none);text-wrap:var(--text-wrap, pretty);line-height:var(--line-height, 1.2);letter-spacing:var(--letter-spacing, normal);color:var(--mto-title-color);margin:0 0 8px}.mto-list__subtitle{font-family:var(--font-family, inherit);font-size:var(--font-size, 16px);font-weight:var(--font-weight, 400);text-transform:var(--text-transform, none);text-wrap:var(--text-wrap, pretty);line-height:var(--line-height, 1.5);letter-spacing:var(--letter-spacing, normal);color:var(--mto-subtitle-color);margin:0}.mto-list__wrapper{display:flex;align-items:center;gap:20px}.mto-list__sidebar{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;flex-shrink:0;font-family:var(--font-family, inherit);font-size:var(--font-size, 14px);font-weight:var(--font-weight, 600);text-transform:var(--text-transform, none);line-height:var(--line-height, normal);letter-spacing:var(--letter-spacing, .05em);color:var(--mto-sidebar-color)}.mto-list__container{position:relative;flex:1;min-width:0}.mto-list__track{display:grid;grid-template-columns:repeat(var(--mto-cols),1fr);gap:var(--mto-gap)}.mto-list--slider .mto-list__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.mto-list--slider .mto-list__track::-webkit-scrollbar{display:none}.mto-list--slider .mto-list__item{flex:0 0 calc((100% - var(--mto-gap) * (var(--mto-cols) - 1)) / var(--mto-cols));scroll-snap-align:start}.mto-list__card{position:relative;display:block;background:var(--mto-card-bg);border-radius:var(--mto-radius);overflow:hidden;text-decoration:none;color:inherit}.mto-list__media{position:relative;width:100%;aspect-ratio:var(--mto-ratio);overflow:hidden}.mto-list__image,.mto-list__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--mto-fit);display:block;transition:transform .4s ease}.mto-list__card:hover .mto-list__image,.mto-list__card:hover .mto-list__video{transform:scale(var(--mto-hover-scale))}.mto-list__content{padding:var(--mto-text-spacing) 12px 12px;text-align:var(--mto-text-align)}.mto-list__content--overlay_top,.mto-list__content--overlay_bottom,.mto-list__content--overlay_middle{position:absolute;left:0;right:0;z-index:1;padding:16px 12px}.mto-list__content--overlay_top{top:0;background:linear-gradient(to bottom,rgb(0 0 0 / .35),transparent)}.mto-list__content--overlay_bottom{bottom:0;background:linear-gradient(to top,rgb(0 0 0 / .35),transparent)}.mto-list__content--overlay_middle{top:50%;transform:translateY(-50%)}.mto-list__item-title{font-family:var(--font-family, inherit);font-size:var(--font-size, 16px);font-weight:var(--font-weight, 600);text-transform:var(--text-transform, none);text-wrap:var(--text-wrap, pretty);line-height:var(--line-height, 1.3);letter-spacing:var(--letter-spacing, normal);color:var(--mto-item-title-color);margin:0 0 4px}.mto-list__item-subtitle{font-family:var(--font-family, inherit);font-size:var(--font-size, 14px);font-weight:var(--font-weight, 400);text-transform:var(--text-transform, none);text-wrap:var(--text-wrap, pretty);line-height:var(--line-height, 1.4);letter-spacing:var(--letter-spacing, normal);color:var(--mto-item-sub-color);margin:0}.mto-list__arrow{position:absolute;top:calc(50% + var(--mto-arrow-offset-y, 0px));transform:translateY(-50%);z-index:2;width:var(--mto-arrow-size);height:var(--mto-arrow-size);padding:0;background:var(--mto-arrow-bg);color:var(--mto-arrow-color);border:none;border-radius:var(--mto-arrow-radius);cursor:pointer;display:var(--mto-arrow-display, flex);align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001f;transition:opacity .2s ease,box-shadow .2s ease}.mto-list__arrow[hidden]{display:none!important}.mto-list__arrow svg{width:55%;height:55%;pointer-events:none}.mto-list__arrow--prev{left:calc(-1 * var(--mto-arrow-offset-x, 10px))}.mto-list__arrow--next{right:calc(-1 * var(--mto-arrow-offset-x, 10px))}.mto-list__arrow:hover{opacity:.85;box-shadow:0 4px 16px #0000002e}.mto-list__dots{display:flex;justify-content:center;align-items:center;gap:var(--mto-dot-gap, 8px);margin-top:var(--mto-dot-spacing, 16px)}.mto-list__dots[hidden]{display:none!important}.mto-list__dot{width:var(--mto-dot-size, 8px);height:var(--mto-dot-size, 8px);border-radius:50%;background:var(--mto-dot-color, #cccccc);border:none;padding:0;cursor:pointer;flex-shrink:0;transition:background .25s ease,transform .25s ease}.mto-list__dot--active{background:var(--mto-dot-active, #121212);transform:scale(1.35)}.mto-list__dot:hover:not(.mto-list__dot--active){background:color-mix(in srgb,var(--mto-dot-active, #121212) 40%,var(--mto-dot-color, #cccccc))}@media screen and (max-width:749px){.mto-list__sidebar{display:none}.mto-list__track{grid-template-columns:repeat(var(--mto-cols-mobile),1fr)}.mto-list--slider .mto-list__item{flex:0 0 calc((100% - var(--mto-gap) * (var(--mto-cols-mobile) - 1)) / var(--mto-cols-mobile))}.mto-list__media{aspect-ratio:var(--mto-ratio-mobile)}.mto-list__arrow{width:var(--mto-arrow-size-mobile);height:var(--mto-arrow-size-mobile);background:var(--mto-arrow-bg-mobile);color:var(--mto-arrow-color-mobile);border-radius:var(--mto-arrow-radius-mobile);display:var(--mto-arrow-display-mobile, flex)}.mto-list__arrow[hidden]{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/mto-list.css.map */