.diy-user-section{overflow:hidden;padding-top:160px}.diy-user-section .diy-user-container{display:flex;flex-direction:column;max-width:1150px;margin:0 auto;padding:0 15px;gap:48px}.diy-user-section .diy-user-container .diy-user-section-header{display:flex;flex-direction:column;align-items:center}.diy-user-section .diy-user-section-header .title{margin-bottom:8px;color:#e35d14;text-align:center;font-family:Helvetica Neue ForEco Md;font-size:16px;font-style:normal;font-weight:500;line-height:120%}.diy-user-section .diy-user-section-header .subtitle{margin-bottom:16px;color:#03060b;text-align:center;font-family:Helvetica Neue ForEco Md;font-size:40px;font-style:normal;font-weight:500;line-height:110%}.diy-user-section .diy-user-section-header .description{color:#666;text-align:center;font-family:Helvetica Neue ForEco Md;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.diy-user-section .user-comment-list-swiper .swiper-wrapper{display:grid!important;grid-auto-flow:column;align-items:stretch}.diy-user-section .diy-user-section-bottom .user-comment-item{max-width:360px;padding:20px;border-radius:16px;background:#f5f5f5}.diy-user-section .diy-user-section-bottom .user-comment-item .header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d3d3d3;padding-bottom:10px;margin-bottom:24px}.diy-user-section .diy-user-section-bottom .user-comment-item .avatars{width:60px;height:60px}.diy-user-section .diy-user-section-bottom .user-comment-item .avatars img{width:100%;height:100%}.diy-user-section .diy-user-section-bottom .user-comment-item .username{color:#000;font-size:19px;font-style:normal;font-weight:700;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.diy-user-section .diy-user-section-bottom .user-comment-item .main{margin-bottom:16px}.diy-user-section .diy-user-section-bottom .user-comment-item .main-comment{color:#5a5a5a;font-size:17px;font-style:normal;font-weight:600;line-height:158.824%;align-self:stretch}.diy-user-section .diy-user-section-bottom .user-comment-item .footer{display:flex;max-width:320px;max-height:160px;justify-content:center;align-items:center}.diy-user-section .diy-user-section-bottom .user-comment-item .footer img{width:100%;height:100%;object-fit:cover}.diy-user-section .diy-user-container .swiper-control{width:100%;display:flex;justify-content:space-between;align-items:center}.diy-user-section .diy-user-container .swiper-control .swiper-scrollbar{position:relative;width:60px;height:6px;flex-shrink:0;left:0;top:0}.diy-user-section .swiper-control .button-control{display:flex;justify-content:center;align-items:center;gap:16px;-webkit-tap-highlight-color:transparent}.diy-user-section .swiper-control .button-control .left,.diy-user-section .swiper-control .button-control .right{display:flex;cursor:pointer}.diy-user-section .swiper-control .button-control .left.swiper-button-disabled,.diy-user-section .swiper-control .button-control .right.swiper-button-disabled{opacity:.5}@media (max-width: 768px){.diy-user-section{padding-top:80px}.diy-user-section .diy-user-section-header .title{font-size:14px}.diy-user-section .diy-user-section-header .subtitle{font-size:24px;margin-bottom:8px}.diy-user-section .diy-user-section-header .description{font-size:16px}.diy-user-section .diy-user-container{gap:28px;padding:0 24px}.diy-user-section .user-comment-list-swiper .swiper-wrapper{display:flex!important;flex-direction:column;gap:8px}.diy-user-section .diy-user-section-bottom .user-comment-item{padding:20px 16px;border-radius:4px}.diy-user-section .diy-user-section-bottom .user-comment-item .header{padding-bottom:12px;margin-bottom:20px;gap:12px}.diy-user-section .diy-user-section-bottom .user-comment-item .avatars{width:32px;height:32px}.diy-user-section .diy-user-section-bottom .user-comment-item .username{font-size:16px}.diy-user-section .diy-user-section-bottom .user-comment-item .main{margin-bottom:20px}.diy-user-section .diy-user-section-bottom .user-comment-item .main-comment{font-size:16px}.diy-user-section .diy-user-section-bottom .user-comment-item .footer{max-width:100%}.diy-user-section .diy-user-container .swiper-control{display:none}}
/*# sourceMappingURL=/cdn/shop/t/875/assets/diy-user-section.css.map */