.JHDCe{position:relative;width:100vw;background-color:white;line-height:2;border-radius:0 0 16px 16px;padding-bottom:1rem}
.JHDCe .close{position:absolute;right:0;width:60px;height:60px}
.JHDCe .close .iXPxMc{position:absolute;top:16px;right:16px;background-color:transparent;border-radius:100%;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:40px;height:40px;z-index:4}
.JHDCe .close .iXPxMc:hover{cursor:pointer;background-color:#f5f5f5}
.JHDCe .close .iXPxMc .cros{transition:transform 200ms ease 0;position:relative}
.JHDCe .close .iXPxMc .cros .one,.JHDCe .close .iXPxMc .cros .two{display:block;position:absolute;top:50%;left:50%;width:16px;height:2px;background-color:#019df4}
.JHDCe .close .iXPxMc .cros .one{transform:translate(-50%,-50%) rotate(45deg)}
.JHDCe .close .iXPxMc .cros .two{transform:translate(-50%,-50%) rotate(-45deg)}
.JHDCe .user-pill{padding-top:1rem;padding-left:.5rem;margin-bottom:.5rem;line-height:normal;display:flex;-webkit-box-align:center;align-items:center;width:100%;border-radius:3rem;flex-wrap:nowrap;transition:all .3s ease 0;gap:.25rem}
.JHDCe .user-pill .user-icon{background-color:#019df4;display:flex;min-width:2.5rem;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:2.5rem;border-radius:50%;margin-right:.5rem}
.JHDCe .sections{padding-top:.5rem;padding-bottom:0}
.JHDCe .sections .menu-item{padding:0 1.5rem;height:3rem;display:flex;-webkit-box-align:center;align-items:center}
.JHDCe .sections .menu-item:hover .text{color:#313235 !important}
.JHDCe .sections .text{font-size:1rem}
.JHDCe .exit button{width:100%}
.JHDCe .exit .menu-item{padding:0 1.5rem;height:3rem}
.JHDCe .exit .menu-item:hover .text,.JHDCe .exit .menu-item:hover .icon-gap span{color:#313235 !important}
.JHDCe .exit .menu-item .text-gap{padding-top:.5rem;border-top:1px solid #ddd;display:flex}
.JHDCe .exit .menu-item .text-gap .icon-gap{padding-right:.5rem;display:flex;align-items:center}
.JHDCe .exit .menu-item .text{font-size:1rem}
@media screen and (min-width:768px){.JHDCe{min-height:auto;border-radius:0 0 16px 16px;margin-right:.5rem;padding-bottom:1rem;width:auto;min-width:20rem}
.JHDCe .close{position:absolute;right:0;width:60px;height:60px}
.JHDCe .close .iXPxMc{top:0}
.JHDCe .user-pill{display:none}
.JHDCe .sections{padding-top:1rem;padding-bottom:.5rem}
}