.bottom-tabs{--tab-index:0;position:fixed!important;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(430px,calc(100% - 28px));height:62px;padding:5px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.82);border-radius:22px;box-shadow:0 16px 42px rgba(89,54,27,.16),inset 0 1px 0 rgba(255,255,255,.9);display:grid!important;grid-template-columns:repeat(3,1fr);z-index:50;overflow:hidden;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .25s ease,box-shadow .25s ease;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.bottom-tabs.active-home{--tab-index:0}.bottom-tabs.active-rank{--tab-index:1}.bottom-tabs.active-profile{--tab-index:2}
.bottom-tabs .tab-slider{position:absolute;z-index:0;left:5px;top:5px;width:calc((100% - 10px)/3);height:52px;border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,244,232,.76));border:1px solid rgba(244,122,32,.18);box-shadow:0 5px 18px rgba(213,102,20,.12),inset 0 1px 1px rgba(255,255,255,.9);transform:translateX(calc(var(--tab-index)*100%));transition:transform .42s cubic-bezier(.34,1.56,.64,1)}
.bottom-tabs a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:#9b9087;font-size:15px;font-weight:600;letter-spacing:.02em;border-radius:17px;transition:color .25s ease,transform .18s ease;background:transparent!important;-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}
.bottom-tabs a.active{color:var(--orange)}.bottom-tabs a:active{transform:scale(.94)}
.bottom-tabs.is-sliding{box-shadow:0 20px 48px rgba(89,54,27,.2),inset 0 1px 0 rgba(255,255,255,.92)}
.bottom-tabs.is-dragging .tab-slider{transition:none}.bottom-tabs.is-dragging{box-shadow:0 21px 52px rgba(89,54,27,.22),inset 0 1px 0 rgba(255,255,255,.94)}
.bottom-tabs.scrolling-down{transform:translate(-50%,8px) scale(.97);opacity:.9}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bottom-tabs{background:rgba(255,255,255,.96)}}