.shot{container-type:inline-size}.shot-in{--w:360;--u:calc(100cqw / var(--w));--spacing:calc(var(--u) * 4);--text-xs:calc(var(--u) * 12);--text-xs--line-height:calc(var(--u) * 16);--text-sm:calc(var(--u) * 14);--text-sm--line-height:calc(var(--u) * 20);--text-base:calc(var(--u) * 16);--text-base--line-height:calc(var(--u) * 22);--text-lg:calc(var(--u) * 18);--text-lg--line-height:calc(var(--u) * 24);--text-xl:calc(var(--u) * 20);--text-xl--line-height:calc(var(--u) * 26);--text-2xl:calc(var(--u) * 24);--text-2xl--line-height:calc(var(--u) * 30);--text-3xl:calc(var(--u) * 30);--text-3xl--line-height:calc(var(--u) * 36);--radius-sm:calc(var(--u) * 8);--radius-md:calc(var(--u) * 10);--radius-lg:calc(var(--u) * 14);--radius-xl:calc(var(--u) * 18);--radius-2xl:calc(var(--u) * 22);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}@container (min-width:28rem){.shot-in{--w:560}}.shot-rise{animation:.9s cubic-bezier(.2,.8,.2,1) .4s both shot-rise}@keyframes shot-rise{0%{opacity:0;transform:translateY(calc(var(--u) * 10))}}@media (prefers-reduced-motion:reduce){.shot-rise{animation:none}}