You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__Classrooms__Lists__Exerc...

750 lines
27 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/ResTable/index.less ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.react-resizable {
position: relative;
background-clip: padding-box;
}
.react-resizable-handle {
position: absolute;
width: 10px;
height: 100%;
bottom: 0;
right: -5px;
cursor: col-resize;
z-index: 1;
}
/** 这里是偏移的时候显示的竖线,只有表头有竖线;
如果需要联通表格请自行修改高度1000倍表头高度然后超出表格隐藏什么的自行研究 */
.react-resizable-handle.active::before {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
border-left: solid 1px black;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/Exercise/index.less?modules ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___iyIe6 {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___g2WjG {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___Tde0v {
align-items: center;
box-align: center;
}
.flex_box_center_end___W1D5W {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___ZiFvs {
flex-direction: column;
box-orient: block-axis;
}
.bg___T2R2s {
background: white;
}
.containerTitle___yARn_ {
height: 88px;
line-height: 88px;
font-size: 18px;
padding: 0 30px;
color: #333;
border-bottom: 1px solid #eee;
display: box;
display: flex;
align-items: center;
box-align: center;
}
.containerTitle___yARn_ div:nth-child(1) {
flex: 1 1;
}
.containerDesc___fKSYF {
height: 50px;
line-height: 40px;
padding: 0 30px;
margin-bottom: -20px;
margin-top: 10px;
display: box;
display: flex;
}
.containerDesc___fKSYF p:nth-child(1) {
flex: 1 1;
}
.menus___e8wtg {
padding-right: 31px;
padding-top: 10px;
}
.menus___e8wtg [class~='ant-menu-horizontal'] {
border-bottom: 0;
}
.listItem___s7xhg {
padding: 25px 30px 25px 30px;
display: box;
display: flex;
background: white;
margin-top: 20px;
cursor: pointer;
}
.listItem___s7xhg > div {
flex: 1 1;
}
.listItem___s7xhg:hover {
box-shadow: 0 0 10px #ccc;
}
.info___Hx2bW {
margin-left: 20px;
}
.info___Hx2bW p {
margin-top: 18px;
}
.title___W7a1R {
display: box;
display: flex;
align-items: center;
box-align: center;
}
.title___W7a1R strong {
color: #333;
}
.titleLeft___C5r0w {
flex: 1 1;
}
.titleRight___g5GZv a {
margin-right: 20px;
font-weight: bold;
}
.acitons___H0RU0 {
height: 70px;
background: white;
display: box;
display: flex;
align-items: center;
box-align: center;
padding: 0 30px;
}
.acitons___H0RU0 > div:nth-child(2) {
display: box;
display: flex;
align-items: center;
box-align: center;
flex: 1 1;
}
.acitons___H0RU0 > div:nth-child(2) .move___qYkSy {
cursor: pointer;
color: #999;
padding: 0 16px;
position: relative;
}
.acitons___H0RU0 > div:nth-child(2) p {
cursor: pointer;
color: #999;
margin-bottom: 0;
}
.acitons___H0RU0 > div:nth-child(2) p:hover {
color: #333;
}
.acitons___H0RU0 > div:nth-child(2) p span {
position: relative;
padding: 0 16px;
}
.acitons___H0RU0 > div:nth-child(2) p span:after {
content: '';
width: 1px;
height: 10px;
background: #ededed;
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
}
.acitons___H0RU0 > div:nth-child(2) p:nth-last-child(1) span {
padding-right: 0;
}
.acitons___H0RU0 > div:nth-child(2) p:nth-last-child(1) span:after {
display: none;
}
.hideHeadCheckbox___Hq5gw table {
background: #f4faff;
}
.hideHeadCheckbox___Hq5gw table > thead > tr > th:nth-child(1) > div {
display: none;
}
.moveCategory___bZSGQ {
padding: 30px 0;
position: relative;
top: -25px;
}
.moveCategory___bZSGQ ul {
box-shadow: 0 0 6px 0 rgba(76, 76, 76, 0.2) !important;
background: white;
padding: 10px 0;
}
.moveCategory___bZSGQ ul li {
padding: 0 12px;
margin: 5px 0;
font-size: 14px;
}
.tabSearch___NaKI4 {
display: flex;
align-items: center;
margin: 8px 0;
}
.warpModal___HLUgh .ant-tabs-nav::before {
border-bottom: 0;
}
.modalColumn___F7R5w {
font-size: 14px;
}
.modalColumn___F7R5w .modalRow___L6ghw {
display: flex;
align-items: center;
font-size: 14px;
flex-direction: row;
margin-top: 12px;
}
.modalColumn___F7R5w .modalRow___L6ghw .sup___VGKXV {
color: #fb3226;
font-size: 16px;
margin-top: 21px;
margin-right: 2px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/ReuseShixunModal/index.less?modules ***!
\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.brief___LOzpE {
font-size: 14px;
font-weight: 400;
margin-bottom: 30px;
}
.contentTitle___xkdcN {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
color: #000000;
}
.content___Vtri0 {
font-size: 14px;
font-weight: 400;
}
.tips___tuAtH {
font-size: 12px;
font-weight: 400;
color: #6b758b;
padding-left: 14px;
}
.antdTable___s8T2N {
margin-top: 10px;
margin-bottom: 20px;
}
.antdTable___s8T2N thead[class~='ant-table-thead'] > tr > th {
background: #F2F2F2;
color: #5F6367;
}
.antdTable___s8T2N .tableCell___kN9Fw {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.antdModal___WVBk3 div[class~='ant-modal-header'] {
padding-top: 30px;
padding-left: 40px;
}
.antdModal___WVBk3 button[class~='ant-modal-close'] {
top: 18px;
right: 10px;
}
.antdModal___WVBk3 button[class~='ant-modal-close'] span[class~='ant-modal-close-x'] {
font-size: 18px;
}
.antdModal___WVBk3 div[class~='ant-modal-body'] {
padding-left: 40px;
padding-right: 40px;
max-height: 620px;
overflow: auto;
}
.antdModal___WVBk3 div[class~='ant-modal-footer'] {
border-top: none;
padding-bottom: 30px;
padding-right: 40px;
}
.orangeColor___ryB2u {
color: #FE6300;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/Exercise/components/TrfList/index.less?modules ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.leftdiv___iuhY9 {
flex: 1 1;
margin-right: 8px;
height: 340px;
border-radius: 4px;
border: 1px solid #d9d9d9;
padding: 14px;
}
.leftdiv___iuhY9 .listClass___o5N53 {
display: flex;
align-items: center;
}
.leftdiv___iuhY9 .spantitle___KVMSL {
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 108px;
display: inline-block;
}
.rightdiv___f2zZr {
margin-left: 8px;
flex: 1 1;
height: 340px;
border-radius: 4px;
border: 1px solid #d9d9d9;
padding: 14px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/CodeBox/index.less?modules ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.codeBox___WpkVl {
display: flex;
}
.codeBox___WpkVl > aside {
margin-right: 20px;
height: 50px;
}
.codeBox___WpkVl > aside > div {
color: #f23838;
}
.codeBox___WpkVl > div {
display: flex;
flex-direction: column;
align-items: center;
}
.codeBox___WpkVl > div > div {
color: #999;
margin-top: 6px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/Exercise/components/List/index.less?modules ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___VejG5 {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___RwAiX {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___N5QNs {
align-items: center;
box-align: center;
}
.flex_box_center_end___SUMZc {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___ombQA {
flex-direction: column;
box-orient: block-axis;
}
.bg___i74VI {
background: white;
}
.containerTitle___eAbbs {
height: 88px;
font-size: 18px;
padding: 0 30px;
color: #333;
border-bottom: 1px solid #eee;
display: box;
display: flex;
align-items: center;
box-align: center;
}
.containerTitle___eAbbs div:nth-child(1) {
flex: 1 1;
}
.containerDesc___WeE4m {
background-color: #fff;
}
.tablestyle___uKNiL {
margin-top: 10px;
}
.tablestyle___uKNiL div[class='ant-menu-submenu-title'] {
max-height: 240px;
overflow: auto;
}
.listItem___aJrbL {
padding: 25px 10px 25px 20px;
display: box;
display: flex;
align-items: baseline;
background: white;
margin-top: 20px;
cursor: pointer;
}
.listItem___aJrbL > div {
flex: 1 1;
}
.listItem___aJrbL:hover {
box-shadow: 0 0 10px #ccc;
}
.info___X9HlC {
overflow: hidden;
}
.info___X9HlC p {
margin-top: 15px;
margin-bottom: 0px;
}
.title___ZDroC {
display: box;
display: flex;
align-items: center;
box-align: center;
overflow: hidden;
}
.title___ZDroC strong {
color: #333;
}
.titleLeft___JzNZc {
flex: 1 1;
display: box;
display: flex;
align-items: center;
box-align: center;
overflow: hidden;
}
.titleLeft___JzNZc strong {
color: #333;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 380px;
}
.titleLeft___JzNZc strong:hover {
color: #0152d9;
}
.titleRight___RP0gb a {
margin-right: 20px;
font-weight: 500;
font-size: 16px;
color: #0152d9;
}
.titleRight___RP0gb > span {
margin-right: 20px;
font-weight: 500;
font-size: 16px;
color: #0152d9;
}
.acitons___iqFGc {
background: white;
display: box;
display: flex;
align-items: center;
box-align: center;
padding: 0 30px;
padding-bottom: 20px;
}
.acitons___iqFGc > div:nth-child(2) {
display: box;
display: flex;
align-items: center;
box-align: center;
}
.acitons___iqFGc > div:nth-child(2) p {
cursor: pointer;
color: #999;
margin-bottom: 0;
}
.moveCategory___Rihfv {
padding: 30px 0;
position: relative;
top: -20px;
}
.moveCategory___Rihfv ul {
box-shadow: 0 0 6px 0 rgba(76, 76, 76, 0.2) !important;
background: white;
padding: 10px 0;
}
.moveCategory___Rihfv ul li {
padding: 0;
margin: 5px 0;
font-size: 14px;
}
.name___LdzGg {
font-weight: bold;
font-size: 16px;
color: #05101a;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.categoryName___Tz45n {
color: rgba(0, 0, 0, 0.65);
}
.schedule___a20T3 {
display: flex;
align-items: flex-start;
padding: 24px 20px 16px 30px;
background-color: #fff;
}
.fnSign___gsn3j {
color: #44d7b6 !important;
display: inline-block;
transform: scale(2.5);
padding-right: 4px;
}
.spanSize___jht3F {
font-size: 16px;
font-weight: 400;
color: #0152d9;
cursor: pointer;
}
.classromediv___T7h_f {
animation: glow___LU7dg 200ms ease-out infinite alternate;
display: inline-block;
}
@keyframes glow___LU7dg {
0% {
height: 27px;
line-height: 27px;
text-align: center;
width: 100px;
box-shadow: 0 0 5px rgba(0, 255, 249, 0.2);
}
100% {
height: 27px;
line-height: 27px;
text-align: center;
width: 100px;
box-shadow: 0 0 8px rgba(0, 255, 249, 0.6);
}
}
.popover___Qeg0P > p {
cursor: pointer;
}
.dot___c9Vwj {
width: 6px;
height: 6px;
display: inline-block;
transform: translateY(-1px);
border-radius: 3px;
margin-right: 6px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/TipsButton/index.less?modules ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___sOi51 {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___pl96A {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___LVWaS {
align-items: center;
box-align: center;
}
.flex_box_center_end___bFW2z {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___Iuosg {
flex-direction: column;
box-orient: block-axis;
}
.disabled___kyQ47 > * {
pointer-events: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/components/TabMenu/index.less?modules ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tabMenuContainer___uf5IP .ant-menu {
background-color: transparent;
border: 0;
}
.tabMenuContainer___uf5IP .ant-menu .ant-menu-item {
width: 125px;
height: 38px;
background: #f5f5f5;
border-radius: 4px 4px 0px 0px;
border: 0 !important;
margin: 0 3px 0 0 !important;
text-align: center;
font-size: 14px;
}
.tabMenuContainer___uf5IP .ant-menu .ant-menu-item::after {
display: none !important;
}
.tabMenuContainer___uf5IP .ant-menu .ant-menu-item-selected {
background: #ffffff;
box-shadow: 0 -1px 2px #ededed;
}
.tabMenuContainer___uf5IP .ant-menu .ant-menu-item-selected .ant-menu-title-content > span {
color: #3061D0 !important;
}
.tabMenuContainer___uf5IP .control___GheLs {
display: flex;
align-items: center;
}
.tabMenuContainer___uf5IP .control___GheLs .iconH___Wzw_r {
margin-right: 10px;
font-size: 16px;
color: #666;
}
.tabMenuContainer___uf5IP .control___GheLs .iconH___Wzw_r:hover {
color: #0152d9;
}
.tabMenuContainer___uf5IP .control___GheLs .selectBtn___mfEnI {
display: inline-block;
padding: 0 10px;
height: 30px;
background: #0152d9;
border-radius: 4px;
line-height: 30px;
text-align: center;
color: #fff;
cursor: default;
}
.tabMenuContainer___uf5IP .control___GheLs .selectBtn___mfEnI > span:first-child {
margin-right: 3px;
transform: scale(0.7);
display: inline-block;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/components/SearchSortController/index.less?modules ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.searchSortControllerContainer___Xca1m {
background-color: white;
display: flex;
align-items: center;
height: 74px;
padding: 0 20px;
}
.searchSortControllerContainer___Xca1m .btn___sNJPX {
text-align: center;
font-size: 14px;
color: #666666;
margin-right: 30px;
cursor: default;
}
.searchSortControllerContainer___Xca1m .btn___sNJPX.btnSort___Fx9OM {
margin-right: 8px;
}
.searchSortControllerContainer___Xca1m .btn___sNJPX:hover {
color: #0152d9;
}
.searchSortControllerContainer___Xca1m .tips___LrmpR {
cursor: pointer;
}
.searchSortControllerContainer___Xca1m .tips___LrmpR > i {
font-size: 14px;
}
.searchSortControllerContainer___Xca1m .tips___LrmpR:hover {
color: #0152d9;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.88@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/components/BottomControl/index.less?modules ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bottomControlContainer___woAeo {
width: 916px;
height: 60px;
z-index: 100;
align-items: center;
transition: bottom 0.5s;
box-shadow: 0px -1px 4px 0px #f1f1f1;
border-radius: 4px 4px 0px 0px;
background: #ffffff;
display: flex;
justify-content: space-between;
align-content: center;
padding: 0 20px;
}
.bottomControlContainer___woAeo [class*="ant-dropdown-link"] {
position: relative;
z-index: 301;
}
.bottomControlContainer___woAeo > div:first-child {
display: flex;
align-items: center;
}
.bottomControlContainer___woAeo > div:first-child > div {
margin-right: 5px;
cursor: pointer;
}
.bottomControlContainer___woAeo > div:last-child .ant-btn {
min-width: 76px;
min-height: 30px;
font-size: 12px;
border-radius: 4px;
}
.bottomControlContainer___woAeo .buttonWrap___iRw4K {
min-height: 30px;
border-radius: 4px;
padding: 0px 6px;
display: flex;
align-items: center;
}
.bottomControlContainer___woAeo .buttonWrap___iRw4K > i {
margin-right: 5px;
}
.bottomControlContainer___woAeo .moveCategory___oiQqw {
position: relative;
top: 40px;
left: -6px;
z-index: 200;
padding-bottom: 60px;
}
.bottomControlContainer___woAeo .moveCategory___oiQqw ul {
box-shadow: 0 0 6px 0 rgba(76, 76, 76, 0.2) !important;
background: white;
padding: 10px ;
}
.bottomControlContainer___woAeo .moveCategory___oiQqw ul li {
margin: 5px 0;
font-size: 14px;
}