@property --sf-card-intro-v4-background-from{syntax:"<color>";inherits:false;initial-value:#fff}@property --sf-card-intro-v4-background-to{syntax:"<color>";inherits:false;initial-value:#fff}.sf-card-intro-v4{width:100vw}.sf-card-intro-v4 .sf-card-intro__list{gap:24px}.sf-card-intro-v4 .sf-card-intro__list li{display:flex}.sf-card-intro-v4 .sf-card-intro__list li:first-child{margin-left:150px}.sf-card-intro-v4 .sf-card-intro__list li:last-child{margin-right:16px}.sf-card-intro-v4 .sf-card-intro__item{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;gap:12px;width:320px;color:#000;background:linear-gradient(93deg, var(--sf-card-intro-v4-background-from) 0%, var(--sf-card-intro-v4-background-to) 100%);border-radius:24px;text-decoration:none;transition:--sf-card-intro-v4-background-from .2s,--sf-card-intro-v4-background-to .2s,color .2s,box-shadow .2s;overflow:hidden}.sf-card-intro-v4 .sf-card-intro__item:hover{--sf-card-intro-v4-background-from: #8a2aff;--sf-card-intro-v4-background-to: #a329ea;color:#fff;box-shadow:inset 10px -9px 19px 0px rgba(255,255,255,.25),inset -7px 13px 18px 0px rgba(255,255,255,.25)}.sf-card-intro-v4 .sf-card-intro__item:hover .sf-card-intro__media__before{opacity:0}.sf-card-intro-v4 .sf-card-intro__item:hover .sf-card-intro__media__after{opacity:1}.sf-card-intro-v4 .sf-card-intro__content{padding:18px;padding-bottom:0}.sf-card-intro-v4 .sf-card-intro__title{font-size:24px;line-height:1.1}.sf-card-intro-v4 .sf-card-intro__desc{margin-top:8px;font-size:16px;line-height:1.2}.sf-card-intro-v4 .sf-card-intro__media{position:relative;display:flex;width:100%;aspect-ratio:1/1;background:#fff}.sf-card-intro-v4 .sf-card-intro__media img,.sf-card-intro-v4 .sf-card-intro__media video{position:absolute;inset:0;width:100%;aspect-ratio:1/1;object-fit:cover}.sf-card-intro-v4 .sf-card-intro__media__after{opacity:0;z-index:1}.sf-card-intro-v4 .sf-card-intro__footer{display:flex;flex-direction:row;justify-content:center;gap:12px;margin-top:32px}.sf-card-intro-v4 .sf-card-intro__footer .sf-button{width:35px;height:35px;font-size:20px}@media screen and (max-width: 880px){.sf-card-intro-v4{padding-inline:12px}.sf-card-intro-v4 .sf-card-intro__list{gap:12px}.sf-card-intro-v4 .sf-card-intro__list li:first-child{margin-left:0}.sf-card-intro-v4 .sf-card-intro__list li:last-child{margin-right:12px}.sf-card-intro-v4 .sf-card-intro__item{width:180px;border-radius:12px}.sf-card-intro-v4 .sf-card-intro__content{padding:8px;padding-bottom:0}.sf-card-intro-v4 .sf-card-intro__title{font-size:14px}.sf-card-intro-v4 .sf-card-intro__desc{font-size:11px}.sf-card-intro-v4 .sf-card-intro__footer{margin-top:16px}.sf-card-intro-v4 .sf-card-intro__footer .sf-button{width:30px;height:30px;font-size:16px}}