.base-sidebar{width:350px;overflow:hidden;position:relative}.base-sidebar__paper{min-width:310px;max-width:350px;width:100%}.permission-info{position:absolute;z-index:1000}.permission-info__sign{position:relative;z-index:101;font-size:24px;text-align:center;border-radius:50%;padding:10px;height:50px;width:50px;color:#fff;background-color:#5e8fe3;font-weight:700;border:none;transition:all .4s}.permission-info__sign:hover{box-shadow:3px 3px 7px #0000004d}.permission-info__sign:active{box-shadow:1px 1px 5px #0000004d}.permission-info__sign:active+.permission-info__detail{display:block;animation-name:example;animation-duration:1s}.permission-info__detail{position:absolute;z-index:100;display:none;max-width:200px;min-width:150px;left:-265%;top:15px;transition:all .3s}.permission-info__list{list-style:none;border:1px solid #5e8fe3;border-radius:5px;padding:5px;box-shadow:2px 3px 7px #0000004d}.permission-info--right-position{top:8px;right:8px}@keyframes example{0%{opacity:0}to{opacity:1}}