amotify 0.1.23 → 0.1.25

package/dist/@styles/var.css

@@ -0,0 +1,1269 @@
+/**
+* @license amotify
+* amotify 0.1.24
+* https://mingoo.co.jp/
+
+* Copyright (c) mingoo, LLC.
+* Released under the MIT license
+
+* Latest updated at: 2024/6/14
+*/
+
+/* src/@styles/var.scss */
+: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-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),
+    8%,
+    89%;
+  --color-layer5-hsl:
+    var(--cH),
+    10%,
+    85%;
+  --color-layer6-hsl:
+    var(--cH),
+    10%,
+    75%;
+  --color-base-rgb:
+    252,
+    252,
+    252;
+  --color-cloud-rgb:
+    241,
+    243,
+    248;
+  --color-monoPrime-rgb:
+    0,
+    0,
+    0;
+  --color-monoSecond-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_thin: rgba(var(--sc), .05);
+  --shadow_color_normal: rgba(var(--sc), .15);
+  --shadow_color_remark: rgba(var(--sc), .23);
+  --shadow_color_thick: rgba(var(--sc), .32);
+  --shadow_color_most: 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-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;
+  --contentHeight: 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-monoPrime-rgb:
+    255,
+    255,
+    255;
+  --color-monoSecond-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:
+    1,
+    2,
+    3;
+  --border-color-thin: hsl(180, 5%, 25%);
+  --border-color-normal: hsl(180, 5%, 38%);
+  --color-layer1-hsl:
+    var(--cH),
+    5%,
+    10%;
+  --color-layer2-hsl:
+    var(--cH),
+    5%,
+    13.3%;
+  --color-layer3-hsl:
+    var(--cH),
+    5%,
+    16.6%;
+  --color-layer4-hsl:
+    var(--cH),
+    5%,
+    20%;
+  --color-layer5-hsl:
+    var(--cH),
+    5%,
+    25%;
+  --color-layer6-hsl:
+    var(--cH),
+    5%,
+    30%;
+}
+.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-monoPrime-rgb:
+    255,
+    255,
+    255;
+  --color-monoSecond-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:
+    1,
+    2,
+    3;
+  --border-color-thin: hsl(180, 5%, 25%);
+  --border-color-normal: hsl(180, 5%, 38%);
+  --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-monoPrime-rgb:
+      255,
+      255,
+      255;
+    --color-monoSecond-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:
+      1,
+      2,
+      3;
+    --border-color-thin: hsl(180, 5%, 25%);
+    --border-color-normal: hsl(180, 5%, 38%);
+    --color-layer1-hsl:
+      var(--cH),
+      5%,
+      10%;
+    --color-layer2-hsl:
+      var(--cH),
+      5%,
+      13.3%;
+    --color-layer3-hsl:
+      var(--cH),
+      5%,
+      16.6%;
+    --color-layer4-hsl:
+      var(--cH),
+      5%,
+      20%;
+    --color-layer5-hsl:
+      var(--cH),
+      5%,
+      25%;
+    --color-layer6-hsl:
+      var(--cH),
+      5%,
+      30%;
+  }
+}