//base
$font-size ?= 14px
$color ?= #52B8DF
$background-color ?= #003173
$box-shadow ?= 0 0 10px rgba(0, 0, 0, .8)
$loading-color ?= #4080d5
$loading-shadow-color ?= #000

/* Transition
-------------------------- */
$--all-transition ?= all .3s cubic-bezier(.645,.045,.355,1)
$--fade-transition ?= opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
$--fade-linear-transition ?= opacity 200ms linear
$--md-fade-transition ?= transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1)
$--border-transition-base ?= border-color .2s cubic-bezier(.645,.045,.355,1)
$--color-transition-base ?= color .2s cubic-bezier(.645,.045,.355,1)

/*
toggle-button
*/
$toggle-button-height ?= 30px
$toggle-button-line-height ?= 30px


/*
popover
*/
$popover-font-size ?= 14px
$popover-background-color ?= #003173
$popover-color ?= #52B8DF


/*
scroll
*/
$scrollbar-size?= 5px
$scrollbar-thumb-border-radius ?= 5px
$scrollbar-track-background ?= 0 0
$scrollbar-thumb-background-color ?= #52B8DF

/*
float-ball
*/
$--float-ball-size ?= 50px
$--float-ball-background ?= rgba(0,0,0,0.8)
$--float-ball-box-shadow ?= 0 0 5px rgba(0,0,0,.5)

$--float-ball__item-size ?= 55px

/*
select
*/
$--select--hover--color ?=  rgba(0, 22, 56, .8)
$--select--current--color ?=  rgba(0, 22, 56, .8)
$--select--label--icon-size ?= 20px

$--select-min-width ?= 200px
$--select-max-width ?= 300px
$--select-width ?= 290px
$--select-max-height ?= 300px


$-select-dropdown__g-option__fontSize ?= 14px