.smp-tile{text-align:left;cursor:pointer;background:0 0;border:0;gap:.5rem;width:100%;min-width:0;padding:0;display:grid}.smp-tile-frame{aspect-ratio:16/9;border:1px solid var(--vn-border);background:#eef1f7;border-radius:12px;width:100%;transition:box-shadow .2s,transform .2s,border-color .2s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 22px #1824371a;box-shadow:0 8px 22px lab(13.9286% -.222996 -14.2876/.1)}.smp-tile-frame .vn-slide{width:100%;height:100%;display:block}.smp-tile-scrim{opacity:0;background:linear-gradient(#0000 56%,#0f172a75);transition:opacity .22s;position:absolute;inset:0}.smp-tile-eye{z-index:2;color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abd;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:opacity .22s,transform .22s;display:inline-flex;position:absolute;bottom:.5rem;right:.5rem;transform:translateY(4px)}.smp-tile:hover .smp-tile-frame,.smp-tile:focus-visible .smp-tile-frame{border-color:color-mix(in oklch, var(--vn-brand-blue) 42%, var(--vn-border));transform:translateY(-2px);box-shadow:0 14px 30px #18243729;box-shadow:0 14px 30px lab(13.9286% -.222996 -14.2876/.16)}.smp-tile:hover .smp-tile-scrim,.smp-tile:focus-visible .smp-tile-scrim,.smp-tile:hover .smp-tile-eye,.smp-tile:focus-visible .smp-tile-eye{opacity:1;transform:none}.smp-tile:focus-visible{outline:none}.smp-tile:focus-visible .smp-tile-frame{outline:2px solid var(--vn-brand-blue);outline-offset:2px}.smp-lightbox{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1e3c9e;justify-content:center;align-items:flex-start;padding:clamp(.5rem,3vw,2.5rem);display:flex;position:fixed;inset:0}.smp-lightbox-panel{background:var(--color-background);border-radius:16px;flex-direction:column;width:min(64rem,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0b162857;box-shadow:0 24px 60px lab(6.97893% .38664 -14.0886/.34)}.smp-lightbox-panel:focus{outline:none}.smp-lightbox-head{border-bottom:1px solid var(--vn-border);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.smp-lightbox-title{gap:.15rem;min-width:0;display:grid}.smp-lightbox-title b{color:var(--color-foreground);font-size:.975rem;font-weight:600;line-height:1.25}.smp-lightbox-title small{color:var(--color-muted-foreground);font-size:.8125rem}.smp-lightbox-body{flex-direction:column;flex:auto;gap:1rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.smp-lightbox-slide{border:1px solid var(--vn-border);border-radius:12px;flex:none;position:relative;overflow:hidden;box-shadow:0 2px 10px #18243714;box-shadow:0 2px 10px lab(13.9286% -.222996 -14.2876/.08)}.smp-lightbox-num{z-index:2;color:#fff;font-variant-numeric:tabular-nums;background:#0f172aa8;border-radius:999px;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:.5rem;left:.5rem}.smp-lightbox-foot{border-top:1px solid var(--vn-border);color:var(--color-muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}@media (max-width:640px){.smp-lightbox-head{flex-wrap:wrap}.smp-lightbox-foot>:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.smp-lightbox-esc{display:none}}