@layer components{.cam-glyph{color:var(--color-ink-soft);overflow:visible}.cam-glyph *{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-push-in .cam-frame{animation:cam-push 1.8s var(--ease-out-expo) 3 alternate}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-pull-out .cam-frame{animation:cam-pull 1.8s var(--ease-out-expo) 3 alternate}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-orbit .cam-orbiter{transform-box:view-box;transform-origin:20px 20px;animation:2.4s linear 3 cam-orbit}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-crane-up .cam-frame{animation:1.8s ease-in-out 3 alternate cam-crane}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-dolly-zoom .cam-lines{animation:1.6s ease-in-out 3 alternate cam-push}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-dolly-zoom .cam-frame{animation:1.6s ease-in-out 3 alternate cam-pull}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-tracking .cam-ticks{animation:1.2s linear 4 cam-track}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-handheld .cam-frame{animation:.9s steps(6,end) 4 cam-shake}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-drone .cam-frame{animation:2.2s ease-in-out 3 alternate cam-fly}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-whip-pan .cam-frame{animation:1.2s cubic-bezier(.7,0,.3,1) 3 cam-whip}:is(.studio-cam:hover,.studio-cam:focus-visible,.studio-cam[aria-checked=true],.ns-tile:hover,.ns-tile:focus-visible,[data-awake="1"] .ns-tile) .cam-whip-pan .cam-streaks{animation:1.2s cubic-bezier(.7,0,.3,1) 3 cam-streak}}html[data-gpu=software] .cam-glyph *{animation:none!important}@keyframes cam-push{0%{transform:scale(1)}to{transform:scale(.62)}}@keyframes cam-pull{0%{transform:scale(.62)}to{transform:scale(1.12)}}@keyframes cam-orbit{to{transform:rotate(360deg)}}@keyframes cam-crane{0%{transform:translateY(5px)}to{transform:translateY(-6px)}}@keyframes cam-track{to{transform:translate(-8px)}}@keyframes cam-shake{0%{transform:translate(0)rotate(0)}20%{transform:translate(1px,-1px)rotate(1deg)}40%{transform:translate(-1px,.5px)rotate(-1deg)}60%{transform:translate(.5px,1px)rotate(.5deg)}80%{transform:translate(-.5px,-1px)rotate(-.5deg)}to{transform:translate(0)rotate(0)}}@keyframes cam-fly{0%{transform:translate(0)}to{transform:translate(20px,3px)}}@keyframes cam-whip{0%,30%{transform:translate(0)}55%{transform:translate(-9px)}to{transform:translate(0)}}@keyframes cam-streak{0%,30%{opacity:0}50%{opacity:1}80%,to{opacity:0}}}