:root
{
--CMT_001 : #FFFFFF;
--CMT_101 : #D1D9F2;
--CMT_C01 : #111922;
--CMT_c01 : var(--CMT_C01) ;
--CMT_F01 : var(--CMT_101) ;
--CMT_f01 : var(--CMT_101) ;
--CMT_I01 : var(--CMT_101) ;
--CMT_J01 : #FFFFFF ;
--CMT_j01 : var(--CMT_C01) ;
--CMT_K01 : var(--CMT_C01) ;
--CMT_k01 : var(--CMT_C01) ;
--CMT_l01: var(--CMT_j01 );
--CMT_M01: var(--CMT_F01 );
--CMT_m01: var(--CMT_j01 );
--CMT_O01: var(--CMT_k01 );
--CMT_o01: var(--CMT_I01 );
--CMT_P01: var(--CMT_k01 );
--CMT_p01: var(--CMT_J01 );
--CMT_S01: var(--CMT_c01 );
--CMT_s01: var(--CMT_J01 );
--CMT_U01: var(--CMT_K01 );
--CMT_u01: var(--CMT_f01 );
--CMT_V01: var(--CMT_K01 );
--CMT_v01: #FFFFFF;
--CMT_W01: #000000;
--CMT_w01: 0.7s;
}
.CMT_X01
{
border-color: var(--CMT_S01);
border-radius: 0.5rem;
border-style: solid;
overflow: hidden;
background-color: var(--CMT_C01);
}
.CMT_x01
{
width: 100%;
overflow: hidden;
}
.CMT_X01
>
.CMT_x01:not(:first-child)
{
border-top-style: solid;
border-top-color: var(--CMT_C01);
}
.CMT_Z01
{
border-top-color: var(--CMT_S01);
border-top-style: solid;
display: flex;
padding: 0.3rem;
font-weight: bold;
cursor: pointer;
outline : none;
border: 0.15rem solid transparent;
}
.CMT_Z01:focus
{
border: 0.15rem solid;
}
.CMT_X01
>
.CMT_x01:first-child
>
.CMT_Z01:not(:focus)
{
}
.CMT_X01
>
.CMT_x01:first-child
>
.CMT_Z01:focus
{
border-top-left-radius : 0.5rem;
border-top-right-radius : 0.5rem;
}
.CMT_X01
>
.CMT_x01:last-child
>
.CMT_z01:not(:checked)
~ .CMT_Z01:focus
{
border-bottom-left-radius : 0.5rem;
border-bottom-right-radius : 0.5rem;
}
.CMT_Z01:hover
{
}
.CMT_Z01:hover::before
{
}
.CMT_Z01::before
{
content : '\25BA';
font-weight : bold;
transition : transform var(--CMT_w01) ease-in-out;
height : 1.14rem;
}
.CMT_011
{
color : var(--CMT_W01);
max-height : 0;
opacity : 0;
transition : opacity var(--CMT_w01) ease-in-out;
}
.CMT_z01
{
display: none;
}
.CMT_z01:checked
~ .CMT_Z01
{
}
.CMT_z01:checked
~ .CMT_Z01::before
{
transform: rotate(90deg);
}
.CMT_z01:checked:hover
~ .CMT_Z01
{
}
.CMT_z01:checked:hover
~ .CMT_Z01::before
{
}
.CMT_z01:checked
~ .CMT_011
{
padding: 0.5rem;
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: -ms-fit-content;
max-height: fit-content;
opacity : 1;
transition : opacity var(--CMT_w01) ease-in-out;
background-color : var(--CMT_111);
}
.CMT_C11
{
padding: 0.5rem;
}
.CMT_c11
{
margin: 0.5rem auto 0 auto;
}
.CMT_z01:not(:checked) ~ .CMT_011
{
display: none;
}
.CMT_z01:not(:checked)
~
.CMT_Z01:not(:focus):not(:hover)
, #CMT_w11
{
color : var(--CMT_001);
background : var(--CMT_C01);
z-index : var(--CMT_X11);
}
.CMT_Z01
, #CMT_x11
{
color : var(--CMT_C01);
background : var(--CMT_101);
z-index : var(--CMT_Z11);
}
.CMT_Z01:focus
, #CMT_z11
{
border-color : var(--CMT_0C1);
border-style : solid;
}
.CMT_Z01
, #CMT_1C1
{
}
.CMT_cC1
{
background-color : #0066CC;
border-color : #0066CC;
border-radius : 0.35rem;
color : #FFFFFF;
cursor : pointer;
font-size : 0.75rem;
margin-right : 0.5rem;
padding : 0.5rem 1rem 0.5rem 1rem;
transition : box-shadow 0.1s, transform 0.1s;
}
.CMT_cC1:hover
{
box-shadow : 0 0 0 4px #0066CC;
transform : scale(1.02);
}
.CMT_cC1:active
{
transform : scale(1.01);
}
.CMT_jC1
{
bottom : 0;
display : none;
left : 0;
position : absolute;
right : 0;
top : 0;
z-index : 999998;
}
.CMT_KC1
{
background-color : rgba(0,0,0,0.4);
bottom : 0;
left : 0;
position : absolute;
right : 0;
top : 0;
z-index : 999998;
}
.CMT_kC1
{
background-color : #FFFFFF;
border-color : #000000;
border-radius : 0.5rem;
border-style : solid;
border-width : 0.2rem;
box-sizing : border-box;
left : 50%;
max-height : 100%;
max-width : 100%;
overflow-y : auto;
position : fixed;
top : 50%;
transform : translate(-50%, -50%);
z-index : 999999;
}
.CMT_lC1
{
margin : 0.75rem;
}
.CMT_MC1
{
display : block;
margin-bottom : 1rem;
overflow-wrap : break-word;
word-wrap : break-word;
}
.CMT_PC1
{
display : flex;
flex-wrap : wrap;
justify-content : center;
}
.CMT_SC1
{
align-items : center;
background-color : var(--CMT_VC1);
border-color : var(--CMT_vC1);
border-bottom-color : var(--CMT_vC1);
border-radius : 0.5rem 0.5rem 0 0;
border-style : solid;
border-width : 0.1rem;
display : flex;
flex-direction : row;
justify-content : center;
padding : 0.25rem 0.75rem;
cursor : pointer;
transition : 0.3s;
position : relative;
z-index : var(--CMT_WC1);
outline : none;
}
.CMT_SC1:not(.CMT_UC1):not(:focus):hover
{
background-color : var(--CMT_sC1);
border-color : var(--CMT_vC1);
border-bottom-color : var(--CMT_vC1);
z-index : var(--CMT_WC1);
}
.CMT_SC1:not(.CMT_UC1):focus:not(:hover)
{
background-color : var(--CMT_sC1);
border-color : var(--CMT_0C1);
border-bottom-color : var(--CMT_0C1);
z-index : var(--CMT_wC1);
}
.CMT_SC1:not(.CMT_UC1):focus:hover
{
background-color : var(--CMT_sC1);
border-color : var(--CMT_0C1);
border-bottom-color : var(--CMT_0C1);
z-index : var(--CMT_wC1);
}
.CMT_SC1.CMT_UC1:not(:focus):not(:hover)
{
background-color : var(--CMT_111);
border-color : var(--CMT_vC1);
border-bottom-color : var(--CMT_111);
z-index : var(--CMT_WC1);
}
.CMT_SC1.CMT_UC1:not(:focus):hover
{
background-color : var(--CMT_111);
border-color : var(--CMT_vC1);
border-bottom-color : var(--CMT_111);
z-index : var(--CMT_WC1);
}
.CMT_SC1.CMT_UC1:focus:not(:hover)
{
background-color : var(--CMT_111);
border-color : var(--CMT_0C1);
border-bottom-color : var(--CMT_111);
z-index : var(--CMT_wC1);
}
.CMT_SC1.CMT_UC1:focus:hover
{
background-color : var(--CMT_111);
border-color : var(--CMT_0C1);
border-bottom-color : var(--CMT_111);
z-index : var(--CMT_wC1);
}
.CMT_XC1
{
background-color : #FFCC00;
border-radius : 0.7rem;
border-style : solid;
border-width : 0.1rem;
cursor : pointer;
font-size : 1rem;
padding : 1rem;
}
.CMT_xC1
{
background-color : #FFEC80;
border-radius : 0.7rem;
border-width : 0.1rem;
cursor : pointer;
font-family : Arial;
font-size : 1rem;
margin : 0.1rem;
padding : 1rem;
width: fit-content;
}
.CMT_ZC1
{
border-color : var(--CMT_zC1);
margin-left : 0.25rem;
margin-right : 0.25rem;
transition : box-shadow 0.1s, transform 0.1s;
}
.CMT_ZC1:hover
{
border-color : var(--CMT_zC1);
box-shadow : 0 0 0 4px var(--CMT_zC1);
transform : scale(1.02);
}
.CMT_ZC1:active
{
box-shadow : 0 0 0 4px var(--CMT_zC1);
transform : scale(1.01);
}
.CMT_0c1
{
font-size : 0.5rem;
padding : 0.3rem 0.2rem;
background-color : #CCCCCC;
color : #000000;
cursor : pointer;
}
.CMT_0c1:hover
{
background-color : #999999;
}
.CMT_0c1:disabled
{
background-color : #666666;
color : #EEEEEE;
cursor : not-allowed;
}
.CMT_1c1
{
display : flex;
flex-wrap : wrap;
}
:root
{
--CMT_Z11 : 1;
--CMT_X11 : 0;
--CMT_wC1 : 3;
--CMT_WC1 : 2;
--CMT_111 : #F0FFF6;
--CMT_VC1 : #99FFDD;
--CMT_sC1 : #6ED3B1;
--CMT_0C1 : #0060DF;
--CMT_vC1 : #606060;
--CMT_Cc1 : 0px;
--CMT_cc1 : 5.5rem;
--CMT_pC1 : min(1.5rem, 40px);
--CMT_zC1 : #666666;
--CMT_Fc1 :20%;
--CMT_fc1-width :5%;
--CMT_Ic1 :
min(max(2vw, 6mm), 9mm)
;
--CMT_Jc1 : var(--CMT_Ic1);
--CMT_oC1 : calc(var(--CMT_Jc1) * 2 / 3);
}
html
{
font-family: Arial;
font-size: var(--CMT_Ic1);
}
hr
{
border-style : solid;
}
.CMT_jc1
{
font-size : 1.5rem;
margin : 0rem;
margin-block : 0rem;
padding : 0.1rem;
text-align : center;
}
.CMT_Kc1 ,
.CMT_kc1 ,
.CMT_lc1
{
font-size: var(--CMT_Ic1);
height : fit-content;
width : 4rem;
}
.CMT_Mc1
{
background-color : #EEEEEE;
}
.CMT_Mc1:hover
{
background-color : #CCCCCC;
}
.CMT_mc1
{
font-family: Arial;
font-size:  0.8rem;
white-space: nowrap;
margin-top : 0.2rem;
margin-bottom : 0.2rem;
padding : 0.1rem;
border-radius: 0.2rem;
border-style: solid;
border-color: #888888;
border-width: 0.1rem;
color: #000000;
}
.CMT_Oc1
{
margin-left : 0.5rem;
margin-right : 0.5rem;
}
.CMT_oc1
{
background-color : #E9E9ED;
border-color : #000000;
border-radius : 0.25rem;
border-style : solid;
border-width : 0.1rem;
color : #FFFFFF;
cursor : pointer;
font-size : 1.25rem;
margin : 0.05rem 0rem 0.05rem 0rem;
outline : none;
padding : 0.2rem 0.7rem;
vertical-align : middle;
}
.CMT_Pc1
{
background-color : #004B8C;
border-radius : 0.7rem;
border-style : solid;
border-width : 0.1rem;
color : #FFFFFF;
cursor : pointer;
font-family : Arial;
font-size : 1.25rem;
outline : none;
padding : 10px 20px;
}
.CMT_pc1
{
color : black;
}
.CMT_Sc1
{
color : white;
}
.CMT_sc1
{
padding : 0.3rem;
}
.CMT_Uc1
{
--CMT_uc1 : 0.56rem;
background-image: repeating-linear-gradient(45deg,
#0001 calc((var(--CMT_uc1) * 0) ) calc((var(--CMT_uc1) * 1) - 0.01rem),
#0005 calc((var(--CMT_uc1) * 1) + 0.01rem) calc((var(--CMT_uc1) * 3) - 0.01rem),
#0001 calc((var(--CMT_uc1) * 3) + 0.01rem) calc((var(--CMT_uc1) * 4) ));
}
.CMT_Vc1 td
{
text-align: center;
}
.CMT_vc1
{
}
.CMT_Wc1,
.CMT_wc1,
.CMT_Xc1,
.CMT_xc1,
.CMT_vc1,
.CMT_lc1
{
display: flex;
justify-content: center;
}
#CMT_Zc1
{
align-content: center;
display: flex;
justify-content: center;
}
.CMT_zc1
{
font-weight: bold;
font-style: italic;
background-color: #A0A0FF;
}
body.CMT_0F1::before
{
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 5px dashed #aaa;
pointer-events: none;
z-index: 1000;
filter : brightness(0.5);
}
.CMT_1F1
{
display: inline-block;
font: inherit;
height: 1.5rem;
margin: 0.2rem;
transform: translateY(0.2rem);
width: 1.5rem;
}
.CMT_CF1
{
height: 1rem;
margin: 0.3rem;
width: 1rem;
}
.CMT_cF1
{
width: 30rem;
font-family: Arial;
font-size: var(--CMT_Ic1);
}
.CMT_FF1
{
height: 1rem;
}
#CMT_fF1
{
align-items : center;
display : flex;
flex-direction : column;
padding : 20px 0;
}
.CMT_IF1
{
display : none;
}
body
{
margin:0;
padding:0;
}
.CMT_JF1 ,
.CMT_jF1 ,
.CMT_KF1 ,
.CMT_lc1
{
color : #000000;
font-size : large;
vertical-align : middle;
}
.CMT_kF1
{
text-align : center;
}
.CMT_JF1
{
}
.CMT_lF1
{
border-collapse : collapse;
}
.CMT_MF1
{
white-space : nowrap;
width : 12rem;
}
.CMT_mF1
{
border : 2px solid #AAAAAA;
}
.CMT_OF1
{
padding : 0.2rem;
border : 2px solid #AAAAAA;
}
.CMT_jF1
{
font-size : large;
margin : auto 0.5rem auto auto;
}
.CMT_KF1
{
font-size : large;
margin : auto 0.5rem auto auto;
}
.CMT_oF1 ,
.CMT_PF1 ,
.CMT_pF1 ,
.CMT_lc1
{
border : 2px solid #CCCCCC;
font-size : large;
padding-left : 1px;
padding-right : 1px;
width : -webkit-fit-content;
width : -moz-fit-content;
width : -ms-fit-content;
width : fit-content;
}
.CMT_SF1 ,
.CMT_sF1 ,
.CMT_lc1
{
max-height :100%;
max-width :100%;
}
.CMT_UF1
{
max-height :100%;
max-width :100%;
}
.CMT_uF1
{
max-height : 100%;
max-width : 100%;
}
.CMT_VF1
{
font-size : medium;
margin : 0rem 0rem 0rem 0.75rem;
}
#CMT_vF1
{
border-color : #800000;
border-radius : 0.5rem;
border-style : solid;
border-width : max(0.2rem, 2px);
margin-block : max(0.2rem, 2px);
padding : 0.5rem;
}
#DivFor_WhereCanIFindMIDIfiles a
{
font-weight: bold;
}
#CRH_PlayView
{
}
#CMT_WF1
{
display: flex;
justify-content: center;
gap: 1rem;
align-items: center;
margin-bottom: 0.2rem;
}
@media only screen and (max-width: 749px)
{
.CMT_wF1,
.CMT_XF1
{
display: flex;
justify-content: center;
}
.CMT_wF1
{
margin-bottom: 1rem;
}
#CMT_WF1
{
display:block;
}
}
#CRH_PlayView p
{
background : #FF6961;
border-radius : 8px;
color : #FFFFFF;
font-family : sans-serif;
margin : 2rem 1rem;
padding : 2rem 3rem;
}
.CMT_xF1
{
border-color : transparent;
border-style : solid;
border-width : 1px;
display : flex;
border-right-width: 0.5rem;
}
.CMT_ZF1
{
border-color : #000000;
border-style : solid;
border-width : 1px;
display : flex;
overflow-x : auto;
}
.CMT_zF1
{
background-color : #2288FF;
border-radius : 50%;
cursor : pointer;
display : inline-block;
height : 1.5rem;
position : relative;
width : 1.5rem;
}
#CMT_0f1
{
justify-content:start;
}
#CMT_1f1
{
display: flex;
justify-content: center;
}
.CMT_Cf1
{
border: 1px solid #404040;
}
.CMT_cf1
{
box-sizing: border-box;
text-align: left;
border: 1px solid #404040;
background-color: #FFFFFF;
font-size: 0.75rem;
display : flex;
justify-content: space-between;
align-items : center;
padding-right : 0.5em;
padding-left : 0.5em;
min-width : 10em;
position : relative;
}
.CMT_Ff1::after
{
content : '>';
color : #606060;
font-weight : bold;
font-style : normal;
}
.CMT_cf1:hover
{
background-color: #CCCCCC;
}
.CMT_ff1
{
font-weight: bold;
font-style: italic;
background-color: #A0A0FF;
}
.CMT_ff1:hover
{
background-color: #505080;
}
.CMT_If1
{
background-color : #0066CC;
border-color : #0066CC;
border-radius : 0.35rem;
color : #FFFFFF;
cursor : pointer;
font-size : 0.75rem;
margin-right : 0.5rem;
padding : 0.5rem 1rem 0.5rem 1rem;
transition : box-shadow 0.1s, transform 0.1s;
}
.CMT_If1:hover
{
box-shadow : 0 0 0 4px #0066CC;
transform : scale(1.02);
}
.CMT_If1:active
{
transform : scale(1.01);
}
.CMT_If1:disabled
{
background-color : #777777;
border-color : #777777;
box-shadow : 0 0 0 0px #000000;
cursor : not-allowed;
transform : scale(1);
}
.CMT_Jf1
{
bottom : 0;
display : none;
left : 0;
position : absolute;
right : 0;
top : 0;
z-index : 999998;
}
.CMT_jf1
{
background-color : rgba(0,0,0,0.4);
bottom : 0;
left : 0;
position : absolute;
right : 0;
top : 0;
z-index : 999998;
}
.CMT_Kf1
{
background-color : #FFFFFF;
border-color : #000000;
border-radius : 0.5rem;
border-style : solid;
border-width : 0.2rem;
box-sizing : border-box;
left : 50%;
max-height : 100%;
overflow-y : auto;
position : fixed;
top : 50%;
transform : translate(-50%, -50%);
width : 100%;
z-index : 999999;
}
.CMT_kf1
{
margin : 0.75rem;
}
.CMT_lf1
{
display : block;
margin-bottom : 0.2rem;
}
.CMT_Mf1
{
border-color : #0066CC;
border-radius : 0.2rem;
border-style : solid;
border-width : 0.1rem;
box-sizing : border-box;
display : block;
font-size : inherit;
margin-bottom : 0.4rem;
padding : 0.2rem;
width : 100%;
}
#CMT_mf1
{
display: flex;
justify-content: center;
gap: 1rem;
align-items: center;
margin-bottom: 0.2rem;
}
.CMT_Of1
{
display: flex;
justify-content: center;
}
#CMT_mf1
{
display:block;
}
:root
{
--CMT_of1 : 2.25rem;
--CMT_Pf1 : 1.6rem;
--CMT_pf1 : 3.0rem;
--CMT_Sf1 : 1.3rem;
--CMT_sf1 : 0.3rem;
}
.CMT_Uf1
{
align-items: center;
display: flex;
justify-content: center;
}
.CMT_uf1
{
align-items : center;
cursor : pointer;
display : flex;
height : var(--CMT_of1);
justify-content : center;
position : relative;
width : var(--CMT_of1);
}
.CMT_Vf1
{
display: block;
left: 50%;
position: absolute;
top: 50%;
}
.CMT_vf1
{
border-radius: var(--CMT_of1);
display: block;
height: var(--CMT_Pf1);
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: var(--CMT_Pf1);
}
.CMT_vf1.CMT_Wf1 { background-color: #0060DF; }
.CMT_vf1.CMT_wf1 { background-color: #AAAAAA; }
.CMT_Xf1.CMT_Wf1 { stroke: #003060; }
.CMT_Xf1.CMT_wf1 { stroke: #888888; }
.CMT_xf1.CMT_Wf1 { background-color: #000000; }
.CMT_xf1.CMT_wf1 { background-color: #666666; }
.CMT_Zf1
{
display: flex;
align-items: center;
cursor: pointer;
height: var(--CMT_pf1);
justify-content: center;
position: relative;
width: var(--CMT_pf1);
}
.CMT_zf1
{
display : flex;
align-items : center;
justify-content : center;
position : absolute;
top:50%;
left:50%;
}
.CMT_xf1
{
border-radius : 1rem;
display : block;
height : var(--CMT_Sf1);
position : absolute;
width : var(--CMT_sf1);
top:50%;
left:50%;
transform: translate(-50%, -90%);
}
:root
{
--CMT_0I1 : 0.7rem;
}
.YmxYZr_toggle-control
{
display: block;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.YmxYZr_toggle-control input
{
opacity: 0;
cursor: pointer;
height: 0.2rem;
width: 0.2rem;
display: block;
margin: 0px;
}
.YmxYZr_toggle-control input:checked ~ .YmxYZr_control
{
background-color: #1E90FF;
}
.YmxYZr_toggle-control input:focus ~ .YmxYZr_control
{
outline: 0.1rem solid #0060DF;
}
.YmxYZr_toggle-control input:checked ~ .YmxYZr_control:after
{
left : calc(var(--CMT_0I1) * 1.55);
}
.YmxYZr_toggle-control .YmxYZr_control
{
height : calc(var(--CMT_0I1) * 1.4);
width : calc(var(--CMT_0I1) * 2.8);
border-radius : calc(var(--CMT_0I1) * 1.0);
background-color: #AAAAAA;
transition : background-color 0.1s ease-in;
display: block;
position: relative;
}
.YmxYZr_toggle-control .YmxYZr_control:after
{
content: "";
position: absolute;
left : calc(var(--CMT_0I1) * 0.2);
top : calc(var(--CMT_0I1) * 0.2);
width : calc(var(--CMT_0I1) * 1.0);
height : calc(var(--CMT_0I1) * 1.0);
border-radius : calc(var(--CMT_0I1) * 1.0);
background: white;
transition : left 0.1s ease-in;
}
.YmxYZr_ZeroHeight
{
height: 0;
}
:root
{
--CMT_1I1 : 0.15rem;
--CMT_CI1 : #2288FF;
}
.CMT_cI1
{
text-align : left;
}
.CMT_FI1
{
text-align : right;
}
.CMT_fI1
{
text-align: center;
}
.CMT_II1
{
justify-content: center;
display: flex;
}
.CMT_JI1
{
border-color : #000000;
border-left-style : none;
border-style : solid;
border-width : 1px;
margin : var(--CMT_Cc1);
padding : var(--CMT_Cc1);
width : min-content;
}
.CMT_jI1
{
border-color : #FF0000;
display : flex;
justify-content : center;
overflow-x : auto;
}
.CMT_KI1
{
width: 1rem;
height: 1rem;
}
.CMT_kI1
{
margin-top : 0.5rem;
margin-left : calc(var(--CMT_1I1) * 2);
margin-right : calc(var(--CMT_1I1) * 1);
-webkit-appearance: slider-vertical;
}
.CMT_kI1:focus ,
.CMT_kI1:focus-visible ,
.CMT_lc1
{
outline: 0.1rem solid #0060DF;
border-radius: 0.2rem;
}
.CMT_lI1
{
margin-left : calc(var(--CMT_1I1) * 1);
margin-right : calc(var(--CMT_1I1) * 3);
margin-top : 0.5rem;
background-color : var(--CMT_CI1);
}
.CMT_MI1
{
border-top-width: 2px;
border-top-style: solid;
border-bottom-width: 0px;
border-bottom-style: none;
}
.CMT_mI1 ,
.CMT_lc1
{
padding-left:1px;
padding-right:1px;
border-top-width: 2px;
border-top-style: solid;
border-bottom-width: 0px;
border-bottom-style: none;
height: 1.1rem;
align-content: center;
}
.CMT_OI1 ,
.CMT_oI1 ,
.CMT_lc1
{
border-color: transparent;
}
.CMT_PI1
{
background-color : inherit;
border-bottom-style : solid;
width : 3rem;
overflow : hidden;
white-space : nowrap;
border-bottom-width: 0px;
min-width: 100%;
}
#CMT_pI1, #CMT_SI1, #CMT_sI1, #CMT_UI1,
#CMT_uI1 , #CMT_VI1 , #CMT_vI1 , #CMT_WI1 ,
.CMT_lc1
{
color : black;
opacity : 100%;
}
.CMT_wI1
{
box-sizing : border-box;
text-align : left;
width : 100%;
border : 1px solid gray;
padding : 2px;
white-space : nowrap;
overflow : auto;
}
.CMT_XI1 { display: none; }
.CMT_XI1.CMT_xI1 { display: block;  }
.CMT_XI1.CMT_ZI1 { display: block;  }
.CMT_XI1.CMT_xI1.CMT_II1 {  }
.CMT_zI1 { font-weight: bold; }
.CMT_0J1 { font-weight: normal; }
.CMT_1J1
{
margin-bottom: 0.5rem;
}
.CMT_CJ1
{
text-align: center;
}
.CMT_oI1
{
}
.CMT_OI1
{
height : 1.3rem;
}
.CMT_cJ1 ,
.CMT_FJ1 ,
.CMT_lc1
{
font-size: .75rem;
}
#CMT_fJ1
{
border-color : transparent;
}
#CMT_IJ1
{
display : flex;
flex-direction : column;
height : 100vh;
overflow-y : hidden;
}
#CMT_JJ1
{
background-color : var(--CMT_VC1);
box-sizing : border-box;
flex-shrink : 0;
}
#CMT_jJ1
{
position: relative;
box-sizing : border-box;
flex-grow : 1;
overflow-y : scroll;
}
#CMT_KJ1
{
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : center;
}
.CMT_kJ1
{
height : 1rem;
margin-right : 0.25rem;
}
.CMT_lJ1
{
}
.CMT_MJ1
{
display : flex;
justify-content : center;
}
.CMT_mJ1
{
display : flex;
align-items : center;
}