amotify/demo/esbuild/public/index.css

UI Component for React,NextJS,esbuild

: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%
  }
}

html {
  scroll-behavior: smooth
}

html.usrDevice_Windows *::-webkit-scrollbar,
html.usrDevice_Windows *::-webkit-scrollbar-track {
  width: calc(var(--grid-unit) * 2 / 3);
  height: calc(var(--grid-unit) * 1 / 2);
  background-color: hsl(var(--color-layer1-hsl))
}

html.usrDevice_Windows *::-webkit-scrollbar-thumb {
  width: calc(var(--grid-unit) * 2 / 3);
  height: calc(var(--grid-unit) * 2 / 3);
  background-color: hsl(var(--color-layer5-hsl))
}

.AMOTIFY_be_body {
  padding: 0;
  margin: 0;
  transition: opacity var(--animation-time2);
  background-color: rgba(var(--color-dark-rgb), 1)
}

amotify-app {
  display: block
}

.AMOTIFY_be_origin {
  max-width: 200rem;
  min-height: var(--viewHeight);
  background-color: rgba(var(--color-base-rgb), 1);
  transition: var(--animation-time3);
  position: relative;
  margin: 0 auto;
  padding: 0;
  z-index: 1
}

.AMOTIFY_be {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  letter-spacing: .5px;
  word-wrap: break-word;
  word-break: normal;
  color: rgb(var(--font-color2-rgb));
  font-size: var(--font-size2);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, Hiragino Sans, Yu Gothic UI, Meiryo UI, Hiragino Kaku Gothic ProN;
  font-kerning: normal;
  caret-color: hsl(var(--color-theme-hsl));
  line-height: 1.5
}

.AMOTIFY_be * {
  padding: 0;
  margin: 0;
  box-sizing: border-box
}

.AMOTIFY_be *:before,
.AMOTIFY_be *:after {
  box-sizing: border-box
}

.AMOTIFY_be *::selection {
  background-color: hsl(var(--color-theme-hsl)) !important;
  color: #fff !important
}

.AMOTIFY_be input,
.AMOTIFY_be select,
.AMOTIFY_be textarea {
  line-height: inherit
}

.AMOTIFY_be button,
.AMOTIFY_be a,
.AMOTIFY_be label,
.AMOTIFY_be input,
.AMOTIFY_be select,
.AMOTIFY_be textarea {
  font-family: inherit;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: manipulation
}

.AMOTIFY_be button,
.AMOTIFY_be a,
.AMOTIFY_be label {
  cursor: pointer
}

.AMOTIFY_be svg {
  vertical-align: auto;
  object-fit: cover
}

@media print {
  body {
    overflow: auto !important;
    background-color: #fff !important;
    color: #000 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important
  }

  .AMOTIFY_be_origin {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff !important;
    color: #000 !important;
    min-height: 0 !important
  }

  .AMOTIFY_be_snackbar {
    display: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important
  }
}

._Img_1egfu_1 {
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  vertical-align: top;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit
}

._Img_1egfu_1._ShowExpand_true_1egfu_11 {
  transition: var(--animation-time2)
}

._Img_1egfu_1._ShowExpand_true_1egfu_11:hover {
  opacity: .8
}

._Size_S_10jdu_1 {
  width: calc(var(--grid-unit) * 2);
  height: calc(var(--grid-unit) * 2);
  font-size: var(--grid-unit)
}

._Size_R_10jdu_6 {
  width: calc(var(--grid-unit) * 3);
  height: calc(var(--grid-unit) * 3);
  font-size: calc(var(--grid-unit) * 3 / 2)
}

._Size_L_10jdu_11 {
  width: calc(var(--grid-unit) * 4);
  height: calc(var(--grid-unit) * 4);
  font-size: calc(var(--grid-unit) * 2.5)
}

._Size_2L_10jdu_16 {
  width: calc(var(--grid-unit) * 6);
  height: calc(var(--grid-unit) * 6);
  font-size: calc(var(--grid-unit) * 3)
}

._Size_3L_10jdu_21 {
  width: calc(var(--grid-unit) * 8);
  height: calc(var(--grid-unit) * 8);
  font-size: calc(var(--grid-unit) * 4)
}

._Icon_10jdu_27 svg {
  height: 100%
}

._Title_10jdu_31 {
  width: auto
}

._Title_10jdu_31 svg {
  height: 100%
}

._ComunIcon_10jdu_38 path {
  filter: drop-shadow(0 0 0 transparent inset, var(--shadow_style_4) var(--shadow_color_remark))
}

._ComunTitle_10jdu_42 {
  letter-spacing: 3px
}

._MingooIcon_10jdu_46 ._P_10jdu_46 {
  transform-box: fill-box;
  transform-origin: bottom !important
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_0_10jdu_50 {
  transform: rotate(0)
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_1_10jdu_53 {
  transform: rotate(-30deg)
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_2_10jdu_56 {
  transform: rotate(-60deg)
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_3_10jdu_59 {
  transform: rotate(-90deg)
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_4_10jdu_62 {
  transform: rotate(-120deg)
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_5_10jdu_65 {
  transform: rotate(-150deg)
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_6_10jdu_68 {
  transform: rotate(-180deg)
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_7_10jdu_71 {
  transform: rotate(-210deg)
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_8_10jdu_74 {
  transform: rotate(-240deg)
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_9_10jdu_77 {
  transform: rotate(-270deg);
  opacity: .3
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_10_10jdu_81 {
  transform: rotate(30deg);
  opacity: .3
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_11_10jdu_85 {
  transform: rotate(60deg);
  opacity: .3
}

._MingooIcon_10jdu_46 ._P_10jdu_46._P_12_10jdu_89 {
  transform: rotate(90deg);
  opacity: .3
}

@keyframes _PlaceholderEffect_rl2bi_1 {
  0% {
    left: -50%;
    opacity: 0
  }

  30% {
    opacity: 1
  }

  to {
    left: 150%;
    opacity: 0
  }
}

._Placeholder_rl2bi_14 ._Body_rl2bi_14 {
  position: absolute;
  content: "";
  inset: 0;
  width: 40%;
  background: linear-gradient(to right, transparent, hsl(var(--color-layer5-hsl)));
  animation: 1.5s _PlaceholderEffect_rl2bi_1 linear infinite
}

._Placeholder_rl2bi_14 ._Body_rl2bi_14._Color_white_rl2bi_25 {
  background: linear-gradient(to right, transparent, hsl(var(--color-layer1-hsl)))
}

._Wrap_13krz_1._Open_true_13krz_1 {
  opacity: 1
}

._Wrap_13krz_1._Open_false_13krz_4 {
  opacity: 0 !important;
  pointer-events: none !important
}

._Wrap_13krz_1._Open_false_13krz_4 * {
  pointer-events: none !important
}

._Wrapper_1s842_1 {
  z-index: 8;
  position: absolute;
  max-height: var(--viewHeight);
  max-width: 100%;
  width: 25rem
}

._Cell_1s842_9 {
  transform: scale(.3);
  transform-origin: bottom right
}

._Cell_1s842_9._FadeIn_1s842_13 {
  transform: scale(1);
  opacity: 1
}

._Cell_1s842_9._FadeOut_1s842_17 {
  transition: .2s !important;
  opacity: 0;
  transform: scale(.3)
}

@media print {
  ._Wrapper_3nb6i_2 {
    position: absolute !important;
    height: auto !important
  }

  ._Wrap_3nb6i_2 {
    height: auto !important
  }

  ._Wrap_3nb6i_2 ._Content_3nb6i_9 {
    height: auto !important;
    overflow: unset !important
  }
}

._Wrapper_3nb6i_2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  pointer-events: none;
  z-index: 6
}

._Wrap_3nb6i_2 {
  pointer-events: none !important;
  height: 0
}

._Wrap_3nb6i_2 ._TapSensor_3nb6i_28 {
  position: sticky;
  top: 0;
  height: 0;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  flex: none
}

._Wrap_3nb6i_2 ._TapSensor_3nb6i_28 ._TapContent_3nb6i_38 {
  background-color: transparent;
  position: absolute;
  top: 0;
  height: var(--viewHeight);
  width: 100%
}

._Wrap_3nb6i_2._Hide_3nb6i_45 {
  display: none !important
}

._Wrap_3nb6i_2._Open_3nb6i_48._isMainSheet_true_3nb6i_48 ._Content_3nb6i_9 {
  pointer-events: all !important;
  background-color: rgba(var(--color-dark-rgb), .25)
}

._Wrap_3nb6i_2._Open_3nb6i_48._isMainSheet_false_3nb6i_52 ._BB_3nb6i_52 {
  pointer-events: all !important
}

._Wrap_3nb6i_2._Tcate_normal_3nb6i_55 ._TapSensor_3nb6i_28:active+._BB_3nb6i_52 {
  transform: scale(1.015);
  transition: var(--animation-time1)
}

._Wrap_3nb6i_2._Tcate_normal_3nb6i_55 ._TapSensor_3nb6i_28:active+._BB_3nb6i_52 ._BaseBody_3nb6i_59 {
  transition: var(--animation-time1);
  box-shadow: 0 0 0 transparent inset, var(--shadow_style_4) var(--shadow_color_remark)
}

._Wrap_3nb6i_2._Tcate_normal_3nb6i_55 ._BB_3nb6i_52 {
  transform: scale(.95);
  pointer-events: none !important
}

._Wrap_3nb6i_2._Tcate_normal_3nb6i_55 ._BB_3nb6i_52>* {
  pointer-events: all
}

._Wrap_3nb6i_2._Tcate_normal_3nb6i_55._Open_3nb6i_48 ._BB_3nb6i_52 {
  transform: scale(1);
  opacity: 1
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_left_3nb6i_74 ._Content_3nb6i_9 {
  overflow: hidden auto
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_left_3nb6i_74 ._TapSensor_3nb6i_28:active+._BB_3nb6i_52 {
  transition: var(--animation-time1);
  left: calc(-1 * var(--grid-unit) * 2)
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_left_3nb6i_74 ._BB_3nb6i_52 {
  max-width: 100%;
  left: -10%
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_left_3nb6i_74._Open_3nb6i_48 ._BB_3nb6i_52 {
  left: 0;
  opacity: 1
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_right_3nb6i_89 ._Content_3nb6i_9 {
  overflow: hidden auto
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_right_3nb6i_89 ._TapSensor_3nb6i_28:active+._BB_3nb6i_52 {
  transition: var(--animation-time1);
  right: calc(-1 * var(--grid-unit) * 2)
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_right_3nb6i_89 ._BB_3nb6i_52 {
  max-width: 100%;
  right: -10%
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_right_3nb6i_89._Open_3nb6i_48 ._BB_3nb6i_52 {
  right: 0;
  opacity: 1
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_bottom_3nb6i_104 ._TapSensor_3nb6i_28:active+._BB_3nb6i_52 {
  padding-top: 2vh !important;
  transition: var(--animation-time1) !important
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_bottom_3nb6i_104 ._BB_3nb6i_52 {
  padding-top: 10vh
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_bottom_3nb6i_104 ._BB_3nb6i_52 ._DragBar_3nb6i_111 {
  position: relative
}

._Wrap_3nb6i_2._Tcate_drawer_3nb6i_74._Tpos_bottom_3nb6i_104._Open_3nb6i_48 ._BB_3nb6i_52 {
  padding-top: 0;
  opacity: 1 !important;
  transition: var(--animation-time3)
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._TapSensor_3nb6i_28:active+._BB_3nb6i_52 {
  transform: scale(1.015);
  transition: var(--animation-time1);
  box-shadow: 0 0 0 transparent inset, var(--shadow_style_4) var(--shadow_color_remark)
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._BB_3nb6i_52 {
  transform: scale(.95)
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._BB_3nb6i_52._CustomSheet_3nb6i_127 {
  position: relative
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_1_3nb6i_130._Row_1_3nb6i_130,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_1_3nb6i_130._Row_4_3nb6i_130,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_4_3nb6i_130._Row_1_3nb6i_130,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_4_3nb6i_130._Row_4_3nb6i_130 {
  transform-origin: bottom right
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_1_3nb6i_130._Row_2_3nb6i_133,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_1_3nb6i_130._Row_5_3nb6i_133,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_4_3nb6i_130._Row_2_3nb6i_133,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_4_3nb6i_130._Row_5_3nb6i_133 {
  transform-origin: top right
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_2_3nb6i_136._Row_1_3nb6i_130,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_2_3nb6i_136._Row_4_3nb6i_130,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_5_3nb6i_136._Row_1_3nb6i_130,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_5_3nb6i_136._Row_4_3nb6i_130 {
  transform-origin: bottom left
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_2_3nb6i_136._Row_2_3nb6i_133,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_2_3nb6i_136._Row_5_3nb6i_133,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_5_3nb6i_136._Row_2_3nb6i_133,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_5_3nb6i_136._Row_5_3nb6i_133 {
  transform-origin: top left
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3_3nb6i_142,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_18_3nb6i_142 {
  transform-origin: bottom
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_8_3nb6i_145,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_23_3nb6i_145 {
  transform-origin: top
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_11_3nb6i_148,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_14_3nb6i_148 {
  transform-origin: right
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_12_3nb6i_151,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_15_3nb6i_151 {
  transform-origin: left
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_1_3nb6i_130,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_4_3nb6i_130 {
  right: 0;
  justify-content: flex-end
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_2_3nb6i_136,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_5_3nb6i_136 {
  left: 0
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Col_3_3nb6i_161 {
  align-items: center;
  justify-content: center
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Row_1_3nb6i_130,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Row_4_3nb6i_130 {
  bottom: 0
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Row_2_3nb6i_133,
._Wrap_3nb6i_2._Tcate_custom_3nb6i_119 ._GPT_3nb6i_130._Row_5_3nb6i_133 {
  top: 0
}

._Wrap_3nb6i_2._Tcate_custom_3nb6i_119._Open_3nb6i_48 ._BB_3nb6i_52 {
  transform: scale(1);
  opacity: 1
}

@media print {
  ._TapContent_3nb6i_38 {
    display: none !important
  }
}

._Wrapper_jip2p_1 {
  z-index: 10;
  position: absolute
}

@keyframes _ldAnm_jip2p_1 {
  0% {
    height: 20%
  }

  40% {
    height: 100%
  }

  80% {
    height: 20%
  }
}

._CornerLoader_jip2p_17 ._Wrap_jip2p_1 {
  height: 12px;
  gap: 1px
}

._CornerLoader_jip2p_17 ._Wrap_jip2p_1>div {
  box-shadow: 0 0 0 transparent inset, var(--shadow_style_1) var(--shadow_color_remark);
  background-color: #fff;
  border-radius: 4px;
  width: 2px;
  height: 20%
}

._CornerLoader_jip2p_17._isActive_jip2p_28 {
  opacity: .7
}

._CornerLoader_jip2p_17._isActive_jip2p_28 ._Wrap_jip2p_1>div {
  animation: 1.2s _ldAnm_jip2p_1 ease infinite
}

._CornerLoader_jip2p_17._isActive_jip2p_28 ._Wrap_jip2p_1>div._Ld1_jip2p_34 {
  animation-delay: 0s
}

._CornerLoader_jip2p_17._isActive_jip2p_28 ._Wrap_jip2p_1>div._Ld2_jip2p_37 {
  animation-delay: .15s
}

._CornerLoader_jip2p_17._isActive_jip2p_28 ._Wrap_jip2p_1>div._Ld3_jip2p_40 {
  animation-delay: .3s
}

._CornerLoader_jip2p_17._isActive_jip2p_28 ._Wrap_jip2p_1>div._Ld4_jip2p_43 {
  animation-delay: calc(3 * .15s)
}

@keyframes _ldAnm_jip2p_1 {
  0% {
    height: 50%
  }

  25% {
    height: 100%
  }

  50% {
    height: 20%
  }

  75% {
    height: 50%
  }
}

._MiniLoader_jip2p_61 {
  transition: .1s
}

._MiniLoader_jip2p_61._Active_false_jip2p_64,
._MiniLoader_jip2p_61._Hide_jip2p_67 {
  display: none !important
}

._MiniLoader_jip2p_61:not(._Active_jip2p_64) {
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  width: 0 !important;
  height: 0 !important
}

._MiniLoader_jip2p_61>._Core_jip2p_77 {
  animation: _spin_jip2p_1 .5s linear infinite
}

._MiniLoader_jip2p_61 svg {
  height: 100%;
  position: absolute;
  fill: none
}

._MiniLoader_jip2p_61 ._SVG1_jip2p_85 {
  stroke-width: 9;
  stroke-dasharray: 220 220;
  stroke-linecap: round;
  animation: _loader_jip2p_1 1.8s infinite cubic-bezier(.4, 0, .3, 1), _loading_jip2p_1 1.4s infinite linear;
  vertical-align: middle
}

._MiniLoader_jip2p_61 ._SVG2_jip2p_92 {
  stroke-width: 6;
  opacity: .2
}

@keyframes _loader_jip2p_1 {
  0% {
    stroke-dashoffset: 220
  }

  to {
    stroke-dashoffset: -220
  }
}

@keyframes _loading_jip2p_1 {
  0% {
    transform: none
  }

  to {
    transform: rotate(360deg)
  }
}

@media print {
  ._RootViewController_czfgs_2 {
    min-height: unset !important
  }
}

@media (max-width: 834px) {
  ._RootViewController_czfgs_2 ._Content_czfgs_7 {
    min-height: calc(var(--viewHeight) - var(--topNavHeight) - var(--footerNavHeight))
  }
}

._RootViewController_czfgs_2 ._TopNav_czfgs_11 {
  z-index: 5
}

._RootViewController_czfgs_2 ._FooterNav_czfgs_14 {
  z-index: 4
}

._RootViewController_czfgs_2 ._Body_czfgs_17 ._SideNav_czfgs_17 {
  z-index: 3
}

._RootViewController_czfgs_2 ._Body_czfgs_17 ._Content_czfgs_7 {
  z-index: 2
}

._SwipeView_czfgs_24 ._Rail_czfgs_24._ShowOther_true_czfgs_24>._Child_czfgs_24 {
  opacity: 100% !important
}

._SwipeView_czfgs_24 ._Rail_czfgs_24 ._Child_czfgs_24 {
  opacity: 0%;
  transition: .3s;
  height: 0
}

._SwipeView_czfgs_24 ._Rail_czfgs_24 ._Child_czfgs_24._Display_czfgs_32 {
  opacity: 100%;
  height: auto
}

._SwipeView_czfgs_24 ._Rail_czfgs_24 ._Child_czfgs_24._LoopAdjusting_czfgs_36 {
  transition: 0s !important
}

._Wrap_1rtvv_1 tbody {
  border-radius: inherit
}

._Wrap_1rtvv_1._RowClickable_true_1rtvv_4 ._Row_1rtvv_4._BodyRow_1rtvv_4:not(._DataNotFound_1rtvv_4) {
  cursor: pointer
}

._Wrap_1rtvv_1._RowClickable_true_1rtvv_4 ._Row_1rtvv_4._BodyRow_1rtvv_4:not(._DataNotFound_1rtvv_4):hover ._Cell_1rtvv_7 {
  background-color: hsl(var(--color-layer2-hsl))
}

._Wrap_1rtvv_1._RowClickable_true_1rtvv_4 ._Row_1rtvv_4._BodyRow_1rtvv_4:not(._DataNotFound_1rtvv_4):active ._Cell_1rtvv_7 {
  background-color: hsl(var(--color-layer3-hsl))
}

._Wrap_1rtvv_1 ._Table_1rtvv_13 {
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  height: 100%;
  border-radius: inherit
}

._Wrap_1rtvv_1 ._Table_1rtvv_13 ._Row_1rtvv_4 {
  border-radius: inherit
}

._TableType_drag_1rtvv_24 * {
  user-select: none;
  -webkit-user-select: none
}

._TableType_drag_1rtvv_24 ._DraggerOrigin_1rtvv_28 ._Cell_1rtvv_7 {
  transition: var(--animation-time2);
  background-color: hsl(var(--color-layer4-hsl));
  opacity: .8;
  pointer-events: none
}

._TableType_drag_1rtvv_24 ._DragableButton_1rtvv_34 {
  cursor: grab
}

._TableType_drag_1rtvv_24 ._DragableButton_1rtvv_34:hover,
._TableType_drag_1rtvv_24 ._DragableButton_1rtvv_34:active {
  color: hsl(var(--color-theme-hsl))
}

._TableType_data_1rtvv_43 ._Console_1rtvv_43 {
  width: 100%;
  border-bottom: 1px solid var(--border-color-normal);
  position: relative;
  z-index: 2;
  flex: none
}

._TableType_data_1rtvv_43 ._Console_1rtvv_43+._TableBase_1rtvv_50 {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

._TableType_data_1rtvv_43 ._TableBase_1rtvv_50,
._TableType_data_1rtvv_43 ._TableBase_1rtvv_50 ._Table_1rtvv_13 {
  border-radius: inherit
}

._TableType_data_1rtvv_43 ._TableBase_1rtvv_50 ._Table_1rtvv_13 ._HeadRow_1rtvv_60 {
  border-radius: inherit;
  position: relative;
  z-index: 2 !important;
  min-width: 100%
}

._TableType_data_1rtvv_43 ._TableBase_1rtvv_50 ._Table_1rtvv_13 ._HeadRow_1rtvv_60 ._Cell_1rtvv_7 ._FilterRegion_1rtvv_66 {
  font-size: inherit
}

._TableType_data_1rtvv_43 ._TableBase_1rtvv_50 ._Table_1rtvv_13 ._HeadRow_1rtvv_60 ._Cell_1rtvv_7 ._FilterRegion_1rtvv_66 ._Filtering_true_1rtvv_69 {
  border: none;
  background-color: hsl(var(--color-theme-hsl)) !important;
  color: #fff !important;
  box-shadow: 0 0 0 transparent inset, var(--shadow_style_1) var(--shadow_color_remark)
}

._TableType_data_1rtvv_43 ._TableBase_1rtvv_50 ._Table_1rtvv_13 ._BodyRow_1rtvv_4 {
  position: relative;
  z-index: 1
}

._Cell_1rtvv_7 {
  font-weight: 400
}

._RippleElement_17vcx_1 {
  transition: var(--animation-time1);
  position: relative;
  -webkit-user-select: none;
  user-select: none
}

._RippleElement_17vcx_1._Color_cloud_17vcx_7 ._RippleWrap_17vcx_7 ._Wave_17vcx_7 {
  background-color: rgba(var(--color-dark-rgb), .25) !important
}

._RippleElement_17vcx_1._Color_theme_17vcx_10 ._RippleWrap_17vcx_7 ._Wave_17vcx_7 {
  background-color: hsl(var(--cH), calc(var(--cS) * 1.2), calc(var(--cL) * 1.25)) !important;
  opacity: .4
}

._RippleWrap_17vcx_7 {
  position: absolute !important;
  z-index: 100 !important;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none !important
}

._RippleWrap_17vcx_7 ._Wave_17vcx_7 {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 1s;
  transition-timing-function: var(--animation-style1);
  background-color: #ffffffbf
}

._PuddingEffect_17vcx_39 {
  animation: _pdAnm_17vcx_1 .5s ease;
  position: relative
}

@keyframes _pdAnm_17vcx_1 {
  0% {
    transform: scaleZ(1)
  }

  10% {
    transform: scale3d(1.1, .75, 1)
  }

  20% {
    transform: scale3d(.85, 1.15, 1)
  }

  30% {
    transform: scale3d(1.05, .85, 1)
  }

  45% {
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    transform: scale3d(1.02, .95, 1)
  }

  to {
    transform: scaleZ(1)
  }
}

[data-effect-expand="1"]:active {
  transition: var(--animation-time1);
  transform: scale(1.05)
}

[data-effect-shrink="1"]:active {
  transition: var(--animation-time1);
  transform: scale(.97)
}

[data-effect-push="1"]:active {
  box-shadow: 0 0 0 transparent inset, var(--shadow_style_1) var(--shadow_color_remark) inset, 0 0 0 transparent !important
}

[data-effect-push="1"]:focus {
  box-shadow: 0 0 0 transparent inset, 0 0 0 transparent inset, var(--shadow_style_3) var(--shadow_color_remark)
}

._Wrap_8x4zl_1 {
  vertical-align: bottom
}

._Wrap_8x4zl_1._Use_profile_8x4zl_4 {
  max-width: calc(var(--grid-unit) * 38)
}

._Wrap_8x4zl_1._Use_head_8x4zl_7 {
  max-width: calc(var(--grid-unit) * 72)
}

._Canvas_8x4zl_11 {
  cursor: move;
  overflow: hidden;
  vertical-align: middle
}

._Preview_8x4zl_17 {
  display: none
}

._ToneBall_8x4zl_21 {
  position: relative;
  background-color: gray
}

._ToneBall_1_8x4zl_25 {
  background-color: orange
}

._ToneBall_2_8x4zl_28 {
  background-color: #9696ff
}

._ToneBall_3_8x4zl_31 {
  background-color: #f0c891
}

._ToneBall_4_8x4zl_34 {
  background-color: #0ff
}

._ToneBall_5_8x4zl_37 {
  background-color: #f0f
}

._ToneBall_6_8x4zl_40 {
  background-color: #ff0
}

._ToneBall_7_8x4zl_43 {
  background-color: #289ea9
}

._ToneBall_8_8x4zl_46 {
  background-color: #5a70a2
}

._ToneBall_9_8x4zl_49 {
  background-color: #32c057
}

._ToneBall_10_8x4zl_52 {
  background-color: #f6148c
}

._Wrap_kr7qs_1 {
  text-decoration: none;
  vertical-align: bottom;
  position: relative;
  user-select: none;
  -webkit-user-select: none
}

._Wrap_kr7qs_1>* {
  position: relative;
  z-index: 2;
  pointer-events: none
}

._Wrap_kr7qs_1[disabled] {
  pointer-events: none
}

._Wrap_kr7qs_1._isLocked_true_kr7qs_16 {
  background-color: hsl(var(--color-layer4-hsl)) !important;
  box-shadow: none !important
}

._Tone_sub_Color_theme_kr7qs_21,
._Tone_clear_Color_theme_kr7qs_21 {
  background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-few))
}

._Tone_sub_Color_posi_kr7qs_24,
._Tone_clear_Color_posi_kr7qs_24 {
  background-color: rgba(var(--color-positive-rgb), .075)
}

._Tone_sub_Color_nega_kr7qs_27,
._Tone_clear_Color_nega_kr7qs_27 {
  background-color: rgba(var(--color-negative-rgb), .075)
}

._Tone_sub_Color_warn_kr7qs_30,
._Tone_clear_Color_warn_kr7qs_30 {
  background-color: rgba(var(--color-warning-rgb), .075)
}

._Tone_sub_Color_white_kr7qs_33,
._Tone_clear_Color_white_kr7qs_33 {
  background-color: #ffffff26
}

._Tone_sub_Color_cloud_kr7qs_36,
._Tone_clear_Color_cloud_kr7qs_36 {
  background-color: rgba(var(--color-cloud-rgb), .7)
}

._Tone_sub_Color_layer_kr7qs_39,
._Tone_clear_Color_layer_kr7qs_39 {
  background-color: hsla(var(--color-layer5-hsl), .3)
}

._isNeutral_true_kr7qs_43._Tone_clear_kr7qs_21:not(:hover):not(:focus) {
  background-color: transparent
}

._isNeutral_true_kr7qs_43._Tone_borderToFill_kr7qs_46:not(:hover):not(:focus) {
  background-color: transparent !important
}

._isNeutral_true_kr7qs_43._Tone_fillToBorder_kr7qs_49:not(:hover):not(:focus) {
  color: #fff !important
}

._isNeutral_true_kr7qs_43._Tone_fillToBorder_Color_white_kr7qs_52:not(:hover):not(:focus),
._isNeutral_true_kr7qs_43._Tone_fillToBorder_Color_cloud_kr7qs_52:not(:hover):not(:focus) {
  color: #000 !important
}

._isNeutral_true_kr7qs_43:hover._Tone_link_kr7qs_55,
._isNeutral_true_kr7qs_43:focus._Tone_link_kr7qs_55 {
  color: hsl(var(--color-theme-hsl));
  text-decoration: underline !important
}

._isNeutral_true_kr7qs_43:hover._Tone_link_kr7qs_55 *,
._isNeutral_true_kr7qs_43:focus._Tone_link_kr7qs_55 * {
  text-decoration: underline !important
}

._isNeutral_true_kr7qs_43:hover._Tone_normal_Color_plain_kr7qs_62,
._isNeutral_true_kr7qs_43:focus._Tone_normal_Color_plain_kr7qs_62 {
  background-color: hsl(var(--color-layer3-hsl));
  color: rgb(var(--font-color2-rgb))
}

._isNeutral_true_kr7qs_43:hover._Tone_normal_Color_theme_kr7qs_66,
._isNeutral_true_kr7qs_43:focus._Tone_normal_Color_theme_kr7qs_66 {
  background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-few));
  color: hsl(var(--color-theme-hsl))
}

._isNeutral_true_kr7qs_43:hover._Tone_normal_Color_posi_kr7qs_70,
._isNeutral_true_kr7qs_43:focus._Tone_normal_Color_posi_kr7qs_70 {
  background-color: rgba(var(--color-positive-rgb), .1);
  color: rgba(var(--color-positive-rgb), 1)
}

._isNeutral_true_kr7qs_43:hover._Tone_normal_Color_nega_kr7qs_74,
._isNeutral_true_kr7qs_43:focus._Tone_normal_Color_nega_kr7qs_74 {
  background-color: rgba(var(--color-negative-rgb), .1);
  color: rgba(var(--color-negative-rgb), 1)
}

._isNeutral_true_kr7qs_43:hover._Tone_normal_Color_warn_kr7qs_78,
._isNeutral_true_kr7qs_43:focus._Tone_normal_Color_warn_kr7qs_78 {
  background-color: rgba(var(--color-warning-rgb), .1);
  color: rgba(var(--color-warning-rgb), 1)
}

._isNeutral_true_kr7qs_43:hover._Tone_border_kr7qs_46,
._isNeutral_true_kr7qs_43:focus._Tone_border_kr7qs_46 {
  background-color: rgba(var(--color-cloud-rgb), 1)
}

._isNeutral_true_kr7qs_43:hover._Tone_prime_kr7qs_85,
._isNeutral_true_kr7qs_43:focus._Tone_prime_kr7qs_85 {
  opacity: .85
}

._isNeutral_true_kr7qs_43:hover._Tone_sub_Color_theme_kr7qs_21,
._isNeutral_true_kr7qs_43:hover._Tone_clear_Color_theme_kr7qs_21,
._isNeutral_true_kr7qs_43:focus._Tone_sub_Color_theme_kr7qs_21,
._isNeutral_true_kr7qs_43:focus._Tone_clear_Color_theme_kr7qs_21 {
  background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
  color: hsl(var(--color-theme-hsl))
}

._isNeutral_true_kr7qs_43:hover._Tone_sub_Color_posi_kr7qs_24,
._isNeutral_true_kr7qs_43:hover._Tone_clear_Color_posi_kr7qs_24,
._isNeutral_true_kr7qs_43:focus._Tone_sub_Color_posi_kr7qs_24,
._isNeutral_true_kr7qs_43:focus._Tone_clear_Color_posi_kr7qs_24 {
  background-color: rgba(var(--color-positive-rgb), .125);
  color: rgba(var(--color-positive-rgb), 1)
}

._isNeutral_true_kr7qs_43:hover._Tone_sub_Color_nega_kr7qs_27,
._isNeutral_true_kr7qs_43:hover._Tone_clear_Color_nega_kr7qs_27,
._isNeutral_true_kr7qs_43:focus._Tone_sub_Color_nega_kr7qs_27,
._isNeutral_true_kr7qs_43:focus._Tone_clear_Color_nega_kr7qs_27 {
  background-color: rgba(var(--color-negative-rgb), .125);
  color: rgba(var(--color-negative-rgb), 1)
}

._isNeutral_true_kr7qs_43:hover._Tone_sub_Color_warn_kr7qs_30,
._isNeutral_true_kr7qs_43:hover._Tone_clear_Color_warn_kr7qs_30,
._isNeutral_true_kr7qs_43:focus._Tone_sub_Color_warn_kr7qs_30,
._isNeutral_true_kr7qs_43:focus._Tone_clear_Color_warn_kr7qs_30 {
  background-color: rgba(var(--color-warning-rgb), .125);
  color: rgba(var(--color-warning-rgb), 1)
}

._isNeutral_true_kr7qs_43:hover._Tone_sub_Color_white_kr7qs_33,
._isNeutral_true_kr7qs_43:hover._Tone_clear_Color_white_kr7qs_33,
._isNeutral_true_kr7qs_43:focus._Tone_sub_Color_white_kr7qs_33,
._isNeutral_true_kr7qs_43:focus._Tone_clear_Color_white_kr7qs_33 {
  background-color: #ffffff40;
  color: #fff
}

._isNeutral_true_kr7qs_43:hover._Tone_sub_Color_cloud_kr7qs_36,
._isNeutral_true_kr7qs_43: