.bts{margin-top:50px}.bts .bts-header{display:flex;gap:8px;margin-bottom:20px;margin-top:30px}.bts .bts-title{font-size:15px;font-weight:700;color:#1a2b3c}.bts .bts-hint{font-size:11px;color:#8a9bae;line-height:1.3}.bts .bts-toggle{position:relative;display:flex;background:#f1f5f9;border-radius:12px;padding:4px;gap:4px}.bts .bts-toggle--single{max-width:200px}.bts .bts-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.bts .bts-pill--right{transform:translateX(calc(100% + 4px))}.bts-toggle--single .bts .bts-pill{width:calc(100% - 8px)}.bts .bts-btn{position:relative;z-index:1;flex:1;padding:10px 12px;border:none;border-radius:10px;background:rgba(0,0,0,0);font-size:13px;font-weight:500;color:#8a9bae;cursor:pointer;transition:color .25s ease;white-space:nowrap;text-align:center}.bts .bts-btn:hover:not(.bts-btn--active){color:#5a6b7e}.bts .bts-btn--active{color:#0bbab5;font-weight:700}[dir=rtl] .bts .bts-pill{left:auto;right:4px}[dir=rtl] .bts .bts-pill--right{transform:translateX(calc(-100% - 4px))}@media(max-width:768px){.bts{margin-top:16px}.bts .bts-header{flex-direction:column;gap:2px}}