.tabs{flex-direction:row;gap:2rem;align-items:flex-start}.tabs,.tabs__main{width:100%;display:flex}.tabs__main{flex:1;min-width:0;flex-direction:column}.tabs__navigation-container{display:flex;flex-direction:column;gap:1rem;height:auto}@media (min-width:768px){.tabs__navigation-container{margin-top:1rem;margin-left:1rem;margin-right:1rem;flex-direction:row}}.tabs__separator{height:auto}.tabs__separator-content{margin-top:1rem;height:1px;width:100%;background-color:var(--separator-color)}.tabs__navigation{display:flex;border-bottom:1px solid var(--separator-color);position:relative;width:100%}@media (min-width:768px){.tabs__navigation{width:fit-content}.tabs__navigation--full-width{width:100%}}.tabs__navigation--default{display:inline-flex}.tabs__navigation--default,.tabs__navigation--full-width{align-items:center;gap:10px;padding:5px;background:var(--secondary-purple-color);border-radius:var(--radius);border-bottom:none}.tabs__navigation--full-width{display:flex;width:100%}.tabs__navigation--minimal{gap:2rem;border-bottom:none;margin-bottom:1rem}.tabs__navigation--pills{gap:.5rem;border-bottom:none;margin-bottom:1rem;background:var(--secondary-color);padding:.25rem;border-radius:var(--radius)}.tabs__tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;color:var(--text-color);font-weight:500;font-size:.875rem;transition:all .2s ease;position:relative;white-space:nowrap;border-radius:0}.tabs__tab,.tabs__tab--default{background:transparent;cursor:pointer}.tabs__tab--default{border:0;padding:0}.tabs__tab--full-width{background:transparent;border:0;padding:0;cursor:pointer;flex:1;justify-content:center}.tabs__tab--minimal{padding:.5rem 0;border-radius:0}.tabs__tab--pills{padding:.5rem 1rem;border-radius:calc(var(--radius) - 2px);background:transparent}.tabs__tab--active--minimal{color:var(--primary-gradient-from);font-weight:600}.tabs__tab--active--pills{background:var(--primary-gradient);color:white;box-shadow:var(--dropshadow)}.tabs__tab--disabled.tabs__tab--disabled--default{cursor:not-allowed;opacity:.6}.tabs__tab--disabled:hover{background:transparent;color:var(--text-color)}.tabs__tab-icon{display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.tabs__tab-label{font-weight:inherit;line-height:1;font-size:1rem;font-weight:600;color:var(--text-color)}@media (min-width:768px){.tabs__tab-label{font-size:1.5rem}}.tabs__tab-inner{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:var(--radius);width:100%}.tabs__tab--full-width .tabs__tab-inner{width:100%}.tabs__active-bg{position:absolute;inset:0;background:#fff;border-radius:var(--radius);z-index:0}.tabs__tab-inner>.tabs__tab-icon,.tabs__tab-inner>.tabs__tab-label{position:relative;z-index:1}.tabs__content{flex:1;min-height:0;position:relative}.tabs__content-inner{width:100%;height:100%;overflow:visible}.tabs__tab:focus-visible{outline:2px solid var(--primary-gradient-from);outline-offset:2px}.tabs__tab--pills:focus-visible{outline-offset:1px}.tabs__sidebar{width:100%;align-items:center;display:flex;flex-direction:row}@media (min-width:768px){.tabs__sidebar{width:100%}}.tabs__tab{padding:.5rem .75rem;font-size:.8rem}@media (max-width:768px){.tabs{flex-direction:column;gap:1rem}.tabs__separator{height:1px;width:100%}.tabs__sidebar{width:100%}.tabs__tab{padding:.25rem .5rem;font-size:.7rem}.tabs__tab--minimal{padding:.5rem .25rem}.tabs__tab--pills{padding:.4rem .75rem;font-size:.8rem}.tabs__navigation--minimal{gap:1rem}.tabs__navigation--pills{gap:.25rem;padding:.2rem}.tabs__tab{flex:1;justify-content:center;min-width:0}.tabs__tab-label{overflow:hidden;text-overflow:ellipsis}.tabs__tab-icon{font-size:.9rem}}