//
// Copyright 2026 Google LLC
// SPDX-License-Identifier: Apache-2.0
//
// AUTOGENERATED. DO NOT MODIFY.
// To modify this file, update the source template,
// or run the compiler: go/carbon-service-code-gen-mwtc.
// Source template: formats/sassvars/contextualtokenset.scss.tmpl

// Design system: Google Material 3
// Version: 34.0.21
// Configured context tags:
//   audience: 3p
//   font: static
//   platform: web
// Output format: sass_vars

@use 'md-sys-color';
@use 'md-sys-elevation';
@use 'md-sys-shape';
@use 'md-sys-state';

/// md.comp.drag-handle.container.width (Enabled / Container)
///
/// The drag handle container is wider than than the handle, and stretches to fill vertical space.
$container-width: 24px;
/// md.comp.drag-handle.height (Enabled / Drag Handle)
$height: 48px;
/// md.comp.drag-handle.pressed.height (Pressed / Drag handle)
$pressed-height: 52px;
/// md.comp.drag-handle.pressed.width (Pressed / Drag handle)
$pressed-width: 12px;
/// md.comp.drag-handle.width (Enabled / Drag Handle)
$width: 4px;
/// md.comp.drag-handle.color (Enabled / Drag Handle)
$color: md-sys-color.$outline;
/// md.comp.drag-handle.elevation (Enabled / Drag Handle)
$elevation: md-sys-elevation.$level0;
/// md.comp.drag-handle.focus.state-layer.color (Focused / State layer)
$focus-state-layer-color: md-sys-color.$inverse-on-surface;
/// md.comp.drag-handle.focus.state-layer.opacity (Focused / State layer)
$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.drag-handle.hover.state-layer.color (Hovered / State layer)
$hover-state-layer-color: md-sys-color.$inverse-on-surface;
/// md.comp.drag-handle.hover.state-layer.opacity (Hovered / State layer)
$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.drag-handle.pressed.color (Pressed / Drag handle)
$pressed-color: md-sys-color.$on-surface;
/// md.comp.drag-handle.pressed.elevation (Pressed / Drag handle)
$pressed-elevation: md-sys-elevation.$level0;
/// md.comp.drag-handle.pressed.shape (Pressed / Drag handle)
$pressed-shape: md-sys-shape.$corner-medium;
/// md.comp.drag-handle.shape (Enabled / Drag Handle)
$shape: md-sys-shape.$corner-full;