:root{view-transition-name:none}::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.33,1,.68,1)}::view-transition-old(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.33,1,.68,1)}::view-transition-new(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.33,1,.68,1)}::view-transition-old(*){object-fit:none;object-position:top;block-size:100%}::view-transition-new(*){object-fit:none;object-position:top;block-size:100%}::view-transition-new(sf-results){animation-name:sf-results-in}::view-transition-old(sf-results){animation-name:sf-results-out}@keyframes sf-results-in{0%{translate:0 100vh}}@keyframes sf-results-out{to{translate:0 100vh}}@media (prefers-reduced-motion:no-preference){::view-transition-group(.sf-option){animation-duration:.55s;animation-timing-function:cubic-bezier(.3,.3,.15,1)}::view-transition-old(.sf-option){object-position:left top}::view-transition-new(.sf-option){object-position:left top}::view-transition-old(.sf-option){animation-duration:.22s;animation-timing-function:linear}::view-transition-new(.sf-option){animation-duration:.4s;animation-timing-function:cubic-bezier(.5,1,.89,1)}::view-transition-old(.sf-option):only-child{animation-name:sf-option-fade-out,sf-option-follow-out;animation-duration:.22s,.55s;animation-timing-function:linear,cubic-bezier(.3,.3,.15,1);animation-fill-mode:both}::view-transition-new(.sf-option):only-child{animation-name:sf-option-fade-in,sf-option-follow-in;animation-duration:.4s,.55s;animation-timing-function:cubic-bezier(.5,1,.89,1),cubic-bezier(.3,.3,.15,1);animation-fill-mode:both}}@keyframes sf-option-fade-out{to{opacity:0}}@keyframes sf-option-fade-in{0%{opacity:0}}@keyframes sf-option-follow-out{to{translate:var(--sf-option-shift-x,0px) var(--sf-option-shift-y,0px)}}@keyframes sf-option-follow-in{0%{translate:calc(var(--sf-option-shift-x,0px) * -1) calc(var(--sf-option-shift-y,0px) * -1)}}@media (prefers-reduced-motion:no-preference){.sf-water-from-banner{animation:.5s cubic-bezier(.33,1,.68,1) sf-water-from-banner}}@keyframes sf-water-from-banner{0%{clip-path:inset(var(--sf-banner-water-inset,0px))}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}::view-transition-old(*){display:none}}