.active-bar-root{border:0;margin:0;padding:0}.active-bar-root-in-design{pointer-events:none}.active-bar-container{max-width:1600px;margin:0 auto;padding:0 40px;position:relative}.active-bar-container.active-bar-container-in-design{pointer-events:none}.active-bar-container .active-bar-list{z-index:1;width:100%;max-width:1520px;box-shadow:var(--boxShadowColor,none);border:1.5px solid hsla(0,0%,100%,.8);border-bottom-right-radius:20px;border-bottom-left-radius:20px;display:flex;position:absolute;overflow:hidden}.active-bar-container .active-bar-list.active-bar-list-use-bg-img{background-position:50%;background-repeat:no-repeat;background-size:cover}.active-bar-container .active-bar-list.active-bar-list-use-bg-img .active-bar-item{-webkit-backdrop-filter:none;backdrop-filter:none;background:none}.active-bar-container .active-bar-item{cursor:pointer;color:var(--defaultFontColor,none);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(122deg,rgba(255,249,242,.3) -7.14%,rgba(255,211,158,.3) 97.66%);flex:1;justify-content:center;align-items:center;padding:22px 0;font-family:Poppins-SemiBold;font-size:20px;line-height:36px;display:flex;overflow:hidden}.active-bar-container .active-bar-item:last-child{border-right:none}.active-bar-container .active-bar-item:first-child{border-bottom-left-radius:20px}.active-bar-container .active-bar-item:last-child{border-bottom-right-radius:20px}.active-bar-container .active-bar-item.active-bar-item-is-active{color:var(--selectFontColor,none);font-size:24px}.active-bar-container .active-bar-item.active-bar-item-use-bg-img{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(0,0,0,0);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.active-bar-container .active-bar-item.active-bar-item-is-main{flex:1;justify-content:center;min-width:0}.active-bar-container .active-bar-item.active-bar-item-is-main .active-bar-item-main-inner{align-items:flex-end;gap:8px;width:-webkit-max-content;width:max-content;min-width:0;max-width:100%;display:inline-flex}.active-bar-container .active-bar-item.active-bar-item-is-main .active-bar-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.active-bar-container .active-bar-item .active-bar-item-icon{object-fit:contain;flex-shrink:0;width:60px;height:60px}.active-bar-container .active-bar-item .active-bar-item-name{white-space:nowrap}@media screen and (max-width:1600px){.active-bar-container{padding:0 40px}.active-bar-container .active-bar-list{max-width:calc(100vw - 80px)}.active-bar-container .active-bar-item{border-bottom:1px solid hsla(0,0%,100%,.5);font-size:16px}.active-bar-container .active-bar-item .active-bar-item-icon{width:30px;height:30px}.active-bar-container .active-bar-item.active-bar-item-is-active{border-bottom:1px solid #ecc998;font-size:20px}}@media screen and (max-width:1080px){.active-bar-container{padding:0 40px}.active-bar-container .active-bar-item{border-bottom:1px solid hsla(0,0%,100%,.5);font-size:12px}.active-bar-container .active-bar-item .active-bar-item-icon{width:30px;height:30px}.active-bar-container .active-bar-item.active-bar-item-is-active{border-bottom:1px solid #ecc998;font-size:16px}}@media screen and (max-width:848px){.active-bar-container{max-width:none;padding:0}.active-bar-container .active-bar-list{border-bottom-right-radius:10px;border-bottom-left-radius:10px;max-width:calc(100vw - 32px);margin:0 16px;overflow:hidden}.active-bar-container .active-bar-item{flex:none;min-width:auto;padding:8px 6px;font-size:12px;line-height:24px}.active-bar-container .active-bar-item:first-child{border-bottom-left-radius:10px}.active-bar-container .active-bar-item:last-child{border-bottom-right-radius:10px}.active-bar-container .active-bar-item .active-bar-item-name{white-space:nowrap}.active-bar-container .active-bar-item.active-bar-item-is-active{font-size:13px}.active-bar-container .active-bar-item.active-bar-item-is-main{flex:1;justify-content:center;min-width:0;padding:7px 0;font-size:12px}.active-bar-container .active-bar-item.active-bar-item-is-main .active-bar-item-main-inner{justify-content:center;align-items:center;gap:4px;width:-webkit-max-content;width:max-content;max-width:100%;display:inline-flex}.active-bar-container .active-bar-item.active-bar-item-is-main .active-bar-item-icon{flex-shrink:0;width:26px;height:26px}.active-bar-container .active-bar-item.active-bar-item-is-main .active-bar-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.active-bar-container .active-bar-item.active-bar-item-is-main.active-bar-item-is-active{font-size:13px}}