/*---WIDGETS---*/

:root{--link-accent-color:#1591c7; --link-accent-bg:#c6eeff; } a[aria-label]{display:block;padding:0;color:inherit;text-decoration:none;margin-top:25px} .wrapper{position:relative;height:420px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;will-change:transform,box-shadow} .preview-image{position:absolute;top:0;left:0;right:0;height:240px;background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast} a[aria-label]:hover .wrapper,a[aria-label]:focus-within .wrapper{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.14)} @media (prefers-reduced-motion:reduce){.wrapper{transition:box-shadow .18s ease}a[aria-label]:hover .wrapper,a[aria-label]:focus-within .wrapper{transform:none}} .preview-box{position:absolute;left:0;right:0;bottom:0;min-height:176px!important;height:auto!important;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;row-gap:6px;padding:14px 24px 12px!important;box-sizing:border-box;background:#fff;border-top:1px solid #eef2f7;border-bottom-left-radius:18px;border-bottom-right-radius:18px;overflow:hidden;z-index:1} .preview-pill{display:inline-flex;align-items:center;justify-self:start;white-space:nowrap;font-weight:600;font-size:11px;line-height:1;color:var(--link-accent-color);background:var(--link-accent-bg);padding:4px 8px;border-radius:999px;margin:0} .preview-label{margin:2px 0 0;font-weight:400!important;font-size:20px;line-height:1.25;color:#0f172a!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(2*1.25em)} .preview-content{font-weight:400!important;color:#6b7280!important;font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:calc(2*1.55em);overflow-wrap:anywhere;word-break:break-word} .preview-content p,.preview-content div{margin:0!important} .preview-content br{display:none} .preview-read-more{background:transparent;border:0;box-shadow:none;height:auto;padding:0;border-radius:0;display:inline-block;cursor:pointer;font-size:14px;font-weight:400!important;line-height:1;color:var(--link-accent-color);text-transform:none;align-self:end;justify-self:start;margin-top:auto} .preview-read-more i{display:none!important} a[aria-label]:hover .preview-label,a[aria-label]:hover .preview-read-more{font-weight:400!important;letter-spacing:normal} a[aria-label]:hover .preview-label,a[aria-label]:hover .preview-content{color:inherit!important} @media (max-width:992px){.wrapper{height:380px}.preview-image{height:220px}} @media (max-width:768px){.wrapper{height:340px}.preview-image{height:200px}} @media (max-width:576px){.wrapper{height:300px}.preview-image{height:180px}}.bubbles-link{ display:block;width:100%;max-width:100%;text-decoration:none;color:inherit } /* Outer wrapper */ .bubbles-outer{ padding:5px;max-width:100% } /* Chip */ .bubbles-chip{ position:relative; display:flex; align-items:center; width:100%;max-width:100%;box-sizing:border-box; padding:10px 44px; background:#1e63d8;border:1px solid #1e63d8; color:#fff;border-radius:10px;font-size:16px;line-height:1.3;font-weight:500;overflow:hidden; transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease; min-height: calc(2.6em + 20px); } .bubbles-chip-text{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } /* Left white triangle */ .bubbles-chip::before{ content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%); width:0;height:0;border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent; } /* Right white chevron */ .bubbles-chip::after{ content:"";position:absolute;right:16px;top:50%; width:10px;height:10px;transform:translateY(-50%) rotate(45deg); border-top:3px solid #fff;border-right:3px solid #fff;border-radius:1px; } /* ===== Hover ===== */ .bubbles-link:hover .bubbles-chip, .bubbles-link:focus-visible .bubbles-chip{ background:#1557c0;border-color:#1557c0; text-decoration:underline; text-decoration-color:#fff; text-underline-offset:3px; text-decoration-thickness:2px; }