.scrollable-tabs{--scrollable-tabs-fade-size:3.5rem;--scrollable-tabs-arrow-size:28px}@media(max-width:1023px){.scrollable-tabs{--scrollable-tabs-fade-size:2.5rem}}.scrollable-tabs{position:relative;overflow:hidden}.scrollable-tabs,.scrollable-tabs__scroll{display:flex;align-items:center;min-width:0;max-width:100%}.scrollable-tabs__scroll{flex:1 1;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scrollable-tabs__scroll::-webkit-scrollbar{display:none}.scrollable-tabs__fade{position:absolute;top:0;bottom:0;width:var(--scrollable-tabs-fade-size);z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease}.scrollable-tabs__fade--left{left:0;background:linear-gradient(90deg,var(--background) var(--scrollable-tabs-arrow-size),transparent 100%)}@media(max-width:1023px){.scrollable-tabs__fade--left{background:linear-gradient(90deg,var(--background) 0,transparent 100%)}}.scrollable-tabs__fade--right{right:0;background:linear-gradient(270deg,var(--background) var(--scrollable-tabs-arrow-size),transparent 100%)}@media(max-width:1023px){.scrollable-tabs__fade--right{background:linear-gradient(270deg,var(--background) 0,transparent 100%)}}.scrollable-tabs--fade-left .scrollable-tabs__fade--left,.scrollable-tabs--fade-right .scrollable-tabs__fade--right{opacity:1}.scrollable-tabs__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:var(--scrollable-tabs-arrow-size);height:var(--scrollable-tabs-arrow-size);border:none;border-radius:6px;background:rgba(0,0,0,0);color:var(--color-dark);cursor:pointer;padding:0;transition:background-color .15s ease,color .15s ease}.scrollable-tabs__arrow i{font-size:10px;color:inherit;pointer-events:none}.scrollable-tabs__arrow:hover{background-color:color-mix(in srgb,var(--foreground) 8%,transparent);color:var(--foreground)}.scrollable-tabs__arrow:active{background-color:color-mix(in srgb,var(--foreground) 14%,transparent)}.scrollable-tabs__arrow--left{left:0}.scrollable-tabs__arrow--left i{transform:rotate(90deg)}.scrollable-tabs__arrow--right{right:0}.scrollable-tabs__arrow--right i{transform:rotate(-90deg)}@media(max-width:1023px){.scrollable-tabs--hide-arrows-md .scrollable-tabs__arrow{display:none}}@media(max-width:550px){.scrollable-tabs--hide-arrows-sm .scrollable-tabs__arrow{display:none}}.scrollable-tabs--header{--scrollable-tabs-arrow-size:32px;flex:1 1;width:100%;height:100%;min-height:0}.scrollable-tabs--header .scrollable-tabs__arrow i{font-size:var(--font-sizes-md)}.scrollable-tabs--header .scrollable-tabs__fade--left{background:linear-gradient(90deg,rgb(var(--color-white-hexa)) 0,rgba(255,255,255,0) 100%)}.scrollable-tabs--header .scrollable-tabs__fade--right{background:linear-gradient(270deg,rgb(var(--color-white-hexa)) 0,rgba(255,255,255,0) 100%)}.dark-theme .scrollable-tabs--header .scrollable-tabs__fade--left{background:linear-gradient(90deg,var(--background) 0,transparent 100%)}.dark-theme .scrollable-tabs--header .scrollable-tabs__fade--right{background:linear-gradient(270deg,var(--background) 0,transparent 100%)}