#accpanel{
position: fixed; top: 0; min-width: 25%; max-width: 100vw; height: 100%; z-index:9999999999; background: #fff;max-height: 100vh; overflow: auto;
}
nav#skiplinks {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
nav#skiplinks:focus-within {
position: fixed;
display: flex;
flex-wrap: wrap;
clip: auto !important;
clip-path: none !important;
width: 100% !important;
height: auto !important;
justify-content: center;
align-items: center;
z-index: 9999999999;
margin: auto;
background: #808080ed;
}
nav#skiplinks>a, nav#skiplinks>.infoHolder>span {
padding: 5px;
margin: 5px;
background: #001b40;
color: #ebebeb;
font-weight: bold;
}
.infoHolder .skipinfo {
display:none;
}
.infoHolder:focus-within .skipinfo {
display: inline-block;
background: brown !important;
position: fixed;
left: 0;
right: 0;
text-align: center;
margin: 0 !important;
margin-top: 32px !important;
}
#accpanel.ltr{
direction:ltr;
left: 0;
}
#accpanel.rtl{
direction:rtl;
right: 0;
}
.accheader {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
background: #14234b;
padding: 10px;
}
.accheader h2 {
color: #fff;
font-weight: bold;
font-size: 22px;
padding: 5px;
margin: 0px 10px;
}
#accpanel button{
cursor: pointer;
}
button#closeacc {
border-radius: 100px;
padding: 0 12px;
background: #fff;
color: #059394;
font-weight: bold;
}
button#resetb, a#accstat {
font-weight: bold;
padding: 10px;
margin: 20px;
border-radius: 100px;
background: #fff;
border: 2px solid;
font-size: 13px;
}
button#resetb:hover, a#accstat:hover,button#resetb:focus, a#accstat:focus{
color: #336;
}
.controlers_holder {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
justify-items: center;
justify-content: space-evenly;
}
.controlers_holder button {
width: 80%;
margin: 20px;
padding: 20px !important;
display: flex !important;
flex-direction: column;
align-items: center;
min-height: 100px;
align-items: center;
font-size: 18px;
font-weight: bold;
}
div#resetacc{
display: flex;
justify-content: center;
}
body span.pre_title, body span.dynamic_value {
font-size: 11px !important;
word-spacing: normal !important;
line-height: normal !important;
}
.controlers_holder i{
width:60px;height:50px;background-repeat:no-repeat !important;background-position:center !important;
}
#linkicon{
background: url('data:image/svg+xml;utf8,');
}
#headericon{
background: url('data:image/svg+xml;utf8,');
}
#zoomicon{
background: url('data:image/svg+xml;utf8,');
}
#sizeicon{
background: url('data:image/svg+xml;utf8,');
}
#spaceicon{
background: url('data:image/svg+xml;utf8,');
}
#heighticon{
background: url('data:image/svg+xml;utf8,');
}
#fonticon{
background: url('data:image/svg+xml;utf8,');
}
#contrasticon{
background: url('data:image/svg+xml;utf8,');
}
#saturationicon{
background: url('data:image/svg+xml;utf8,');
}
#noiseicon{
background: url('data:image/svg+xml;utf8,');
}
#animationicon{
background: url('data:image/svg+xml;utf8,');
}