.tool-change{display:none}.tool-new{animation:tool-new 1.4s var(--ease-snap) both}@keyframes tool-new{0%{border-color:var(--color-brand);box-shadow:0 0 0 4px #01b4c82e}}.tool-item{view-transition-class:tool-item}@media (prefers-reduced-motion:no-preference){.tool-change{z-index:-1;border-radius:inherit;pointer-events:none;background:var(--color-brand-tint);box-shadow:inset 0 0 0 1.5px var(--color-brand);animation:tool-change .7s var(--ease-snap) both;display:block;position:absolute;inset:0}@keyframes tool-change{0%{opacity:1}to{opacity:0}}.tool-tick{animation:tool-tick var(--dur-enter) var(--ease-snap) both;display:inline-block}@keyframes tool-tick{0%{opacity:0;transform:translateY(.4em)}}.tool-enter{animation:tool-enter var(--dur-enter) var(--ease-snap) both}@keyframes tool-enter{0%{opacity:0;transform:translateY(-4px)}}.tool-pop{animation:tool-pop var(--dur-panel) var(--ease-snap) both}@keyframes tool-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.tool-check path{stroke-dasharray:16;animation:tool-draw var(--dur-panel) var(--ease-snap) both}@keyframes tool-draw{0%{stroke-dashoffset:16px}to{stroke-dashoffset:0}}.tool-drop{animation:tool-drop .46s var(--ease-snap) both}@keyframes tool-drop{0%{opacity:0;transform:translateY(-5px)}55%{opacity:1;transform:translateY(2px)}to{transform:translateY(0)}}.tool-press{transition:transform var(--dur-press) var(--ease-snap), background-color var(--dur-hover) var(--ease-snap), border-color var(--dur-hover) var(--ease-snap), color var(--dur-hover) var(--ease-snap)}.tool-press:active{transform:scale(.96)}.tool-details{interpolate-size:allow-keywords}.tool-details::details-content{block-size:0;transition:block-size var(--dur-panel) var(--ease-snap), content-visibility var(--dur-panel) allow-discrete;overflow:clip}.tool-details[open]::details-content{block-size:auto}::view-transition-group(*){animation-duration:var(--dur-panel);animation-timing-function:var(--ease-snap)}::view-transition-new(*.tool-item):only-child{animation:tool-item-in var(--dur-panel) var(--ease-snap) both}::view-transition-old(*.tool-item):only-child{animation:tool-item-out var(--dur-enter) var(--ease-snap) both}@keyframes tool-item-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes tool-item-out{to{opacity:0;transform:scale(.97)}}}