.tab{color:var(--color-font-gray-2);padding:8px 16px;text-align:center;transition:background-color .3s;cursor:pointer;display:flex;align-items:center;gap:8px}.tab:hover{color:var(--color-dark)}.tab .tab-icon{display:flex;align-items:center}.tab .tab-icon svg{width:18px;height:18px}.tab-active{border-bottom:3px solid var(--color-midnight-green);color:var(--color-dark)}.tab-buttons{display:flex;border-bottom:1px solid var(--color-midnight-green);margin-bottom:1.5rem}.tabs.horizontal{display:flex;flex-flow:row-reverse}@media screen and (max-width:825px){.tabs.horizontal{flex-direction:column}}.tabs.horizontal .tab-buttons{flex-direction:column;justify-content:flex-start;border:none;min-width:300px}@media screen and (min-width:825px){.tabs.horizontal .tab-buttons{margin-left:24px}}.tabs.horizontal .tab{text-align:unset;border-bottom:1px solid var(--color-divider);padding:16px 24px}.tabs.horizontal .tab-active{border-color:var(--color-midnight-green);color:var(--color-midnight-green);position:relative}.tabs.horizontal .tab-active:after,.tabs.horizontal .tab-active:before{content:"";position:absolute;height:1.5px;background-color:var(--color-midnight-green);width:8px;top:50%}.tabs.horizontal .tab-active:before{left:0;transform-origin:left;transform:translateY(-50%) rotate(35deg)}.tabs.horizontal .tab-active:after{left:0;transform-origin:left;transform:translateY(-50%) rotate(-35deg)}.tabs.horizontal .tab-content{flex-grow:1}