.tab-switcher-container{display:flex;justify-content:center}.tab-switcher-container .tab-switcher-desktop{position:relative;display:inline-flex;gap:0;padding:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:#ffffff08;backdrop-filter:blur(10px);overflow:hidden}.tab-switcher-container .tab-switcher-desktop .tab{display:flex;align-items:center;justify-content:center;flex:1;position:relative;z-index:1;min-width:fit-content;padding:.65rem 1.15rem;border-radius:.5rem;border:none;font-size:1rem;font-weight:500;color:#fff9;text-align:center;background:transparent;cursor:pointer;transition:color .3s ease;white-space:nowrap}.tab-switcher-container .tab-switcher-desktop .tab:hover{color:#fffc}.tab-switcher-container .tab-switcher-desktop .tab.active{color:#000}.tab-switcher-container .tab-switcher-desktop .tab-indicator{position:absolute;top:.5rem;z-index:0;height:calc(100% - 1rem);background:#fff;border-radius:.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);pointer-events:none;will-change:left,width}.tab-switcher-container .tab-switcher-mobile-wrapper{display:none}@media (max-width: 768px){.tab-switcher-container .tab-switcher-desktop{display:none}.tab-switcher-container .tab-switcher-mobile-wrapper{display:block;width:100%;position:relative;z-index:100}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-mobile-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;font-size:1rem;font-weight:500;font-family:inherit;color:#ffffffe6;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-mobile-trigger:hover{background:#ffffff0f;border-color:#ffffff1f}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-mobile-trigger:active{transform:scale(.98)}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-mobile-trigger span{flex:1;text-align:left}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-mobile-trigger .chevron{width:1rem;height:1rem;color:#ffffffb3;transition:transform .3s ease}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-mobile-trigger .chevron.open{transform:rotate(180deg)}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer-backdrop{position:fixed;inset:0;z-index:9998;background-color:#00000080;backdrop-filter:blur(4px)}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;z-index:9999;max-height:80vh;border-top:2px solid rgba(255,255,255,.08);border-radius:1.25rem 1.25rem 0 0;background:radial-gradient(circle at bottom center,#0f0f1ffa,#16141cfa);box-shadow:0 -10px 40px #00000080;backdrop-filter:blur(20px);overflow:hidden}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-header h3{font-size:1.25rem;font-weight:600;color:#ffffffe6;margin:0}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-header .tab-switcher-drawer-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-header .tab-switcher-drawer-close:hover{background:#ffffff1a;border-color:#ffffff26;color:#ffffffe6}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-header .tab-switcher-drawer-close svg{width:1rem;height:1rem}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content{flex:1;padding:.75rem .75rem 1rem;overflow-y:auto;overflow-x:hidden;min-height:0}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content::-webkit-scrollbar{width:6px}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content::-webkit-scrollbar-track{background:transparent}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content .tab-switcher-drawer-option{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:1rem 1.25rem;margin-bottom:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;font-size:1rem;font-weight:500;font-family:inherit;color:#fffc;text-align:left;cursor:pointer;transition:all .3s ease}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content .tab-switcher-drawer-option:last-child{margin-bottom:0}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content .tab-switcher-drawer-option:hover{background:#ffffff14;border-color:#ffffff26;color:#fffffff2;transform:translateY(-1px)}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content .tab-switcher-drawer-option:active{transform:translateY(0)}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content .tab-switcher-drawer-option.active{background:#ffffff1f;border-color:#fff3;color:#fff;font-weight:600}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content .tab-switcher-drawer-option.active svg{color:#ffffffe6;flex-shrink:0}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content .tab-switcher-drawer-option span{flex:1}.tab-switcher-container .tab-switcher-mobile-wrapper .tab-switcher-drawer .tab-switcher-drawer-content .tab-switcher-drawer-option svg{width:1.25rem;height:1.25rem;margin-left:.75rem;color:#fff9}}
