@layer components{.protein-icon{width:100%;height:auto;display:block;overflow:visible}}
@layer components{.poster-corners{--poster-corners-inset:var(--space-5)}.poster-corners__corner{z-index:-1;width:clamp(3rem,2rem + 1.7vw,4rem);position:absolute}.poster-corners__corner--top-left{top:var(--poster-corners-inset);left:var(--poster-corners-inset)}.poster-corners__corner--top-right{top:var(--poster-corners-inset);right:var(--poster-corners-inset)}.poster-corners__corner--bottom-left{bottom:var(--poster-corners-inset);left:var(--poster-corners-inset)}.poster-corners__corner--bottom-right{right:var(--poster-corners-inset);bottom:var(--poster-corners-inset)}:is(.poster-corners:has(~* [aria-busy=true]) .poster-corners__corner--bottom-left,.poster-corners:has(~* [aria-busy=true]) .poster-corners__corner--bottom-right){display:none}@media not (min-width:40rem){.poster-corners{display:none}}.poster-corners--entrance .poster-corners__corner{animation:poster-corners-in var(--duration-slow) var(--ease-bounce) calc(var(--duration-burst)/2) both}.poster-corners--entrance .poster-corners__corner--top-right{animation-delay:calc(var(--duration-burst)/2 + var(--stagger)*2)}.poster-corners--entrance .poster-corners__corner--bottom-right{animation-delay:calc(var(--duration-burst)/2 + var(--stagger)*4)}.poster-corners--entrance .poster-corners__corner--bottom-left{animation-delay:calc(var(--duration-burst)/2 + var(--stagger)*6)}@media (prefers-reduced-motion:reduce){.poster-corners--entrance .poster-corners__corner{animation-name:fade-in}}@keyframes poster-corners-in{0%{opacity:0;rotate:-180deg;scale:0}}}
@layer components{.retro-poster{isolation:isolate;background:var(--color-poster);min-height:100dvh;color:var(--color-ink);position:relative;overflow:clip}.retro-poster__backdrop{z-index:-3;position:fixed;inset:0;overflow:clip;container-type:size}.retro-poster__rays{--retro-poster-unit:max(100cqw, 100cqh);width:var(--retro-poster-size);aspect-ratio:1;max-width:none;animation:retro-poster-spin var(--duration-rays) var(--ease-linear) var(--loop);position:absolute;left:50%;translate:-50% -50%}@media not (min-width:56rem){.retro-poster:not(.retro-poster--spin-mobile) .retro-poster__rays{animation:none}}.retro-poster__rays--center{--retro-poster-size:calc(var(--retro-poster-unit) * 1.5);top:calc(50% + var(--retro-poster-unit)*.02)}.retro-poster__rays--low{--retro-poster-size:calc(var(--retro-poster-unit) * 2.6);top:calc(50% + var(--retro-poster-unit)*.65)}.retro-poster--acelga .retro-poster__rays{fill:var(--color-acelga);opacity:.92}.retro-poster--zapallo .retro-poster__rays{fill:var(--color-zapallo);opacity:.5}.retro-poster--quiet .retro-poster__rays{opacity:.14}.retro-poster__paper{z-index:-2;background-image:radial-gradient(circle at 20% 30%, var(--color-papel-sombra) 0 1px, transparent 1.5px),radial-gradient(circle at 70% 60%, var(--color-ink) 0 .8px, transparent 1.3px),radial-gradient(ellipse at center, transparent 55%, var(--color-papel-sombra) 140%);opacity:.35;background-size:23px 29px,37px 31px,100% 100%;position:absolute;inset:0}.retro-poster__frame{inset:var(--space-3);z-index:-1;border:var(--border-heavy) solid var(--color-ink);border-radius:var(--radius-lg);outline:var(--border-thick) dashed var(--color-coliflor);outline-offset:calc(var(--space-2)*-1 - var(--border-heavy));position:absolute}.retro-poster--entrance .retro-poster__backdrop{animation:fade-in var(--duration-burst) var(--ease-out) both}.retro-poster__content{--retro-poster-top:var(--space-7);min-height:100dvh;padding:var(--retro-poster-top) var(--space-5);position:relative}@media not (min-width:40rem){.retro-poster__content{--retro-poster-top:var(--space-6);padding-inline:var(--space-4)}}@media not (min-width:56rem){.retro-poster__frame{display:none}}@keyframes retro-poster-spin{to{transform:rotate(360deg)}}}
