.portal-example-folder-card{--example-brand: var(--portal-brand, hsl(var(--foreground)));--example-on-brand: var(--portal-on-brand, hsl(var(--background)));--example-accent: var(--portal-accent, hsl(var(--primary)));--example-background: var(--portal-background, hsl(var(--background)));display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--example-brand) 18%,hsl(var(--card)));background:hsl(var(--card));color:hsl(var(--foreground));text-decoration:none;box-shadow:0 4px 16px -10px color-mix(in srgb,var(--example-brand) 28%,transparent);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.portal-example-folder-card:hover{border-color:var(--example-brand);box-shadow:0 14px 30px -16px color-mix(in srgb,var(--example-brand) 45%,transparent);transform:translateY(-3px)}.portal-example-folder-card:focus-visible{outline:3px solid var(--example-brand);outline-offset:4px}.portal-example-folder-art{position:relative;isolation:isolate;min-height:130px;overflow:hidden;padding:18px 22px;border-top:3px solid var(--example-accent);background:var(--example-brand);color:var(--example-on-brand)}.portal-example-folder-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.08;background-image:linear-gradient(var(--example-on-brand) 1px,transparent 1px),linear-gradient(90deg,var(--example-on-brand) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}.portal-example-folder-art-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.portal-example-folder-art-top>:last-child{font-variant-numeric:tabular-nums;opacity:.7}.portal-example-folder-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:17px;border:1px solid color-mix(in srgb,var(--example-on-brand) 30%,transparent);background:color-mix(in srgb,var(--example-on-brand) 8%,transparent)}.portal-example-folder-watermark{position:absolute;right:18px;bottom:-26px;transform:rotate(-12deg);opacity:.13}.portal-example-folder-card .portal-example-folder-art svg,.portal-example-folder-card .portal-example-folder-art svg *{color:var(--example-on-brand)!important;stroke:currentColor!important}.portal-example-folder-content{display:flex;flex:1;flex-direction:column;min-width:0;padding:24px 22px 26px}.portal-example-folder-label{display:flex;align-items:center;gap:7px;margin-bottom:13px;color:hsl(var(--muted-foreground));font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.portal-example-folder-card .portal-example-folder-title{margin:0;color:hsl(var(--foreground));font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}.portal-example-folder-card .portal-example-folder-description{margin:12px 0 0;color:hsl(var(--muted-foreground));font-size:13px;line-height:1.65}.portal-example-folder-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid color-mix(in srgb,var(--example-brand) 12%,hsl(var(--card)));background:color-mix(in srgb,var(--example-background) 50%,hsl(var(--card)));color:hsl(var(--foreground));font-size:12px;font-weight:700}.portal-example-folder-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;background:var(--example-brand);color:var(--example-on-brand)}.portal-example-folder-card .portal-example-folder-arrow svg,.portal-example-folder-card .portal-example-folder-arrow svg *{color:var(--example-on-brand)!important;stroke:currentColor!important}@media(prefers-reduced-motion:reduce){.portal-example-folder-card{transition:none}.portal-example-folder-card:hover{transform:none}}