.project-card{display:block;height:inherit;position:relative}.project-card[data-card=medium]{--aspect-ratio:16/9}.project-card[data-card=simple],.project-card[data-card=small]{--aspect-ratio:1/1}.project-card a{display:block;text-decoration:none}.project-card a:focus{outline:none}.project-card [data-seo]{margin-bottom:0}.project-card[data-card]:hover .project-card-image img{transform:scale(1.05)}.project-card[data-card]:hover .project-card-container .project-card-header .project-card-menu-button{opacity:1}@media(hover:none){.project-card[data-card]:hover .project-card-image img{transform:scale(1)}}.project-card[data-card] .project-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);margin-bottom:12px;overflow:hidden;position:relative;will-change:transform}@supports(aspect-ratio:initial){.project-card[data-card] .project-card-image{aspect-ratio:var(--aspect-ratio)}}@supports not (aspect-ratio:initial){.project-card[data-card] .project-card-image:before{content:"";display:block;padding-top:calc(1/(var(--aspect-ratio))*100%)}.project-card[data-card] .project-card-image>img{bottom:0;left:0;position:absolute;right:0;top:0}}.project-card[data-card] .project-card-image>img{border-radius:inherit;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%}.project-card[data-card] .project-card-image>img:not([src]){opacity:0}.project-card[data-card] .project-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}.project-card[data-card] .project-card-image .project-label{align-items:center;background-color:var(--white);border-radius:.125rem;color:var(--gray-900);display:inline-flex;font-size:14px;font-weight:400;left:10px;line-height:1.43;padding:4px 8px;position:absolute;top:10px;z-index:3}.project-card[data-card] .project-card-video{background-color:var(--pp-main-2);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:calc(var(--pp-border-radius)*2);margin-bottom:12px;overflow:hidden;position:relative;will-change:transform}@supports(aspect-ratio:initial){.project-card[data-card] .project-card-video{aspect-ratio:16/9}}@supports not (aspect-ratio:initial){.project-card[data-card] .project-card-video:before{content:"";display:block;padding-top:56.25%}}.project-card[data-card] .project-card-video: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}.project-card[data-card] .project-card-header{align-items:flex-start;display:flex;margin-bottom:2px}.project-card[data-card] .project-card-header .project-card-title{flex:1 1 auto;margin-bottom:0;margin-right:auto}.project-card[data-card] .project-card-header .project-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--pp-main-10);font-size:16px;font-weight:600;line-height:1.5;overflow:hidden}.project-card[data-card] .project-card-header .project-card-menu-button{margin-left:8px;opacity:0}@media(hover:none){.project-card[data-card] .project-card-header .project-card-menu-button{opacity:1}}.project-card[data-card] .project-card-header .project-card-menu-button.open{opacity:1}.project-card[data-card] .project-card-metadata{align-items:center;display:flex;margin-bottom:4px}.project-card[data-card] .project-card-metadata .project-card-metadata-item{align-items:center;display:inline-flex;margin-right:16px}.project-card[data-card] .project-card-metadata .project-card-metadata-item .metadata-icon{color:var(--pp-main-10);font-size:14px;font-weight:400;line-height:1.43;margin-right:4px}.project-card[data-card] .project-card-metadata .project-card-metadata-item .metadata-content{color:var(--pp-main-10);font-size:14px;font-weight:400;line-height:1.43}.project-card[data-card] .project-card-creator a{color:var(--pp-main-7);font-size:14px;font-weight:400;line-height:1.43}.project-card[data-card] .project-card-footer{margin-top:12px}.project-card[data-card=medium] .project-card-container{min-height:96px}.project-card[data-card=small] .project-card-metadata{align-items:unset;flex-direction:column}.project-card[data-card=small] .project-card-metadata .project-card-metadata-item{margin-bottom:4px;margin-right:unset}.project-card[data-card=small] .project-follow-button{background-color:var(--red-a15);border-radius:.125rem;color:var(--red-500);cursor:pointer;font-size:16px;font-weight:600;line-height:1.5;padding:8px 16px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.project-card[data-card=small] .project-follow-button span{margin-left:4px}.project-card[data-card=small] .project-follow-button:active,.project-card[data-card=small] .project-follow-button:hover{background-color:var(--red-a20)}@media(hover:none){.project-card[data-card=small] .project-follow-button:hover{background-color:var(--red-a15)}}.project-card[data-card=simple]{align-items:center;display:grid;gap:16px;grid-template-columns:72px 1fr}.project-card[data-card=simple] .project-card-image{height:72px;margin-bottom:0;width:72px}.project-card[data-card=simple] .project-card-container{gap:4px}.project-card[data-card=simple] .project-card-container .project-card-header .project-card-title a{min-height:auto}.project-card[data-card=simple].ranking{grid-template-columns:16px 72px 1fr}.project-card[data-card=simple].ranking>:first-child{color:var(--pp-main-13);font-size:20px;font-weight:600;line-height:1.6}.project-card .project-remove-notice{align-items:center;background-color:var(--pp-main-2);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-card .project-remove-notice .project-remove-notice-content .project-remove-notice-text{color:var(--pp-main-10);font-size:20px;font-weight:600;line-height:1.6;margin-bottom:1.5rem}.project-card .project-remove-notice .project-remove-notice-content .project-remove-notice-recover{color:var(--pp-orange-600);font-size:14px;font-weight:600;line-height:1.43;padding:8px 16px;text-decoration:underline;text-underline-position:under}.project-card-menu{background-color:var(--pp-bg-popup);border-radius:.25rem;box-shadow:var(--pp-shadow-4);left:var(--menu-l);padding:8px 0;pointer-events:none;position:fixed;top:var(--menu-t);transform:translateY(10px);transform-origin:top;visibility:hidden;width:200px;will-change:opacity,transform,top,left;z-index:-1}.project-card-menu.show{pointer-events:auto;transform:translateY(0);visibility:visible;z-index:111}.project-card-menu .project-card-menu-item{align-items:center;background-color:rgba(0,0,0,0);cursor:pointer;display:flex;padding:12px 16px;transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-card-menu .project-card-menu-item .menu-item-icon{color:var(--pp-main-10);flex:0 0 auto;font-size:16px;font-weight:400;line-height:1.5;margin-right:12px}.project-card-menu .project-card-menu-item .menu-item-content{color:var(--pp-main-10);flex:1 1 auto;font-size:14px;font-weight:400;line-height:1.43}.project-card-menu .project-card-menu-item[data-type=follow].followed .menu-item-icon{color:var(--red-500)}.project-card-menu .project-card-menu-item:hover{background-color:var(--pp-main-2)}@media(hover:none){.project-card-menu .project-card-menu-item:hover{background-color:rgba(0,0,0,0)}}.project-card-preview{background-color:var(--pp-main-2);box-shadow:var(--pp-shadow-4);left:var(--preview-l);min-height:var(--preview-h);opacity:1;pointer-events:auto;position:absolute;top:var(--preview-t);transform:scale(1);transform-origin:top;visibility:visible;width:var(--preview-w);will-change:opacity,transform,top,left;z-index:111}.project-card-preview .project-card[data-card=medium]:hover .project-card-image img{transform:scale(1)}.project-card-preview .project-card .project-card-image,.project-card-preview .project-card .project-card-video{border-radius:unset}.project-card-preview .project-card .project-card-container{padding:0 16px 16px}.preview-enter-active,.preview-leave-active{transition:opacity .5s cubic-bezier(.05,0,0,1),transform .5s cubic-bezier(.05,0,0,1)}.preview-enter-from,.preview-leave-to{background-color:rgba(0,0,0,0);opacity:0;pointer-events:none;transform:scale(.89);visibility:hidden;z-index:-1}