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