/*---WIDGETS---*/

.sublist-01{ display:flex; align-items:center; gap:14px; padding:14px 18px; margin:0 0 12px 0; background:#fff; border:1px solid #D7DFF0; border-radius:12px; box-shadow:none; text-align:left; text-decoration:none; max-width:100%; box-sizing:border-box; } .sublist-01:hover{ background:#fff; border-color:#C8D3EA; text-decoration:none !important; } .sublist-02{ width:44px; height:44px; border-radius:999px; background:#E51C2A; border:0 !important; padding:0; display:flex; align-items:center; justify-content:center; box-shadow:none; flex:0 0 auto; } .sublist-icon{ width:22px; height:22px; display:block; filter:brightness(0) invert(1); } .sublist-label{ margin:0; padding:0; color:#0B1220; max-width:100%; min-width:0; text-decoration:none; font-size:15px; line-height:1.2; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .sublist-label center{ display:block; text-align:left; } .sublist-01 center{ display:block; text-align:inherit; } .sublist-01 a, .sublist-01 a:link, .sublist-01 a:visited, .sublist-01 a:hover, .sublist-01 a:focus, .sublist-01 a:active{ text-decoration:none !important; color:inherit !important; }:root{ --cat-blue:#1d4ed8; --hover-red:#E51C2A; --text:#0f172a; } a[aria-label]{ display:block; padding:0; margin:0; width:100%; color:inherit; text-decoration:none; } .wrapper{ width:100%; background:#fff; border:0; border-radius:0; box-shadow:none; overflow:hidden; transition:transform .18s ease, filter .18s ease; will-change:transform, filter; } a[aria-label]:hover .wrapper, a[aria-label]:focus-within .wrapper{ transform:translateY(-2px); filter:brightness(0.985); } @media (prefers-reduced-motion:reduce){ .wrapper{transition:filter .18s ease;} a[aria-label]:hover .wrapper, a[aria-label]:focus-within .wrapper{transform:none;} } .preview-image{ width:100%; height:170px; background-size:cover; background-position:center; background-repeat:no-repeat; image-rendering:-webkit-optimize-contrast; } .preview-box{ position:relative; padding:14px 0 18px 0 !important; box-sizing:border-box; background:#fff; border:0; border-radius:0; overflow:hidden; } .preview-pill{ display:block; margin:0 0 10px 0; padding:0; background:transparent; border-radius:0; font-weight:500; font-size:12px; line-height:1; letter-spacing:.14em; text-transform:uppercase; color:var(--cat-blue); transition:opacity .18s ease, color .18s ease; } .preview-label{ margin:0; font-weight:600 !important; font-size:20px; line-height:1.18; color:var(--text) !important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; transition:opacity .18s ease; } a[aria-label]:hover .preview-pill, a[aria-label]:focus-within .preview-pill{ color:var(--hover-red); } a[aria-label]:hover .preview-label, a[aria-label]:focus-within .preview-label{ opacity:.92; } .preview-content{display:none !important;} .preview-read-more{display:none !important;} @media (max-width:480px){ .preview-image{height:150px;} .preview-box{padding:12px 0 16px 0 !important;} .preview-label{font-size:18px;line-height:1.2;} .preview-pill{font-size:11px;} }