:root{--tsb-notch:16px}.tsb-rail{background:linear-gradient(180deg, var(--brand-700) 0%, var(--brand-800) 100%)}.tsb-white{background-color:var(--base-white)}.tsb-white:hover{background-color:#f3f6ff}.tsb-logout{color:#fffc;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .18s,color .18s;display:flex}.tsb-logout:hover{color:#fff;background-color:#ffffff1a}.tsb-item{color:#ffffffd1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:.75rem;height:42px;margin:0 .625rem;padding:0 .875rem;font-size:.875rem;font-weight:500;line-height:1;transition:background-color .24s cubic-bezier(.4,0,.2,1),color .24s cubic-bezier(.4,0,.2,1),margin-right .24s cubic-bezier(.4,0,.2,1),border-radius .24s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tsb-item:hover{color:#fff;background-color:#ffffff1a}.tsb-item:active{transform:translateY(.5px)}.tsb-item .tsb-icon{color:#fff9;flex-shrink:0;transition:color .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1);display:flex}.tsb-item:hover .tsb-icon{color:#fff}.tsb-item .tsb-label{text-align:left;text-overflow:ellipsis;flex:auto;overflow:hidden}.tsb-item.is-active{background-color:var(--bg-primary);color:var(--text-secondary-700);border-radius:14px 0 0 14px;margin-right:0;font-weight:600}.tsb-item.is-active:hover{background-color:var(--bg-primary);color:var(--text-secondary-700)}.tsb-item.is-active .tsb-icon{color:var(--brand-600);transform:scale(1.04)}.dark .tsb-item.is-active .tsb-icon{color:var(--brand-400)}.tsb-item:before,.tsb-item:after{content:"";width:var(--tsb-notch);height:var(--tsb-notch);background-color:var(--bg-primary);pointer-events:none;opacity:0;transition:opacity .24s cubic-bezier(.4,0,.2,1);position:absolute;right:0}.tsb-item:before{top:calc(-1 * var(--tsb-notch));-webkit-mask-image:radial-gradient(circle var(--tsb-notch) at left top, transparent var(--tsb-notch), #000 var(--tsb-notch));-webkit-mask-image:radial-gradient(circle var(--tsb-notch) at left top, transparent var(--tsb-notch), #000 var(--tsb-notch));mask-image:radial-gradient(circle var(--tsb-notch) at left top, transparent var(--tsb-notch), #000 var(--tsb-notch))}.tsb-item:after{bottom:calc(-1 * var(--tsb-notch));-webkit-mask-image:radial-gradient(circle var(--tsb-notch) at left bottom, transparent var(--tsb-notch), #000 var(--tsb-notch));-webkit-mask-image:radial-gradient(circle var(--tsb-notch) at left bottom, transparent var(--tsb-notch), #000 var(--tsb-notch));mask-image:radial-gradient(circle var(--tsb-notch) at left bottom, transparent var(--tsb-notch), #000 var(--tsb-notch))}.tsb-item.is-active:before,.tsb-item.is-active:after{opacity:1}.tsb-group-title{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;margin-bottom:.375rem;padding:0 1rem;font-size:.6875rem;font-weight:600}