body {
|
position: relative;
|
margin: 0;
|
padding: 0;
|
|
--sand_900: #12110D;
|
--sand_800: #262522;
|
--sand_700: #45433E;
|
--sand_600: #6B6860;
|
--sand_500: #A49F95;
|
--sand_400: #CAC5B8;
|
--sand_300: #E1DED5;
|
--sand_200: #F0EFEB;
|
--sand_100: #F9F8F6;
|
--sand_0: #FDFDFC;
|
|
--grape_0: #F0F3FE;
|
--grape_100: #D4DBFB;
|
--grape_500: #566FCF;
|
--grape_600: #576CC1;
|
--grape_700: #4C5FA9;
|
--grape_800: #37447A;
|
|
--kale_0: #F4F9F9;
|
--kale_400: #57B7AB;
|
|
--plum_500: #CC6FBE;
|
--plum_400: #E37BD3;
|
--plum_100: #F7D6F2;
|
--plum_0: #FBF2FC;
|
|
--persimmon_300: #FF9F89;
|
--persimmon_400: #FF7557;
|
|
--canteloupe_0: #FFF6EF;
|
--canteloupe_100: #FFE4D0;
|
--canteloupe_400: #FFA663;
|
--canteloupe_500: #E69559;
|
--canteloupe_600: #CC854F;
|
--canteloupe_700: #B37445;
|
|
--red_1: #FFF1F0;
|
--red_3: #FFCCC7;
|
--red_7: #CF1322;
|
--red_10: #5C0011;
|
|
--primary_link: #566FCF;
|
}
|
|
.footer {
|
flex: none;
|
text-align: center;
|
bottom: 0;
|
left: 0;
|
right: 0;
|
height: 40px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
gap: 2px;
|
}
|
.footer a {
|
line-height: 24px;
|
color: var(--color-primary-content);
|
text-decoration: inherit;
|
}
|
.footer a:hover {
|
color: var(--color-primary-content-hover);
|
}
|
|
#header {
|
background-color: #fff;
|
height: 48px;
|
flex: none;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding: 0px 16px;
|
z-index: 100;
|
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
|
width: 100%;
|
}
|
|
#header a {
|
color: #304455 !important;
|
text-decoration: none;
|
font-size: 1.4em;
|
}
|
|
#logo img {
|
vertical-align: middle;
|
height: 28px;
|
}
|
|
#logo {
|
display: inline-block;
|
font-size: 1.5em;
|
line-height: 40px;
|
color: #273849;
|
font-weight: 500;
|
display: flex;
|
}
|
|
#nav {
|
list-style-type: none;
|
margin: 0;
|
padding: 0;
|
right: 30px;
|
line-height: 40px;
|
display: flex;
|
align-items: center;
|
}
|
|
#nav .break {
|
display: none;
|
}
|
|
#nav li {
|
display: inline-block;
|
position: relative;
|
margin: 0 0.6em;
|
}
|
|
#nav li a {
|
font-size: 1em;
|
}
|
|
#ls-container {
|
flex: 1;
|
}
|
|
#label-studio {
|
height: 100%;
|
}
|
