@layer theme,base;@layer components{.case-cover{aspect-ratio:16/8;background:var(--case-img,none) center / cover no-repeat, linear-gradient(120deg, var(--c-navy) 0%, var(--c-navy-2) 70%, #10394f 100%);border-radius:10px;align-items:flex-start;padding:.75rem;display:flex;position:relative;overflow:hidden}.case-cover:before{content:"";background-image:radial-gradient(#7fb8d959 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;mask-image:radial-gradient(at 80% 60%,#000 20%,#0000 75%)}.case-cover .badge{color:#fff;background:#ffffff1f;border-color:#0000;position:relative}.partner-logo{max-width:100%;height:auto;display:block}.partner-logo.is-mono{filter:grayscale()contrast(1.1);opacity:.7;transition:filter .25s,opacity .25s}.partner-logo.is-mono:hover{filter:none;opacity:1}:root[data-theme=dark] .partner-logo.is-mono{filter:grayscale()invert()brightness(1.4)}:root[data-theme=dark] .partner-logo.is-mono:hover{filter:none}}@layer utilities;