.popular_modal_shell{margin:0 auto;position:relative}.popular_modal_shell .modal1_close{top:var(--modal-close-area-inset);right:var(--modal-close-area-inset);position:absolute}.popular_wrapper{border-radius:8px;flex-wrap:wrap;gap:8px;display:flex;position:relative}.popular_cases_badge{appearance:none;background:var(--t-bg-consumer);width:100%;min-height:44px;color:var(--t-text-text-0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font:inherit;text-align:left;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;transition:background-color .16s,box-shadow .16s,filter .16s;display:flex}.popular_cases_badge:hover{background:color-mix(in srgb, var(--t-bg-consumer) 78%, #fff 22%);filter:saturate(1.06);box-shadow:inset 0 0 0 1px #ffffff1c,0 0 18px #36d66b21}.popular_cases_badge_name{font-size:16px;font-weight:600;line-height:1}.popular_cases_badge_value{align-items:center;min-width:0;display:inline-flex}.popular_item{transform-origin:50%;background:#1a1a1a;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:calc(50% - 4px);height:100px;padding:8px;display:flex;position:relative;overflow:hidden}.popular_item:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 1px #ffffff2e,0 0 18px color-mix(in srgb, var(--t-4-states-color-main-default-bg) 28%, transparent);z-index:4;position:absolute;inset:-6px;transform:scale(.84)}.popular_item.is-game-mode-click-feedback{animation:.42s cubic-bezier(.18,.92,.22,1) both gameModeClickPress}.popular_item.is-game-mode-click-feedback:after{animation:.52s cubic-bezier(.18,.92,.22,1) both gameModeClickHalo}.popular_item_purple{background:linear-gradient(#8847ff4d 0%,#aa85ff4d 100%),radial-gradient(270.88% 100% at 100%,#8847ff7a 0%,#8847ff00 100%)}.popular_item_blue{background:linear-gradient(#4b69ff4d 0%,#7596ff4d 100%),radial-gradient(270.88% 100% at 100%,#4b69ff7a 0%,#4b69ff00 100%)}.popular_item_red{background:linear-gradient(#eb4b4b4d 0%,#f574744d 100%),radial-gradient(270.88% 100% at 100%,#eb4b4b7a 0%,#eb4b4b00 100%)}.popular_item_yellow{background:linear-gradient(#ffc6004d 0%,#ffe51b4d 100%),radial-gradient(270.88% 100% at 100%,#ffc6007a 0%,#ffc60000 100%)}.popular_item_gray{background:linear-gradient(#b0c3d94d 0%,#d3ddea4d 100%),radial-gradient(270.88% 100% at 100%,#b0c3d97a 0%,#b0c3d900 100%)}.popular_image{z-index:1;position:absolute;top:0;right:0}.popular_name{color:var(--t-text-text-0);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141c73;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:16px;font-weight:500;line-height:125%;position:relative}.popular_value{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background-color:#ffffff2e;border-radius:4px;align-items:center;gap:6px;min-width:74px;padding:4px 8px;display:flex;position:relative}.popular_value:has(.mode_online_badge--interactive){transition:background-color .16s,box-shadow .16s,filter .16s}.popular_value:has(.mode_online_badge--interactive):hover{filter:saturate(1.08);background-color:#ffffff3d;box-shadow:inset 0 0 0 1px #ffffff21,0 0 18px #36d66b29}@keyframes gameModeClickPress{0%{transform:translate(0,0)scale(1)}18%{transform:translateY(1px)scale(.94)}48%{transform:translateY(-.5px)scale(1.035)}74%{transform:translate(0,0)scale(.992)}to{transform:translate(0,0)scale(1)}}@keyframes gameModeClickHalo{0%{opacity:.42;transform:scale(.78)}58%{opacity:.2;transform:scale(1.12)}to{opacity:0;transform:scale(1.24)}}@media (prefers-reduced-motion:reduce){.popular_item.is-game-mode-click-feedback,.popular_item.is-game-mode-click-feedback:after{animation:none}}