.syn-overlay[data-state=open]{animation:syn-fade-in var(--syn-motion-standard) var(--syn-ease)}.syn-overlay[data-state=closed]{animation:syn-fade-out var(--syn-motion-fast) ease-in}.syn-modal[data-state=open]{animation:syn-modal-in var(--syn-motion-enter) var(--syn-ease)}.syn-modal[data-state=closed]{animation:syn-modal-out var(--syn-motion-fast) ease-in}.syn-menu[data-state=open],.syn-popover[data-state=open],.syn-tooltip[data-state=delayed-open],.syn-tooltip[data-state=instant-open]{animation:syn-float-in var(--syn-motion-standard) var(--syn-ease)}.syn-menu[data-state=closed],.syn-popover[data-state=closed]{animation:syn-fade-out var(--syn-motion-fast) ease-in}@keyframes syn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes syn-fade-out{0%{opacity:1}to{opacity:0}}.syn-modal-palette[data-state=open]{animation-name:syn-palette-in}.syn-modal-palette[data-state=closed]{animation-name:syn-palette-out}@keyframes syn-palette-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes syn-palette-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,4px)}}@keyframes syn-modal-in{0%{opacity:0;transform:translate(-50%,calc(6px - 50%))scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes syn-modal-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(4px - 50%))}}@keyframes syn-float-in{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}@media (forced-colors:active){.syn-ui .syn-button,.syn-ui .syn-input,:is(.syn-ui,.g-app) .syn-icon-button,.syn-ui .syn-select,.syn-ui .syn-checkbox,.syn-ui .syn-switch:before,.syn-menu,.syn-modal,.syn-popover{border:1px solid buttontext}.syn-ui .syn-tab[data-state=active]{border-bottom-color:highlight}.syn-ui .syn-tabs-segmented>.syn-tab-list>.syn-tab[data-state=active],.syn-menu-item[data-highlighted]{outline:2px solid highlight}}