@keyframes animate-gradient{to{background-position:200%}}.bottomBar{bottom:calc(24px + env(safe-area-inset-bottom));z-index:1000000000;background:0 0;flex-direction:row;gap:12px;width:min(345px,100vw - 32px);height:56px;display:none;position:fixed;left:50%;transform:translate(-50%)}@media (max-width:834px){.bottomBar{display:flex}}.bottomBar--hidden{display:none!important}.bottomBar--scrollHidden .bottomBar__tabs{transform:translateY(calc(100% + 32px + env(safe-area-inset-bottom))) scale(.5);pointer-events:none}.bottomBar--scrollHidden .bottomBar__createButton{pointer-events:none;transform:translate(calc(100% + 32px))scale(.5)}.bottomBar[data-active-tab=\/duels] [data-tab=\/duels] .bottomBar__icon--idle,.bottomBar[data-active-tab=\/wallet] [data-tab=\/wallet] .bottomBar__icon--idle,.bottomBar[data-active-tab=\/ambassador] [data-tab=\/ambassador] .bottomBar__icon--idle,.bottomBar[data-active-tab=\/earn] [data-tab=\/earn] .bottomBar__icon--idle,.bottomBar[data-active-tab=menu] [data-tab=menu] .bottomBar__icon--idle{display:none}.bottomBar[data-active-tab=\/duels] [data-tab=\/duels] .bottomBar__icon--active,.bottomBar[data-active-tab=\/wallet] [data-tab=\/wallet] .bottomBar__icon--active,.bottomBar[data-active-tab=\/ambassador] [data-tab=\/ambassador] .bottomBar__icon--active,.bottomBar[data-active-tab=\/earn] [data-tab=\/earn] .bottomBar__icon--active,.bottomBar[data-active-tab=menu] [data-tab=menu] .bottomBar__icon--active{display:block}.bottomBar__tabs{background:#212121;border:1px solid #ffffff0d;border-radius:100px;flex:auto;justify-content:space-between;align-items:center;min-width:0;height:56px;padding:9px 24px;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #07070726}.bottomBar__runner{z-index:0;pointer-events:none;will-change:transform;background:#ffffff1a;border-radius:100px;width:56px;height:40px;position:absolute;top:7px;left:0}.bottomBar__runner--animated{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.bottomBar__tab{z-index:1;cursor:pointer;width:24px;height:24px;color:inherit;-webkit-tap-highlight-color:#0000;background:0 0;border:none;flex:0 0 24px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;position:relative}.bottomBar__menuAnchor{flex:0 0 24px;width:24px;height:24px;display:flex}.bottomBar__iconWrap{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bottomBar__icon{flex:none;max-width:none;display:block}.bottomBar__icon--active{display:none}.bottomBar__createButton{cursor:pointer;width:56px;height:56px;color:inherit;-webkit-tap-highlight-color:#0000;background:#212121;border:1px solid #ffffff0d;border-radius:100px;flex:0 0 56px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .3s ease-in-out;display:flex;box-shadow:0 2px 8px #07070726}.bottomBar__createButton>img{width:24px;height:24px}.bottomBar__menuContent.dd-aa43d013-container__popup{z-index:1000000001;background:#212121;border:1px solid #ffffff0d;border-radius:15px;align-items:center;gap:10px;width:max-content;padding:16px;display:flex;transform:translateY(-16px);box-shadow:0 2px 8px #07070726}.bottomBar__menuLinks{flex-direction:column;gap:24px;width:max-content;min-width:58px;display:flex}.bottomBar__menuLinkWrap{width:100%;display:flex}.bottomBar__menuLink{cursor:pointer;width:100%;color:inherit;-webkit-tap-highlight-color:#0000;background:0 0;border:none;align-items:center;gap:6px;padding:0;text-decoration:none;display:flex}.bottomBar__menuLink>span{color:#a7a7a7;white-space:nowrap;font-family:Poppins;font-size:14px;font-weight:500;line-height:130%}.bottomBar__menuLink--active>span{color:#ffc54d}.bottomBar__menuLinkIcon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.bottomBar__menuLinkIcon img{width:20px!important;height:20px!important}.bottomBar__menuLinkIcon svg{width:20px;height:20px}.bottomBar__discordIcon{color:#a7a7a7;width:20px;height:20px;display:flex}.bottomBar__discordIcon svg{width:20px;height:20px}.bottomBar__menuLink--active .bottomBar__discordIcon{color:#ffc54d}.bottomBar__menuLinkIconFace{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.bottomBar__menuLinkIconFace--active,.bottomBar__menuLink--active .bottomBar__menuLinkIconFace--idle{display:none}.bottomBar__menuLink--active .bottomBar__menuLinkIconFace--active{display:flex}@media (max-width:360px){.bottomBar{gap:8px;width:calc(100vw - 24px)}}@media (prefers-reduced-motion:reduce){.bottomBar__runner--animated{transition:none}}
