.card-highlight{position:relative;width:100%;transition:background-color .3s}.card-highlight .card-highlight__body{display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:.75rem 1.25rem;height:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:var(--fallback-ac,oklch(var(--ac)/var(--tw-border-opacity)))}@media (min-width: 768px){.card-highlight .card-highlight__body{border-style:none}}:is(.card-highlight .card-highlight__body):before{pointer-events:none;position:absolute;top:0;left:0;z-index:10;height:5rem;width:1px;--tw-bg-opacity: 1;background-color:var(--fallback-ac,oklch(var(--ac)/var(--tw-bg-opacity)));content:none}@media (min-width: 768px){:is(.card-highlight .card-highlight__body):before{content:""}}:is(.card-highlight .card-highlight__body) .metas{font-weight:600;--tw-text-opacity: 1;color:oklch(var(--base-400) / var(--tw-text-opacity))}:is(.card-highlight .card-highlight__body) .card-highlight__title{font-size:1rem;font-weight:600}@media (min-width: 1056px){:is(.card-highlight .card-highlight__body) .card-highlight__title{font-size:1.125rem;line-height:1.75rem}}:is(.card-highlight .card-highlight__body) .card-highlight__description{font-size:.9375rem}:is(.card-highlight .card-highlight__body) .card-highlight__action{z-index:1;height:2.5rem;width:2.5rem}:is(:is(.card-highlight .card-highlight__body) .card-highlight__action) .card-highlight__icon{height:1.5rem;width:1.5rem}:is(.card-highlight .card-highlight__body) p{width:100%;overflow:hidden;text-overflow:ellipsis}:is(.card-highlight .card-highlight__body) h3,:is(.card-highlight .card-highlight__body) p{margin:0;padding:0}.card-highlight.card-highlight--pinned .card-highlight__body{display:flex;flex-direction:column;gap:.75rem;border-style:none;padding-left:.5rem;padding-right:.5rem}@media (min-width: 768px){.card-highlight.card-highlight--pinned .card-highlight__body{padding-left:2rem;padding-right:2rem}}:is(.card-highlight.card-highlight--pinned .card-highlight__body):before{content:none}.card-highlight .card-highlight__figure{margin:0;width:100%!important}:is(.card-highlight .card-highlight__figure) img{max-height:32rem}
