@use 'ej2-base/styles/definition/material3' as *;
@forward 'ej2-base/styles/definition/material3';
$rating-li-font-size: 20px !default;
$rating-li-padding: 4px !default;
$rating-li-line-height: 13px !default;
$rating-li-min-width-height: 28px !default;
$rating-focus-border-radius: $radius-0 !default;
$rating-label-bottom-margin: 8px !default;
$rating-label-right-margin: 8px !default;
$rating-label-top-margin: 4px !default;
$rating-label-left-margin: 8px !default;
$rating-label-font-size: 12px !default;
$rating-label-line-height: 18px !default;
$rating-reset-font-size : 16px !default;
$rating-tooltip-tip-bottom-height: -8px !default;
$rating-border-width: 1px !default;

$rating-small-li-font-size: 16px !default;
$rating-small-li-line-height: 9px !default;
$rating-small-li-min-width-height: 24px !default;
$rating-small-label-font-size: 10px !default;
$rating-small-label-line-height: 16px !default;
$rating-small-reset-font-size : 12px !default;

$rating-bigger-li-font-size: 28px !default;
$rating-bigger-li-line-height: 21px !default;
$rating-bigger-li-min-width-height: 36px !default;
$rating-bigger-label-font-size: 14px !default;
$rating-bigger-label-line-height: 22px !default;
$rating-bigger-reset-font-size : 24px !default;

$rating-bigger-small-li-font-size: 24px !default;
$rating-bigger-small-li-line-height: 17px !default;
$rating-bigger-small-li-min-width-height: 32px !default;
$rating-bigger-small-label-font-size: 12px !default;
$rating-bigger-small-label-line-height: 18px !default;
$rating-bigger-small-reset-font-size : 20px !default;

$rating-selected-bg-color: rgba($rating-selected-color) !default;
$rating-unrated-bg-color: $rating-unrated-color !default;
$rating-unrated-icon-bg-color: $rating-unrated-bg-color !default;
$rating-hover-bg-color: $rating-selected-hover-color !default;
$rating-pressed-bg-color: $rating-pressed-color !default;
$rating-selected-disabled-bg-color: $rating-selected-disabled-color !default;
$rating-unrated-disabled-bg-color: $rating-unrated-disabled-color !default;
$rating-li-focus: rgba($rating-selected-color) !default;
$rating-reset-icon-color: rgba($icon-color) !default;
$rating-reset-hover-icon-color: rgba($icon-color-hover) !default;
$rating-reset-disabled-icon-color: $icon-color-disabled !default;

$rating-item-list-padding: 0 !default;
$rating-item-list-margin: 4px !default;
$rating-reset-padding: 2px !default;
$rating-reset-margin: auto 2px 6px !default;
$rating-label-left-width: 50px !default;
$rating-label-bottom-width: 0 !default;
$rating-arrow-tip-bottom-top: -6px !default;
$rating-auto-width: auto;
$rating-half-width: 50% !default;
$rating-full-width: 100% !default;