.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{align-items:center;min-width:0;max-width:100%;display:flex;position:relative;overflow:hidden}.scrollable-tabs__scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1 1 0;align-items:center;width:100%;min-width:0;max-width:100%;display:flex;overflow:auto hidden}.scrollable-tabs__scroll::-webkit-scrollbar{display:none}.scrollable-tabs__fade{width:var(--scrollable-tabs-fade-size);z-index:2;pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0}.scrollable-tabs__fade--left{background:linear-gradient(90deg, var(--background) var(--scrollable-tabs-arrow-size), transparent 100%);left:0}@media (max-width:1023px){.scrollable-tabs__fade--left{background:linear-gradient(90deg, var(--background) 0%, transparent 100%)}}.scrollable-tabs__fade--right{background:linear-gradient(270deg, var(--background) var(--scrollable-tabs-arrow-size), transparent 100%);right:0}@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{z-index:3;width:var(--scrollable-tabs-arrow-size);height:var(--scrollable-tabs-arrow-size);color:var(--color-dark);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scrollable-tabs__arrow i{color:inherit;pointer-events:none;font-size:10px}.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 0;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%, #fff0 100%)}.scrollable-tabs--header .scrollable-tabs__fade--right{background:linear-gradient(270deg, rgb(var(--color-white-hexa)) 0%, #fff0 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%)}