.tabs{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.tabs__nav{display:flex;gap:10px;margin-top:0;margin-bottom:16px;padding:5px !important;align-content:center;align-items:stretch;justify-content:center;flex-direction:row;flex-wrap:wrap;background:var(--hd-color-10);border-radius:var(--hd-br--small);border-radius:var(--hd-br--pill);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;overflow:auto}.tabs .tabs__nav-item{padding:10px 20px;margin:0;font-size:1.125em;font-weight:500;color:var(--hd-color-3);border-radius:var(--hd-br--small);border-radius:var(--hd-br--pill);transition:all .4s ease-in-out;display:flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;position:relative;flex-direction:row;gap:6px;white-space:nowrap;word-break:keep-all;max-width:fit-content;border:.5px solid transparent}.tabs .tabs__nav-item svg{width:auto;height:22px}.tabs .tabs__nav-item:not(.active):hover{background:var(--hd-color-8);color:#0065ee}.tabs .tabs__nav-item.active{font-weight:600;background:#fff;color:#0065ee;box-shadow:var(--hd-bs--md);cursor:default;border:.5px solid rgba(0,0,0,.04);box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)}.tabs .tab-pane{animation:slideRight .5s ease 0s 1 normal forwards}.tabs__content{background:0 0;width:100%}