*, *::before, *::after {
    -webkit-tap-highlight-color: transparent !important;
}

*:focus, *:active {
    outline: none !important;
}

.app-tabber,
.app-tabber:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    width: 100% !important;
    height: 2.6rem !important;
    z-index: 100 !important;
    background-color: transparent !important;
    border-radius: .58667rem .58667rem 0 0 !important;
    background-image: url('/assets/ar_saas08/tabbar/barBg-aebb700a.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: 100% 100% !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

.app-tabber .items,
.app-tabber .items:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    display: flex !important;
    z-index: 4 !important;
    padding: .32rem 0 0 !important;
    position: relative !important;
    top: .52rem !important;
}

.app-tabber .items .app-tabber-item,
.app-tabber .items .app-tabber-item.active,
.app-tabber .items .app-tabber-item:is([data-v-d2f8cf7c],[data-v-886db2f6]),
.app-tabber .items .app-tabber-item.active:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    flex: 1 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    position: relative !important;
    cursor: pointer !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.app-tabber .items .app-tabber-item.active .text,
.app-tabber .items .app-tabber-item.active .text:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    color: var(--main_color, #488FFD) !important;
    text-align: center !important;
    font-family: Poppins, sans-serif !important;
    font-size: .34667rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: .44rem !important;
}

/* Remove red selected box highlight completely */
.app-tabber .items .app-tabber-item.active:before,
.app-tabber .items .app-tabber-item.active:after,
.app-tabber .items .app-tabber-item:before,
.app-tabber .items .app-tabber-item:after,
.app-tabber .items .app-tabber-item.active:is([data-v-d2f8cf7c],[data-v-886db2f6]):before,
.app-tabber .items .app-tabber-item.active:is([data-v-d2f8cf7c],[data-v-886db2f6]):after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

.app-tabber .items .app-tabber-item img,
.app-tabber .items .app-tabber-item img:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    width: .74667rem !important;
    height: .74667rem !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Elevated Center Wheel Icon */
.app-tabber .items .app-tabber-item img.img_2,
.app-tabber .items .app-tabber-item img.img_2:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    width: 2.1rem !important;
    height: auto !important;
    position: absolute !important;
    bottom: .53333rem !important;
    left: 50% !important;
    transform: translate(-50%) !important;
    z-index: 5 !important;
}

.app-tabber .items .app-tabber-item .tips,
.app-tabber .items .app-tabber-item .tips:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    border-radius: .66667rem !important;
    border: .01333rem solid #fff !important;
    background: #488FFD !important;
    background-color: #488FFD !important;
    position: absolute !important;
    display: flex !important;
    min-width: .48rem !important;
    height: .48rem !important;
    padding: 0 .1rem !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    top: -.26667rem !important;
    left: 55% !important;
    color: #ffffff !important;
    font-size: .26667rem !important;
    font-weight: 700 !important;
    line-height: .48rem !important;
    font-style: normal !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    box-shadow: 0 .02667rem .08rem rgba(72, 143, 253, 0.5) !important;
}

.app-tabber .items .app-tabber-item .tips_point,
.app-tabber .items .app-tabber-item .tips_point:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    width: .26rem !important;
    height: .26rem !important;
    border-radius: 50% !important;
    background: #488FFD !important;
    background-color: #488FFD !important;
    border: .01333rem solid #fff !important;
    position: absolute !important;
    top: -.26667rem !important;
    left: 60% !important;
    z-index: 10 !important;
    box-shadow: 0 .02667rem .08rem rgba(72, 143, 253, 0.5) !important;
}

.app-tabber .items .text,
.app-tabber .items .text:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    color: #8c8c9e !important;
    font-size: .32rem !important;
    height: .58667rem !important;
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.app-tabber .items .text.mid,
.app-tabber .items .text.mid:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    width: 2.54667rem !important;
    height: .74667rem !important;
    top: 0 !important;
    color: #fff !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Center Turntable Notch Mask */
.app-tabber #turntable:before,
.app-tabber #turntable:after,
.app-tabber #turntable:is([data-v-d2f8cf7c],[data-v-886db2f6]):before,
.app-tabber #turntable:is([data-v-d2f8cf7c],[data-v-886db2f6]):after {
    content: "" !important;
    position: absolute !important;
    bottom: -.14667rem !important;
    left: 50% !important;
    transform: translate(-51%) !important;
    background: url('/assets/ar_saas08/tabbar/turnable_mask-0cc63214.webp') no-repeat center/contain !important;
    width: 2.53333rem !important;
    height: 1.14667rem !important;
    z-index: 3 !important;
    pointer-events: none !important;
    border-radius: 0 0 .93333rem .93333rem !important;
}

/* Wheel Golden Gradient Text */
.app-tabber .items .app-tabber-item.play .text p,
.play .text p,
.play .text p:is([data-v-d2f8cf7c],[data-v-886db2f6]) {
    font-size: .36rem !important;
    font-style: italic !important;
    font-weight: 700 !important;
    -webkit-text-stroke-width: .01333rem !important;
    -webkit-text-stroke-color: #933617 !important;
    background: linear-gradient(138deg, #fff9b0 26.93%, #ffb12e 38.07%, #fff8ae 48.42%, #ffb12e 59.07%, #fff269 65.46%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #FFF9B0 !important;
    line-height: 1 !important;
}

/* Floating PWA Install Bar positioned comfortably above the tab bar & wheel */
.pwa-btn {
    position: fixed !important;
    bottom: 3.35rem !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 99 !important;
}