.rhoam-common-tabs{z-index:5;justify-content:center;width:100%;margin-top:-4%;padding-top:0;display:flex}.rhoam-common-tabs__container{background:#0000004d;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:4px;width:fit-content;max-width:100%;padding:6px 10px;animation:.6s ease-out floatContainer;display:flex;position:relative}.rhoam-common-tabs__container:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#a1127d,#03d8f5);border-radius:8px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rhoam-common-tabs__btn{color:#fff;cursor:pointer;white-space:nowrap;z-index:1;background:0 0;border:none;border-radius:4px;min-width:fit-content;padding:10px 18px;font-size:14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:.5s cubic-bezier(.68,-.55,.265,1.55) backwards buttonBounce;position:relative;overflow:hidden}.rhoam-common-tabs__btn:hover{background:radial-gradient(circle,#a1127d40,#0000 70%);transform:translateY(-2px);box-shadow:0 5px 15px #a1127d33,0 0 0 1px #ffffff0d}.rhoam-common-tabs__btn--active{background:linear-gradient(#a1127d4d,#03d8f54d);animation:.3s activeBounce;box-shadow:0 0 15px #a1127d4d,inset 0 1px #ffffff1a}.rhoam-common-tabs__btn--active:hover{animation:.6s infinite alternate activeBounceHover}.rhoam-common-tabs__btn:first-child{animation-delay:50ms}.rhoam-common-tabs__btn:nth-child(2){animation-delay:.1s}.rhoam-common-tabs__btn:nth-child(3){animation-delay:.15s}.rhoam-common-tabs__btn:nth-child(4){animation-delay:.2s}.rhoam-common-tabs__btn:nth-child(5){animation-delay:.25s}.rhoam-common-tabs__btn:nth-child(6){animation-delay:.3s}@media (max-width:600px){.rhoam-common-tabs{margin-top:0}.rhoam-common-tabs__container{gap:6px;width:min(340px,96%);padding:8px;animation:.4s ease-out floatContainerMobile}.rhoam-common-tabs__btn{text-align:center;white-space:normal;border-radius:6px;flex:0 0 calc(50% - 6px);justify-content:center;align-items:center;min-height:38px;padding:8px 10px;font-size:11px;line-height:1.1;animation:.3s ease-out backwards buttonBounceMobile;display:flex}.rhoam-common-tabs__btn:nth-child(odd){animation-delay:50ms}.rhoam-common-tabs__btn:nth-child(2n){animation-delay:.15s}.rhoam-common-tabs__btn:hover{transform:translateY(-1px)}}@keyframes floatContainer{0%{opacity:0;transform:translateY(30px)}60%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes floatContainerMobile{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes buttonBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes buttonBounceMobile{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes activeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes activeBounceHover{0%{transform:translateY(0);box-shadow:0 0 15px #a1127d4d,inset 0 1px #ffffff1a}to{transform:translateY(-2px);box-shadow:0 0 25px #a1127d66,inset 0 1px #ffffff26}}