.dan-ugc-section{display:flex;flex-direction:column;align-items:center;padding:5.33rem 0;gap:3.2rem;overflow:hidden}.dan-ugc-title{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.6rem;padding:0 4.27rem}.dan-ugc-heading{font-family:New Spirit Regular,serif;font-weight:500;font-size:3.2rem;line-height:120%;color:#005e4d;margin:0;letter-spacing:0}.dan-ugc-text{font-family:Sofia Pro,sans-serif;font-weight:400;font-size:1.33rem;line-height:150%;color:#005d4d;margin:0}.dan-ugc-carousel-wrapper{width:100%;max-width:1500px;margin:0 auto;padding:0 4.27rem}.dan-ugc-carousel .slick-list{overflow:visible}.dan-ugc-carousel .slick-track{display:flex}.dan-ugc-carousel .slick-slide{padding:0 .8rem;height:inherit}.dan-ugc-carousel .slick-slide>div{height:100%}.dan-ugc-card{display:flex;flex-direction:column;border:1px solid #005D4D;border-radius:1.6rem;background:#fbffe5;overflow:hidden;height:100%}.dan-ugc-card-media{position:relative;aspect-ratio:329 / 520;overflow:hidden;background:#e8e8e0}.dan-ugc-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transition:opacity .3s ease}.dan-ugc-video{display:none;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.dan-ugc-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.67rem;height:6.67rem;z-index:3;cursor:pointer;text-decoration:none;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.dan-ugc-play-btn svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.dan-ugc-card-footer{display:flex;justify-content:center;align-items:center;padding:.67rem;min-height:4rem;flex-shrink:0}.dan-ugc-username{font-family:Sofia Pro,sans-serif;font-weight:500;font-size:1.067rem;line-height:140%;color:#005e4d;text-align:center}.dan-ugc-nav{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.87rem;margin-top:3.2rem;height:3.33rem}.dan-ugc-nav .dan-ugc-arrow-prev{order:1}.dan-ugc-nav .slick-dots{order:2}.dan-ugc-nav .dan-ugc-arrow-next{order:3}.dan-ugc-arrow{width:3.33rem;height:3.33rem;border:none;background:#005e4d;border-radius:16665px;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:0;transition:opacity .2s ease}.dan-ugc-arrow svg{width:100%;height:100%}.dan-ugc-arrow:hover{opacity:.8}.dan-ugc-nav .slick-dots{position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.67rem!important;list-style:none!important;padding:0 .67rem!important;margin:0!important;height:.67rem!important;width:fit-content!important;bottom:auto!important;text-align:center!important}.dan-ugc-nav .slick-dots li{position:relative!important;display:block!important;width:.67rem!important;height:.67rem!important;margin:0!important;padding:0!important;transition:width .3s ease;line-height:0!important}.dan-ugc-nav .slick-dots li button{width:.67rem!important;height:.67rem!important;border-radius:16665px!important;background:#005e4d!important;opacity:.4!important;border:none!important;padding:0!important;margin:0!important;font-size:0!important;line-height:0!important;cursor:pointer!important;display:block!important;transition:all .3s ease;color:transparent!important;outline:none!important}.dan-ugc-nav .slick-dots li button:before{display:none!important;content:none!important}.dan-ugc-nav .slick-dots li.slick-active{width:1.33rem!important}.dan-ugc-nav .slick-dots li.slick-active button{width:1.33rem!important;height:.67rem!important;border-radius:.6rem!important;opacity:1!important}@media only screen and (max-width:1024px)and (min-width:769px){.dan-ugc-section{padding:60px 0;gap:36px}.dan-ugc-title{gap:20px;padding:0 48px}.dan-ugc-heading{font-size:40px}.dan-ugc-text{font-size:18px}.dan-ugc-carousel-wrapper{padding:0 48px}.dan-ugc-carousel .slick-slide{padding:0 8px}.dan-ugc-card{border-radius:20px}.dan-ugc-play-btn{width:80px;height:80px}.dan-ugc-card-footer{min-height:50px;padding:8px}.dan-ugc-username{font-size:14px}.dan-ugc-nav{gap:20px;margin-top:36px;height:44px}.dan-ugc-arrow{width:44px;height:44px}.dan-ugc-nav .slick-dots{gap:8px!important;padding:0 8px!important;height:8px!important}.dan-ugc-nav .slick-dots li,.dan-ugc-nav .slick-dots li button{width:8px!important;height:8px!important}.dan-ugc-nav .slick-dots li.slick-active{width:16px!important}.dan-ugc-nav .slick-dots li.slick-active button{width:16px!important;height:8px!important;border-radius:8px!important}}@media only screen and (max-width:768px){.dan-ugc-section{padding:40px 0;gap:32px}.dan-ugc-title{gap:16px;padding:0 24px}.dan-ugc-heading{font-size:32px}.dan-ugc-text{font-size:16px}.dan-ugc-carousel-wrapper{padding:0;max-width:100%}.dan-ugc-carousel .slick-slide{padding:0 8px}.dan-ugc-card{border-radius:20px}.dan-ugc-card-media{aspect-ratio:300 / 430}.dan-ugc-play-btn{width:80px;height:80px}.dan-ugc-card-footer{min-height:50px;padding:8px}.dan-ugc-username{font-size:16px}.dan-ugc-nav{gap:12px;margin-top:32px;height:50px}.dan-ugc-arrow{width:50px;height:50px}.dan-ugc-nav .slick-dots{gap:10px!important;padding:0 10px!important;height:10px!important}.dan-ugc-nav .slick-dots li,.dan-ugc-nav .slick-dots li button{width:10px!important;height:10px!important}.dan-ugc-nav .slick-dots li.slick-active{width:20px!important}.dan-ugc-nav .slick-dots li.slick-active button{width:20px!important;height:10px!important;border-radius:9px!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/dan-ugc-carousel.css.map */