.horizontal-scrollbar-container{position:relative;width:100%;max-width:100%;overflow:hidden}.horizontal-scrollbar-content{overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.horizontal-scrollbar-content::-webkit-scrollbar{display:none;width:0;height:0}.horizontal-scrollbar{display:flex;align-items:center;width:100%;max-width:100%;height:20px;margin-top:8px;gap:8px;box-sizing:border-box}.horizontal-scroll-button{display:none;width:20px;height:20px;border:none;background:transparent;cursor:pointer;font-size:14px;color:#666;user-select:none}.horizontal-scroll-button:hover{color:#000}.horizontal-track-and-thumb{position:relative;flex:1;height:6px;max-width:calc(100%);box-sizing:border-box}.horizontal-track{width:100%;background:none;border-radius:10px;cursor:pointer;border:1px solid #ffffff}.horizontal-thumb,.horizontal-track{position:absolute;top:0;left:0;height:6px;box-sizing:border-box}.horizontal-thumb{min-width:20px;border-radius:10px;transition:background-color .2s ease;user-select:none;max-width:calc(100% - 2px);pointer-events:auto;z-index:1}.horizontal-thumb,.horizontal-thumb:active,.horizontal-thumb:hover{background:#ffffff}@media (max-width:768px){.horizontal-scrollbar{height:16px;margin-top:6px}.horizontal-thumb,.horizontal-track,.horizontal-track-and-thumb{height:6px}}@media (hover:none) and (pointer:coarse){.horizontal-thumb{background:#ffffff}.horizontal-thumb:active{background:#000000}}