tsai
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Budibase is an open-source low-code platform for creating internal apps in minutes. Supports PostgreSQL, MySQL, MSSQL, MongoDB, Rest API, Docker, K8s 🚀
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
8029 Commits
2 Branches
842 Tags
313 MiB
 
 
 
 
 
 
Tree: c8b772b8c1
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'c8b772b8c1'
${ noResults }
budibase/packages/standard-components/node_modules/@spectrum-css/vars/css/components/spectrum-thumbnail.css

342 lines
31 KiB
Raw Blame History

:root {
--spectrum-thumbnail-l-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-l-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-l-border-color: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-l-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-l-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-l-border-color-hover: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-l-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-l-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-l-border-color-down: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-l-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-l-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-l-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-l-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-l-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-l-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-l-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-l-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-l-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-l-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-l-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-l-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-l-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-l-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-l-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-l-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-l-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-l-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-l-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-l-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-l-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-l-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-l-height: var(--spectrum-global-dimension-size-700);
--spectrum-thumbnail-l-width: var(--spectrum-global-dimension-size-700);
--spectrum-thumbnail-m-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-m-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-m-border-color: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-m-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-m-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-m-border-color-hover: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-m-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-m-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-m-border-color-down: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-m-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-m-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-m-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-m-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-m-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-m-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-m-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-m-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-m-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-m-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-m-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-m-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-m-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-m-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-m-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-m-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-m-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-m-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-m-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-m-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-m-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-m-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-m-height: var(--spectrum-global-dimension-size-500);
--spectrum-thumbnail-m-width: var(--spectrum-global-dimension-size-500);
--spectrum-thumbnail-s-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-s-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-s-border-color: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-s-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-s-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-s-border-color-hover: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-s-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-s-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-s-border-color-down: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-s-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-s-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-s-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-s-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-s-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-s-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-s-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-s-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-s-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-s-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-s-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-s-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-s-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-s-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-s-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-s-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-s-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-s-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-s-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-s-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-s-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-s-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-s-height: var(--spectrum-global-dimension-size-400);
--spectrum-thumbnail-s-width: var(--spectrum-global-dimension-size-400);
--spectrum-thumbnail-xs-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xs-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xs-border-color: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-xs-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xs-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xs-border-color-hover: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-xs-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xs-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xs-border-color-down: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-xs-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xs-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-xs-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-xs-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-xs-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xs-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-xs-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xs-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xs-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-xs-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xs-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xs-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-xs-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xs-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xs-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-xs-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xs-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-xs-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-xs-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-xs-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xs-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-xs-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-xs-height: var(--spectrum-global-dimension-size-300);
--spectrum-thumbnail-xs-width: var(--spectrum-global-dimension-size-300);
--spectrum-thumbnail-xxs-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xxs-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xxs-border-color: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-xxs-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xxs-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xxs-border-color-hover: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-xxs-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xxs-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xxs-border-color-down: var(--spectrum-alias-border-color-translucent-darker);
--spectrum-thumbnail-xxs-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xxs-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-xxs-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-xxs-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-xxs-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xxs-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-xxs-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xxs-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xxs-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-xxs-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xxs-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xxs-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-xxs-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xxs-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xxs-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-xxs-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-xxs-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-xxs-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-xxs-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-xxs-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-xxs-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-xxs-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-xxs-height: var(--spectrum-global-dimension-size-225);
--spectrum-thumbnail-xxs-width: var(--spectrum-global-dimension-size-225);
--spectrum-thumbnail-layer-l-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-l-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-l-border-color: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-l-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-l-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-l-border-color-hover: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-l-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-l-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-l-border-color-down: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-l-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-l-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-l-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-l-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-l-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-l-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-l-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-l-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-l-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-l-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-l-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-l-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-l-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-l-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-l-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-l-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-l-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-l-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-l-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-l-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-l-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-l-inset-border-color: var(--spectrum-global-color-gray-50);
--spectrum-thumbnail-layer-l-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-layer-l-inset-border-size: var(--spectrum-alias-border-size-thicker);
--spectrum-thumbnail-layer-l-height: var(--spectrum-global-dimension-size-700);
--spectrum-thumbnail-layer-l-width: var(--spectrum-global-dimension-size-700);
--spectrum-thumbnail-layer-m-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-m-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-m-border-color: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-m-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-m-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-m-border-color-hover: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-m-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-m-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-m-border-color-down: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-m-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-m-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-m-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-m-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-m-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-m-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-m-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-m-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-m-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-m-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-m-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-m-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-m-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-m-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-m-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-m-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-m-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-m-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-m-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-m-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-m-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-m-inset-border-color: var(--spectrum-global-color-gray-50);
--spectrum-thumbnail-layer-m-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-layer-m-inset-border-size: var(--spectrum-alias-border-size-thicker);
--spectrum-thumbnail-layer-m-height: var(--spectrum-global-dimension-size-500);
--spectrum-thumbnail-layer-m-width: var(--spectrum-global-dimension-size-500);
--spectrum-thumbnail-layer-s-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-s-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-s-border-color: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-s-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-s-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-s-border-color-hover: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-s-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-s-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-s-border-color-down: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-s-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-s-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-s-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-s-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-s-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-s-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-s-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-s-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-s-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-s-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-s-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-s-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-s-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-s-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-s-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-s-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-s-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-s-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-s-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-s-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-s-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-s-inset-border-color: var(--spectrum-global-color-gray-50);
--spectrum-thumbnail-layer-s-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-layer-s-inset-border-size: var(--spectrum-alias-border-size-thicker);
--spectrum-thumbnail-layer-s-height: var(--spectrum-global-dimension-size-400);
--spectrum-thumbnail-layer-s-width: var(--spectrum-global-dimension-size-400);
--spectrum-thumbnail-layer-xs-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xs-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xs-border-color: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-xs-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xs-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xs-border-color-hover: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-xs-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xs-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xs-border-color-down: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-xs-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xs-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-xs-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-xs-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-xs-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xs-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-xs-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xs-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xs-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-xs-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xs-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xs-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-xs-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xs-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xs-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-xs-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xs-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-xs-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-xs-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-xs-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xs-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-xs-inset-border-color: var(--spectrum-global-color-gray-50);
--spectrum-thumbnail-layer-xs-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-layer-xs-inset-border-size: var(--spectrum-alias-border-size-thicker);
--spectrum-thumbnail-layer-xs-height: var(--spectrum-global-dimension-size-300);
--spectrum-thumbnail-layer-xs-width: var(--spectrum-global-dimension-size-300);
--spectrum-thumbnail-layer-xxs-image-opacity: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xxs-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xxs-border-color: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-xxs-image-opacity-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xxs-border-size-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xxs-border-color-hover: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-xxs-image-opacity-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xxs-border-size-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xxs-border-color-down: var(--spectrum-global-color-gray-600);
--spectrum-thumbnail-layer-xxs-image-opacity-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xxs-border-size-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-xxs-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-xxs-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-xxs-border-size-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xxs-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-xxs-image-opacity-selected: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xxs-border-size-selected: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xxs-border-color-selected: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-xxs-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xxs-border-size-selected-hover: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xxs-border-color-selected-hover: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-xxs-image-opacity-selected-down: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xxs-border-size-selected-down: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xxs-border-color-selected-down: var(--spectrum-alias-border-color-selected);
--spectrum-thumbnail-layer-xxs-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100);
--spectrum-thumbnail-layer-xxs-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick);
--spectrum-thumbnail-layer-xxs-border-color-selected-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-thumbnail-layer-xxs-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled);
--spectrum-thumbnail-layer-xxs-border-size-selected-disabled: var(--spectrum-alias-border-size-thin);
--spectrum-thumbnail-layer-xxs-border-color-selected-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-thumbnail-layer-xxs-inset-border-color: var(--spectrum-global-color-gray-50);
--spectrum-thumbnail-layer-xxs-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-thumbnail-layer-xxs-inset-border-size: var(--spectrum-alias-border-size-thicker);
--spectrum-thumbnail-layer-xxs-height: var(--spectrum-global-dimension-size-225);
--spectrum-thumbnail-layer-xxs-width: var(--spectrum-global-dimension-size-225);
}