:root{--border-radius: 3.75rem}@media (min-width: 48em){:root{--border-radius: 5rem}}.publication{position:relative;max-width:500px;min-width:80%;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;width:276px;text-decoration:none;overflow:visible;margin-top:30px}@media (min-width: 48em){.publication{width:100%;min-width:0;max-width:none;display:flex;flex-direction:row;margin:20px 80px 20px 0;align-items:flex-start;gap:20px}}.publication .icon-button-container--like-button{position:absolute;left:10px;top:40px;z-index:100}.publication:after{content:"";position:absolute;bottom:0;left:30px;width:calc(100% - 80px);height:1px;background-color:#fff3}.publication:last-of-type:after{content:none}.publication__cover{grid-column:span 3;grid-row:1/2;flex:none;border-radius:7px;border:2px solid #FFFFFF;overflow:hidden}@media (min-width: 48em){.publication__cover{width:40%}}@media (min-width: 90em){.publication__cover{width:35%}}.publication__cover img{width:100%;transition:transform .1s}.publication__cover .icons{position:absolute;left:15px;top:15px;display:flex;align-items:center;gap:5px;z-index:1}.publication__cover .icons .lock{width:30px;height:30px;background-color:#001d3d;display:flex;border-radius:5px}@media (min-width: 48em){.publication__cover .icons .lock{width:32px;height:32px}}.publication__cover .icons .lock .icon-lock{color:#fff;margin:auto}.publication__cover .icons .heart{display:block;margin-right:0}.publication__cover .icons .heart .flag{font-size:0;display:flex;height:25px;width:25px;background-color:#ffffff26;border-radius:5px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}@media (min-width: 48em){.publication__cover .icons .heart .flag{height:27px;width:27px}}.publication__cover .icons .heart .flag.action-unflag{background-color:#001d3d}.publication__cover .icons .heart .flag.action-unflag .icon-heart{color:#fdc500}.publication__cover .icons .heart .flag.action-unflag .icon-heart:before{content:""}.publication__cover .icons .heart .flag .ajax-progress{display:none}.publication__cover .icons .heart .flag .icon-heart{padding:8px;color:#fff;margin:auto;right:15px;font-size:10px}@media (min-width: 48em){.publication__cover .icons .heart .flag .icon-heart{font-size:12px;padding:1px 0 0}}.publication__right{display:flex;flex-direction:column;justify-content:space-between;grid-column:1/-1;grid-row:2/3}.publication__right .icon-button-container{display:none}@media (min-width: 48em){.publication__right .icon-button-container{display:block}}.publication__right .icon-button-container .icon-button{background-color:#ffffff1a}.publication__text{color:#fff}@media (min-width: 48em){.publication__text{margin-bottom:10px}}.publication__text .title{margin-bottom:10px}.publication__text .publication__description{display:none;margin-top:15px}@media (min-width: 48em){.publication__text .publication__description{display:block;width:100%}}.publication .like-input{position:absolute;z-index:1;opacity:0;cursor:pointer;height:0;width:0;width:25px;height:25px}@media (min-width: 48em){.publication .like-input{width:35px;height:35px}}.publication .like-input:checked~.checkmark{background-color:#001d3d}.publication .like-input:checked~.checkmark .icon-heart{color:#fdc500}.publication .article-tags--heart{margin-right:15px;position:absolute;left:10px;top:10px;z-index:5}.publication .article-tags--heart .icon-heart{color:#fff;margin:auto;font-size:10px}@media (min-width: 48em){.publication .article-tags--heart .icon-heart{font-size:16px}}.publication .article-tags--heart .checkmark{display:flex;font-size:10px;height:30px;width:30px;background-color:#ffffff26;border-radius:5px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}@media (min-width: 48em){.publication .article-tags--heart .checkmark{font-size:14px;height:35px;width:35px}}.publication .lock-container{position:absolute;display:flex;left:10px;top:10px;width:30px;height:30px;background-color:#000;border-radius:5px}.publication .lock-container .icon{margin:auto;color:#fff;font-size:12px}@media (min-width: 48em){.publication .lock-container{top:10px;width:40px;height:40px}.publication .lock-container .icon{font-size:15px}}@media (min-width: 48em){a.publication:hover .publication__cover img{transform:scale(1.25) translate(1px)}a.publication:hover .publication__text .title{color:#fdc500}a.publication:hover .icon-button-container--publication-access .icon-button{background-color:#fdc500}a.publication:hover .icon-button-container--publication-access .icon-button .icon{color:#00296b;font-size:14px}}