/* Reference profile menu: white page, four round shortcuts, grouped list cards. */
#bsheet{align-items:stretch;background:rgba(15,16,20,.45)}
#bsheet .profile-menu{position:relative;width:100%;max-width:430px;height:100dvh;max-height:100dvh;margin:0;padding:calc(18px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));border-radius:0;background:#fff;overflow-y:auto;overscroll-behavior:contain;outline:none;scrollbar-width:thin;color:#232321}
.profile-menu-back{position:absolute;top:calc(22px + env(safe-area-inset-top));left:20px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;z-index:1}
.profile-menu svg{width:24px;height:24px;display:block;flex:none}
.profile-menu-person{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;padding:14px 44px 0;text-align:center}
.profile-menu-avatar{width:90px;height:90px;border-radius:50%;background:#f4f3f1;display:grid;place-items:center}
.profile-menu-avatar svg{width:46px;height:46px;color:#30302c}
.profile-menu-name{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%}
.profile-menu-name b{font-size:29px;line-height:1.15;font-weight:800;letter-spacing:-1px;overflow-wrap:anywhere}
.profile-menu-name-arrow{width:15px;height:15px;background:#242422;border-radius:50%;color:#fff;display:grid;place-items:center;flex:none}
.profile-menu-name-arrow svg{width:10px;height:10px}
.profile-menu-contact{font-size:18px;line-height:1.25;color:#979792;overflow-wrap:anywhere}
.profile-menu-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:23px 0 26px}
.profile-menu-quick a,.profile-menu-quick button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center}
.profile-menu-quick [data-menu-icon]{display:grid;place-items:center;background:#f6f5f3;border-radius:50%;width:52px;height:52px}
.profile-menu-quick svg{width:26px;height:26px}
.profile-menu-quick b{font-size:14px;font-weight:700;line-height:1.3;max-width:100%;white-space:nowrap}
.profile-menu-block{background:#f5f4f2;border-radius:21px;overflow:hidden;margin:0 0 16px}
.profile-menu-row{display:flex;align-items:center;gap:15px;width:100%;min-height:63px;padding:12px 16px;text-align:left;position:relative;color:inherit;font:inherit;list-style:none}
.profile-menu-row:not(:last-child)::after,.profile-menu-group:not(:last-child)::after{content:"";position:absolute;bottom:0;left:55px;right:16px;height:1px;background:#deddd9}
.profile-menu-icon{width:25px;flex:none;display:grid;place-items:center}
.profile-menu-icon svg{width:25px;height:25px}
.profile-menu-copy{flex:1;min-width:0}
.profile-menu-copy b{display:block;font-size:21px;line-height:1.23;font-weight:600;letter-spacing:-.6px;overflow-wrap:anywhere}
.profile-menu-copy small{display:block;color:#96958f;font-size:15px;font-weight:500;line-height:1.3;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-menu-arrow{display:grid;place-items:center;width:16px;flex:none;color:#282825}
.profile-menu-arrow svg{width:16px;height:16px}
#bsheet .profile-menu-section-title{margin:22px 8px 10px;font-size:13px;letter-spacing:.2px;text-transform:none;color:#8c8b85;font-weight:600}
#bsheet .bs-cats{margin:0 0 16px}
.profile-menu-group{position:relative}
.profile-menu-group summary::-webkit-details-marker{display:none}
.profile-menu-group summary{cursor:pointer}
.profile-menu-group summary::marker{content:""}
.profile-menu-group[open]>summary>.profile-menu-arrow{transform:rotate(90deg)}
#bsheet .bs-grid{display:flex;flex-direction:column;gap:0;padding:0 14px 9px 50px}
#bsheet .bs-grid a{display:flex;align-items:center;gap:10px;min-height:49px;padding:9px 0;border-radius:0;background:none;font-size:16px;line-height:1.25;font-weight:500}
#bsheet .bs-grid a:not(:last-child){border-bottom:1px solid #e5e4e0}
#bsheet .bs-grid a>span:not(.profile-menu-arrow){flex:1;min-width:0;overflow-wrap:anywhere}
#bsheet .bs-grid img{width:25px;height:25px;object-fit:contain;flex:none}
.profile-menu button:focus-visible,.profile-menu a:focus-visible,.profile-menu summary:focus-visible{outline:3px solid #d99400;outline-offset:-3px;border-radius:10px}
.profile-menu-row:active,.profile-menu-group summary:active,#bsheet .bs-grid a:active{background:#e9e8e4}
@media(min-width:600px){#bsheet{align-items:center}#bsheet .profile-menu{max-width:430px;height:min(900px,94dvh);max-height:94dvh;border-radius:26px}}
@media(max-width:350px){#bsheet .profile-menu{padding-left:12px;padding-right:12px}.profile-menu-quick{gap:2px}.profile-menu-quick b{font-size:11.5px}.profile-menu-copy b{font-size:19px}.profile-menu-row{gap:12px;padding-left:14px;padding-right:14px}.profile-menu-copy small{font-size:13px}.profile-menu-name b{font-size:27px}}