body{--litobc-dark-gray:var(--wp--preset--color--dark-gray,#222224);--litobc-gray:var(--wp--preset--color--gray,#8e8e94);--litobc-light-gray:var(--wp--preset--color--light-gray,#dfdfe1);--litobc-base-gray:var(--wp--preset--color--base-gray,#f5f5f9);--litobc-font-size-xs:var(--wp--preset--font-size-xs,0.75rem);--litobc-font-size-sm:var(--wp--preset--font-size-sm,0.875rem);--litobc-radius-sm:var(--wp--custom--radius-sm,clamp(0.25rem,0.2137rem + 0.1613vw,0.375rem));--litobc-radius-md:var(--wp--custom--radius-md,clamp(0.5rem,0.309rem + 0.566vw,0.8125rem));--litobc-spacing-box:var(--wp--preset--spacing-box,clamp(1.25rem,1.1226rem + 0.3774vw,1.5rem))}.dark body{--litobc-dark-gray:var(--wp--custom--color--dark-gray-darkmode);--litobc-light-gray:var(--wp--custom--color--light-gray-darkmode);--litobc-base-gray:var(--wp--custom--color--base-gray-darkmode)}.wp-block-lito-blogcard{container-type:inline-size}.litobc{margin:0}.litobc-item{border:2px solid var(--litobc-light-gray);border-radius:var(--litobc-radius-md);color:var(--litobc-dark-gray);display:flex;flex-direction:row-reverse;gap:1.5rem;line-height:1.5;overflow:hidden;padding:var(--litobc-spacing-box);text-decoration:none;transition:border-color .2s;&:hover{border-color:var(--litobc-gray)}}.litobc-figure{flex-shrink:0;margin-bottom:0;&>img{aspect-ratio:1/1;border-radius:var(--litobc-radius-sm);-o-object-fit:cover;object-fit:cover;width:4rem}}.litobc-content{display:grid;flex-grow:1;gap:.5rem}.litobc-message{color:var(--litobc-gray);font-size:.875rem;margin-top:.25rem}.litobc-title{-webkit-line-clamp:3;font-weight:700}.litobc-description,.litobc-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.litobc-description{-webkit-line-clamp:2;color:var(--litobc-gray);font-size:.75rem}.litobc-cite{align-items:center;display:flex;gap:.375rem;margin-top:.5rem}.litobc-favicon{border-radius:.125rem;width:16px}.litobc-domain{color:var(--litobc-gray);font-size:.75rem;font-style:italic;&:hover{color:var(--litobc-gray)}}@container (768px <= width){.litobc-figure>img{width:5rem}}