.etw-cm{--etw-cm-gap: 0px;--etw-cm-overlay: .3;--etw-cm-pad: 48px;--etw-cm-ease: cubic-bezier(.22, .61, .36, 1);display:block;position:relative}.etw-cm--boxed{max-width:var(--container-max-width, 1660px);margin-inline:auto;padding-inline:var(--container-gutter, 20px)}.etw-cm__viewport{position:relative}.etw-cm__track{display:flex;gap:var(--etw-cm-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.etw-cm__track::-webkit-scrollbar{display:none}.etw-cm__item{flex:0 0 100%;min-width:0;height:min(111vw,520px);scroll-snap-align:start;scroll-snap-stop:always}.etw-cm__card{position:relative;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;background:#2b2723;-webkit-tap-highlight-color:transparent}.etw-cm--rounded .etw-cm__card{border-radius:var(--rounded, 10px)}.etw-cm__media,.etw-cm__media img,.etw-cm__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.etw-cm__media img,.etw-cm__media svg{object-fit:cover;object-position:var(--etw-cm-focus, center);transform:scale(1.001);transition:transform .9s var(--etw-cm-ease);will-change:transform}.etw-cm__media svg{fill:#ffffff40}.etw-cm__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgb(0 0 0 / calc(var(--etw-cm-overlay) * 1.6)),rgb(0 0 0 / var(--etw-cm-overlay)) 38%,rgb(0 0 0 / calc(var(--etw-cm-overlay) * .35)));transition:opacity .5s var(--etw-cm-ease);pointer-events:none}.etw-cm__content{position:absolute;z-index:2;inset-inline:var(--etw-cm-pad);bottom:var(--etw-cm-pad);display:flex;flex-direction:column;align-items:flex-start;gap:22px}.etw-cm__title{margin:0;font-family:var(--heading-font-family, inherit);font-weight:700;font-size:1.25rem;line-height:1.2;letter-spacing:0;color:#fff;text-shadow:0 1px 12px rgb(0 0 0 / .25);transition:transform .5s var(--etw-cm-ease)}.etw-cm__button{display:inline-flex;align-items:center;justify-content:center;min-width:106px;min-height:38px;padding:8px 22px;border:1.5px solid rgb(255 255 255 / .95);border-radius:var(--rounded-button, 8px);font-size:.8125rem;font-weight:600;line-height:1;color:#fff;background:#fff0;transition:background-color .35s var(--etw-cm-ease),color .35s var(--etw-cm-ease),transform .35s var(--etw-cm-ease)}.etw-cm__card:focus-visible{outline:2px solid #fff;outline-offset:-4px}.etw-cm__card:active .etw-cm__button{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.etw-cm__card:hover .etw-cm__media img{transform:scale(1.05)}.etw-cm__card:hover:after{opacity:.8}.etw-cm__card:hover .etw-cm__title{transform:translateY(-3px)}.etw-cm__card:hover .etw-cm__button{background:#fff;color:#121212}}.etw-cm__arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;padding:0;border:0;background:none;color:#121212;cursor:pointer;-webkit-tap-highlight-color:transparent}.etw-cm__arrow:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0000002e;transition:transform .2s var(--etw-cm-ease)}.etw-cm__arrow:active:before{transform:scale(.9)}.etw-cm__arrow svg{position:relative;width:8px;height:10px}.etw-cm__arrow--prev{left:2px}.etw-cm__arrow--next{right:2px}.etw-cm__arrow--prev svg{transform:rotate(180deg)}.etw-cm[data-count="1"] .etw-cm__arrow{display:none}@media screen and (min-width:700px){.etw-cm__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(300px,46vw,440px);grid-auto-flow:dense;overflow:visible;scroll-snap-type:none}.etw-cm__item{height:auto}.etw-cm__item--wide{grid-column:span 2}.etw-cm__arrow{display:none}}@media screen and (min-width:1000px){.etw-cm{--etw-cm-pad: clamp(28px, 3.66vw, 50px)}.etw-cm__track{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(320px,29.3vw,540px)}.etw-cm__title{font-size:clamp(1.125rem,1.47vw,1.5rem)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){@media screen and (min-width:700px){.etw-cm__content{animation:etw-cm-reveal linear both;animation-timeline:view();animation-range:entry 10% entry 70%}}}}@media(prefers-reduced-motion:reduce){.etw-cm__media img,.etw-cm__title,.etw-cm__button,.etw-cm__card:after{transition:none}.etw-cm__track{scroll-behavior:auto}}@keyframes etw-cm-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/401/assets/etw-collection-mosaic.css.map */