.list-card{--offset-top:3.25rem;--ofset-bottom:2.5rem}@media (min-width:992px){.list-card{border-top:1px solid #fff3;transition:border-color .3s ease-out,background-color .3s ease-out}.list-card__content,.list-card__header{transition:transform .3s ease-out}.list-card__image .ratio{transition:opacity .3s ease-out}}.list-card__image .ratio{clip-path:polygon(0 20%,30% 0,100% 0,100% 100%,0 100%)}@media (min-width:992px){.list-card__image .ratio{height:calc(100% + var(--offset-top) + var(--ofset-bottom));margin-bottom:calc(var(--ofset-bottom)*-1);margin-top:calc(var(--offset-top)*-1);opacity:0;z-index:1}.list-card__image .ratio:before{aspect-ratio:190/250;height:100%;padding-top:unset;width:auto}}.list-card__image .ratio:after{background-blend-mode:color,color,normal;content:"";opacity:.4;background:linear-gradient(240deg,#50087800 7.33%,#500878 91.71%),linear-gradient(240deg,#ef334066 5.39%,#50087866 92.95%);width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:992px){.list-card:focus-within,.list-card:hover{background-color:var(--loba-primary);border-color:#0000}.list-card:focus-within .list-card__image .ratio,.list-card:hover .list-card__image .ratio{opacity:1}.list-card:focus-within .list-card__header,.list-card:hover .list-card__header{transform:translate(2rem)}.list-card:focus-within .list-card__content,.list-card:hover .list-card__content{transform:translate(-2rem)}}