.mts-shop-scenarios{--tout-gap: 1.5rem;--tout-page-left: max(3rem, calc(3rem + (100vw - var(--page-width)) / 2));width:100%}@media screen and (min-width:750px){.mts-shop-scenarios{--tout-gap: 2rem;--tout-page-left: max(5rem, calc(5rem + (100vw - var(--page-width)) / 2))}}@media screen and (min-width:990px){.mts-shop-scenarios{--tout-gap: 2rem}}.mts-shop-scenarios__heading{margin:0 0 2rem;color:var(--color-dark-green);font-size:2.4rem;line-height:1.2}@media screen and (min-width:990px){.mts-shop-scenarios__heading{font-size:2.8rem;margin-bottom:2.4rem}}.mts-shop-scenarios__viewport{display:flex;gap:var(--tout-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:0 0 0 var(--tout-page-left);scroll-padding-left:var(--tout-page-left);scrollbar-width:none;-ms-overflow-style:none}.mts-shop-scenarios__viewport::-webkit-scrollbar{display:none}.mts-shop-scenarios__item{flex:0 0 auto;scroll-snap-align:start;text-decoration:none;color:inherit;display:block;width:calc((100vw - var(--tout-page-left) - 1.5 * var(--tout-gap)) / 2.5)}@media screen and (min-width:750px){.mts-shop-scenarios__item{width:calc((100vw - var(--tout-page-left) - 3.5 * var(--tout-gap)) / 4.5)}}@media screen and (min-width:990px){.mts-shop-scenarios__item{width:calc((100vw - var(--tout-page-left) - 5.5 * var(--tout-gap)) / 6.5)}}.mts-shop-scenarios__media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;background-color:rgba(var(--color-foreground),.04);margin-bottom:20px}.mts-shop-scenarios__media img,.mts-shop-scenarios__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.mts-shop-scenarios__item:hover .mts-shop-scenarios__media img{transform:scale(1.04)}.mts-shop-scenarios__dots{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:1.6rem;padding:0 var(--tout-page-left)}.mts-shop-scenarios__dots[hidden]{display:none}.mts-shop-scenarios__dot{width:.9rem;height:.9rem;padding:0;border:0;border-radius:50%;background-color:#2234312e;cursor:pointer;transition:background-color .2s ease,transform .2s ease;-webkit-appearance:none;appearance:none}.mts-shop-scenarios__dot:hover{background-color:#22343159}.mts-shop-scenarios__dot:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.mts-shop-scenarios__dot.is-active{background-color:var(--color-teal)}
/*# sourceMappingURL=/cdn/shop/t/170/assets/section-mts-shop-scenarios.css.map */