@charset "UTF-8";
/* CSS Document */
.overlay-bottom:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:-1px;-webkit-mask-image:linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1}
.overlay-top:after{content:"";position:absolute;width:100%;height:100%;left:0;top:-1px;-webkit-mask-image:linear-gradient(to top,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1}
.overlay-radial:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;-webkit-mask-image:radial-gradient(hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .4s;z-index:1}
.overlay-black:after{background:#000}
.overlay-grey:after{background:#141414}
.overlay-blur:after{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.overlay-pink:after{background:#bf349b}
.overlay-multiply:after{mix-blend-mode:multiply}
.overlay-opacity-10:after{opacity:.1}
.overlay-opacity-20:after{opacity:.2}
.overlay-opacity-30:after{opacity:.3}
.overlay-opacity-40:after{opacity:.4}
.overlay-opacity-50:after{opacity:.5}
.overlay-opacity-60:after{opacity:.6}
.overlay-opacity-70:after{opacity:.7}
.overlay-opacity-80:after{opacity:.8}
.overlay-opacity-90:after{opacity:.9}
.overlay-opacity-100:after{opacity:.9}
.overlay-height-10:after{height:10%}
.overlay-height-20:after{height:20%}
.overlay-height-30:after{height:30%}
.overlay-height-40:after{height:40%}
.overlay-height-50:after{height:50%}
.overlay-height-60:after{height:60%}
.overlay-height-70:after{height:70%}
.overlay-height-80:after{height:80%}
.overlay-height-90:after{height:90%}

.flickity-prev-next-button .flickity-button-icon{left:0;top:0;width:100%;height:100%}
.flickity-prev-next-button{background:transparent!important;color:#FFF!important;width:80px;height:80px; z-index: 1; transform: translate3d(0, -50%, 0);}
.flickity-prev-next-button.previous{left:min(2vw,32px)}
.flickity-prev-next-button.next{right:min(2vw,32px)}

@media (max-width: 767px) {
.flickity-prev-next-button{width:64px;height:64px}
.flickity-prev-next-button.previous{left:0}
.flickity-prev-next-button.next{right:0}
}

.shop-the-look .look-holder .product-title{position:absolute;top:50%;transform:translate3D(75%,-50%,0);right:0;width:75%;opacity:0;z-index:10;white-space:normal;color:#000}
.shop-the-look .look-holder .product-title span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#FFF;padding:2px 2px 0;text-transform:uppercase}
.shop-the-look{position:absolute;z-index:5}
.shop-the-look .look-button{position:relative;width:32px;height:32px;border-radius:50%;border:1px solid #FFF;z-index:10;cursor:pointer;background:transparent}
.shop-the-look .look-button .look-icon{transition:transform .6s;width:100%;height:100%}
.shop-the-look.active .look-button{background:#FFF}
.shop-the-look.active .look-button .look-icon{transform:rotate(45deg)}
.shop-the-look.active .look-button span{background:#000}
.shop-the-look .look-button span{background:#FFF;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.shop-the-look .look-button span:nth-child(1){width:12px;height:1px}
.shop-the-look .look-button span:nth-child(2){width:1px;height:12px}
.shop-the-look .look-holder{display:grid;grid-template-columns:1fr 1fr;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-wrap:wrap;width:min(16vw,256px);pointer-events:none;grid-gap:4px}
.shop-the-look .look-holder .product{width:100%;transition:transform .4s;position:relative}
.shop-the-look .look-holder .product a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:all}
.shop-the-look .look-holder .product a.inactive:after{content:'Coming Soon';background:#ffc0cb;text-transform:uppercase;color:#000;text-decoration:none;top:50%;left:50%;position:absolute;white-space:nowrap;transform:translate(-50%,-50%);padding:0 2px;font-size:80%}
.shop-the-look .look-holder .product .bloc-media{border-radius:4px;overflow:hidden;background:#E7E7E5;box-shadow:0 .5vw 1vw rgba(0,0,0,0.3);display:block;width:100%;height:100%;transition:transform .4s;aspect-ratio:4/5!important}
@media (min-width: 1025px) {
.shop-the-look:not(.active) .look-button:hover{background:#FFF}
.shop-the-look:not(.active) .look-button:hover span{background:#000}
.shop-the-look .look-holder .product:hover{z-index:10!important}
.shop-the-look .look-holder .product:hover .bloc-media{transform:scale(1.1)!important}
.shop-the-look .look-holder .product:hover .product-title{opacity:1}
}
.shop-the-look .look-holder .product img{object-fit:contain!important}
.shop-the-look .look-holder .product:nth-child(1){transform:translate3D(50%,50%,0) scale(0)}
.shop-the-look .look-holder .product:nth-child(1) .product-holder{transform:translate3D(0,0,0)}
.shop-the-look .look-holder .product:nth-child(2){transform:translate3D(-50%,50%,0) scale(0);transition-delay:.05s}
.shop-the-look .look-holder .product:nth-child(2) .product-holder{transform:translate3D(0,0,0)}
.shop-the-look .look-holder .product:nth-child(3){transform:translate3D(50%,-50%,0) scale(0);transition-delay:.1s}
.shop-the-look .look-holder .product:nth-child(3) .product-holder{transform:translate3D(0,0,0)}
.shop-the-look .look-holder .product:nth-child(4){transform:translate3D(-50%,-50%,0) scale(0);transition-delay:.15s}
.shop-the-look .look-holder .product:nth-child(4) .product-holder{transform:translate3D(0,0,0)}
.shop-the-look.active .look-holder .product{transform:translate3d(0,0,0) scale(1)}
@media (max-width: 767px) {
.shop-the-look .look-holder{width:60vw}
}
.shop-the-look{transform:translate(-50%,-50%); top: 50%; left: 50%;}


@keyframes hoverIn {
0%{left:0;width:0}
100%{left:0;width:100%}
}
@keyframes hoverOut {
0%{right:0;width:100%}
100%{right:0;width:0}
}
#cdc-landing .product-list{display:flex;flex-direction:column;align-items:flex-start}
#cdc-landing .product-list a{display:inline-block;position:relative;text-decoration:inherit;color:inherit;display:inline-block; font-size: 90%;}
#cdc-landing .product-list a.inactive{pointer-events:none}
#cdc-landing .product-list a.inactive:after{content:'Coming Soon';text-transform:uppercase;background:#ffc0cb;padding:0 2px 2px;margin-left:4px;white-space:nowrap;font-size:80%}
@media (min-width: 1024px) {
#cdc-landing .product-list a:before{content:'';height:1px;width:0;bottom:0;border-bottom:1px solid #000;position:absolute;background:transparent;animation:hoverOut .2s forwards;pointer-events:none}
#cdc-landing .product-list a:hover:before{animation:hoverIn .8s forwards}
}