@layer components{.toolbox-entries{--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:0 auto 40px;display:flex;position:relative}@media (width>=520px) and (width<=920px){.toolbox-entries{--padding:50px}}.toolbox-entries__inner{grid-template-columns:repeat(auto-fit,360px);justify-content:center;gap:20px;width:100%;padding:44px 20px;display:grid;position:relative}.toolbox-entries__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}.toolbox-entries__entry{--simple-bar-primary-300:var(--night-shift-blue-300);--simple-bar-primary-400:var(--night-shift-blue-400);--simple-bar-primary-500:var(--night-shift-blue-500);color:currentColor;border:var(--layout-border);transition:background-color .16s var(--transition-easing);flex-direction:column;text-decoration:none;display:flex}.toolbox-entries__entry:is(:hover,:focus){background-color:var(--grey-000)}.toolbox-entries__entry-preview{border-bottom:var(--layout-border);flex:0 0 220px;height:220px;overflow:hidden}.toolbox-entries__entry-text{flex-direction:column;flex:100%;align-items:flex-start;gap:6px;padding:6px 12px;display:flex}.toolbox-entries__entry-title{font-size:var(--h4);font-weight:700}.toolbox-entries__entry-description{font-size:var(--label);font-family:var(--monospace-font)}}