.tabs{display:flex;justify-content:space-evenly;background-color:var(--color-background);border-bottom:1px solid var(--color-outline);position:-webkit-sticky;position:sticky;top:calc(var(--padding-top) + var(--height-navbar));left:0;right:0;width:100%;max-width:var(--max-width);margin:0 auto;z-index:10}.dialog .tabs{top:0}.tabs-view{display:flex;justify-content:space-evenly;background-color:var(--color-background);border-bottom:1px solid var(--color-outline)}.tab-button{height:55px;min-width:120px;padding:0 var(--padding-normal);padding-top:5px;background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--color-secondary);font-size:var(--font-normal)}.tab-button:hover{color:var(--color-primary)}.templatefoodi .tab-button:hover{color:var(--color-tertiary)}.tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:700}.templatefoodi .tab-button.active{color:var(--color-tertiary);border-bottom-color:var(--color-tertiary)}.tab-content-page{max-width:var(--max-width-content);margin:0 auto}.tab-content-page-view{margin:0 auto}.tabs-button{gap:var(--padding-normal)}.tabs-button,.tabs-button-container{display:flex;flex-direction:column}.tabs-button-list{position:relative;background:var(--color-surface-container);height:50px}.tabs-button-item,.tabs-button-list{display:flex;border-radius:var(--radius-large)}.tabs-button-item{flex:1 1;align-items:center;justify-content:center;cursor:pointer;z-index:1;gap:var(--padding-medium)}.tabs-button-item .custom-svg path{fill:var(--color-tertiary)}.tabs-button-item.active{color:var(--color-on-primary);background:var(--color-primary);transition:transform .3s ease,color .3s ease}.tabs-button-item.active .custom-svg path{fill:var(--color-on-primary)}.tabs-button-slider{width:0;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--color-primary);border-radius:var(--radius-large);transition:transform .3s ease,width .3s ease;z-index:1}