.sidebar-toggle{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
}

.sidebar-overlay{
    position:fixed;
    top:64px;
    right:0;
    bottom:0;
    left:0;
    z-index:89;
    display:none;
    background:rgba(43,47,51,.42);
}

.sidebar-menu{
    position:fixed;
    top:64px;
    left:0;
    bottom:0;
    z-index:90;
    width:min(88vw, 370px);
    transform:translateX(calc(-100% - 16px));
    transition:transform .25s ease;
    overflow-y:auto;
    background:#FFF7F8;
    color:#26323D;
    box-shadow:12px 0 34px rgba(253,80,104,.22);
}

.sidebar-toggle:checked ~ .sidebar-overlay{
    display:block;
}

.sidebar-toggle:checked ~ .sidebar-menu{
    transform:translateX(0);
}

.sidebar-menu__topbar{
    display:none;
    min-height:48px;
    align-items:center;
    justify-content:space-between;
    gap:5px;
    padding:6px 8px;
    background:var(--layout2-gradient, var(--primary, #E84E5E));
    color:#FFFFFF;
}

.sidebar-menu__close,
.sidebar-menu__top-icon{
    position:relative;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    color:inherit;
    text-decoration:none;
    cursor:pointer;
    opacity:.88;
}

.sidebar-menu__top-icon svg,
.sidebar-menu__close svg{
    width:23px;
    height:23px;
}

.sidebar-menu__top-badge{
    position:absolute;
    top:2px;
    right:0;
    min-width:16px;
    height:16px;
    padding:0 4px;
    border-radius:999px;
    background:#D5001F;
    color:#FFFFFF;
    font-size:calc(11px * var(--pnx-font-factor,1));
    font-weight:900;
    line-height:16px;
    text-align:center;
}

.sidebar-menu__profile{
    display:flex;
    align-items:center;
    gap:7px;
    margin:6px;
    min-height:46px;
    padding:6px 8px;
    border:1px solid #FFCAD2;
    border-radius:14px;
    background:#FFFFFF;
    color:#26323D;
    text-decoration:none;
}

.sidebar-menu__profile-main{display:flex;align-items:center;flex:0 0 auto;color:inherit;text-decoration:none}
.sidebar-menu__profile-edit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:4px 7px;border:1px solid #FD5068;border-radius:999px;color:#9B1C31;background:#FFF5F7;font-size:calc(10px * var(--pnx-font-factor,1));font-weight:900;text-decoration:none}

.sidebar-menu__avatar{
    position:relative;
    width:32px;
    height:32px;
    flex:0 0 32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:var(--layout2-gradient, #E84E5E);
    color:#FFFFFF;
    font-size:calc(12px * var(--pnx-font-factor,1));
    font-weight:900;
}

.sidebar-menu__avatar img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.sidebar-menu__profile-name{
    min-width:0;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:700;
    text-decoration:none;
}
.sidebar-menu__verify{display:flex;align-items:center;justify-content:center;gap:8px;margin:-5px 14px 12px;padding:9px 12px;border-radius:10px;background:#f3c2b8;color:#68162b;font-size:calc(12px * var(--pnx-font-factor,1));font-weight:900;text-decoration:none;text-transform:uppercase}.sidebar-menu__verify svg{width:17px;height:17px}

.sidebar-menu__gender{
    color:#2F80ED;
    font-weight:900;
}

.sidebar-menu__crs{
    white-space:nowrap;
    font-size:calc(11px * var(--pnx-font-factor,1));
}

.sidebar-menu__cert{
    color:#D6A11D;
    font-size:calc(16px * var(--pnx-font-factor,1));
    font-weight:900;
}

.sidebar-menu__toggle-row,
.sidebar-menu__section,
.sidebar-menu__link,
.sidebar-menu__split,
.sidebar-menu__item-disabled,
.sidebar-menu__footer{
    margin:6px;
    border:1px solid #FFCAD2;
    border-radius:14px;
    background:#FFFFFF;
}

.sidebar-menu__toggle-row{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    min-height:43px;
    padding:6px 8px;
    gap:8px;
}

.sidebar-menu__preference-pair{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:6px;
    margin:6px;
}
.sidebar-menu__preference-block{
    display:grid;
    align-content:center;
    gap:6px;
    min-width:0;
    min-height:64px;
    padding:7px 8px;
    border:1px solid #FFCAD2;
    border-radius:14px;
    background:#FFFFFF;
}
.sidebar-menu__preference-block .sidebar-menu__toggle-title{justify-content:center}
.sidebar-menu__preference-block .sidebar-menu__segmented{width:100%}
.sidebar-menu__preference-block .sidebar-menu__segmented button{min-width:0;flex:1;padding-inline:3px}

.sidebar-menu__discrete-control{
    display:flex;
    align-items:center;
    gap:7px;
    color:#9B1C31;
    font-size:calc(11px * var(--pnx-font-factor,1));
    font-weight:800;
    text-decoration:none;
}

.sidebar-menu__switch{
    position:relative;
    width:42px;
    height:24px;
    flex:0 0 42px;
    border-radius:999px;
    background:#C9CED5;
    transition:background .2s ease;
}

.sidebar-menu__switch::after{
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#FFFFFF;
    box-shadow:0 1px 4px rgba(0,0,0,.25);
    transition:transform .2s ease;
}

.sidebar-menu__discrete-control.is-on .sidebar-menu__switch{background:#FD5068}
.sidebar-menu__discrete-control.is-on .sidebar-menu__switch::after{transform:translateX(18px)}
.sidebar-menu__pin-control{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:0;border:0;background:transparent;color:#9B1C31;font:inherit;font-weight:800;cursor:pointer}
.sidebar-menu__pin-control.is-on .sidebar-menu__switch{background:#FD5068}
.sidebar-menu__pin-control.is-on .sidebar-menu__switch::after{transform:translateX(18px)}

.sidebar-menu__toggle-title{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    font-size:calc(14px * var(--pnx-font-factor,1));
}

.sidebar-menu__segmented{
    display:flex;
    overflow:hidden;
    border-radius:999px;
    background:#D9E4EC;
}

.sidebar-menu__segmented span,
.sidebar-menu__segmented button{
    min-width:52px;
    padding:6px 8px;
    border:0;
    text-align:center;
    color:#5E4E54;
    background:#FFFFFF;
    font-size:calc(11px * var(--pnx-font-factor,1));
    font-weight:800;
    white-space:nowrap;
    cursor:pointer;
}

.sidebar-menu__segmented span + span,
.sidebar-menu__segmented button + button{
    border-left:1px solid rgba(255,255,255,.35);
}

.sidebar-menu__segmented .is-active{
    color:#FFFFFF;
    background:#9B1C31;
}

.sidebar-menu__section{
    min-height:25px;
    display:flex;
    align-items:center;
    padding:4px 8px;
    color:#9B1C31;
    font-size:calc(11px * var(--pnx-font-factor,1));
    font-weight:800;
    text-transform:uppercase;
}

.sidebar-menu__list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    list-style:none;
    margin:0;
    padding:0 6px;
}

.sidebar-menu__list > li{min-width:0}
.sidebar-menu__list > li:only-child,
.sidebar-menu__list > li.sidebar-menu__wide{grid-column:1/-1}
.sidebar-menu__new-screens{
    margin:0;
    border:1px solid #FFCAD2;
    border-radius:14px;
    background:#FFFFFF;
    overflow:hidden;
}

.sidebar-menu__new-screens summary{
    min-height:45px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px;
    color:#9B1C31;
    font-weight:800;
    cursor:pointer;
    list-style:none;
}

.sidebar-menu__new-screens summary::-webkit-details-marker{display:none}
.sidebar-menu__new-screens summary::after{content:'+';margin-left:auto;font-size:calc(18px * var(--pnx-font-factor,1))}
.sidebar-menu__new-screens[open] summary::after{content:'−'}
.sidebar-menu__new-screens nav{display:grid;padding:0 8px 8px 38px}
.sidebar-menu__new-screens nav a{padding:7px 8px;border-top:1px solid #FFF0F3;color:#574140;font-size:calc(13px * var(--pnx-font-factor,1));font-weight:700;text-decoration:none}

.device-member-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(25,25,28,.58)}
.device-member-modal[hidden]{display:none}
.device-member-modal__box{width:min(100%,390px);padding:20px;background:#fff;border-radius:18px;text-align:center;box-shadow:0 16px 45px rgba(0,0,0,.28)}
.device-member-modal__options{display:grid;gap:10px;margin-top:16px}
.device-member-modal__option{min-height:48px;border:0;border-radius:14px;background:#fd5068;color:#fff;font-weight:700;cursor:pointer}
.device-member-error{width:min(calc(100% - 28px),390px);padding:0;border:1px solid #f0bdc7;border-radius:18px;background:#fff;color:#54343d;box-shadow:0 12px 45px rgba(73,19,33,.25)}
.device-member-error::backdrop{background:rgba(48,19,27,.62)}
.device-member-error__box{display:grid;gap:12px;padding:20px;text-align:center}.device-member-error__box h2,.device-member-error__box p{margin:0}.device-member-error__box h2{color:#9b1c31;font-size:calc(20px * var(--pnx-font-factor,1))}.device-member-error__box p{white-space:pre-line;font-size:calc(13px * var(--pnx-font-factor,1));line-height:1.4}.device-member-error__box button{min-height:42px;border:0;border-radius:12px;background:linear-gradient(135deg,#fd5068,#ff6036);color:#fff;font-weight:800}

.sidebar-menu__link,
.sidebar-menu__split,
.sidebar-menu__item-disabled{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:45px;
    padding:8px;
    color:inherit;
    text-decoration:none;
}

.sidebar-menu__list .sidebar-menu__link,
.sidebar-menu__list .sidebar-menu__split,
.sidebar-menu__list .sidebar-menu__item-disabled{
    height:100%;
    min-height:58px;
    margin:0;
    padding:8px 7px;
}

.sidebar-menu__list .sidebar-menu__link,
.sidebar-menu__list .sidebar-menu__item-disabled{
    flex-direction:column;
    justify-content:center;
    gap:5px;
    text-align:center;
}

.sidebar-menu__list .sidebar-menu__text{
    flex:0 1 auto;
    font-size:calc(12px * var(--pnx-font-factor,1));
    line-height:1.2;
    overflow-wrap:anywhere;
}

.sidebar-menu__list .sidebar-menu__wide .sidebar-menu__link,
.sidebar-menu__list .sidebar-menu__wide .sidebar-menu__item-disabled{
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
}

.sidebar-menu__split-main{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    flex:1;
    color:inherit;
    text-decoration:none;
}

.sidebar-menu__item-disabled{
    opacity:.58;
}

.sidebar-menu__icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #D9DEE5;
    border-radius:5px;
    color:#A6AFBA;
    font-size:calc(15px * var(--pnx-font-factor,1));
    line-height:1;
}

.sidebar-menu__text{
    min-width:0;
    flex:1;
    font-size:calc(14px * var(--pnx-font-factor,1));
}

.sidebar-menu__list--things .sidebar-menu__icon svg{width:24px;height:24px;display:block}
.sidebar-menu__list--things .sidebar-menu__icon,
.sidebar-menu__list--icons .sidebar-menu__icon{
    border:0;
    font-size:calc(21px * var(--pnx-font-factor,1));
    color:#9B1C31;
    font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
}

.sidebar-menu__device-member{width:100%;font:inherit;cursor:pointer}
.sidebar-menu__device-member .sidebar-menu__text{display:grid;gap:1px;line-height:1.05}
.sidebar-menu__device-member-current{min-height:11px;color:#E06B2E;font-size:calc(9px * var(--pnx-font-factor,1));font-weight:800;line-height:1.1}
.sidebar-menu__device-member-icon{border:0;background:linear-gradient(145deg,#FFF0F3,#FFF8EC)}
.sidebar-menu__device-member-icon svg{width:23px;height:23px;overflow:visible}

.sidebar-menu__side-note{
    color:#9B1C31;
    font-size:calc(10px * var(--pnx-font-factor,1));
    font-weight:700;
    white-space:nowrap;
}

.sidebar-menu__side-link{
    color:#9B1C31;
    font-size:calc(10px * var(--pnx-font-factor,1));
    font-weight:700;
    white-space:nowrap;
    text-decoration:none;
}

.sidebar-menu__badge{
    min-width:24px;
    min-height:18px;
    padding:2px 7px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, #FF7158 0%, #FD2B7B 100%);
    color:#FFFFFF;
    font-size:calc(11px * var(--pnx-font-factor,1));
    font-weight:800;
    white-space:nowrap;
}

.sidebar-menu__badge[data-fin-payment-badge]{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%;line-height:1.3}

.sidebar-menu__footer{
    padding:9px;
    color:#7C8591;
    font-size:calc(11px * var(--pnx-font-factor,1));
    line-height:1.35;
}

.sidebar-menu__logout{
    position:sticky;
    bottom:0;
    min-height:52px;
    display:flex;
    align-items:center;
    gap:10px;
    margin:6px;
    padding:10px 14px;
    border-radius:14px;
    background:linear-gradient(135deg, #9B1C31 0%, #FD2B7B 100%);
    color:#FFFFFF;
    text-decoration:none;
    font-weight:900;
    text-transform:uppercase;
}
html.pnx-menus-fixed [class*="menu-bubble"],html.pnx-menus-fixed [class*="nav-bubble"]{display:none!important}

html.pnx-dark .sidebar-menu{background:#1C1519;color:#F7EEF2;box-shadow:12px 0 34px rgba(0,0,0,.45)}
html.pnx-dark .sidebar-menu__profile,
html.pnx-dark .sidebar-menu__toggle-row,
html.pnx-dark .sidebar-menu__section,
html.pnx-dark .sidebar-menu__link,
html.pnx-dark .sidebar-menu__split,
html.pnx-dark .sidebar-menu__item-disabled,
html.pnx-dark .sidebar-menu__new-screens,
html.pnx-dark .sidebar-menu__footer{border-color:#55303D;background:#291D23;color:#F7EEF2}
html.pnx-dark .sidebar-menu__section,
html.pnx-dark .sidebar-menu__side-link,
html.pnx-dark .sidebar-menu__new-screens summary,
html.pnx-dark .sidebar-menu__new-screens nav a{color:#FF9AAA}
html.pnx-dark .sidebar-menu__new-screens nav a{border-color:#4B303A}
html.pnx-dark .sidebar-menu__icon{border-color:#60414D;color:#FF9AAA}
html.pnx-dark .sidebar-menu__segmented{background:#3A2B32}
html.pnx-dark .sidebar-menu__segmented span,
html.pnx-dark .sidebar-menu__segmented button{background:#302329;color:#E7DCE1}
html.pnx-dark .sidebar-menu__segmented .is-active{background:#FD5068;color:#FFFFFF}


.sidebar-menu__font-control button{min-width:46px}

