amotify 0.2.121 → 0.2.123
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/@styles/var.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--cH_comun: 237;--cS_comun: 76%;--cL_comun: 58%;--color_comun-hsl: 237, 76%, 58%;--cH_leaf: 159;--cS_leaf: 78%;--cL_leaf: 38%;--color_leaf-hsl: 159, 78%, 38%;--cH_heart: 2;--cS_heart: 81%;--cL_heart: 63%;--color_heart-hsl: 2, 81%, 63%;--cH_droplet: 215;--cS_droplet: 82%;--cL_droplet: 51%;--color_droplet-hsl: 215, 82%, 51%;--cH_brick: 351;--cS_brick: 80%;--cL_brick: 39%;--color_brick-hsl: 351, 80%, 39%;--cH_flower: 350;--cS_flower: 78%;--cL_flower: 75%;--color_flower-hsl: 350, 78%, 75%;--cH_lip: 340;--cS_lip: 69%;--cL_lip: 49%;--color_lip-hsl: 340, 69%, 49%;--cH_wine: 317;--cS_wine: 41%;--cL_wine: 30%;--color_wine-hsl: 317, 41%, 30%;--cH_theater: 301;--cS_theater: 88%;--cL_theater: 49%;--color_theater-hsl: 301, 88%, 49%;--cH_bat: 272;--cS_bat: 81%;--cL_bat: 21%;--color_bat-hsl: 272, 81%, 21%;--cH_poizon: 268;--cS_poizon: 58%;--cL_poizon: 50%;--color_poizon-hsl: 268, 58%, 50%;--cH_eggplant: 264;--cS_eggplant: 100%;--cL_eggplant: 62%;--color_eggplant-hsl: 264, 100%, 62%;--cH_ufo: 253;--cS_ufo: 81%;--cL_ufo: 58%;--color_ufo-hsl: 253, 81%, 58%;--cH_alien: 252;--cS_alien: 92%;--cL_alien: 57%;--color_alien-hsl: 252, 92%, 57%;--cH_tombstone: 251;--cS_tombstone: 14%;--cL_tombstone: 70%;--color_tombstone-hsl: 251, 14%, 70%;--cH_ninja: 242;--cS_ninja: 100%;--cL_ninja: 68%;--color_ninja-hsl: 242, 100%, 68%;--cH_moon: 240;--cS_moon: 16%;--cL_moon: 24%;--color_moon-hsl: 240, 16%, 24%;--cH_rain: 240;--cS_rain: 32%;--cL_rain: 54%;--color_rain-hsl: 240, 32%, 54%;--cH_unicorn: 238;--cS_unicorn: 70%;--cL_unicorn: 74%;--color_unicorn-hsl: 238, 70%, 74%;--cH_axe: 226;--cS_axe: 22%;--cL_axe: 35%;--color_axe-hsl: 226, 22%, 35%;--cH_gem: 221;--cS_gem: 85%;--cL_gem: 43%;--color_gem-hsl: 221, 85%, 43%;--cH_soap: 217;--cS_soap: 85%;--cL_soap: 32%;--color_soap-hsl: 217, 85%, 32%;--cH_drizzle: 213;--cS_drizzle: 33%;--cL_drizzle: 68%;--color_drizzle-hsl: 213, 33%, 68%;--cH_building: 204;--cS_building: 3%;--cL_building: 72%;--color_building-hsl: 204, 3%, 72%;--cH_fish: 194;--cS_fish: 97%;--cL_fish: 34%;--color_fish-hsl: 194, 97%, 34%;--cH_icicles: 191;--cS_icicles: 61%;--cL_icicles: 58%;--color_icicles-hsl: 191, 61%, 58%;--cH_water: 187;--cS_water: 30%;--cL_water: 54%;--color_water-hsl: 187, 30%, 54%;--cH_tree1: 186;--cS_tree1: 85%;--cL_tree1: 23%;--color_tree1-hsl: 186, 85%, 23%;--cH_tree2: 185;--cS_tree2: 97%;--cL_tree2: 34%;--color_tree2-hsl: 185, 97%, 34%;--cH_tree3: 183;--cS_tree3: 86%;--cL_tree3: 19%;--color_tree3-hsl: 183, 86%, 19%;--cH_battery: 170;--cS_battery: 90%;--cL_battery: 39%;--color_battery-hsl: 170, 90%, 39%;--cH_seedle: 145;--cS_seedle: 94%;--cL_seedle: 40%;--color_seedle-hsl: 145, 94%, 40%;--cH_greenTea: 144;--cS_greenTea: 43%;--cL_greenTea: 41%;--color_greenTea-hsl: 144, 43%, 41%;--cH_oak: 101;--cS_oak: 24%;--cL_oak: 66%;--color_oak-hsl: 101, 24%, 66%;--cH_salad: 68;--cS_salad: 90%;--cL_salad: 43%;--color_salad-hsl: 68, 90%, 43%;--cH_cloudy: 60;--cS_cloudy: 5%;--cL_cloudy: 79%;--color_cloudy-hsl: 60, 5%, 79%;--cH_lemon: 53;--cS_lemon: 78%;--cL_lemon: 70%;--color_lemon-hsl: 53, 78%, 70%;--cH_angel: 47;--cS_angel: 100%;--cL_angel: 50%;--color_angel-hsl: 47, 100%, 50%;--cH_parasol: 42;--cS_parasol: 86%;--cL_parasol: 70%;--color_parasol-hsl: 42, 86%, 70%;--cH_pizza: 40;--cS_pizza: 92%;--cL_pizza: 52%;--color_pizza-hsl: 40, 92%, 52%;--cH_thunder: 40;--cS_thunder: 70%;--cL_thunder: 57%;--color_thunder-hsl: 40, 70%, 57%;--cH_latte: 33;--cS_latte: 51%;--cL_latte: 73%;--color_latte-hsl: 33, 51%, 73%;--cH_island: 27;--cS_island: 91%;--cL_island: 55%;--color_island-hsl: 27, 91%, 55%;--cH_shovel: 19;--cS_shovel: 29%;--cL_shovel: 37%;--color_shovel-hsl: 19, 29%, 37%;--cH_coffee: 18;--cS_coffee: 33%;--cL_coffee: 24%;--color_coffee-hsl: 18, 33%, 24%;--cH_carrot: 14;--cS_carrot: 84%;--cL_carrot: 59%;--color_carrot-hsl: 14, 84%, 59%;--cH_cactus: 8;--cS_cactus: 17%;--cL_cactus: 62%;--color_cactus-hsl: 8, 17%, 62%;--cH_volcano: 6;--cS_volcano: 84%;--cL_volcano: 48%;--color_volcano-hsl: 6, 84%, 48%;--cH_choco: 2;--cS_choco: 55%;--cL_choco: 57%;--color_choco-hsl: 2, 55%, 57%;--cH_industry: 0;--cS_industry: 0%;--cL_industry: 50%;--color_industry-hsl: 0, 0%, 50%;--cH_gun: 0;--cS_gun: 0%;--cL_gun: 37%;--color_gun-hsl: 0, 0%, 37%;--cH_galaxy: 0;--cS_galaxy: 0%;--cL_galaxy: 5%;--color_galaxy-hsl: 0, 0%, 5%;--cH_line: 120;--cS_line: 100%;--cL_line: 37%;--color_line-hsl: 120, 100%, 37%;--cH_twitter: 203;--cS_twitter: 89%;--cL_twitter: 52%;--color_twitter-hsl: 203, 89%, 52%;--cH_amazon: 36;--cS_amazon: 100%;--cL_amazon: 50%;--color_amazon-hsl: 36, 100%, 50%;--cH_facebook: 220;--cS_facebook: 46%;--cL_facebook: 48%;--color_facebook-hsl: 220, 46%, 48%;--cH_android: 101;--cS_android: 47%;--cL_android: 55%;--color_android-hsl: 101, 47%, 55%;--cH_slackBlue: 194;--cS_slackBlue: 86%;--cL_slackBlue: 58%;--color_slackBlue-hsl: 194, 86%, 58%;--cH_slackGreen: 155;--cS_slackGreen: 60%;--cL_slackGreen: 45%;--color_slackGreen-hsl: 155, 60%, 45%;--cH_slackRed: 341;--cS_slackRed: 76%;--cL_slackRed: 50%;--color_slackRed-hsl: 341, 76%, 50%;--cH_slackYellow: 42;--cS_slackYellow: 83%;--cL_slackYellow: 55%;--color_slackYellow-hsl: 42, 83%, 55%;--cH_slackBase: 299;--cS_slackBase: 56%;--cL_slackBase: 19%;--color_slackBase-hsl: 299, 56%, 19%;--cH_googleBlue: 217;--cS_googleBlue: 89%;--cL_googleBlue: 61%;--color_googleBlue-hsl: 217, 89%, 61%;--cH_googleGreen: 151;--cS_googleGreen: 83%;--cL_googleGreen: 34%;--color_googleGreen-hsl: 151, 83%, 34%;--cH_googleYellow: 44;--cS_googleYellow: 100%;--cL_googleYellow: 48%;--color_googleYellow-hsl: 44, 100%, 48%;--cH_googleRed: 5;--cS_googleRed: 69%;--cL_googleRed: 54%;--color_googleRed-hsl: 5, 69%, 54%;--cH: 0;--cS: 0%;--cL: 0%;--color-theme-hsl: 0, 0%, 0%;--color-theme-opacity-high: .5;--color-theme-opacity-middle: .25;--color-theme-opacity-low: .15;--color-theme-opacity-few: .085;--color-positive-rgb: 54, 194, 124;--color-negative-rgb: 246, 70, 93;--color-warning-rgb: 248, 150, 0;--color-dark-rgb: 69, 81, 92;--color-positive: rgba(var(--color-positive-rgb), 1);--color-negative: rgba(var(--color-negative-rgb), 1);--color-warning: rgba(var(--color-warning-rgb), 1);--color-dark: rgba(var(--color-dark-rgb), 1);--color-layer0-hsl: 0, 0%, 100%;--color-layer1-hsl: var(--cH), 6%, 99%;--color-layer2-hsl: var(--cH), 6%, 96%;--color-layer3-hsl: var(--cH), 6%, 92%;--color-layer4-hsl: var(--cH), 5%, 89%;--color-layer5-hsl: var(--cH), 4%, 85%;--color-layer6-hsl: var(--cH), 3%, 75%;--color-base-rgb: 252, 252, 252;--color-gray-rgb: 211, 216, 222;--color-cloud-rgb: 241, 243, 248;--color-mono-positive-rgb: 0, 0, 0;--color-mono-negative-rgb: 255, 255, 255;--font-color-logoTitle: hsl(218, 45%, 22%);--sc: 60, 64, 67;--shadow_style_0: 0px 1px 2px 0px;--shadow_style_1: 0px 2px 4px 0px;--shadow_style_2: 1px 3px 8px 0px;--shadow_style_3: 2px 6px 12px;--shadow_style_4: .4rem 1rem 2rem;--shadow_style_5: 1rem 1.5rem 3rem;--shadow_color_min: rgba(var(--sc), .05);--shadow_color_normal: rgba(var(--sc), .15);--shadow_color_remark: rgba(var(--sc), .28);--shadow_color_max: rgba(var(--sc), .41);--font-color1-rgb: 0, 0, 0;--font-color2-rgb: 51, 51, 51;--font-color3-rgb: 118, 125, 137;--font-color4-rgb: 152, 158, 167;--font-color5-rgb: 189, 194, 200;--font-color6-rgb: 210, 210, 220;--font-size0: 10px;--font-size1: 12px;--font-size2: 14px;--font-size3: 16px;--font-size4: 20px;--font-size5: 24px;--font-size6: 32px;--font-size7: 44px;--font-size8: 60px;--border-color-thin: hsl(220, 9%, 92%);--border-color-normal: hsl(220, 9%, 87%);--border-color-thick: hsl(0, 0%, 40%);--border-radius1: 4px;--border-radius2: 6px;--border-radius3: 8px;--border-radius4: 12px;--border-radius5: 18px;--border-radius6: 24px;--border-radius7: 30px;--animation-time1: .1s;--animation-time2: .15s;--animation-time3: .25s;--animation-time4: .4s;--animation-style1: cubic-bezier(.35, .46, 0, .99);--animation-style2: cubic-bezier(.1, .85, .1, .85);--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--grid-unit: 12px;--viewHeight: 100vh;--sideNavHeight: 0px;--topNavHeight: 0px;--sideNavWidth: 0px;--contentHeight: 0px;--contnetWidth: 0px;--topBase: 0px}@supports (-webkit-touch-callout: none){:root{--viewHeight: -webkit-fill-available}}.bdsTC_comun{--cH: var(--cH_comun);--cS: var(--cS_comun);--cL: var(--cL_comun);--color-theme-hsl: var(--color_comun-hsl)}.bdsTC_leaf{--cH: var(--cH_leaf);--cS: var(--cS_leaf);--cL: var(--cL_leaf);--color-theme-hsl: var(--color_leaf-hsl)}.bdsTC_heart{--cH: var(--cH_heart);--cS: var(--cS_heart);--cL: var(--cL_heart);--color-theme-hsl: var(--color_heart-hsl)}.bdsTC_droplet{--cH: var(--cH_droplet);--cS: var(--cS_droplet);--cL: var(--cL_droplet);--color-theme-hsl: var(--color_droplet-hsl)}.bdsTC_brick{--cH: var(--cH_brick);--cS: var(--cS_brick);--cL: var(--cL_brick);--color-theme-hsl: var(--color_brick-hsl)}.bdsTC_flower{--cH: var(--cH_flower);--cS: var(--cS_flower);--cL: var(--cL_flower);--color-theme-hsl: var(--color_flower-hsl)}.bdsTC_lip{--cH: var(--cH_lip);--cS: var(--cS_lip);--cL: var(--cL_lip);--color-theme-hsl: var(--color_lip-hsl)}.bdsTC_wine{--cH: var(--cH_wine);--cS: var(--cS_wine);--cL: var(--cL_wine);--color-theme-hsl: var(--color_wine-hsl)}.bdsTC_theater{--cH: var(--cH_theater);--cS: var(--cS_theater);--cL: var(--cL_theater);--color-theme-hsl: var(--color_theater-hsl)}.bdsTC_bat{--cH: var(--cH_bat);--cS: var(--cS_bat);--cL: var(--cL_bat);--color-theme-hsl: var(--color_bat-hsl)}.bdsTC_poizon{--cH: var(--cH_poizon);--cS: var(--cS_poizon);--cL: var(--cL_poizon);--color-theme-hsl: var(--color_poizon-hsl)}.bdsTC_eggplant{--cH: var(--cH_eggplant);--cS: var(--cS_eggplant);--cL: var(--cL_eggplant);--color-theme-hsl: var(--color_eggplant-hsl)}.bdsTC_ufo{--cH: var(--cH_ufo);--cS: var(--cS_ufo);--cL: var(--cL_ufo);--color-theme-hsl: var(--color_ufo-hsl)}.bdsTC_alien{--cH: var(--cH_alien);--cS: var(--cS_alien);--cL: var(--cL_alien);--color-theme-hsl: var(--color_alien-hsl)}.bdsTC_tombstone{--cH: var(--cH_tombstone);--cS: var(--cS_tombstone);--cL: var(--cL_tombstone);--color-theme-hsl: var(--color_tombstone-hsl)}.bdsTC_ninja{--cH: var(--cH_ninja);--cS: var(--cS_ninja);--cL: var(--cL_ninja);--color-theme-hsl: var(--color_ninja-hsl)}.bdsTC_moon{--cH: var(--cH_moon);--cS: var(--cS_moon);--cL: var(--cL_moon);--color-theme-hsl: var(--color_moon-hsl)}.bdsTC_rain{--cH: var(--cH_rain);--cS: var(--cS_rain);--cL: var(--cL_rain);--color-theme-hsl: var(--color_rain-hsl)}.bdsTC_unicorn{--cH: var(--cH_unicorn);--cS: var(--cS_unicorn);--cL: var(--cL_unicorn);--color-theme-hsl: var(--color_unicorn-hsl)}.bdsTC_axe{--cH: var(--cH_axe);--cS: var(--cS_axe);--cL: var(--cL_axe);--color-theme-hsl: var(--color_axe-hsl)}.bdsTC_gem{--cH: var(--cH_gem);--cS: var(--cS_gem);--cL: var(--cL_gem);--color-theme-hsl: var(--color_gem-hsl)}.bdsTC_soap{--cH: var(--cH_soap);--cS: var(--cS_soap);--cL: var(--cL_soap);--color-theme-hsl: var(--color_soap-hsl)}.bdsTC_drizzle{--cH: var(--cH_drizzle);--cS: var(--cS_drizzle);--cL: var(--cL_drizzle);--color-theme-hsl: var(--color_drizzle-hsl)}.bdsTC_building{--cH: var(--cH_building);--cS: var(--cS_building);--cL: var(--cL_building);--color-theme-hsl: var(--color_building-hsl)}.bdsTC_fish{--cH: var(--cH_fish);--cS: var(--cS_fish);--cL: var(--cL_fish);--color-theme-hsl: var(--color_fish-hsl)}.bdsTC_icicles{--cH: var(--cH_icicles);--cS: var(--cS_icicles);--cL: var(--cL_icicles);--color-theme-hsl: var(--color_icicles-hsl)}.bdsTC_water{--cH: var(--cH_water);--cS: var(--cS_water);--cL: var(--cL_water);--color-theme-hsl: var(--color_water-hsl)}.bdsTC_tree1{--cH: var(--cH_tree1);--cS: var(--cS_tree1);--cL: var(--cL_tree1);--color-theme-hsl: var(--color_tree1-hsl)}.bdsTC_tree2{--cH: var(--cH_tree2);--cS: var(--cS_tree2);--cL: var(--cL_tree2);--color-theme-hsl: var(--color_tree2-hsl)}.bdsTC_tree3{--cH: var(--cH_tree3);--cS: var(--cS_tree3);--cL: var(--cL_tree3);--color-theme-hsl: var(--color_tree3-hsl)}.bdsTC_battery{--cH: var(--cH_battery);--cS: var(--cS_battery);--cL: var(--cL_battery);--color-theme-hsl: var(--color_battery-hsl)}.bdsTC_seedle{--cH: var(--cH_seedle);--cS: var(--cS_seedle);--cL: var(--cL_seedle);--color-theme-hsl: var(--color_seedle-hsl)}.bdsTC_greenTea{--cH: var(--cH_greenTea);--cS: var(--cS_greenTea);--cL: var(--cL_greenTea);--color-theme-hsl: var(--color_greenTea-hsl)}.bdsTC_oak{--cH: var(--cH_oak);--cS: var(--cS_oak);--cL: var(--cL_oak);--color-theme-hsl: var(--color_oak-hsl)}.bdsTC_salad{--cH: var(--cH_salad);--cS: var(--cS_salad);--cL: var(--cL_salad);--color-theme-hsl: var(--color_salad-hsl)}.bdsTC_cloudy{--cH: var(--cH_cloudy);--cS: var(--cS_cloudy);--cL: var(--cL_cloudy);--color-theme-hsl: var(--color_cloudy-hsl)}.bdsTC_lemon{--cH: var(--cH_lemon);--cS: var(--cS_lemon);--cL: var(--cL_lemon);--color-theme-hsl: var(--color_lemon-hsl)}.bdsTC_angel{--cH: var(--cH_angel);--cS: var(--cS_angel);--cL: var(--cL_angel);--color-theme-hsl: var(--color_angel-hsl)}.bdsTC_parasol{--cH: var(--cH_parasol);--cS: var(--cS_parasol);--cL: var(--cL_parasol);--color-theme-hsl: var(--color_parasol-hsl)}.bdsTC_pizza{--cH: var(--cH_pizza);--cS: var(--cS_pizza);--cL: var(--cL_pizza);--color-theme-hsl: var(--color_pizza-hsl)}.bdsTC_thunder{--cH: var(--cH_thunder);--cS: var(--cS_thunder);--cL: var(--cL_thunder);--color-theme-hsl: var(--color_thunder-hsl)}.bdsTC_latte{--cH: var(--cH_latte);--cS: var(--cS_latte);--cL: var(--cL_latte);--color-theme-hsl: var(--color_latte-hsl)}.bdsTC_island{--cH: var(--cH_island);--cS: var(--cS_island);--cL: var(--cL_island);--color-theme-hsl: var(--color_island-hsl)}.bdsTC_shovel{--cH: var(--cH_shovel);--cS: var(--cS_shovel);--cL: var(--cL_shovel);--color-theme-hsl: var(--color_shovel-hsl)}.bdsTC_coffee{--cH: var(--cH_coffee);--cS: var(--cS_coffee);--cL: var(--cL_coffee);--color-theme-hsl: var(--color_coffee-hsl)}.bdsTC_carrot{--cH: var(--cH_carrot);--cS: var(--cS_carrot);--cL: var(--cL_carrot);--color-theme-hsl: var(--color_carrot-hsl)}.bdsTC_cactus{--cH: var(--cH_cactus);--cS: var(--cS_cactus);--cL: var(--cL_cactus);--color-theme-hsl: var(--color_cactus-hsl)}.bdsTC_volcano{--cH: var(--cH_volcano);--cS: var(--cS_volcano);--cL: var(--cL_volcano);--color-theme-hsl: var(--color_volcano-hsl)}.bdsTC_choco{--cH: var(--cH_choco);--cS: var(--cS_choco);--cL: var(--cL_choco);--color-theme-hsl: var(--color_choco-hsl)}.bdsTC_industry{--cH: var(--cH_industry);--cS: var(--cS_industry);--cL: var(--cL_industry);--color-theme-hsl: var(--color_industry-hsl)}.bdsTC_gun{--cH: var(--cH_gun);--cS: var(--cS_gun);--cL: var(--cL_gun);--color-theme-hsl: var(--color_gun-hsl)}.bdsTC_galaxy{--cH: var(--cH_galaxy);--cS: var(--cS_galaxy);--cL: var(--cL_galaxy);--color-theme-hsl: var(--color_galaxy-hsl)}.bdsTC_line{--cH: var(--cH_line);--cS: var(--cS_line);--cL: var(--cL_line);--color-theme-hsl: var(--color_line-hsl)}.bdsTC_twitter{--cH: var(--cH_twitter);--cS: var(--cS_twitter);--cL: var(--cL_twitter);--color-theme-hsl: var(--color_twitter-hsl)}.bdsTC_amazon{--cH: var(--cH_amazon);--cS: var(--cS_amazon);--cL: var(--cL_amazon);--color-theme-hsl: var(--color_amazon-hsl)}.bdsTC_facebook{--cH: var(--cH_facebook);--cS: var(--cS_facebook);--cL: var(--cL_facebook);--color-theme-hsl: var(--color_facebook-hsl)}.bdsTC_android{--cH: var(--cH_android);--cS: var(--cS_android);--cL: var(--cL_android);--color-theme-hsl: var(--color_android-hsl)}.bdsTC_slackBlue{--cH: var(--cH_slackBlue);--cS: var(--cS_slackBlue);--cL: var(--cL_slackBlue);--color-theme-hsl: var(--color_slackBlue-hsl)}.bdsTC_slackGreen{--cH: var(--cH_slackGreen);--cS: var(--cS_slackGreen);--cL: var(--cL_slackGreen);--color-theme-hsl: var(--color_slackGreen-hsl)}.bdsTC_slackRed{--cH: var(--cH_slackRed);--cS: var(--cS_slackRed);--cL: var(--cL_slackRed);--color-theme-hsl: var(--color_slackRed-hsl)}.bdsTC_slackYellow{--cH: var(--cH_slackYellow);--cS: var(--cS_slackYellow);--cL: var(--cL_slackYellow);--color-theme-hsl: var(--color_slackYellow-hsl)}.bdsTC_slackBase{--cH: var(--cH_slackBase);--cS: var(--cS_slackBase);--cL: var(--cL_slackBase);--color-theme-hsl: var(--color_slackBase-hsl)}.bdsTC_googleBlue{--cH: var(--cH_googleBlue);--cS: var(--cS_googleBlue);--cL: var(--cL_googleBlue);--color-theme-hsl: var(--color_googleBlue-hsl)}.bdsTC_googleGreen{--cH: var(--cH_googleGreen);--cS: var(--cS_googleGreen);--cL: var(--cL_googleGreen);--color-theme-hsl: var(--color_googleGreen-hsl)}.bdsTC_googleYellow{--cH: var(--cH_googleYellow);--cS: var(--cS_googleYellow);--cL: var(--cL_googleYellow);--color-theme-hsl: var(--color_googleYellow-hsl)}.bdsTC_googleRed{--cH: var(--cH_googleRed);--cS: var(--cS_googleRed);--cL: var(--cL_googleRed);--color-theme-hsl: var(--color_googleRed-hsl)}.bdsTNflat{--border-color-thin: hsl(220, 9%, 94%);--border-color-normal: hsl(220, 9%, 90%)}.bdsDM_dark{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: 0, 0%, 0%;--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}.bdsDM_dim{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: 0, 0%, 0%;--color-layer1-hsl: var(--cH), 8%, 20%;--color-layer2-hsl: var(--cH), 8%, 23.3%;--color-layer3-hsl: var(--cH), 8%, 26.6%;--color-layer4-hsl: var(--cH), 8%, 30%;--color-layer5-hsl: var(--cH), 8%, 35%;--color-layer6-hsl: var(--cH), 8%, 40%}@media (prefers-color-scheme: dark){.bdsDM_auto{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: 0, 0%, 0%;--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}}
|
|
1
|
+
:root{--cH_comun: 237;--cS_comun: 76%;--cL_comun: 58%;--color_comun-hsl: 237, 76%, 58%;--cH_leaf: 159;--cS_leaf: 78%;--cL_leaf: 38%;--color_leaf-hsl: 159, 78%, 38%;--cH_heart: 2;--cS_heart: 81%;--cL_heart: 63%;--color_heart-hsl: 2, 81%, 63%;--cH_droplet: 215;--cS_droplet: 82%;--cL_droplet: 51%;--color_droplet-hsl: 215, 82%, 51%;--cH_brick: 351;--cS_brick: 80%;--cL_brick: 39%;--color_brick-hsl: 351, 80%, 39%;--cH_flower: 350;--cS_flower: 78%;--cL_flower: 75%;--color_flower-hsl: 350, 78%, 75%;--cH_lip: 340;--cS_lip: 69%;--cL_lip: 49%;--color_lip-hsl: 340, 69%, 49%;--cH_wine: 317;--cS_wine: 41%;--cL_wine: 30%;--color_wine-hsl: 317, 41%, 30%;--cH_theater: 301;--cS_theater: 88%;--cL_theater: 49%;--color_theater-hsl: 301, 88%, 49%;--cH_bat: 272;--cS_bat: 81%;--cL_bat: 21%;--color_bat-hsl: 272, 81%, 21%;--cH_poizon: 268;--cS_poizon: 58%;--cL_poizon: 50%;--color_poizon-hsl: 268, 58%, 50%;--cH_eggplant: 264;--cS_eggplant: 100%;--cL_eggplant: 62%;--color_eggplant-hsl: 264, 100%, 62%;--cH_ufo: 253;--cS_ufo: 81%;--cL_ufo: 58%;--color_ufo-hsl: 253, 81%, 58%;--cH_alien: 252;--cS_alien: 92%;--cL_alien: 57%;--color_alien-hsl: 252, 92%, 57%;--cH_tombstone: 251;--cS_tombstone: 14%;--cL_tombstone: 70%;--color_tombstone-hsl: 251, 14%, 70%;--cH_ninja: 242;--cS_ninja: 100%;--cL_ninja: 68%;--color_ninja-hsl: 242, 100%, 68%;--cH_moon: 240;--cS_moon: 16%;--cL_moon: 24%;--color_moon-hsl: 240, 16%, 24%;--cH_rain: 240;--cS_rain: 32%;--cL_rain: 54%;--color_rain-hsl: 240, 32%, 54%;--cH_unicorn: 238;--cS_unicorn: 70%;--cL_unicorn: 74%;--color_unicorn-hsl: 238, 70%, 74%;--cH_axe: 226;--cS_axe: 22%;--cL_axe: 35%;--color_axe-hsl: 226, 22%, 35%;--cH_gem: 221;--cS_gem: 85%;--cL_gem: 43%;--color_gem-hsl: 221, 85%, 43%;--cH_soap: 217;--cS_soap: 85%;--cL_soap: 32%;--color_soap-hsl: 217, 85%, 32%;--cH_drizzle: 213;--cS_drizzle: 33%;--cL_drizzle: 68%;--color_drizzle-hsl: 213, 33%, 68%;--cH_building: 204;--cS_building: 3%;--cL_building: 72%;--color_building-hsl: 204, 3%, 72%;--cH_fish: 194;--cS_fish: 97%;--cL_fish: 34%;--color_fish-hsl: 194, 97%, 34%;--cH_icicles: 191;--cS_icicles: 61%;--cL_icicles: 58%;--color_icicles-hsl: 191, 61%, 58%;--cH_water: 187;--cS_water: 30%;--cL_water: 54%;--color_water-hsl: 187, 30%, 54%;--cH_tree1: 186;--cS_tree1: 85%;--cL_tree1: 23%;--color_tree1-hsl: 186, 85%, 23%;--cH_tree2: 185;--cS_tree2: 97%;--cL_tree2: 34%;--color_tree2-hsl: 185, 97%, 34%;--cH_tree3: 183;--cS_tree3: 86%;--cL_tree3: 19%;--color_tree3-hsl: 183, 86%, 19%;--cH_battery: 170;--cS_battery: 90%;--cL_battery: 39%;--color_battery-hsl: 170, 90%, 39%;--cH_seedle: 145;--cS_seedle: 94%;--cL_seedle: 40%;--color_seedle-hsl: 145, 94%, 40%;--cH_greenTea: 144;--cS_greenTea: 43%;--cL_greenTea: 41%;--color_greenTea-hsl: 144, 43%, 41%;--cH_oak: 101;--cS_oak: 24%;--cL_oak: 66%;--color_oak-hsl: 101, 24%, 66%;--cH_salad: 68;--cS_salad: 90%;--cL_salad: 43%;--color_salad-hsl: 68, 90%, 43%;--cH_cloudy: 60;--cS_cloudy: 5%;--cL_cloudy: 79%;--color_cloudy-hsl: 60, 5%, 79%;--cH_lemon: 53;--cS_lemon: 78%;--cL_lemon: 70%;--color_lemon-hsl: 53, 78%, 70%;--cH_angel: 47;--cS_angel: 100%;--cL_angel: 50%;--color_angel-hsl: 47, 100%, 50%;--cH_parasol: 42;--cS_parasol: 86%;--cL_parasol: 70%;--color_parasol-hsl: 42, 86%, 70%;--cH_pizza: 40;--cS_pizza: 92%;--cL_pizza: 52%;--color_pizza-hsl: 40, 92%, 52%;--cH_thunder: 40;--cS_thunder: 70%;--cL_thunder: 57%;--color_thunder-hsl: 40, 70%, 57%;--cH_latte: 33;--cS_latte: 51%;--cL_latte: 73%;--color_latte-hsl: 33, 51%, 73%;--cH_island: 27;--cS_island: 91%;--cL_island: 55%;--color_island-hsl: 27, 91%, 55%;--cH_shovel: 19;--cS_shovel: 29%;--cL_shovel: 37%;--color_shovel-hsl: 19, 29%, 37%;--cH_coffee: 18;--cS_coffee: 33%;--cL_coffee: 24%;--color_coffee-hsl: 18, 33%, 24%;--cH_carrot: 14;--cS_carrot: 84%;--cL_carrot: 59%;--color_carrot-hsl: 14, 84%, 59%;--cH_cactus: 8;--cS_cactus: 17%;--cL_cactus: 62%;--color_cactus-hsl: 8, 17%, 62%;--cH_volcano: 6;--cS_volcano: 84%;--cL_volcano: 48%;--color_volcano-hsl: 6, 84%, 48%;--cH_choco: 2;--cS_choco: 55%;--cL_choco: 57%;--color_choco-hsl: 2, 55%, 57%;--cH_industry: 0;--cS_industry: 0%;--cL_industry: 50%;--color_industry-hsl: 0, 0%, 50%;--cH_gun: 0;--cS_gun: 0%;--cL_gun: 37%;--color_gun-hsl: 0, 0%, 37%;--cH_galaxy: 0;--cS_galaxy: 0%;--cL_galaxy: 5%;--color_galaxy-hsl: 0, 0%, 5%;--cH_line: 120;--cS_line: 100%;--cL_line: 37%;--color_line-hsl: 120, 100%, 37%;--cH_twitter: 203;--cS_twitter: 89%;--cL_twitter: 52%;--color_twitter-hsl: 203, 89%, 52%;--cH_amazon: 36;--cS_amazon: 100%;--cL_amazon: 50%;--color_amazon-hsl: 36, 100%, 50%;--cH_facebook: 220;--cS_facebook: 46%;--cL_facebook: 48%;--color_facebook-hsl: 220, 46%, 48%;--cH_android: 101;--cS_android: 47%;--cL_android: 55%;--color_android-hsl: 101, 47%, 55%;--cH_slackBlue: 194;--cS_slackBlue: 86%;--cL_slackBlue: 58%;--color_slackBlue-hsl: 194, 86%, 58%;--cH_slackGreen: 155;--cS_slackGreen: 60%;--cL_slackGreen: 45%;--color_slackGreen-hsl: 155, 60%, 45%;--cH_slackRed: 341;--cS_slackRed: 76%;--cL_slackRed: 50%;--color_slackRed-hsl: 341, 76%, 50%;--cH_slackYellow: 42;--cS_slackYellow: 83%;--cL_slackYellow: 55%;--color_slackYellow-hsl: 42, 83%, 55%;--cH_slackBase: 299;--cS_slackBase: 56%;--cL_slackBase: 19%;--color_slackBase-hsl: 299, 56%, 19%;--cH_googleBlue: 217;--cS_googleBlue: 89%;--cL_googleBlue: 61%;--color_googleBlue-hsl: 217, 89%, 61%;--cH_googleGreen: 151;--cS_googleGreen: 83%;--cL_googleGreen: 34%;--color_googleGreen-hsl: 151, 83%, 34%;--cH_googleYellow: 44;--cS_googleYellow: 100%;--cL_googleYellow: 48%;--color_googleYellow-hsl: 44, 100%, 48%;--cH_googleRed: 5;--cS_googleRed: 69%;--cL_googleRed: 54%;--color_googleRed-hsl: 5, 69%, 54%;--cH: 0;--cS: 0%;--cL: 0%;--color-theme-hsl: 0, 0%, 0%;--color-theme-opacity-high: .5;--color-theme-opacity-middle: .25;--color-theme-opacity-low: .15;--color-theme-opacity-few: .085;--color-positive-rgb: 54, 194, 124;--color-negative-rgb: 246, 70, 93;--color-warning-rgb: 248, 150, 0;--color-dark-rgb: 69, 81, 92;--color-positive: rgba(var(--color-positive-rgb), 1);--color-negative: rgba(var(--color-negative-rgb), 1);--color-warning: rgba(var(--color-warning-rgb), 1);--color-dark: rgba(var(--color-dark-rgb), 1);--color-layer0-hsl: var(--cH), 10%, 99%;--color-layer1-hsl: var(--cH), 6%, 99%;--color-layer2-hsl: var(--cH), 6%, 96%;--color-layer3-hsl: var(--cH), 6%, 92%;--color-layer4-hsl: var(--cH), 5%, 89%;--color-layer5-hsl: var(--cH), 4%, 85%;--color-layer6-hsl: var(--cH), 3%, 75%;--color-base-rgb: 252, 252, 252;--color-gray-rgb: 211, 216, 222;--color-cloud-rgb: 241, 243, 248;--color-mono-positive-rgb: 0, 0, 0;--color-mono-negative-rgb: 255, 255, 255;--font-color-logoTitle: hsl(218, 45%, 22%);--sc: 60, 64, 67;--shadow_style_0: 0px 1px 2px 0px;--shadow_style_1: 0px 2px 4px 0px;--shadow_style_2: 1px 3px 8px 0px;--shadow_style_3: 2px 6px 12px;--shadow_style_4: .4rem 1rem 2rem;--shadow_style_5: 1rem 1.5rem 3rem;--shadow_color_min: rgba(var(--sc), .05);--shadow_color_normal: rgba(var(--sc), .15);--shadow_color_remark: rgba(var(--sc), .28);--shadow_color_max: rgba(var(--sc), .41);--font-color1-rgb: 0, 0, 0;--font-color2-rgb: 51, 51, 51;--font-color3-rgb: 118, 125, 137;--font-color4-rgb: 152, 158, 167;--font-color5-rgb: 189, 194, 200;--font-color6-rgb: 210, 210, 220;--font-size0: 10px;--font-size1: 12px;--font-size2: 14px;--font-size3: 16px;--font-size4: 20px;--font-size5: 24px;--font-size6: 32px;--font-size7: 44px;--font-size8: 60px;--border-color-thin: hsl(220, 9%, 92%);--border-color-normal: hsl(220, 9%, 87%);--border-color-thick: hsl(0, 0%, 40%);--border-radius1: 4px;--border-radius2: 6px;--border-radius3: 8px;--border-radius4: 12px;--border-radius5: 18px;--border-radius6: 24px;--border-radius7: 30px;--animation-time1: .1s;--animation-time2: .15s;--animation-time3: .25s;--animation-time4: .4s;--animation-style1: cubic-bezier(.35, .46, 0, .99);--animation-style2: cubic-bezier(.1, .85, .1, .85);--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--grid-unit: 12px;--viewHeight: 100vh;--sideNavHeight: 0px;--topNavHeight: 0px;--sideNavWidth: 0px;--contentHeight: 0px;--contnetWidth: 0px;--topBase: 0px}@supports (-webkit-touch-callout: none){:root{--viewHeight: -webkit-fill-available}}.bdsTC_comun{--cH: var(--cH_comun);--cS: var(--cS_comun);--cL: var(--cL_comun);--color-theme-hsl: var(--color_comun-hsl)}.bdsTC_leaf{--cH: var(--cH_leaf);--cS: var(--cS_leaf);--cL: var(--cL_leaf);--color-theme-hsl: var(--color_leaf-hsl)}.bdsTC_heart{--cH: var(--cH_heart);--cS: var(--cS_heart);--cL: var(--cL_heart);--color-theme-hsl: var(--color_heart-hsl)}.bdsTC_droplet{--cH: var(--cH_droplet);--cS: var(--cS_droplet);--cL: var(--cL_droplet);--color-theme-hsl: var(--color_droplet-hsl)}.bdsTC_brick{--cH: var(--cH_brick);--cS: var(--cS_brick);--cL: var(--cL_brick);--color-theme-hsl: var(--color_brick-hsl)}.bdsTC_flower{--cH: var(--cH_flower);--cS: var(--cS_flower);--cL: var(--cL_flower);--color-theme-hsl: var(--color_flower-hsl)}.bdsTC_lip{--cH: var(--cH_lip);--cS: var(--cS_lip);--cL: var(--cL_lip);--color-theme-hsl: var(--color_lip-hsl)}.bdsTC_wine{--cH: var(--cH_wine);--cS: var(--cS_wine);--cL: var(--cL_wine);--color-theme-hsl: var(--color_wine-hsl)}.bdsTC_theater{--cH: var(--cH_theater);--cS: var(--cS_theater);--cL: var(--cL_theater);--color-theme-hsl: var(--color_theater-hsl)}.bdsTC_bat{--cH: var(--cH_bat);--cS: var(--cS_bat);--cL: var(--cL_bat);--color-theme-hsl: var(--color_bat-hsl)}.bdsTC_poizon{--cH: var(--cH_poizon);--cS: var(--cS_poizon);--cL: var(--cL_poizon);--color-theme-hsl: var(--color_poizon-hsl)}.bdsTC_eggplant{--cH: var(--cH_eggplant);--cS: var(--cS_eggplant);--cL: var(--cL_eggplant);--color-theme-hsl: var(--color_eggplant-hsl)}.bdsTC_ufo{--cH: var(--cH_ufo);--cS: var(--cS_ufo);--cL: var(--cL_ufo);--color-theme-hsl: var(--color_ufo-hsl)}.bdsTC_alien{--cH: var(--cH_alien);--cS: var(--cS_alien);--cL: var(--cL_alien);--color-theme-hsl: var(--color_alien-hsl)}.bdsTC_tombstone{--cH: var(--cH_tombstone);--cS: var(--cS_tombstone);--cL: var(--cL_tombstone);--color-theme-hsl: var(--color_tombstone-hsl)}.bdsTC_ninja{--cH: var(--cH_ninja);--cS: var(--cS_ninja);--cL: var(--cL_ninja);--color-theme-hsl: var(--color_ninja-hsl)}.bdsTC_moon{--cH: var(--cH_moon);--cS: var(--cS_moon);--cL: var(--cL_moon);--color-theme-hsl: var(--color_moon-hsl)}.bdsTC_rain{--cH: var(--cH_rain);--cS: var(--cS_rain);--cL: var(--cL_rain);--color-theme-hsl: var(--color_rain-hsl)}.bdsTC_unicorn{--cH: var(--cH_unicorn);--cS: var(--cS_unicorn);--cL: var(--cL_unicorn);--color-theme-hsl: var(--color_unicorn-hsl)}.bdsTC_axe{--cH: var(--cH_axe);--cS: var(--cS_axe);--cL: var(--cL_axe);--color-theme-hsl: var(--color_axe-hsl)}.bdsTC_gem{--cH: var(--cH_gem);--cS: var(--cS_gem);--cL: var(--cL_gem);--color-theme-hsl: var(--color_gem-hsl)}.bdsTC_soap{--cH: var(--cH_soap);--cS: var(--cS_soap);--cL: var(--cL_soap);--color-theme-hsl: var(--color_soap-hsl)}.bdsTC_drizzle{--cH: var(--cH_drizzle);--cS: var(--cS_drizzle);--cL: var(--cL_drizzle);--color-theme-hsl: var(--color_drizzle-hsl)}.bdsTC_building{--cH: var(--cH_building);--cS: var(--cS_building);--cL: var(--cL_building);--color-theme-hsl: var(--color_building-hsl)}.bdsTC_fish{--cH: var(--cH_fish);--cS: var(--cS_fish);--cL: var(--cL_fish);--color-theme-hsl: var(--color_fish-hsl)}.bdsTC_icicles{--cH: var(--cH_icicles);--cS: var(--cS_icicles);--cL: var(--cL_icicles);--color-theme-hsl: var(--color_icicles-hsl)}.bdsTC_water{--cH: var(--cH_water);--cS: var(--cS_water);--cL: var(--cL_water);--color-theme-hsl: var(--color_water-hsl)}.bdsTC_tree1{--cH: var(--cH_tree1);--cS: var(--cS_tree1);--cL: var(--cL_tree1);--color-theme-hsl: var(--color_tree1-hsl)}.bdsTC_tree2{--cH: var(--cH_tree2);--cS: var(--cS_tree2);--cL: var(--cL_tree2);--color-theme-hsl: var(--color_tree2-hsl)}.bdsTC_tree3{--cH: var(--cH_tree3);--cS: var(--cS_tree3);--cL: var(--cL_tree3);--color-theme-hsl: var(--color_tree3-hsl)}.bdsTC_battery{--cH: var(--cH_battery);--cS: var(--cS_battery);--cL: var(--cL_battery);--color-theme-hsl: var(--color_battery-hsl)}.bdsTC_seedle{--cH: var(--cH_seedle);--cS: var(--cS_seedle);--cL: var(--cL_seedle);--color-theme-hsl: var(--color_seedle-hsl)}.bdsTC_greenTea{--cH: var(--cH_greenTea);--cS: var(--cS_greenTea);--cL: var(--cL_greenTea);--color-theme-hsl: var(--color_greenTea-hsl)}.bdsTC_oak{--cH: var(--cH_oak);--cS: var(--cS_oak);--cL: var(--cL_oak);--color-theme-hsl: var(--color_oak-hsl)}.bdsTC_salad{--cH: var(--cH_salad);--cS: var(--cS_salad);--cL: var(--cL_salad);--color-theme-hsl: var(--color_salad-hsl)}.bdsTC_cloudy{--cH: var(--cH_cloudy);--cS: var(--cS_cloudy);--cL: var(--cL_cloudy);--color-theme-hsl: var(--color_cloudy-hsl)}.bdsTC_lemon{--cH: var(--cH_lemon);--cS: var(--cS_lemon);--cL: var(--cL_lemon);--color-theme-hsl: var(--color_lemon-hsl)}.bdsTC_angel{--cH: var(--cH_angel);--cS: var(--cS_angel);--cL: var(--cL_angel);--color-theme-hsl: var(--color_angel-hsl)}.bdsTC_parasol{--cH: var(--cH_parasol);--cS: var(--cS_parasol);--cL: var(--cL_parasol);--color-theme-hsl: var(--color_parasol-hsl)}.bdsTC_pizza{--cH: var(--cH_pizza);--cS: var(--cS_pizza);--cL: var(--cL_pizza);--color-theme-hsl: var(--color_pizza-hsl)}.bdsTC_thunder{--cH: var(--cH_thunder);--cS: var(--cS_thunder);--cL: var(--cL_thunder);--color-theme-hsl: var(--color_thunder-hsl)}.bdsTC_latte{--cH: var(--cH_latte);--cS: var(--cS_latte);--cL: var(--cL_latte);--color-theme-hsl: var(--color_latte-hsl)}.bdsTC_island{--cH: var(--cH_island);--cS: var(--cS_island);--cL: var(--cL_island);--color-theme-hsl: var(--color_island-hsl)}.bdsTC_shovel{--cH: var(--cH_shovel);--cS: var(--cS_shovel);--cL: var(--cL_shovel);--color-theme-hsl: var(--color_shovel-hsl)}.bdsTC_coffee{--cH: var(--cH_coffee);--cS: var(--cS_coffee);--cL: var(--cL_coffee);--color-theme-hsl: var(--color_coffee-hsl)}.bdsTC_carrot{--cH: var(--cH_carrot);--cS: var(--cS_carrot);--cL: var(--cL_carrot);--color-theme-hsl: var(--color_carrot-hsl)}.bdsTC_cactus{--cH: var(--cH_cactus);--cS: var(--cS_cactus);--cL: var(--cL_cactus);--color-theme-hsl: var(--color_cactus-hsl)}.bdsTC_volcano{--cH: var(--cH_volcano);--cS: var(--cS_volcano);--cL: var(--cL_volcano);--color-theme-hsl: var(--color_volcano-hsl)}.bdsTC_choco{--cH: var(--cH_choco);--cS: var(--cS_choco);--cL: var(--cL_choco);--color-theme-hsl: var(--color_choco-hsl)}.bdsTC_industry{--cH: var(--cH_industry);--cS: var(--cS_industry);--cL: var(--cL_industry);--color-theme-hsl: var(--color_industry-hsl)}.bdsTC_gun{--cH: var(--cH_gun);--cS: var(--cS_gun);--cL: var(--cL_gun);--color-theme-hsl: var(--color_gun-hsl)}.bdsTC_galaxy{--cH: var(--cH_galaxy);--cS: var(--cS_galaxy);--cL: var(--cL_galaxy);--color-theme-hsl: var(--color_galaxy-hsl)}.bdsTC_line{--cH: var(--cH_line);--cS: var(--cS_line);--cL: var(--cL_line);--color-theme-hsl: var(--color_line-hsl)}.bdsTC_twitter{--cH: var(--cH_twitter);--cS: var(--cS_twitter);--cL: var(--cL_twitter);--color-theme-hsl: var(--color_twitter-hsl)}.bdsTC_amazon{--cH: var(--cH_amazon);--cS: var(--cS_amazon);--cL: var(--cL_amazon);--color-theme-hsl: var(--color_amazon-hsl)}.bdsTC_facebook{--cH: var(--cH_facebook);--cS: var(--cS_facebook);--cL: var(--cL_facebook);--color-theme-hsl: var(--color_facebook-hsl)}.bdsTC_android{--cH: var(--cH_android);--cS: var(--cS_android);--cL: var(--cL_android);--color-theme-hsl: var(--color_android-hsl)}.bdsTC_slackBlue{--cH: var(--cH_slackBlue);--cS: var(--cS_slackBlue);--cL: var(--cL_slackBlue);--color-theme-hsl: var(--color_slackBlue-hsl)}.bdsTC_slackGreen{--cH: var(--cH_slackGreen);--cS: var(--cS_slackGreen);--cL: var(--cL_slackGreen);--color-theme-hsl: var(--color_slackGreen-hsl)}.bdsTC_slackRed{--cH: var(--cH_slackRed);--cS: var(--cS_slackRed);--cL: var(--cL_slackRed);--color-theme-hsl: var(--color_slackRed-hsl)}.bdsTC_slackYellow{--cH: var(--cH_slackYellow);--cS: var(--cS_slackYellow);--cL: var(--cL_slackYellow);--color-theme-hsl: var(--color_slackYellow-hsl)}.bdsTC_slackBase{--cH: var(--cH_slackBase);--cS: var(--cS_slackBase);--cL: var(--cL_slackBase);--color-theme-hsl: var(--color_slackBase-hsl)}.bdsTC_googleBlue{--cH: var(--cH_googleBlue);--cS: var(--cS_googleBlue);--cL: var(--cL_googleBlue);--color-theme-hsl: var(--color_googleBlue-hsl)}.bdsTC_googleGreen{--cH: var(--cH_googleGreen);--cS: var(--cS_googleGreen);--cL: var(--cL_googleGreen);--color-theme-hsl: var(--color_googleGreen-hsl)}.bdsTC_googleYellow{--cH: var(--cH_googleYellow);--cS: var(--cS_googleYellow);--cL: var(--cL_googleYellow);--color-theme-hsl: var(--color_googleYellow-hsl)}.bdsTC_googleRed{--cH: var(--cH_googleRed);--cS: var(--cS_googleRed);--cL: var(--cL_googleRed);--color-theme-hsl: var(--color_googleRed-hsl)}.bdsTNflat{--border-color-thin: hsl(220, 9%, 94%);--border-color-normal: hsl(220, 9%, 90%)}.bdsDM_dark{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: var(--cH), 5%, 8%;--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}.bdsDM_dim{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: var(--cH), 8%, 13%;--color-layer1-hsl: var(--cH), 8%, 20%;--color-layer2-hsl: var(--cH), 8%, 23.3%;--color-layer3-hsl: var(--cH), 8%, 26.6%;--color-layer4-hsl: var(--cH), 8%, 30%;--color-layer5-hsl: var(--cH), 8%, 35%;--color-layer6-hsl: var(--cH), 8%, 40%}@media (prefers-color-scheme: dark){.bdsDM_auto{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-gray-rgb: 34, 39, 45;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer0-hsl: var(--cH), 5%, 8%;--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}}
|
package/dist/fn/Input/Select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as n,c as
|
|
1
|
+
import{b as n,c as p,d as j}from"../../chunk-C5N2D3ZX.js";import{Fragment as ee,jsx as l,jsxs as E}from"react/jsx-runtime";import f,{UUID as R}from"jmini";import{useState as x,useEffect as G}from"react";import{ExtractStyles as re}from"../../@utils";import{Box as h,Span as se,FAI as Q,Column as ie}from"../../atoms";import{Text as F,Row as Y}from"../../mols";import{Button as ue}from"../Button";import{Sheet as ce}from"../Sheet";import{OptionalInputWrapper as pe,BoxWrapper as Se,CoreEffects as k,DefaultBoxishStyles as de}from"./core";import{InputAutocompleteClasses as w}from"../../@styles/componentClasses";import{InputLabel as fe}from"./Label";import{RightIcon as me}from".";function ve(e){let{value:t,states:a}=e,{required:r,options:o}=a,S=[];return r&&t===null&&S.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!S.filter(({type:m})=>m=="invalid").length,notice:S}}const P={FilterSelectableOptions:(e,t)=>{let a=e.rootStates.options;return t||(a=a.filter(r=>r.type!="label")),a}},T={Shallow:e=>{let{rootStates:t,val_status:a}=e,r=re(t);return l(h,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(F.Description,p(n({className:t.className},r),{position:"absolute",width:1,freeCSS:p(n({},r.freeCSS),{color:"orange"}),children:l(h,{"data-input-value-shallow":a.componentID,children:"A"})}))})},Button:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:a,set_preventOpenSelectorOnFocus:r,val_optionFocused:o,set_optionFocused:S,val_validate:m,set_validate:A,val_status:v,set_status:y,val_selectorOpen:c,set_selectorOpen:u}=e,L=t,{tone:D,required:_,form:te,className:le,label:ye,isLabelActive:be,placeholder:Ie,enableFormSubmit:ae,emptySelect:ge,checkValidationAtFirst:oe,onValidate:he,onUpdateValue:Ce,onUpdateValidValue:Te,value:_e="",options:xe,leftIndicator:De,rightIndicator:Oe,leftIcon:Ve,rightIcon:Re,componentID:Fe,status_id:ke,wrapStyles:we,SelectedCellStyles:Ee,SelectorCellStyles:Ae,SelectorStyles:Be,SelectorPosition:We}=L,s=j(L,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorStyles","SelectorPosition"]);return G(()=>{if(t.disabled)return;let i="select-click-"+t.componentID;if(c){if(!f('[data-input-origin="'+t.componentID+'"]'))return;f(document).addEvent({eventID:i,eventType:"click",callback:B=>{let O=f(B.target),V=!!f(O).parent("."+w("Core")).length;f(O).parent("."+w("Selector")).length||V||u(!1)}})}else f(document).removeEvent([i])},[c]),G(()=>{if(v.eventType=="init"||!c)return;let i=f('[data-input-origin="'+t.componentID+'"]');i&&i.focus()},[v.dataValue]),E(ee,{children:[l(h,p(n({tabIndex:0},s),{"data-disabled":t.disabled,"data-show-validation":k.isShowValidation(m,v,!!oe),"data-component-id":v.componentID,"data-input-origin":v.componentID,className:[le,w("Core")].join(" "),onFocus:i=>{if(s!=null&&s.onFocus&&(s==null||s.onFocus(i)),!t.disabled){if(a)return r(!1);u(!0)}},onClick:i=>{s!=null&&s.onClick&&(s==null||s.onClick(i)),!t.disabled&&u(!0)},onKeyDown:i=>{let{key:b,metaKey:B,ctrlKey:O}=i,V=B||O;if(s!=null&&s.onKeyDown&&(s==null||s.onKeyDown(i)),ae&&k.SubmitForm(i,te),!t.disabled){if(f.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(b))return;if(i.preventDefault(),!c)return u(!0);let I=b=="ArrowDown"?1:-1,d=P.FilterSelectableOptions(e),W=d.length-1,g=null;f.scope(()=>{var N,K,q,z,U,H,M,$,J,X;let C=d.findIndex(ne=>ne.value==o);if(I==1){if(g=(K=(N=d[0])==null?void 0:N.value)!=null?K:null,V){g=(q=d[W].value)!=null?q:null;return}if(C==-1||C==W)return;g=(U=(z=d[C+1])==null?void 0:z.value)!=null?U:null}else{if(g=(H=d[W].value)!=null?H:null,V){g=($=(M=d[0])==null?void 0:M.value)!=null?$:null;return}if(C==-1||C==0)return;g=(X=(J=d[C-1])==null?void 0:J.value)!=null?X:null}}),S(g)}),b=="Escape")u(!1);else if(b=="Tab")u(!1);else if(b=="Backspace")y(I=>p(n({},I),{dataValue:null,eventType:"update",eventID:R()}));else if(b==" ")i.preventDefault(),u(!0);else if(b=="Enter"){if(!c)return u(!0);i.preventDefault();let I=t.options.find(d=>d.value==o);if(!I)return;y(d=>p(n({},d),{dataValue:I.value,eventType:"update",eventID:R()})),u(!1)}}},children:E(Y.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(T.Placeholder,n({},e)),l(T.Selected,n({},e)),l(se,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})})),c&&l(T.Selector,n({},e))]})},Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!==null?null:l(h,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Selector:e=>{var S;let t=[],a=P.FilterSelectableOptions(e,!0),r=P.FilterSelectableOptions(e);a.forEach((m,A)=>{let{type:v,value:y}=m,c=e.val_optionFocused==y,u=e.val_status.dataValue===y;if(v=="selector"){t.push(l(ue.Sub.S,p(n({color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1],isActive:u||c,isActiveStyles:c?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"}},e.rootStates.SelectorCellStyles),{onClick:D=>{e.set_status(_=>p(n({},_),{dataValue:y,eventType:"update",eventID:R()})),e.set_selectorOpen(!1),e.set_preventOpenSelectorOnFocus(!0)},children:E(Y.Left,{gap:"1/2",children:[u&&l(Q.Check,{fontColor:"theme"}),l(F.Supplement,{transition:"short",flexSizing:0,children:m.label})]})}),String(y)));return}t.push(l(h,{children:m.label},R()))}),r.length||(t=[l(F.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]);let o={position:"absolute",minWidth:1,freeCSS:{zIndex:1e3}};switch(e.rootStates.SelectorPosition){case 1:o.bottom="100%",o.left=0,o.paddingBottom="1/3";break;case 2:o.bottom="100%",o.right=0,o.paddingBottom="1/3";break;case 3:o.top="100%",o.left=0,o.paddingTop="1/3";break;case 4:o.top="100%",o.right=0,o.paddingTop="1/3";break;default:break}return l(h,p(n({},o),{children:l(ce.Body,p(n({className:w("Selector"),ssCardBox:!0,borderRadius:"2.tone.secondary",boxShadow:"1.normal",overflow:"auto"},e.rootStates.SelectorStyles),{freeCSS:n({minWidth:12*6,maxHeight:12*24},(S=e.rootStates.SelectorStyles)==null?void 0:S.freeCSS),children:l(ie,{gap:"1/12",padding:[1,0],children:t})}))}))},Selected:e=>{let t=[];return e.val_status.dataValue!==null&&f.scope(()=>{let a=e.rootStates.options.find(r=>f.is.equal(r.value,e.val_status.dataValue));a&&t.push(l(h,p(n({},e.rootStates.SelectedCellStyles),{children:a.label}),String(a.value)))}),l(ee,{children:t})},Core:e=>{var _;let{value:t}=e,[a,r]=x(k.DefaultStatus(e.componentID,t)),[o,S]=x(!1),[m,A]=x(!1),[v,y]=x((_=e.value)!=null?_:null),[c,u]=x({ok:!1,notice:[]}),D={rootStates:e,val_preventOpenSelectorOnFocus:o,set_preventOpenSelectorOnFocus:S,val_optionFocused:v,set_optionFocused:y,val_selectorOpen:m,set_selectorOpen:A,val_status:a,set_status:r,val_validate:c,set_validate:u};return k.CommonEffects({type:"select",states:e,val_status:a,set_status:r,val_validate:c,set_validate:u,SystemValidation:ve}),E(Se,{val_status:a,set_status:r,val_validate:c,states:e,children:[l(fe,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||a.dataValue!==null}),l(T.Shallow,n({},D)),l(T.Button,n({},D))]})}},Z=e=>{var a;let t=n({},e);return t=p(n({emptySelect:!0,SelectorPosition:3},t),{freeCSS:n({cursor:"pointer"},t.freeCSS)}),t.emptySelect&&(t.options=[{value:null,label:l(F.Supplement,{fontColor:"4.thin",children:"\u672A\u9078\u629E"})},...t.options]),t.value=(a=t.value)!=null?a:null,t.options.forEach((r,o)=>{let{type:S,value:m}=r;t.options[o]=p(n({},r),{value:m,type:S||"selector"})}),f.is.nullish(t.rightIcon)&&(t.rightIcon=l(me,{ssSphere:2,children:l(Q.AngleDown,{})})),l(pe,{componentID:t.componentID,children:T.Core,states:de(t)})};export{Z as Select,Z as default};
|