.ui-slideouttab-panel, .ui-slideouttab-handle {   background-color:#fff;   padding:0.4em;   box-sizing:border-box; } .ui-slideouttab-panel {   display:block;   position:fixed;   border:1px solid #f9f9f9; } .ui-slideouttab-ready {   transition:transform 0.5s ease 0s; }  @media print {   .ui-slideouttab-panel {  display:none;   } }  .ui-slideouttab-handle {   display:block;   position:absolute;   cursor:pointer;   color:white;   background-color:grey; } .ui-slideouttab-handle-image {   transform:rotate(0); }  .ui-slideouttab-right {   right:0px;   transform:translateX(100%);   border-right:none; } .ui-slideouttab-right.ui-slideouttab-open {   transform:translateX(0%); } .ui-slideouttab-right .ui-slideouttab-handle {   transform-origin:0% 0%;   transform:rotate(-90deg) translate(-100%,-100%);  } .ui-slideouttab-right .ui-slideouttab-handle-reverse {   transform-origin:0% 100%;   transform:rotate(-90deg); } .ui-slideouttab-left {   left:0px;   transform:translateX(-100%);   border-left:none; } .ui-slideouttab-left.ui-slideouttab-open {   transform:translateX(0%); } .ui-slideouttab-left .ui-slideouttab-handle {   transform-origin:100% 0%;   transform:rotate(-90deg);  } .ui-slideouttab-left .ui-slideouttab-handle-reverse {   transform-origin:100% 100%;   transform:rotate(-90deg) translate(100%,100%);  } .ui-slideouttab-top {   top:0px;   transform:translateY(-100%);   border-top:none; } .ui-slideouttab-top.ui-slideouttab-open {   transform:translateY(0%); } .ui-slideouttab-bottom {   bottom:0px;   transform:translateY(100%);   border-bottom:none; } .ui-slideouttab-bottom.ui-slideouttab-open {   transform:translateY(0%); }  .ui-slideouttab-left .ui-slideouttab-handle>.fa-icon, .ui-slideouttab-right .ui-slideouttab-handle>.fa-icon {   transform:rotate(90deg); } .ui-slideouttab-handle>.fa-icon {   margin-left:0.5em; }  .ui-slideouttab-top .ui-slideouttab-handle-rounded, .ui-slideouttab-left .ui-slideouttab-handle-rounded {   border-radius:0 0 4px 4px; } .ui-slideouttab-right .ui-slideouttab-handle-rounded, .ui-slideouttab-bottom .ui-slideouttab-handle-rounded {   border-radius:4px 4px 0 0; }