.referral-earn-tab-bar-container{border-bottom:1px solid #3b3b3b;margin-top:.5rem;overflow:auto;overflow-y:hidden;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:768px){.referral-earn-tab-bar-container{border-bottom:1px solid #a6a6a6;margin-top:.8125rem;padding:0 .9375rem}}.referral-earn-tab-bar-container .custom-style{align-items:center;color:#fff;display:flex;gap:.5rem;white-space:nowrap;width:100%}.referral-earn-tab-bar-container .custom-style .custom-item{border-top-left-radius:6px;border-top-right-radius:6px;cursor:pointer;flex:1 0 auto;font-size:.875rem;font-weight:500;height:2.375rem;line-height:2.375rem;min-width:9.875rem;padding:0 1.25rem;text-align:center}@media screen and (max-width:768px){.referral-earn-tab-bar-container .custom-style .custom-item{background-color:#0c2843;font-size:.75rem;min-width:6.5625rem;padding:0 .6875rem}.referral-earn-tab-bar-container .custom-style .custom-item:last-of-type:before{content:"";display:block;height:.01px;left:calc(100% + .9375rem);position:relative;width:.9375rem}}@media screen and (min-width:768px){.referral-earn-tab-bar-container .custom-style .custom-item{background-color:#0d141b}}.referral-earn-tab-bar-container .custom-style .active-bar{position:relative}@media screen and (min-width:768px){.referral-earn-tab-bar-container .custom-style .active-bar{background-color:#0c2843}.referral-earn-tab-bar-container .custom-style .active-bar:after{background-color:#f26722!important;bottom:0;content:"";height:.125rem;left:50%;position:absolute;transform:translate(-50%);width:100%}}@media screen and (max-width:768px){.referral-earn-tab-bar-container .custom-style .active-bar{background-color:#0d141b}.referral-earn-tab-bar-container .custom-style .active-bar:after{background-color:#f26722!important;bottom:0;content:"";height:.125rem;left:50%;position:absolute;transform:translate(-50%);width:100%}}