@layer theme,base;@layer components{.cr-list{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:24px 20px;margin:0;padding:12px 0 0;list-style:none;display:grid}.cr-item{min-width:0;position:relative;container-type:inline-size}.cr-card{color:var(--ink);flex-direction:column;gap:6px;text-decoration:none;display:flex}.cr-card .cover{width:100%;box-shadow:inset 5px 0 #0000002e,0 1px 3px #14211f2e}.cr-card:hover .cr-title{color:var(--brand-text);text-decoration:underline}.cr-bar{border-radius:calc(2px * var(--r-box));background:var(--line);height:4px;display:block;overflow:hidden}.cr-bar>span{background:var(--brand);height:100%;display:block}.cr-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.cr-meta{color:var(--muted);font-size:13px}.cr-hide{color:#fff;cursor:pointer;background:radial-gradient(circle,#0000006b 13px,#0000 13.5px);border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex;position:absolute;top:calc(150cqw - 44px);left:6px}.cr-hide:hover{background:radial-gradient(circle,#0009 13px,#0000 13.5px)}.cr-hide svg{fill:currentColor;width:16px;height:16px}@media (width<=599.98px){.cr-list{margin:0 calc(-1 * var(--dd-gutter,16px));padding:12px var(--dd-gutter,16px) 4px;scroll-snap-type:x proximity;scroll-padding-inline:var(--dd-gutter,16px);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:40%;grid-auto-flow:column;gap:14px;overflow-x:auto}.cr-list::-webkit-scrollbar{display:none}.cr-item{scroll-snap-align:start}}}@layer utilities,blocks,template;