@layer components{.shortcuts{--margin:40px;--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));min-height:calc(100vh - (var(--navigation-height) + var(--margin)*2));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);margin:40px auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.shortcuts{--padding:50px}}.shortcuts__inner{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:20px;display:flex;position:relative}.shortcuts__inner:before{content:"";background:linear-gradient(to bottom right,transparent 0%,var(--blue)25%,var(--magenta)50%,var(--blue)75%,transparent 100%);opacity:.1;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.shortcuts__title{font-family:var(--serif-font);font-size:var(--h4);text-align:center;font-weight:500}.shortcuts__links{grid-template-columns:repeat(auto-fit,220px);justify-content:center;gap:20px;width:min(100% - 20px,900px);list-style:none;display:grid}.shortcuts__link{height:100%;color:var(--primary);text-align:center;border:1px solid var(--grey-200);border-radius:var(--radius-200);transition:background-color .16s var(--transition-easing);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px;text-decoration:none;display:flex}.shortcuts__link:is(:hover,:focus){background-color:var(--grey-100)}.shortcuts__link-icon{--size:18px;flex:0 0 var(--size);width:var(--size);height:var(--size);fill:currentColor}.shortcuts__link-name{font-size:var(--h4);font-weight:700}.shortcuts__link-description{font-family:var(--monospace-font)}}