.modulo-csl{box-sizing:border-box;color:var(--modulo-csl-text, #211c16);padding-top:var(--modulo-csl-pad-top, 88px);padding-bottom:var(--modulo-csl-pad-bottom, 88px);font-family:inherit;--modulo-csl-pad-x: 56px;--modulo-csl-media-bg: color-mix(in srgb, var(--modulo-csl-text, #211c16) 8%, var(--modulo-csl-bg, #fff));--modulo-csl-muted: color-mix(in srgb, var(--modulo-csl-text, #211c16) 52%, var(--modulo-csl-bg, #fff))}.modulo-csl *,.modulo-csl *:before,.modulo-csl *:after{box-sizing:border-box}@supports not (color: color-mix(in srgb,red,blue)){.modulo-csl{--modulo-csl-media-bg: #ece7df;--modulo-csl-muted: #8a8178}}.modulo-csl--width-page{background:var(--modulo-csl-bg, #fff);background-image:var(--modulo-csl-bg-image, none);background-size:cover;background-position:center}.modulo-csl--width-page .modulo-csl__container{max-width:var(--modulo-csl-container-max, 1480px);margin-inline:auto;padding-inline:var(--modulo-csl-pad-x)}.modulo-csl--width-boxed{padding-inline:24px}.modulo-csl--width-boxed .modulo-csl__container{max-width:1480px;margin-inline:auto;border-radius:var(--modulo-csl-outer-radius, 0px);background:var(--modulo-csl-bg, #fff);background-image:var(--modulo-csl-bg-image, none);background-size:cover;background-position:center;padding:clamp(32px,5vw,64px) var(--modulo-csl-pad-x)}.modulo-csl__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.modulo-csl--align-center .modulo-csl__header{justify-content:center;text-align:center}.modulo-csl__eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--modulo-csl-accent, #c0453a)}.modulo-csl__heading{margin:0;font-size:var(--modulo-csl-heading-size, 46px);font-weight:700;line-height:1.02;letter-spacing:-.02em;color:var(--modulo-csl-text, #211c16);text-wrap:balance}.modulo-csl__heading strong,.modulo-csl__heading b{color:var(--modulo-csl-accent, #c0453a);font-weight:inherit}.modulo-csl__sub{margin:12px 0 0;max-width:48ch;font-size:15px;line-height:1.55;color:var(--modulo-csl-muted)}.modulo-csl--align-center .modulo-csl__sub{margin-inline:auto}.modulo-csl__rail-wrap{position:relative}.modulo-csl__rail{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:8px var(--modulo-csl-slant, 34px) 8px 0}.modulo-csl__rail::-webkit-scrollbar{display:none}.modulo-csl__card{flex:0 0 calc((100% - (var(--modulo-csl-cpv, 4.3) - 1) * (var(--modulo-csl-gap, 14px) - var(--modulo-csl-slant, 34px))) / var(--modulo-csl-cpv, 4.3));scroll-snap-align:start;display:block;position:relative;color:inherit;text-decoration:none;margin-right:calc(var(--modulo-csl-gap, 14px) - var(--modulo-csl-slant, 34px))}.modulo-csl__card:last-child{margin-right:0}.modulo-csl__media{position:relative;aspect-ratio:var(--modulo-csl-ratio, 3 / 4);background:var(--modulo-csl-media-bg);overflow:hidden;border-radius:var(--modulo-csl-radius, 8px);transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 1px 2px #211c160d,0 6px 20px #211c1612}.modulo-csl--lean-right .modulo-csl__media{clip-path:polygon(var(--modulo-csl-slant, 34px) 0,100% 0,calc(100% - var(--modulo-csl-slant, 34px)) 100%,0 100%)}.modulo-csl--lean-left .modulo-csl__media{clip-path:polygon(0 0,calc(100% - var(--modulo-csl-slant, 34px)) 0,100% 100%,var(--modulo-csl-slant, 34px) 100%)}.modulo-csl__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.modulo-csl__placeholder-svg{background:var(--modulo-csl-media-bg)}.modulo-csl__img--alt{opacity:0;z-index:1;transition:opacity .36s cubic-bezier(.22,1,.36,1)}.modulo-csl__card:hover .modulo-csl__img--alt,.modulo-csl__card:focus-visible .modulo-csl__img--alt{opacity:1}.modulo-csl__card:hover .modulo-csl__media{transform:translateY(-4px);box-shadow:0 3px 8px #211c1614,0 18px 44px #211c1621}.modulo-csl__card:hover .modulo-csl__img{transform:scale(1.05)}.modulo-csl__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,transparent 52%,rgba(20,16,12,.42));opacity:0;transition:opacity .22s ease;pointer-events:none}.modulo-csl--label-overlay .modulo-csl__media:before{opacity:1}.modulo-csl__card:focus-visible{outline:none}.modulo-csl__card:focus-visible .modulo-csl__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;box-shadow:inset 0 0 0 3px var(--modulo-csl-accent, #c0453a);pointer-events:none}.modulo-csl__body{padding:15px 2px 0}.modulo-csl__name{margin:0;font-size:var(--modulo-csl-title-size, 17px);font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--modulo-csl-text, #211c16);display:inline-flex;align-items:baseline;gap:7px}.modulo-csl__lead{color:var(--modulo-csl-muted);font-weight:600}.modulo-csl__name-arrow{align-self:center;width:15px;height:15px;flex:none;color:var(--modulo-csl-accent, #c0453a);transform:translate(-3px);opacity:0;transition:transform .2s ease,opacity .2s ease}.modulo-csl__card:hover .modulo-csl__name-arrow{transform:translate(0);opacity:1}.modulo-csl--label-overlay .modulo-csl__body{position:absolute;left:calc(var(--modulo-csl-slant, 34px) + 14px);right:14px;bottom:14px;padding:0;z-index:3}.modulo-csl--label-overlay.modulo-csl--lean-left .modulo-csl__body{left:14px;right:calc(var(--modulo-csl-slant, 34px) + 14px)}.modulo-csl--label-overlay .modulo-csl__name{color:#fff}.modulo-csl--label-overlay .modulo-csl__lead{color:#ffffffd1}.modulo-csl__arrow{position:absolute;top:calc(50% - 26px);transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid color-mix(in srgb,var(--modulo-csl-text, #211c16) 12%,transparent);background:var(--modulo-csl-arrow-bg, #fff);color:var(--modulo-csl-text, #211c16);cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 6px 22px #211c1629;transition:transform .18s ease,opacity .18s ease,background .18s ease,color .18s ease;z-index:5;padding:0}@supports not (border-color: color-mix(in srgb,red,blue)){.modulo-csl__arrow{border-color:#211c161f}}.modulo-csl--arrows .modulo-csl__arrow{display:inline-flex}.modulo-csl__arrow:hover:not(:disabled){background:var(--modulo-csl-text, #211c16);color:var(--modulo-csl-arrow-bg, #fff)}.modulo-csl__arrow:active:not(:disabled){transform:translateY(-50%) scale(.94)}.modulo-csl__arrow:disabled{opacity:0;pointer-events:none}.modulo-csl__arrow:focus-visible{outline:2px solid var(--modulo-csl-accent, #c0453a);outline-offset:2px}.modulo-csl__arrow svg{width:19px;height:19px}.modulo-csl__arrow--prev{left:calc(-1 * var(--modulo-csl-pad-x) / 2 - 4px)}.modulo-csl__arrow--next{right:calc(-1 * var(--modulo-csl-pad-x) / 2 - 4px)}@media(max-width:860px){.modulo-csl{--modulo-csl-pad-x: 28px}.modulo-csl__card{flex-basis:calc((100% - (var(--modulo-csl-cpv-t, 2.6) - 1) * (var(--modulo-csl-gap, 14px) - var(--modulo-csl-slant, 34px))) / var(--modulo-csl-cpv-t, 2.6))}.modulo-csl__heading{font-size:clamp(30px,5vw,var(--modulo-csl-heading-size, 46px))}.modulo-csl__arrow{width:44px;height:44px}.modulo-csl__arrow--prev{left:4px}.modulo-csl__arrow--next{right:4px}}@media(max-width:480px){.modulo-csl{--modulo-csl-pad-x: 20px}.modulo-csl__card{flex-basis:calc((100% - (var(--modulo-csl-cpv-m, 1.3) - 1) * (var(--modulo-csl-gap, 14px) - var(--modulo-csl-slant, 34px))) / var(--modulo-csl-cpv-m, 1.3))}.modulo-csl__header{flex-direction:column;align-items:flex-start}.modulo-csl--align-center .modulo-csl__header{align-items:center}.modulo-csl__heading{font-size:clamp(26px,7.5vw,var(--modulo-csl-heading-size, 46px))}.modulo-csl--arrows .modulo-csl__arrow{display:none}.modulo-csl--arrows-mobile .modulo-csl__arrow{display:inline-flex}}@media(prefers-reduced-motion:reduce){.modulo-csl__img,.modulo-csl__img--alt,.modulo-csl__media,.modulo-csl__arrow,.modulo-csl__rail,.modulo-csl__name-arrow,.modulo-csl__media:before{transition:none;scroll-behavior:auto}.modulo-csl__card:hover .modulo-csl__img,.modulo-csl__card:hover .modulo-csl__media{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/modulo-section-category-slant.css.map */