.article-card{display:block;height:inherit}.article-card[data-card=detail-medium],.article-card[data-card=detail-small],.article-card[data-card=medium]{--aspect-ratio:16/9}.article-card[data-card=detail-simple]{--aspect-ratio:initial}.article-card[data-card=detail-book]{--aspect-ratio:3/4}.article-card[data-card=detail-record],.article-card[data-card=last-reading],.article-card[data-card=learning-medium],.article-card[data-card=learning-small],.article-card[data-card=list-card]{--aspect-ratio:16/9}.article-card[data-card=learning]{--aspect-ratio:1/1}.article-card .highlight{color:var(--pp-orange-600)!important}.article-card a{display:block;text-decoration:none}.article-card a:focus{outline:none}.article-card .article-learning-state{align-items:center;display:flex}.article-card .article-learning-state .article-project-image{align-items:center;border-radius:var(--pp-border-radius);display:flex;flex:0 0 auto;height:24px;justify-content:center;margin-right:12px;width:24px}.article-card .article-learning-state .article-project-image>img{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.article-card .article-learning-state .article-learning-content{align-items:center;color:var(--pp-main-10);display:inline-flex;flex:1 1 auto;font-size:14px;font-weight:400;line-height:1.43}.article-card .article-learning-state .article-learning-content>span.name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-card .article-learning-state .article-learning-content>span:not(.name){flex:0 0 auto;margin-left:4px}.article-card[data-card]:hover .article-card-image img[data-size=contain],.article-card[data-card]:hover .article-card-image img[data-size=cover]{transform:scale(1.05)}.article-card[data-card]:hover .article-card-image .article-collect-button{opacity:1;transform:translateZ(0);transition:all .3s ease-in-out;visibility:visible}@media(hover:none){.article-card[data-card]:hover .article-card-image img[data-size=contain],.article-card[data-card]:hover .article-card-image img[data-size=cover]{transform:scale(1)}.article-card[data-card]:hover .article-card-image .article-collect-button{opacity:0;transform:translate3d(0,16px,0);visibility:hidden}}.article-card[data-card].appointment .article-card-status span{color:var(--pp-main-7)!important}.article-card[data-card].appointment .article-card-image:after{background-color:var(--black-a50)}.article-card[data-card].appointment .article-card-image .article-attach-duration{z-index:-1}.article-card[data-card].appointment .article-card-container .article-card-header{color:var(--pp-main-7)!important}.article-card[data-card].hide .article-attach-progress,.article-card[data-card].hide .article-label,.article-card[data-card].lock .article-attach-progress,.article-card[data-card].lock .article-label{display:none!important;z-index:-1!important}.article-card[data-card].hide .article-card-container .article-card-header,.article-card[data-card].hide .article-card-status{color:var(--pp-main-7)}.article-card[data-card] .article-attach-progress{background-color:var(--pp-main-6);height:4px}.article-card[data-card] .article-attach-progress .attach-progress{background-color:var(--pp-orange-500);height:inherit}.article-card[data-card] .article-card-image{background-color:var(--pp-main-2);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:calc(var(--pp-border-radius)*2);overflow:hidden;position:relative;will-change:transform}@supports(aspect-ratio:initial){.article-card[data-card] .article-card-image{aspect-ratio:var(--aspect-ratio)}}@supports not (aspect-ratio:initial){.article-card[data-card] .article-card-image:before{content:"";display:block;padding-top:calc(1/(var(--aspect-ratio))*100%)}.article-card[data-card] .article-card-image>img{bottom:0;left:0;position:absolute;right:0;top:0}}.article-card[data-card] .article-card-image>img{filter:blur(16px);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:1;transform:scale(1);transition:opacity .5s ease-in-out,transform .3s ease-in-out;width:100%}.article-card[data-card] .article-card-image>img[data-size=contain],.article-card[data-card] .article-card-image>img[data-size=cover]{bottom:0;filter:unset;left:0;position:absolute;right:0;top:0;z-index:1}.article-card[data-card] .article-card-image>img[data-size=contain]{-o-object-fit:contain;object-fit:contain}.article-card[data-card] .article-card-image>img[data-size=cover]{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.article-card[data-card] .article-card-image>img:not([src]){opacity:0}.article-card[data-card] .article-card-image:after{border-radius:inherit;bottom:0;box-shadow:0 0 0 1px var(--pp-primary-a20) inset;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}.article-card[data-card] .article-card-image .article-collect-button{opacity:0;padding:8px;position:absolute;right:0;top:0;transform:translate3d(0,16px,0);transition:all .3s ease-in-out;visibility:hidden;z-index:3}.article-card[data-card] .article-card-image .article-collect-button .button-image{height:32px;position:relative;width:32px}.article-card[data-card] .article-card-image .article-collect-button .button-image [data-type=active],.article-card[data-card] .article-card-image .article-collect-button .button-image [data-type=default]{bottom:0;left:0;position:absolute;right:0;top:0}.article-card[data-card] .article-card-image .article-collect-button .button-image [data-type=default]{opacity:1}.article-card[data-card] .article-card-image .article-collect-button .button-image [data-type=active]{opacity:0;transform:scale(.3);transition:all 0s cubic-bezier(.07,.64,.29,1.57)}.article-card[data-card] .article-card-image .article-collect-button .button-image.is-active [data-type=default]{opacity:0}.article-card[data-card] .article-card-image .article-collect-button .button-image.is-active [data-type=active]{opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.07,.64,.29,1.57)}.article-card[data-card] .article-card-image .article-label{align-items:center;background-color:var(--white);border-radius:var(--pp-border-radius);color:var(--gray-900);display:inline-flex;font-size:14px;font-weight:400;left:12px;line-height:1.43;padding:4px 8px;position:absolute;top:14px;z-index:3}.article-card[data-card] .article-card-image .article-attach-duration{bottom:10px;position:absolute;right:4px;z-index:3}.article-card[data-card] .article-card-image .article-attach-progress{bottom:0;left:0;position:absolute;right:0;z-index:3}.article-card[data-card] .article-card-image .article-top-pin{left:4px;position:absolute;top:4px;z-index:3}.article-card[data-card] .article-card-image .article-top-pin>div+div{margin-left:4px}.article-card[data-card] .article-card-image .article-card-learning-type{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.article-card[data-card] .article-card-container .article-status-badge{margin-bottom:4px}.article-card[data-card] .article-card-container .article-status-badge+.article-card-header{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-card[data-card] .article-card-container .article-card-header{color:var(--pp-main-10);font-size:16px;font-weight:600;line-height:1.5;word-break:break-word}.article-card[data-card] .article-card-container .article-card-content .article-creator{align-items:center;color:var(--pp-main-7);display:flex;font-size:14px;font-weight:400;line-height:1.43}.article-card[data-card] .article-card-container .article-card-content .article-creator .article-creator-head-photo{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;display:inline-block;height:16px;width:16px}.article-card[data-card] .article-card-container .article-card-content .article-creator span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-card[data-card] .article-card-container .article-card-content>div+div{margin-top:4px}.article-card[data-card] .article-card-container .article-card-footer{align-items:center;display:flex}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata{align-items:center;color:var(--pp-main-7);display:flex;flex-wrap:wrap;font-size:14px;font-weight:400;line-height:1.43}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=public]{color:var(--green-500)}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=completed],.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=private]{color:var(--pp-orange-500)}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=last_read]{color:var(--pp-orange-600)}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=lasted],.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=limited],.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=reading_end]{color:var(--red-500)}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=read]{color:var(--pp-main-10)}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=icon],.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=time]{color:var(--pp-main-7)}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=icon] i+i{margin-left:8px}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata [data-type=name]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata>span{align-items:center;display:inline-flex}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata>span i{font-size:16px;margin-right:4px}.article-card[data-card] .article-card-container .article-card-footer .article-card-metadata span+span:before{color:var(--pp-main-7);content:"・";display:inline-block;font-size:14px;font-weight:400;line-height:1.43}.article-card[data-card] .article-card-container .article-card-footer .article-attach-progress{background-color:var(--white-a00);bottom:0;left:0;position:absolute;right:0;z-index:3}.article-card[data-card] .article-card-container .article-card-footer .article-attach-progress .attach-progress{background-color:var(--pp-orange-a30)}.article-card[data-card] .article-card-container .article-card-learning{align-items:center;display:flex}.article-card[data-card] .article-card-container .article-card-learning .article-card-learning-content{flex:1 1 auto;margin-right:16px}.article-card[data-card] .article-card-container .article-card-learning .article-card-learning-content .article-attach-progress{background-color:var(--pp-primary-a40);border-radius:10rem;margin-top:8px;overflow:hidden}.article-card[data-card] .article-card-container .article-card-learning .article-collect-button{color:var(--pp-main-7);flex:0 0 auto;font-size:32px;font-weight:600;line-height:1.5;line-height:1}.article-card[data-card=medium] .article-card-image{margin-bottom:8px}.article-card[data-card=medium] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;overflow:hidden}.article-card[data-card=detail-medium] .article-card-image{margin-bottom:8px}.article-card[data-card=detail-medium] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;overflow:hidden}.article-card[data-card=detail-small]{align-items:center;display:flex}.article-card[data-card=detail-small] .article-card-image{flex:0 0 auto;margin-right:12px;width:200px}@media(max-width:991.98px){.article-card[data-card=detail-small] .article-card-image{width:200px}}@media(max-width:575.98px){.article-card[data-card=detail-small] .article-card-image{width:150px}}.article-card[data-card=detail-small] .article-card-container{align-self:stretch;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;width:100%}.article-card[data-card=detail-small] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;overflow:hidden}@media(max-width:575.98px){.article-card[data-card=detail-small] .article-card-container .article-card-header{font-size:14px;font-weight:600;line-height:1.43}}.article-card[data-card=detail-small] .article-collect-button{color:var(--pp-main-7);font-size:24px;font-weight:600;line-height:1.5;margin-left:8px}.article-card[data-card=detail-simple]{align-items:center;border:1px solid var(--pp-main-4);display:flex;padding:16px;position:relative}.article-card[data-card=detail-simple]:hover{background-color:var(--pp-main-2);transition:background-color .3s ease-in-out}@media(hover:none){.article-card[data-card=detail-simple]:hover{background-color:rgba(0,0,0,0)}.article-card[data-card=detail-simple].focus:hover,.article-card[data-card=detail-simple].playing:hover{background-color:var(--pp-orange-a15)}}.article-card[data-card=detail-simple].focus,.article-card[data-card=detail-simple].playing{background-color:var(--pp-orange-a15)}.article-card[data-card=detail-simple] .article-card-status{color:var(--pp-main-10);flex:0 0 auto;font-size:20px;font-weight:600;line-height:1.6;margin-right:12px}.article-card[data-card=detail-simple] .article-card-status>span{align-items:center;display:flex;justify-content:center}.article-card[data-card=detail-simple] .article-card-status [data-type=empty]{color:var(--pp-main-5)}.article-card[data-card=detail-simple] .article-card-status [data-type=read]{color:var(--pp-orange-500)}.article-card[data-card=detail-simple] .article-card-container{align-self:stretch;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;width:100%}.article-card[data-card=detail-simple] .article-card-container .article-card-footer .article-card-metadata:not(:empty){margin-top:4px}.article-card[data-card=detail-simple] .article-collect-button{color:var(--pp-main-7);font-size:24px;font-weight:600;line-height:1.5;margin-left:8px}.article-card[data-card=detail-book] .article-card-image{margin-bottom:8px}.article-card[data-card=detail-book] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;overflow:hidden}.article-card[data-card=last-reading]{align-items:center;background-color:var(--pp-bg-dialog);border-radius:calc(var(--pp-border-radius)*4);display:flex;padding:16px}.article-card[data-card=last-reading] .article-card-image{flex:0 0 auto;margin-right:12px;width:150px}@media(max-width:575.98px){.article-card[data-card=last-reading] .article-card-image{width:128px}}.article-card[data-card=last-reading] .article-card-container{align-self:stretch;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;width:100%}.article-card[data-card=last-reading] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;overflow:hidden}.article-card[data-card=last-reading] .article-collect-button{color:var(--pp-main-7);font-size:24px;font-weight:600;line-height:1.5;margin-left:8px}.article-card[data-card=list-card]{align-items:center;cursor:pointer;display:flex;padding:4px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.article-card[data-card=list-card].focus,.article-card[data-card=list-card].playing{background-color:var(--pp-orange-a15)}.article-card[data-card=list-card] .article-card-image{flex:0 0 auto;margin-right:8px;width:128px}.article-card[data-card=list-card] .article-card-image .article-attach-duration{bottom:8px;right:4px}.article-card[data-card=list-card] .article-card-image .article-top-pin{left:4px;top:4px}.article-card[data-card=list-card] .article-card-container{align-self:stretch;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;width:100%}.article-card[data-card=list-card] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.43;margin-bottom:4px;overflow:hidden}.article-card[data-card=list-card] .article-card-container .article-card-footer .article-card-metadata,.article-card[data-card=list-card] .article-card-container .article-card-footer .article-card-metadata span+span:before{font-size:12px;font-weight:400;line-height:1.33}.article-card[data-card=list-card][data-type=simple]{padding:16px 12px;position:relative}.article-card[data-card=list-card][data-type=simple]:hover{background-color:var(--pp-main-2);transition:background-color .3s ease-in-out}@media(hover:none){.article-card[data-card=list-card][data-type=simple]:hover{background-color:rgba(0,0,0,0)}.article-card[data-card=list-card][data-type=simple].focus:hover,.article-card[data-card=list-card][data-type=simple].playing:hover{background-color:var(--pp-orange-a15)}}.article-card[data-card=list-card][data-type=simple].focus:hover,.article-card[data-card=list-card][data-type=simple].playing:hover{background-color:var(--pp-orange-a15)}.article-card[data-card=list-card][data-type=simple] .article-card-status{color:var(--pp-main-10);flex:0 0 auto;font-size:20px;font-weight:600;line-height:1.6;margin-right:12px}.article-card[data-card=list-card][data-type=simple] .article-card-status>span{align-items:center;display:flex;justify-content:center}.article-card[data-card=list-card][data-type=simple] .article-card-status [data-type=empty]{color:var(--pp-main-5)}.article-card[data-card=list-card][data-type=simple] .article-card-status [data-type=read]{color:var(--pp-orange-500)}.article-card[data-card=list-card][data-type=simple] .article-card-image{display:none}.article-card[data-card=list-card][data-type=simple] .article-card-container .article-card-header{display:initial;font-size:14px;font-weight:600;line-height:1.43;-webkit-line-clamp:unset;-webkit-box-orient:initial;margin-bottom:0;max-height:none;overflow:unset}.article-card[data-card=list-card][data-type=simple] .article-card-container .article-card-footer .article-card-metadata{font-size:12px;font-weight:400;line-height:1.33}.article-card[data-card=list-card][data-type=simple] .article-card-container .article-card-footer .article-card-metadata:not(:empty){margin-top:4px}.article-card[data-card=list-card][data-type=simple] .article-card-container .article-card-footer .article-card-metadata>span i{font-size:14px}.article-card[data-card=list-card][data-type=simple] .article-card-container .article-card-footer .article-card-metadata span+span:before{font-size:12px;font-weight:400;line-height:1.33}.article-card[data-card=learning-medium]{background-color:var(--pp-main-2);border-radius:calc(var(--pp-border-radius)*2);overflow:hidden}.article-card[data-card=learning-medium] .article-card-image,.article-card[data-card=learning-medium] .article-card-image:after{border-top-left-radius:inherit;border-top-right-radius:inherit}.article-card[data-card=learning-medium] .article-card-container{border-bottom:1px solid var(--pp-primary-a10);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-left:1px solid var(--pp-primary-a10);border-right:1px solid var(--pp-primary-a10);padding:16px 12px}.article-card[data-card=learning-medium] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:12px;overflow:hidden}.article-card[data-card=learning-medium] .article-card-container .article-card-content{margin-top:auto}.article-card[data-card=learning-medium] .article-card-container .article-card-footer .article-card-metadata{color:var(--pp-main-8);flex-wrap:nowrap}.article-card[data-card=learning-medium] .article-card-container .article-card-footer .article-card-metadata>:not([data-type=name]){flex:0 0 auto}.article-card[data-card=learning-small]{align-items:center;background-color:var(--pp-main-2);border-radius:calc(var(--pp-border-radius)*2);box-shadow:0 0 0 1px var(--pp-primary-a10) inset;display:flex;overflow:hidden;padding:16px}.article-card[data-card=learning-small] .article-card-image{flex:0 0 auto;margin-right:16px;width:240px}@media(max-width:991.98px){.article-card[data-card=learning-small] .article-card-image{width:200px}}@media(max-width:575.98px){.article-card[data-card=learning-small] .article-card-image{width:150px}}.article-card[data-card=learning-small] .article-card-container{align-self:stretch;display:flex;flex:1 1 auto;flex-direction:column;padding:4px 0;width:100%}.article-card[data-card=learning-small] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;overflow:hidden}.article-card[data-card=learning-small] .article-card-container .article-card-content{margin-top:auto}.article-card[data-card=learning-small] .article-card-container .article-card-footer .article-card-metadata{color:var(--pp-main-8);flex-wrap:nowrap}.article-card[data-card=learning-small] .article-card-container .article-card-footer .article-card-metadata>:not([data-type=name]){flex:0 0 auto}.article-card[data-card=learning-small] .article-card-container>.article-card-footer{margin-bottom:4px}.article-card[data-card=learning]{background-color:var(--pp-bg-component-card);border:1px solid var(--pp-main-3);border-radius:calc(var(--pp-border-radius)*4);overflow:hidden}.article-card[data-card=learning]>div{padding:12px}.article-card[data-card=learning]>div:first-child{align-items:center;display:flex}.article-card[data-card=learning]>div:last-child{border-top:1px solid var(--pp-main-4)}.article-card[data-card=learning] .article-card-image{flex:0 0 auto;height:72px;margin-right:16px;width:72px}.article-card[data-card=learning] .article-card-image>img{filter:unset}.article-card[data-card=learning] .article-card-container{align-self:stretch;display:flex;flex:1 1 auto;flex-direction:column;width:100%}.article-card[data-card=learning] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;min-height:48px;overflow:hidden}.article-card[data-card=learning] .article-card-container .article-card-content{margin-top:auto}.article-card[data-card=learning] .article-card-container .article-card-footer .article-card-metadata{color:var(--pp-main-8);flex-wrap:nowrap}.article-card[data-card=learning] .article-card-container .article-card-footer .article-card-metadata>:not([data-type=name]){flex:0 0 auto}.article-card[data-card=learning] .article-card-container>.article-card-footer{margin-bottom:4px}.article-card[data-card=detail-record]{align-items:center;display:flex}.article-card[data-card=detail-record] .article-card-image{flex:0 0 auto;margin-right:12px;width:240px}@media(max-width:991.98px){.article-card[data-card=detail-record] .article-card-image{width:200px}}@media(max-width:575.98px){.article-card[data-card=detail-record] .article-card-image{width:150px}}.article-card[data-card=detail-record] .article-card-container{align-self:stretch;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;width:100%}.article-card[data-card=detail-record] .article-card-container .article-card-header{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:4px;overflow:hidden}@media(max-width:575.98px){.article-card[data-card=detail-record] .article-card-container .article-card-header{font-size:14px;font-weight:600;line-height:1.43}}.article-card[data-card=detail-record] .article-card-container .article-card-footer .article-card-metadata{color:var(--pp-main-10)}.article-card-paragraphs-container{border-top:1px solid var(--pp-main-3);padding:8px 0;width:100%}.no-divider .article-card-paragraphs-container{border-bottom:1px solid var(--pp-main-3)}.article-card-paragraphs-container .article-card-paragraph{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.article-card-paragraphs-container .article-card-paragraph .article-card-paragraph-time{background-color:var(--pp-orange-a15);color:var(--pp-orange-600);flex:0 0 auto;font-size:14px;font-weight:400;line-height:1.43;min-width:80px;padding:4px 8px;text-align:center}.article-card-paragraphs-container .article-card-paragraph .article-card-paragraph-line{align-self:stretch;flex:0 0 auto;height:auto;margin:0 4px;position:relative;width:28px}.article-card-paragraphs-container .article-card-paragraph .article-card-paragraph-line:before{background-color:var(--pp-orange-500);border-radius:50%;box-shadow:0 0 0 4px var(--pp-orange-a15);content:"";display:block;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform .5s ease-in-out;width:8px;z-index:3}.article-card-paragraphs-container .article-card-paragraph .article-card-paragraph-line:after{background-image:linear-gradient(to bottom,var(--pp-main-4) 0,var(--pp-main-4) 50%,var(--pp-main-4) 50%,var(--pp-main-4) 100%);content:"";display:block;height:calc(100% + 24px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px;z-index:1}.article-card-paragraphs-container .article-card-paragraph .article-card-paragraph-title{color:var(--pp-main-7);display:-webkit-box;flex:1 1 auto;font-size:14px;font-weight:400;line-height:1.43;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-paragraphs-container .article-card-paragraph:first-child .article-card-paragraph-line:after{background-image:linear-gradient(to bottom,var(--white-a00) 0,var(--white-a00) 50%,var(--pp-main-4) 50%,var(--pp-main-4) 100%)}.article-card-paragraphs-container .article-card-paragraph:last-child .article-card-paragraph-line:after{background-image:linear-gradient(to bottom,var(--pp-main-4) 0,var(--pp-main-4) 50%,var(--white-a00) 50%,var(--white-a00) 100%)}.article-card-paragraphs-container .article-card-paragraph:only-child .article-card-paragraph-line:after{background-image:unset}.article-card-paragraphs-container .article-card-paragraph:hover .article-card-paragraph-line:before{transform:translate(-50%,-50%) scale(1.2)}@media(hover:none){.article-card-paragraphs-container .article-card-paragraph:hover .article-card-paragraph-line:before{transform:translate(-50%,-50%) scale(1)}}