@clayui/css 3.61.0 → 3.63.0

package/src/scss/functions/_global-functions.scss

@@ -95,20 +95,11 @@
 /// @param {Any} $num - The variable
 
 @function math-sign($num) {
-	@if not(type-of($num) == 'number') and not
-		(type-of($num) == 'string') and not
-		($num == null)
-	{
-		@warn 'The value `#{$num}` is of type `#{type-of($num)}`. It must be a `number`, `string`, or `null`. This function has returned a value of `null`.';
-	}
-
 	@if (type-of($num) == 'number') {
 		@return -($num);
 	} @else if (type-of($num) == 'string') {
 		@if (starts-with($num, 'var(--')) {
 			@return calc(#{$num} * -1);
-		} @else {
-			@return $num;
 		}
 	}
 
@@ -212,13 +203,14 @@
 /// @param {Bool} $custom-gradient[false] - Pass in `true` as the second parameter to this function if using a custom gradient.
 
 @function clay-enable-gradients($gradient, $custom-gradient: false) {
-	$enable: setter(
+	$enable: if(
+		variable-exists(enable-gradients),
+		$enable-gradients,
 		if(
-			variable-exists(enable-gradients),
-			$enable-gradients,
-			$cadmin-enable-gradients
-		),
-		false
+			variable-exists(cadmin-enable-gradients),
+			$cadmin-enable-gradients,
+			false
+		)
 	);
 
 	@if ($enable and $gradient) {
@@ -240,13 +232,10 @@
 /// @param {Number} $radius - The border radius.
 
 @function clay-enable-rounded($radius, $enable: null) {
-	$enable: setter(
-		if(
-			variable-exists(enable-rounded),
-			$enable-rounded,
-			$cadmin-enable-rounded
-		),
-		true
+	$enable: if(
+		variable-exists(enable-rounded),
+		$enable-rounded,
+		if(variable-exists(cadmin-enable-rounded), $cadmin-enable-rounded, true)
 	);
 
 	@if ($enable) {
@@ -265,13 +254,10 @@
 	$length: length($shadows);
 	$separator: list-separator($shadows);
 
-	$enable: setter(
-		if(
-			variable-exists(enable-shadows),
-			$enable-shadows,
-			$cadmin-enable-shadows
-		),
-		true
+	$enable: if(
+		variable-exists(enable-shadows),
+		$enable-shadows,
+		if(variable-exists(cadmin-enable-shadows), $cadmin-enable-shadows, true)
 	);
 
 	@if ($length == 2 and $separator == 'comma') {
@@ -293,13 +279,14 @@
 /// @param {List} $transitions - The transitions.
 
 @function clay-enable-transitions($transitions) {
-	$enable: setter(
+	$enable: if(
+		variable-exists(enable-transitions),
+		$enable-transitions,
 		if(
-			variable-exists(enable-transitions),
-			$enable-transitions,
-			$cadmin-enable-transitions
-		),
-		true
+			variable-exists(cadmin-enable-transitions),
+			$cadmin-enable-transitions,
+			true
+		)
 	);
 
 	@if ($enable) {
@@ -397,7 +384,17 @@
 		if(
 			variable-exists(grid-breakpoints),
 			$grid-breakpoints,
-			$cadmin-grid-breakpoints
+			if(
+				variable-exists(cadmin-grid-breakpoints),
+				$cadmin-grid-breakpoints,
+				(
+					xs: 0,
+					sm: 576px,
+					md: 768px,
+					lg: 992px,
+					xl: 1280px,
+				)
+			)
 		)
 	);
 
@@ -427,7 +424,17 @@
 		if(
 			variable-exists(grid-breakpoints),
 			$grid-breakpoints,
-			$cadmin-grid-breakpoints
+			if(
+				variable-exists(cadmin-grid-breakpoints),
+				$cadmin-grid-breakpoints,
+				(
+					xs: 0,
+					sm: 576px,
+					md: 768px,
+					lg: 992px,
+					xl: 1280px,
+				)
+			)
 		)
 	);
 
@@ -453,7 +460,17 @@
 		if(
 			variable-exists(grid-breakpoints),
 			$grid-breakpoints,
-			$cadmin-grid-breakpoints
+			if(
+				variable-exists(cadmin-grid-breakpoints),
+				$cadmin-grid-breakpoints,
+				(
+					xs: 0,
+					sm: 576px,
+					md: 768px,
+					lg: 992px,
+					xl: 1280px,
+				)
+			)
 		)
 	);
 
@@ -476,7 +493,17 @@
 		if(
 			variable-exists(grid-breakpoints),
 			$grid-breakpoints,
-			$cadmin-grid-breakpoints
+			if(
+				variable-exists(cadmin-grid-breakpoints),
+				$cadmin-grid-breakpoints,
+				(
+					xs: 0,
+					sm: 576px,
+					md: 768px,
+					lg: 992px,
+					xl: 1280px,
+				)
+			)
 		)
 	);
 	$next: breakpoint-next($name, $breakpoints);
@@ -497,7 +524,17 @@
 		if(
 			variable-exists(grid-breakpoints),
 			$grid-breakpoints,
-			$cadmin-grid-breakpoints
+			if(
+				variable-exists(cadmin-grid-breakpoints),
+				$cadmin-grid-breakpoints,
+				(
+					xs: 0,
+					sm: 576px,
+					md: 768px,
+					lg: 992px,
+					xl: 1280px,
+				)
+			)
 		)
 	);
 
@@ -532,7 +569,11 @@
 		if(
 			variable-exists(yiq-text-dark),
 			$yiq-text-dark,
-			$cadmin-yiq-text-dark
+			if(
+				variable-exists(cadmin-yiq-text-dark),
+				$cadmin-yiq-text-dark,
+				#000
+			)
 		)
 	);
 
@@ -541,7 +582,11 @@
 		if(
 			variable-exists(yiq-text-light),
 			$yiq-text-light,
-			$cadmin-yiq-text-light
+			if(
+				variable-exists(cadmin-yiq-text-light),
+				$cadmin-yiq-text-light,
+				#fff
+			)
 		)
 	);
 
@@ -550,7 +595,11 @@
 		if(
 			variable-exists(yiq-contrasted-threshold),
 			$yiq-contrasted-threshold,
-			$cadmin-yiq-contrasted-threshold
+			if(
+				variable-exists(cadmin-yiq-contrasted-threshold),
+				$cadmin-yiq-contrasted-threshold,
+				150
+			)
 		)
 	);
 
@@ -578,7 +627,7 @@
 		$colors: if(
 			variable-exists(theme-colors),
 			$theme-colors,
-			$cadmin-theme-colors
+			if(variable-exists(cadmin-theme-colors), $cadmin-theme-colors, ())
 		);
 	}
 
@@ -603,21 +652,33 @@
 	$level: 0,
 	$color-interval: null
 ) {
-	$black: setter(if(variable-exists('black'), $black, $cadmin-black), #000);
+	$black: if(
+		variable-exists('black'),
+		$black,
+		if(variable-exists(cadmin-black), $cadmin-black, #000)
+	);
 
-	$white: setter(if(variable-exists('white'), $white, $cadmin-white), #fff);
+	$white: if(
+		variable-exists('white'),
+		$white,
+		if(variable-exists(cadmin-white), $cadmin-white, #fff)
+	);
 
 	$color: theme-color($color-name);
 	$color-base: if($level > 0, $black, $white);
 	$level: abs($level);
 
 	$color-interval: setter(
+		$color-interval,
 		if(
 			variable-exists(theme-color-interval),
 			$theme-color-interval,
-			$cadmin-theme-color-interval
-		),
-		$color-interval
+			if(
+				variable-exists(cadmin-theme-color-interval),
+				$cadmin-theme-color-interval,
+				8%
+			)
+		)
 	);
 
 	@return clay-mix($color-base, $color, $level * $color-interval);
@@ -836,7 +897,11 @@
 		$escaped: if(
 			variable-exists(escaped-characters),
 			$escaped-characters,
-			$cadmin-escaped-characters
+			if(
+				variable-exists(cadmin-escaped-characters),
+				$cadmin-escaped-characters,
+				(('<', '%3c'), ('>', '%3e'), ('#', '%23'))
+			)
 		);
 	}
 

package/src/scss/functions/_lx-icons-generated.scss

@@ -568,6 +568,8 @@
 
 	'myspace': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline myspace-user" d="M488.728 231.264c-12.846 0-23.272 10.426-23.272 23.273 0 115.486-93.969 209.454-209.454 209.454S46.548 370.022 46.548 254.537c0-12.846-10.426-23.273-23.273-23.273S.002 241.69.002 254.537c0 141.152 114.847 256 256 256s256-114.848 256-256c0-12.846-10.426-23.273-23.272-23.273z" fill="#{$color}"/><path class="lexicon-icon-outline myspace-border" d="M115.513 298.183c6.49 0 12.953-2.712 17.581-8.006 30.986-35.588 75.776-56.014 122.933-56.014s91.947 20.427 122.933 56.014c8.431 9.682 23.139 10.719 32.848 2.261 9.682-8.431 10.692-23.139 2.261-32.848-21.916-25.188-49.338-44.205-79.579-56.44 23.139-21.278 37.901-51.519 37.901-85.377 0-64.153-52.211-116.364-116.363-116.364S139.665 53.62 139.665 117.773c0 33.858 14.762 64.1 37.901 85.377-30.242 12.235-57.663 31.251-79.579 56.44-8.431 9.682-7.421 24.39 2.287 32.848a22.987 22.987 0 0 0 15.24 5.745zm70.669-180.357c0-38.513 31.305-69.818 69.818-69.818s69.818 31.305 69.818 69.818-31.305 69.818-69.818 69.818-69.818-31.332-69.818-69.818z" fill="#{$color}"/></svg>',
 
+	'no-bot': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-no-bot-1" fill-rule="evenodd" clip-rule="evenodd" d="M471.463 54.627c12.497-12.496 12.497-32.758 0-45.254-12.496-12.497-32.758-12.497-45.254 0L371.581 64h-82.745V32c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32v32h-96c-35.346 0-64 28.654-64 64v64c-35.346 0-64 28.654-64 64 0 35.346 28.654 64 64 64v50.745l-54.627 54.628c-12.497 12.496-12.497 32.758 0 45.254 11.457 11.458 29.443 12.411 41.986 2.858l257.731-257.732c-12.727-8.632-21.09-23.216-21.09-39.753 0-26.51 21.49-48 48-48 16.537 0 31.121 8.363 39.753 21.09l94.874-94.463ZM224.835 176c0 26.51-21.49 48-48 48-26.509 0-48-21.49-48-48s21.491-48 48-48c26.51 0 48 21.49 48 48Z" fill="#{$color}"/><path class="lexicon-icon-outline lx-no-bot-2" d="M448.836 167.353 296.189 320h24.647c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32l-87.85-.797L168.189 448h216.647c35.346 0 64-28.654 64-64v-64c35.346 0 64-28.654 64-64 0-35.346-28.654-64-64-64v-24.647Z" fill="#{$color}"/></svg>',
+
 	'nodes': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="m387.9 365.3-31.2-31.2c36-44 36.9-104.5 3.9-151.7l32.9-32.9C422.9 172.6 512 159.8 512 79.7c0-106.5-160-106.1-160 0 0 18.5 6.5 35.3 17.1 48.9l-30.3 30.3c-50.5-40.4-112.3-41.8-160.9-3.9l-31.2-31.2C155.1 111.2 160 96 160 79.7c0-103-160-108.3-160 0 0 62.9 71.7 102.4 124.1 66.8l31.2 31.2c-28.3 30.3-45.4 108.9 3.9 161.1l-30.3 30.3C80 329.3 0 359.8 0 432c0 106.6 160 106.6 160 0 0-14.1-3.9-27.1-10.3-38.5l32.9-32.9c43.9 31.8 106.6 31.8 151.5-3.9l31.2 31.2c-8.4 12.7-13.3 27.8-13.3 44.1 0 103.3 160 109.5 160 0 0-71.8-81.7-99.8-124.1-66.7zM448 79.7c0 20.4-32 21.4-32 0 0-21.1 32-20.9 32 0zm-384 0c0-21.9 32-21.1 32 0 0 20.5-32 21-32 0zM64 432c0-20.7 32-21.7 32 0 0 20.9-32 20.7-32 0zm128-176.1c0-84.5 128-85 128 0 0 84-128 85.5-128 0zM416.2 433c0-23.1 31.8-20.8 31.8-.9 0 20.9-31.8 19.7-31.8.9z" fill="#{$color}"/></svg>',
 
 	'number': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline number-hundreds" d="M7 334.5h50V187.4H15.8V162c15.9-3.5 35-7.8 51.7-18.3h30.3v190.8h44v33.1H7v-33.1z" fill="#{$color}"/><path class="lexicon-icon-outline number-tens" d="M174.9 344c18.1-21 98.1-82 101.4-133.8-.3-59.2-66.3-39.7-80.6-13.7L173.2 174c91.3-89 188.8 8 118.1 95.2-7.4 10.5-46.2 54.6-57.2 66.4 36.9-2.6 92.2-2.5 92.2-2.5v34.5H174.9V344z" fill="#{$color}"/><path class="lexicon-icon-outline number-ones" d="M369.9 314.1C382 326 416 354 452.8 329.8c29.7-27.3 6.7-68.8-54.4-62.8v-29.6c11 0 58.6.6 58.4-35.9-2.3-43.5-54.8-34-78.1-8.8l-20.7-25c9.6-8.5 43-38.7 96.8-24.3 67.2 23.1 46.2 98.1 3.8 106.6 47.4 9 77.4 88-1.6 117.4-44 11.6-86-2.4-106.5-27.3l19.4-26z" fill="#{$color}"/></svg>',

package/src/scss/mixins/_badges.scss

@@ -149,13 +149,14 @@
 	$c-inner: map-merge(
 		(
 			enabled:
-				setter(
+				if(
+					variable-exists(enable-c-inner),
+					$enable-c-inner,
 					if(
-						variable-exists(enable-c-inner),
-						$enable-c-inner,
-						$cadmin-enable-c-inner
-					),
-					true
+						variable-exists(cadmin-enable-c-inner),
+						$cadmin-enable-c-inner,
+						true
+					)
 				),
 		),
 		$c-inner

package/src/scss/mixins/_border-radius.scss

@@ -3,17 +3,18 @@
 		if(
 			variable-exists(border-radius),
 			$border-radius,
-			$cadmin-border-radius
+			if(
+				variable-exists(cadmin-border-radius),
+				$cadmin-border-radius,
+				0.25rem
+			)
 		),
 	$fallback-border-radius: false
 ) {
-	$enable: setter(
-		if(
-			variable-exists(enable-rounded),
-			$enable-rounded,
-			$cadmin-enable-rounded
-		),
-		true
+	$enable: if(
+		variable-exists(enable-rounded),
+		$enable-rounded,
+		if(variable-exists(cadmin-enable-rounded), $cadmin-enable-rounded, true)
 	);
 
 	@if ($enable) {
@@ -24,13 +25,10 @@
 }
 
 @mixin border-top-radius($radius) {
-	$enable: setter(
-		if(
-			variable-exists(enable-rounded),
-			$enable-rounded,
-			$cadmin-enable-rounded
-		),
-		true
+	$enable: if(
+		variable-exists(enable-rounded),
+		$enable-rounded,
+		if(variable-exists(cadmin-enable-rounded), $cadmin-enable-rounded, true)
 	);
 
 	@if ($enable) {
@@ -40,13 +38,10 @@
 }
 
 @mixin border-right-radius($radius) {
-	$enable: setter(
-		if(
-			variable-exists(enable-rounded),
-			$enable-rounded,
-			$cadmin-enable-rounded
-		),
-		true
+	$enable: if(
+		variable-exists(enable-rounded),
+		$enable-rounded,
+		if(variable-exists(cadmin-enable-rounded), $cadmin-enable-rounded, true)
 	);
 
 	@if ($enable) {
@@ -56,13 +51,10 @@
 }
 
 @mixin border-bottom-radius($radius) {
-	$enable: setter(
-		if(
-			variable-exists(enable-rounded),
-			$enable-rounded,
-			$cadmin-enable-rounded
-		),
-		true
+	$enable: if(
+		variable-exists(enable-rounded),
+		$enable-rounded,
+		if(variable-exists(cadmin-enable-rounded), $cadmin-enable-rounded, true)
 	);
 
 	@if ($enable) {
@@ -72,13 +64,10 @@
 }
 
 @mixin border-left-radius($radius) {
-	$enable: setter(
-		if(
-			variable-exists(enable-rounded),
-			$enable-rounded,
-			$cadmin-enable-rounded
-		),
-		true
+	$enable: if(
+		variable-exists(enable-rounded),
+		$enable-rounded,
+		if(variable-exists(cadmin-enable-rounded), $cadmin-enable-rounded, true)
 	);
 
 	@if ($enable) {
@@ -88,13 +77,10 @@
 }
 
 @mixin border-top-left-radius($radius) {
-	$enable: setter(
-		if(
-			variable-exists(enable-rounded),
-			$enable-rounded,
-			$cadmin-enable-rounded
-		),
-		true
+	$enable: if(
+		variable-exists(enable-rounded),
+		$enable-rounded,
+		if(variable-exists(cadmin-enable-rounded), $cadmin-enable-rounded, true)
 	);
 
 	@if ($enable) {
@@ -118,13 +104,10 @@
 }
 
 @mixin border-bottom-right-radius($radius) {
-	$enable: setter(
-		if(
-			variable-exists(enable-rounded),
-			$enable-rounded,
-			$cadmin-enable-rounded
-		),
-		true
+	$enable: if(
+		variable-exists(enable-rounded),
+		$enable-rounded,
+		if(variable-exists(cadmin-enable-rounded), $cadmin-enable-rounded, true)
 	);
 
 	@if ($enable) {
@@ -133,13 +116,10 @@
 }
 
 @mixin border-bottom-left-radius($radius) {
-	$enable: setter(
-		if(
-			variable-exists(enable-rounded),
-			$enable-rounded,
-			$cadmin-enable-rounded
-		),
-		true
+	$enable: if(
+		variable-exists(enable-rounded),
+		$enable-rounded,
+		if(variable-exists(cadmin-enable-rounded), $cadmin-enable-rounded, true)
 	);
 
 	@if ($enable) {

package/src/scss/mixins/_box-shadow.scss

@@ -6,13 +6,10 @@
 /// @param {Arglist} $shadow
 
 @mixin box-shadow($shadow...) {
-	$enable: setter(
-		if(
-			variable-exists(enable-shadows),
-			$enable-shadows,
-			$cadmin-enable-shadows
-		),
-		true
+	$enable: if(
+		variable-exists(enable-shadows),
+		$enable-shadows,
+		if(variable-exists(cadmin-enable-shadows), $cadmin-enable-shadows, true)
 	);
 
 	@if ($enable) {

package/src/scss/mixins/_breakpoints.scss

@@ -12,7 +12,17 @@
 		if(
 			variable-exists(grid-breakpoints),
 			$grid-breakpoints,
-			$cadmin-grid-breakpoints
+			if(
+				variable-exists(cadmin-grid-breakpoints),
+				$cadmin-grid-breakpoints,
+				(
+					xs: 0,
+					sm: 576px,
+					md: 768px,
+					lg: 992px,
+					xl: 1280px,
+				)
+			)
 		)
 	);
 
@@ -37,7 +47,17 @@
 		if(
 			variable-exists(grid-breakpoints),
 			$grid-breakpoints,
-			$cadmin-grid-breakpoints
+			if(
+				variable-exists(cadmin-grid-breakpoints),
+				$cadmin-grid-breakpoints,
+				(
+					xs: 0,
+					sm: 576px,
+					md: 768px,
+					lg: 992px,
+					xl: 1280px,
+				)
+			)
 		)
 	);
 
@@ -63,7 +83,17 @@
 		if(
 			variable-exists(grid-breakpoints),
 			$grid-breakpoints,
-			$cadmin-grid-breakpoints
+			if(
+				variable-exists(cadmin-grid-breakpoints),
+				$cadmin-grid-breakpoints,
+				(
+					xs: 0,
+					sm: 576px,
+					md: 768px,
+					lg: 992px,
+					xl: 1280px,
+				)
+			)
 		)
 	);
 
@@ -95,7 +125,17 @@
 		if(
 			variable-exists(grid-breakpoints),
 			$grid-breakpoints,
-			$cadmin-grid-breakpoints
+			if(
+				variable-exists(cadmin-grid-breakpoints),
+				$cadmin-grid-breakpoints,
+				(
+					xs: 0,
+					sm: 576px,
+					md: 768px,
+					lg: 992px,
+					xl: 1280px,
+				)
+			)
 		)
 	);
 

package/src/scss/mixins/_buttons.scss

@@ -553,13 +553,15 @@
 		$mobile-c-inner: map-merge(
 			(
 				enabled:
-					setter(
-						if(
-							variable-exists(enable-c-inner),
-							$enable-c-inner,
-							$cadmin-enable-c-inner
-						),
-						true
+					if(
+						variable-exists(enable-c-inner),
+						$enable-c-inner,
+						$cadmin-enable-c-inner
+							if(
+								variable-exists(cadmin-enable-c-inner),
+								$cadmin-enable-c-inner,
+								true
+							)
 					),
 				margin-bottom: math-sign(map-get($mobile, padding-bottom)),
 				margin-left: math-sign(map-get($mobile, padding-left)),
@@ -569,28 +571,23 @@
 			$mobile-c-inner
 		);
 
-		$unset: setter(
-			if(
-				variable-exists(clay-unset-placeholder),
-				$clay-unset-placeholder,
-				$cadmin-clay-unset-placeholder
-			),
+		$loading-animation: setter(
+			map-get($map, loading-animation),
 			clay-unset-placeholder
 		);
 
-		$loading-animation: setter(map-get($map, loading-animation), $unset);
-
 		$c-inner: setter(map-get($map, c-inner), ());
 		$c-inner: map-merge(
 			(
 				enabled:
-					setter(
+					if(
+						variable-exists(enable-c-inner),
+						$enable-c-inner,
 						if(
-							variable-exists(enable-c-inner),
-							$enable-c-inner,
-							$cadmin-enable-c-inner
-						),
-						true
+							variable-exists(cadmin-enable-c-inner),
+							$cadmin-enable-c-inner,
+							true
+						)
 					),
 				margin-bottom: math-sign(map-get($map, padding-bottom)),
 				margin-left: math-sign(map-get($map, padding-left)),

package/src/scss/mixins/_cards.scss

@@ -1059,7 +1059,11 @@
 					if(
 						variable-exists(card-border-color),
 						$card-border-color,
-						$cadmin-card-border-color
+						if(
+							variable-exists(cadmin-card-border-color),
+							$cadmin-card-border-color,
+							null
+						)
 					)
 				),
 			border-style:
@@ -1144,7 +1148,11 @@
 					if(
 						variable-exists(link-cursor),
 						$link-cursor,
-						$cadmin-link-cursor
+						if(
+							variable-exists(cadmin-link-cursor),
+							$cadmin-link-cursor,
+							null
+						)
 					)
 				),
 		)

package/src/scss/mixins/_close.scss

@@ -330,13 +330,14 @@
 		$c-inner: map-merge(
 			(
 				enabled:
-					setter(
+					if(
+						variable-exists(enable-c-inner),
+						$enable-c-inner,
 						if(
-							variable-exists(enable-c-inner),
-							$enable-c-inner,
-							$cadmin-enable-c-inner
-						),
-						true
+							variable-exists(cadmin-enable-c-inner),
+							$cadmin-enable-c-inner,
+							true
+						)
 					),
 				margin-bottom: math-sign(map-get($map, padding-bottom)),
 				margin-left: math-sign(map-get($map, padding-left)),

package/src/scss/mixins/_dropdown-menu.scss

@@ -459,13 +459,14 @@
 		$c-inner: map-merge(
 			(
 				enabled:
-					setter(
+					if(
+						variable-exists(enable-c-inner),
+						$enable-c-inner,
 						if(
-							variable-exists(enable-c-inner),
-							$enable-c-inner,
-							$cadmin-enable-c-inner
-						),
-						true
+							variable-exists(cadmin-enable-c-inner),
+							$cadmin-enable-c-inner,
+							true
+						)
 					),
 				flex-grow: 1,
 				margin-bottom: math-sign(map-get($map, padding-bottom)),