/* Copyright 2026 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* #css_wrapper_metadata_start
 * #type=vars-lit
 * #scheme=relative
 * #css_wrapper_metadata_end */

html {
  /* Matches native Views' gfx::Tween::EASE_OUT, which is defined as
   * '1.0 - pow(1.0 - state, 2)' in ui/gfx/animation/tween.cc. This quadratic
   * ease-out is exactly represented by a cubic-bezier curve with control
   * points (1/3, 2/3) and (2/3, 1).
   * Contrast this with standard CSS 'ease-out' (cubic-bezier(0, 0, 0.58, 1)),
   * which starts with 0 velocity (slow acceleration phase). This custom curve
   * starts at maximum velocity, providing a snappier, more responsive feel. */
  --ease-out-cubic-bezier: cubic-bezier(0.33, 0.67, 0.67, 1);
}