.links-container{--item-per-row:1;--flex-horizontal-gap:5px;--flex-vertical-gap:10px;width:calc(100% + var(--flex-horizontal-gap)*2);left:calc(-1*var(--flex-horizontal-gap));flex-wrap:wrap;display:flex;position:relative}.link-item{--padding:15px;width:calc((100% - var(--item-per-row)*2*var(--flex-horizontal-gap))/var(--item-per-row));box-sizing:border-box;padding:var(--padding);padding-right:calc(1.5em + var(--padding));border:2px solid var(--body-link-color);vertical-align:top;border-radius:10px;flex-direction:column;align-self:flex-start;min-height:120px;margin:5px;display:inline-flex;position:relative}.link-name{flex:1}.link-url{color:var(--grey);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:var(--padding);line-height:1.3;overflow:hidden}.link-item .icon-wrapper{top:var(--padding);position:absolute;right:0}.link-item .icon-wrapper .external-link-as-icon{--padding:10px;margin-top:2px;margin-right:2px;position:absolute;left:auto;right:0}.no-touchscreen .link-item:hover .external-link-as-icon{--icon-color:#fff}@media screen and (min-width:500px){.links-container{--item-per-row:2}}@media screen and (min-width:800px){.links-container{--item-per-row:3}.link-item{min-height:180px}}@media screen and (min-width:1024px){.links-container{--item-per-row:4}}@media screen and (min-width:1350px){.links-container{--item-per-row:5}}