.protocol-trace__swap{animation:protocol-trace-swap .22s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.protocol-trace__swap{animation-name:protocol-trace-fade}}@keyframes protocol-trace-swap{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}@keyframes protocol-trace-fade{0%{opacity:0}}.protocol-trace__highlight{transition:opacity .15s var(--ease-out), transform 0s linear .15s}.protocol-trace__highlight[data-lit=true]{transition:opacity .15s var(--ease-out), transform .24s var(--ease-in-out)}@media (prefers-reduced-motion:reduce){.protocol-trace__highlight[data-lit=true]{transition:opacity .15s var(--ease-out)}}
@media (prefers-reduced-motion:no-preference){.key-switcher__key{animation:.22s cubic-bezier(.23,1,.32,1) both key-switcher-key-in}}@keyframes key-switcher-key-in{0%{opacity:0;filter:blur(2px)}}@media (prefers-reduced-motion:reduce){.key-switcher-drawer[data-state=open]{animation:.15s linear key-switcher-fade-in!important}.key-switcher-drawer[data-state=closed]{animation:.15s linear forwards key-switcher-fade-out!important}}@keyframes key-switcher-fade-in{0%{opacity:0;transform:none}to{opacity:1;transform:none}}@keyframes key-switcher-fade-out{0%{opacity:1;transform:none}to{opacity:0;transform:none}}
.secret-scrub__token{display:inline-block}@media (prefers-reduced-motion:no-preference){.secret-scrub__token{animation:.22s cubic-bezier(.23,1,.32,1) both secret-scrub-swap}}@keyframes secret-scrub-swap{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}
.spring-interrupt{--si-ease-out:cubic-bezier(.23, 1, .32, 1);--si-duration:.5s}.spring-interrupt__sheet[data-phase=closing]{transform:translateY(100%)}@media (prefers-reduced-motion:no-preference){.spring-interrupt__sheet[data-phase=closing]{animation:sheet-timeline-close var(--si-duration) var(--si-ease-out) both}.spring-interrupt__sheet[data-phase=opening]{animation:sheet-timeline-open var(--si-duration) var(--si-ease-out) both}}@keyframes sheet-timeline-close{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes sheet-timeline-open{0%{transform:translateY(100%)}to{transform:translateY(0)}}
.usage-demo{--usage-ink:#1d1d1f;--usage-muted:#63635d;--usage-heat:#ff4d00;--usage-heat-text:#c93c00;--usage-ease-out:cubic-bezier(.23, 1, .32, 1)}.usage-demo__rings{pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 35%,#0000 92%);mask-image:linear-gradient(#000 35%,#0000 92%)}.usage-demo__ring{background-color:#ff4d0017;border:1px solid #ff4d0061;border-radius:9999px;animation:3.2s cubic-bezier(.4,0,.2,1) infinite usage-ring-breathe;position:absolute;top:50%;left:50%;translate:-50% -50%}.usage-demo[data-autoplay=false] .usage-demo__ring{animation-play-state:paused}@keyframes usage-ring-breathe{0%,to{scale:1}50%{scale:.78}}.usage-demo__tabs{--usage-tabs-radius:12px;--usage-tabs-inset:4px;--usage-tab-radius:calc(var(--usage-tabs-radius) - var(--usage-tabs-inset));padding:var(--usage-tabs-inset);border-radius:var(--usage-tabs-radius);-webkit-backdrop-filter:blur(14px)saturate(170%);backdrop-filter:blur(14px)saturate(170%)}.usage-demo__pill{inset-block:var(--usage-tabs-inset);left:var(--usage-tabs-inset);width:calc((100% - 2 * var(--usage-tabs-inset)) / var(--usage-tab-count));border-radius:var(--usage-tab-radius);translate:calc(var(--usage-tab-index) * 100%) 0;transition:translate .28s var(--usage-ease-out);background-color:#fff;position:absolute;box-shadow:0 1px 2px #0000001a,0 0 0 .5px #0000000f}@media (prefers-reduced-transparency:reduce){.usage-demo__tabs{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.usage-demo__ring{animation:none}.usage-demo__pill{transition:none}}
.pull-quote>p{margin:0;position:relative}.pull-quote>p:first-child:before{content:"“"}.pull-quote>p:last-child:after{content:"”"}@media (min-width:768px){.pull-quote>p:first-child:before{position:absolute;right:100%}}