/* Q77 V12.3.14.3 - More > choose a taker. Keep the original taker cards. */
.more-search[data-v-1d11e8bb]{background:#fff;padding-left:12px;padding-right:12px;padding-bottom:12px}
.more-search .search-bar[data-v-1d11e8bb]{height:45px;border:1px solid #f1f1f1;border-radius:24px;background:#fafafa;box-shadow:0 3px 12px rgba(20,30,50,.06)}
.more-search .search-input[data-v-1d11e8bb]{height:43px;line-height:43px;font-size:15px}
.q77-more-category-scroll{flex-shrink:0;width:100%;background:#fff;box-sizing:border-box;white-space:nowrap}
.q77-more-category-track{display:flex!important;flex-direction:row!important;gap:13px;padding:10px 12px 13px;box-sizing:border-box;width:max-content;min-width:100%;align-items:start}
.q77-more-category-item{width:75px;min-width:75px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px;cursor:pointer;position:relative;box-sizing:border-box}
.q77-more-category-icon{width:49px;height:49px;border-radius:7px;display:block;box-sizing:border-box;background:#f2f3f5;border:3px solid transparent;object-fit:cover;overflow:hidden}
.q77-more-category-placeholder{background:linear-gradient(145deg,#243047,#475470);color:#fff;display:flex!important;align-items:center!important;justify-content:center!important;font-size:23px;font-weight:700}
.q77-more-category-item.is-active .q77-more-category-icon{border-color:#ffd51a;box-shadow:0 2px 8px rgba(254,200,11,.3)}
.q77-more-category-name{font-size:14px;white-space:nowrap;font-weight:500;color:#37383b;max-width:75px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.4}
.q77-more-category-item.is-active .q77-more-category-name{font-weight:700;color:#111827}
.q77-more-category-underline{display:block;width:0;height:4px;border-radius:4px;background:#ffcf16;margin-top:0;transition:width .16s ease}
.q77-more-category-item.is-active .q77-more-category-underline{width:29px}
.q77-more-gender-picks{display:flex!important;flex-direction:row!important;gap:9px;padding:6px 12px 16px;background:#fff;box-sizing:border-box;flex-shrink:0;width:100%}
.q77-more-gender-card{display:flex!important;flex-direction:row!important;align-items:center!important;flex:1;min-width:0;min-height:86px;border-radius:10px;padding:10px 12px;gap:10px;box-sizing:border-box;cursor:pointer;border:2px solid transparent}
.q77-more-gender-male{background:#eaf4ff}
.q77-more-gender-female{background:#fff0f5}
.q77-more-gender-male.is-active{border-color:#63a8e9;box-shadow:0 1px 7px rgba(59,130,246,.10)}
.q77-more-gender-female.is-active{border-color:#ee81ad;box-shadow:0 1px 7px rgba(244,114,182,.10)}
.q77-more-gender-symbol{flex-shrink:0;width:35px;height:35px;border-radius:50%;background:rgba(255,255,255,.86);display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px;font-weight:400;line-height:1}
.q77-more-gender-male .q77-more-gender-symbol{color:#418dbc}
.q77-more-gender-female .q77-more-gender-symbol{color:#d65e97}
.q77-more-gender-copy{display:flex!important;flex-direction:column!important;min-width:0;gap:5px;align-items:flex-start!important}
.q77-more-gender-label{font-size:18px;font-weight:750;white-space:nowrap;line-height:1.2}
.q77-more-gender-male .q77-more-gender-label{color:#397dac}
.q77-more-gender-female .q77-more-gender-label{color:#d5568d}
.q77-more-gender-desc{font-size:11px;color:#94979e;white-space:nowrap;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.more-section-head[data-v-1d11e8bb]{background:#f5f6f8;padding:12px 12px 9px}
.more-section-txt[data-v-1d11e8bb]{color:#404651}
@media(max-width:365px){.q77-more-gender-card{gap:6px;padding:8px;min-height:78px}.q77-more-gender-label{font-size:16px}.q77-more-gender-desc{font-size:10px}.q77-more-gender-symbol{width:30px;height:30px;font-size:22px}.q77-more-gender-picks{gap:6px}.q77-more-category-track{gap:6px}}

/* Q77 v12.3.14.5: fix oversized category scroll-view in More > choose player.
   Global index-C9jPOQHU.css applies .page uni-scroll-view {flex:1;height:0}
   to ALL scroll views, which incorrectly stretches the horizontal category bar.
   Override with greater specificity while leaving the vertical taker list flexible. */
.page uni-scroll-view.q77-more-category-scroll,
.page .q77-more-category-scroll {
  flex: 0 0 91px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  height: 91px !important;
  min-height: 91px !important;
  max-height: 91px !important;
  box-sizing: border-box;
  overflow: hidden;
}
.page .q77-more-category-track {
  gap: 12px;
  padding: 7px 12px 7px;
  align-items: flex-start;
}
.page .q77-more-category-item {gap: 4px;}
.page .q77-more-category-icon {
  width: 44px;
  height: 44px;
  border-radius: 7px;
}
.page .q77-more-category-name {font-size: 13px;line-height: 18px;}
.page .q77-more-category-underline {height: 3px;}
.page .q77-more-gender-picks {
  padding: 4px 12px 9px;
  gap: 9px;
}
.page .q77-more-gender-card {
  min-height: 66px;
  padding: 8px 10px;
  gap: 8px;
  border-radius: 10px;
}
.page .q77-more-gender-symbol {width:31px;height:31px;font-size:21px;}
.page .q77-more-gender-copy {gap: 3px;}
.page .q77-more-gender-label {font-size:16px;line-height:1.2;}
.page .q77-more-gender-desc {font-size:10px;line-height:1.25;}
.page .more-section-head[data-v-1d11e8bb] {padding: 6px 12px 7px;}
.page .more-section-ico[data-v-1d11e8bb] {width: 17px;height:17px;}
.page .more-section-txt[data-v-1d11e8bb] {font-size:14px;}
/* Preserve the original vertically scrolling staff list and its pagination. */
.page uni-scroll-view.more-list {flex:1 1 0 !important;height:0 !important;min-height:0 !important;}
@media (max-width:365px) {
  .page .q77-more-category-track {gap:7px;padding-left:9px;padding-right:9px;}
  .page .q77-more-gender-picks {gap:6px;padding-left:9px;padding-right:9px;}
  .page .q77-more-gender-card {padding:7px;gap:5px;min-height:62px;}
  .page .q77-more-gender-label {font-size:14px;}
  .page .q77-more-gender-desc {font-size:9px;}
  .page .q77-more-gender-symbol {width:27px;height:27px;font-size:20px;}
}