@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);border:var(--layout-border);border-radius:var(--radius-100);transition:background-color .16s var(--transition-easing);flex-direction:column;text-decoration:none;display:flex}.shortcuts__link:is(:hover,:focus){background-color:var(--grey-100)}.shortcuts__link-header{border-bottom:var(--layout-border);align-items:center;display:flex}.shortcuts__link-icon-container{background:linear-gradient(135deg,var(--blue)0%,var(--magenta)100%);border-right:var(--layout-border);border-top-left-radius:calc(var(--radius-100) - 1px);justify-content:center;align-items:center;padding:8px;display:flex}.shortcuts__link-icon{--size:18px;flex:0 0 var(--size);width:var(--size);height:var(--size);fill:var(--grey-000)}.shortcuts__link-name{font-size:var(--p);font-family:var(--serif-font);flex:100%;padding-left:12px;font-weight:700}.shortcuts__link-description{font-family:var(--monospace-font);padding:12px}}