.derma-clinic .inner-content{padding-top:80px;padding-bottom:100px}.derma-clinic__desc{padding:40px 0;word-break:break-word;font-size:20px;line-height:1.5}@media (max-width: 750px){.derma-clinic__desc{font-size:14px;line-height:1.43}}.derma-clinic__list{display:flex;flex-direction:column;justify-content:flex-start;row-gap:40px}.derma-clinic__list li{display:flex;align-items:center;-moz-column-gap:48px;column-gap:48px}.derma-clinic__list .list-video{position:relative;overflow:hidden;aspect-ratio:16/9;flex:0 1 40%;max-width:600px;min-width:368px;background-color:#f3f5f9}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}.derma-clinic__list .list-video .progress{position:absolute;top:0;left:0;width:25%;height:100%;background:linear-gradient(90deg,#f3f5f9,#fff,#f3f5f9);animation:loading 1s infinite ease-in-out;content:""}.derma-clinic__list .list-video iframe{position:relative;z-index:1;width:100%;height:100%;opacity:0}.derma-clinic__list .list-video button{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;border:none;cursor:pointer;transform:scale(1) rotate(.001deg);transform-origin:center center;transition-duration:var(--transition-hover-speed)}.derma-clinic__list .list-video button:hover{transform:scale(1.05) rotate(.001deg)}.derma-clinic__list .list-video button:before{display:inline-block;width:60px;height:60px;border-radius:100%;box-shadow:0 0 6px #0000001a;background:#fff calc(50% + 3px) center/auto url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none"><path d="M1.25 2.42899L15.3494 12.5L1.25 22.571L1.25 2.42899Z" fill="%235887DA" stroke="%235887DA" stroke-width="2.5"/></svg>') no-repeat;content:""}.derma-clinic__list .list-infor{display:flex;flex-direction:column;row-gap:8px;flex:1}.derma-clinic__list .list-title{display:block;word-break:break-word;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:28px;line-height:1.5}@media (max-width: 750px){.derma-clinic__list .list-title{font-size:14px;line-height:1.43}}.derma-clinic__list .list-content{word-break:break-word;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:16px;line-height:1.5}@media (max-width: 750px){.derma-clinic__list .list-content{font-size:12px}}@media (max-width: 750px){.derma-clinic .inner-content{padding:24px 0 64px}.derma-clinic li{display:block}.derma-clinic__desc{padding-bottom:24px}.derma-clinic__list{row-gap:0}.derma-clinic__list .list-video{max-width:none;min-width:auto}.derma-clinic__list .list-video button:before{width:30px;height:30px;box-shadow:0 0 4px #0000001a;background:#fff calc(50% + 1px) center/8px auto url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none"><path d="M1.25 2.42899L15.3494 12.5L1.25 22.571L1.25 2.42899Z" fill="%235887DA" stroke="%235887DA" stroke-width="2.5"/></svg>') no-repeat;content:""}.derma-clinic__list .list-infor{padding:16px var(--page-mobile-padding) 20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/page-derma.scss.css.map */