.trend-edit{background-color:var(--te-bg, var(--color-bg))}.trend-edit__viewport{position:relative;display:block}.trend-edit__track{display:grid;grid-auto-flow:column;grid-auto-columns:42vw;gap:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.trend-edit__track::-webkit-scrollbar{display:none}.trend-edit__item{scroll-snap-align:start}@media(min-width:750px){.trend-edit__track{grid-auto-columns:calc((100% - 2 * var(--space-md)) / 3);gap:var(--space-md)}}@media(min-width:990px){.trend-edit__track{grid-auto-columns:calc((100% - 4 * var(--space-md)) / 5)}}.trend-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text)}.trend-card__stage{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden}.trend-card__fabric{position:absolute;inset-inline-start:-2%;top:30%;width:104%;height:32%;background-size:cover;background-position:center;transform:rotate(-24deg);transition:transform .7s var(--ease)}.trend-card__model{position:absolute;inset-block-end:0;left:50%;z-index:1;height:100%;width:auto;max-width:none;transform:translate(-50%);object-fit:contain;object-position:bottom center;transition:transform .7s var(--ease)}.trend-card__stage>.placeholder-art,.trend-card__model--fill{left:0;transform:none;width:100%;height:100%;object-fit:cover}@media(hover:hover){.trend-card:hover .trend-card__fabric{transform:rotate(-20deg) scale(1.04)}.trend-card:hover .trend-card__model{transform:translate(-50%) scale(1.03)}.trend-card:hover .trend-card__model--fill{transform:scale(1.03)}}.trend-card__title{font-size:var(--text-base);text-align:center;line-height:1.3}@media(min-width:990px){.trend-card__title{font-size:var(--text-md)}}.trend-edit__nav{position:absolute;top:40%;z-index:2;display:none;place-items:center;width:44px;height:44px;border-radius:50%;background-color:var(--color-bg);color:var(--color-text);box-shadow:0 2px 10px #00000024;transform:translateY(-50%);transition:opacity var(--duration) var(--ease)}.trend-edit__nav--prev{inset-inline-start:-10px}.trend-edit__nav--next{inset-inline-end:-10px}.trend-edit__nav[disabled]{opacity:0;pointer-events:none}.trend-edit__nav svg{width:20px;height:20px}@media(min-width:990px){.trend-edit__nav{display:grid}}.trend-edit__nav--prev svg{transform:scaleX(-1)}:root[dir=rtl] .trend-edit__nav--prev svg{transform:none}:root[dir=rtl] .trend-edit__nav--next svg{transform:scaleX(-1)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-trend-edit.css.map */