@use '@syncfusion/react-base/styles/themes/variables' as *;

$ddl-border-radius: $radius-4 !default;
$ddl-popup-shadow: $shadow-md !default;
$ddl-popup-margin: $spacing-2 !default;
$ddl-bg-color: $flyout-bg-color !default;
$ddl-border: 1px solid rgb($flyout-border) !default;
$ddl-resize-icon-padding: $spacing-24 !default;
$ddl-small-popup-padding: $spacing-4 $spacing-0;
$ddl-medium-popup-padding: $spacing-4 $spacing-0;
$ddl-large-popup-padding: $spacing-4 $spacing-0;