.hawkline-tabs{display:flex;flex-direction:column;width:100%}.hawkline-tabs__header{position:relative;border-bottom:1px solid #3a3a3a;display:flex;align-items:flex-start;justify-content:flex-start}.hawkline-tabs__list{display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.hawkline-tabs--default .hawkline-tabs__list{gap:6px;padding-top:3px}.hawkline-tabs--default.hawkline-tabs--full-width .hawkline-tabs__list{gap:0}.hawkline-tabs--full-width .hawkline-tabs__list{width:100%;flex-grow:1}.hawkline-tabs__tab{display:flex;align-items:center;gap:var(--spacing-xs);background-color:transparent;border:none;color:#8e8e90;font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-base),text-shadow var(--transition-base),background-color var(--transition-fast);position:relative;white-space:nowrap}.hawkline-tabs--full-width .hawkline-tabs__tab{flex:1 1;justify-content:center}.hawkline-tabs--small .hawkline-tabs__tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:32px}.hawkline-tabs--medium .hawkline-tabs__tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);min-height:40px}.hawkline-tabs--large .hawkline-tabs__tab{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}.hawkline-tabs__tab--active{color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.3)}.hawkline-tabs__tab:hover:not(:disabled){color:var(--color-text-primary);background-color:rgba(31,29,32,.4)}.hawkline-tabs__tab--disabled,.hawkline-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.hawkline-tabs__icon{display:flex;align-items:center;font-size:1.1em}.hawkline-tabs--default .hawkline-tabs__tab{min-width:120px;justify-content:center;text-transform:uppercase}.hawkline-tabs--default .hawkline-tabs__tab:before{content:"";position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:100%;max-width:120px;height:4px;background-color:#3a3a3a;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.hawkline-tabs--default.hawkline-tabs--full-width .hawkline-tabs__tab{min-width:unset}.hawkline-tabs--default.hawkline-tabs--full-width .hawkline-tabs__tab:before{max-width:100%;width:100%;left:0;transform:none}.hawkline-tabs--default .hawkline-tabs__tab--active:before{background-color:#fff;box-shadow:0 0 10px hsla(0,0%,100%,.4)}.hawkline-tabs--boxed .hawkline-tabs__header{padding:var(--spacing-xs);background-color:hsla(0,0%,6%,.4);border:1px solid #3a3a3a}.hawkline-tabs--boxed .hawkline-tabs__list{gap:0}.hawkline-tabs--boxed .hawkline-tabs__tab{border:1px solid transparent;margin:0}.hawkline-tabs--boxed .hawkline-tabs__tab--active{background-color:#101010;border-color:#3a3a3a #3a3a3a #101010;margin-bottom:-1px;z-index:1}.hawkline-tabs--boxed .hawkline-tabs__content{border:1px solid #3a3a3a;border-top:none;background-color:#101010}.hawkline-tabs--underline .hawkline-tabs__header{border-bottom:2px solid #3a3a3a}.hawkline-tabs--underline .hawkline-tabs__tab{padding-bottom:calc(var(--spacing-sm) + 2px);margin-bottom:-2px;border-bottom:2px solid transparent}.hawkline-tabs--underline .hawkline-tabs__tab--active{border-bottom-color:var(--color-text-primary)}.hawkline-tabs--underline .hawkline-tabs__tab:hover:not(:disabled){background-color:transparent;border-bottom-color:hsla(0,0%,74%,.5)}.hawkline-tabs__content{padding:var(--spacing-md);background-color:transparent}.hawkline-tabs__panel{display:none;animation:fadeIn var(--transition-fast)}.hawkline-tabs__panel--active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hawkline-tabs__tab:focus{outline:none}.hawkline-tabs__arrow{background-color:transparent;border:none;color:#8e8e90;font-size:28px;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.hawkline-tabs--small .hawkline-tabs__arrow{width:36px;height:36px;font-size:24px}.hawkline-tabs--medium .hawkline-tabs__arrow{width:40px;height:40px;font-size:28px}.hawkline-tabs--large .hawkline-tabs__arrow{width:44px;height:44px;font-size:32px}.hawkline-tabs__arrow:hover{color:var(--color-text-primary);background-color:rgba(31,29,32,.4)}.hawkline-tabs__arrow:active{transform:scale(.95)}.hawkline-tabs__arrow:focus{outline:none}.hawkline-tabs__arrow--left{margin-right:var(--spacing-xs)}.hawkline-tabs__arrow--right{margin-left:var(--spacing-xs)}.hawkline-tabs--default .hawkline-tabs__arrow{margin-bottom:6px}.hawkline-tabs__list{flex-grow:0}.hawkline-tabs--boxed .hawkline-tabs__content:after,.hawkline-tabs--boxed .hawkline-tabs__content:before,.hawkline-tabs--boxed .hawkline-tabs__header:after,.hawkline-tabs--boxed .hawkline-tabs__header:before{content:"";position:absolute;width:8px;height:8px;border:1px solid #8e8e90}.hawkline-tabs--boxed .hawkline-tabs__header:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.hawkline-tabs--boxed .hawkline-tabs__header:after{top:-1px;right:-1px;border-left:none;border-bottom:none}.hawkline-tabs--boxed .hawkline-tabs__content:before{bottom:-1px;left:-1px;border-right:none;border-top:none}.hawkline-tabs--boxed .hawkline-tabs__content:after{bottom:-1px;right:-1px;border-left:none;border-top:none}