.webSessionComp{width:100%;min-height:60vh;color:var(--color-cale-text);flex-direction:column;gap:.3rem;padding:.1rem .25rem .4rem;font-size:.24rem;font-weight:500;display:flex}.webSessionComp .ws-panel{box-shadow:2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end);border-radius:25px;min-width:0;padding:.25rem .28rem .28rem}.webSessionComp .ws-panel__head{justify-content:space-between;align-items:center;gap:.2rem;margin:0 0 .2rem;display:flex}.webSessionComp .ws-panel__head>:first-child{color:var(--color-text);flex:none;margin:0;font-size:.28rem;font-weight:600}.webSessionComp .ws-panel__head>span{min-width:0;color:var(--color-cale-text);text-align:right;font-size:.2rem}.webSessionComp .ws-note{text-align:center;color:var(--color-cale-text);padding:.3rem .1rem;font-size:.22rem;line-height:1.6}.webSessionComp .ws-retry{appearance:none;font:inherit;background:0 0;border:0;margin:0}.webSessionComp .ws-retry:not(:disabled){cursor:var(--cursor-touch),auto}.webSessionComp .ws-retry:disabled{cursor:var(--cursor-default),auto}.webSessionComp .ws-retry:focus-visible{outline:2px solid var(--reward-accent);outline-offset:2px}.webSessionComp .ws-retry{border:1.5px dashed var(--lable-card-bag);width:100%;color:var(--color-text);text-align:center;border-radius:20px;padding:.3rem .1rem;font-size:.22rem;display:block}.webSessionComp .ws-bar{flex-wrap:wrap;align-items:center;gap:.16rem;display:flex}.webSessionComp .ws-bar__spacer{flex:auto}.webSessionComp .ws-chip{border:1px solid var(--profile-surface-border);color:var(--color-text);white-space:nowrap;cursor:var(--cursor-touch),auto;border-radius:999px;align-items:center;gap:.06rem;padding:.06rem .2rem .06rem .08rem;font-size:.22rem;transition:color .18s,border-color .18s,background .18s;display:inline-flex;position:relative}.webSessionComp .ws-chip .ws-pick{border:1.5px solid var(--session-check-border);color:#0000;border-radius:50%;flex:none;place-items:center;width:.3rem;height:.3rem;transition:background-color .18s,border-color .18s,color .18s;display:inline-grid}.webSessionComp .ws-chip .ws-pick svg{width:58%;height:58%}.webSessionComp .ws-chip.is-on{color:var(--reward-accent);border-color:var(--reward-accent-border);background:var(--reward-accent-bg)}.webSessionComp .ws-chip.is-on .ws-pick{background:var(--reward-accent);border-color:var(--reward-accent);color:var(--reward-accent-on)}.webSessionComp .ws-chip:has(.ws-checkbox:focus-visible){outline:2px solid var(--reward-accent);outline-offset:2px}.webSessionComp .ws-chip:has(.ws-checkbox:disabled){opacity:.5;cursor:var(--cursor-default),auto}.webSessionComp .ws-count{color:var(--color-cale-text);font-size:.21rem}.webSessionComp .ws-count b{color:var(--color-text);font-weight:600}.webSessionComp .ws-btn{appearance:none;font:inherit;background:0 0;border:0;margin:0}.webSessionComp .ws-btn:not(:disabled){cursor:var(--cursor-touch),auto}.webSessionComp .ws-btn:disabled{cursor:var(--cursor-default),auto}.webSessionComp .ws-btn:focus-visible{outline:2px solid var(--reward-accent);outline-offset:2px}.webSessionComp .ws-btn{color:var(--color-text);white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end);border-radius:30px;justify-content:center;align-items:center;gap:.08rem;padding:.1rem .3rem;font-size:.24rem;display:inline-flex}.webSessionComp .ws-btn svg{flex:none;width:.26rem;height:.26rem}.webSessionComp .ws-btn:active:not(:disabled){box-shadow:inset 2px 2px 5px var(--col-bg-start),inset -2px -2px 5px var(--col-bg-end)}.webSessionComp .ws-btn:disabled{opacity:.5}.webSessionComp .ws-btn.is-danger{color:var(--el-color-danger);border:1px solid #0000;transition:background .2s,border-color .2s,color .2s}.webSessionComp .ws-btn.is-danger:hover:not(:disabled){color:#ff6384;background:#ff63841a;border-color:#ff638499}.webSessionComp .ws-checkbox{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;padding:0;position:absolute}.webSessionComp .ws-scroll{min-width:0;position:relative}.webSessionComp .ws-scroll:before{content:"";z-index:2;background:linear-gradient(to bottom,var(--session-scroll-shadow),#0000);opacity:0;pointer-events:none;border-radius:22px 22px 0 0;height:.3rem;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.webSessionComp .ws-scroll.can-scroll-top:before{opacity:1}.webSessionComp .ws-scroll.can-scroll-bottom .ws-more{opacity:1;translate:-50%}.webSessionComp .ws-grid{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(min(4.1rem,100%),1fr));gap:.22rem;max-height:460px;margin:0;padding:.08rem .08rem .12rem;list-style:none;display:grid;overflow-y:auto}.webSessionComp .ws-tile{min-width:0;box-shadow:2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end);border:1.5px solid #0000;border-radius:22px;transition:border-color .18s,box-shadow .18s}.webSessionComp .ws-tile:not(.is-current):hover{border-color:var(--reward-accent-border)}.webSessionComp .ws-tile.is-selected{border-color:var(--reward-accent);box-shadow:0 0 12px var(--reward-accent-glow),2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end)}.webSessionComp .ws-tile.is-selected .ws-pick{background:var(--reward-accent);border-color:var(--reward-accent);color:var(--reward-accent-on)}.webSessionComp .ws-tile:has(.ws-checkbox:focus-visible){outline:2px solid var(--reward-accent);outline-offset:2px}.webSessionComp .ws-tile:has(.ws-checkbox:disabled){opacity:.6}.webSessionComp .ws-tile__hit{min-width:0;cursor:var(--cursor-touch),auto;flex-direction:column;gap:.08rem;padding:.14rem .14rem .18rem;display:flex;position:relative}.webSessionComp .ws-tile.is-current .ws-tile__hit{cursor:var(--cursor-default),auto}.webSessionComp .ws-tile__thumb{border:1px solid var(--profile-surface-border);background:linear-gradient(135deg,var(--reward-accent-bg),#0000 85%);height:1.1rem;color:var(--reward-accent);border-radius:16px;place-items:center;margin-bottom:.06rem;display:grid}.webSessionComp .ws-tile__thumb svg{width:.56rem;height:.56rem}.webSessionComp .ws-tile.is-current .ws-tile__thumb{color:var(--profile-ok-text);background:linear-gradient(135deg,#2fb37c29,#0000 85%)}.webSessionComp .ws-tile__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);font-size:.24rem;font-weight:600;overflow:hidden}.webSessionComp .ws-tile.is-unknown .ws-tile__name{color:var(--color-cale-text);font-weight:500}.webSessionComp .ws-tile__meta{min-width:0;color:var(--color-cale-text);flex-direction:column;font-size:.2rem;line-height:1.5;display:flex}.webSessionComp .ws-tile__meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.webSessionComp .ws-tile .ws-pick,.webSessionComp .ws-tile .ws-state{position:absolute;top:.24rem;right:.24rem}.webSessionComp .ws-pick{border:1.5px solid var(--session-check-border);color:#0000;border-radius:50%;flex:none;place-items:center;width:.38rem;height:.38rem;transition:background-color .18s,border-color .18s,color .18s;display:inline-grid}.webSessionComp .ws-pick svg{width:58%;height:58%}.webSessionComp .ws-state{border:1px solid var(--profile-surface-border);white-space:nowrap;color:var(--color-cale-text);border-radius:999px;flex:none;align-items:center;gap:.08rem;padding:.04rem .16rem;font-size:.2rem;font-weight:600;line-height:1.5;display:inline-flex}.webSessionComp .ws-state i{background:currentColor;border-radius:50%;width:.11rem;height:.11rem}.webSessionComp .ws-state.is-ok{color:var(--profile-ok-text);background:#2fb37c1a;border-color:#2fb37c61}.webSessionComp .ws-state.is-ok i{box-shadow:0 0 6px #2fb37ccc}.webSessionComp .ws-state.is-bad{color:var(--el-color-danger);background:#f56c6c1a;border-color:#f56c6c66}.webSessionComp .ws-more{z-index:2;color:var(--reward-accent);border:1px solid var(--reward-accent-border);background:var(--card-background-webkit);opacity:0;pointer-events:none;border-radius:999px;padding:.04rem .2rem;font-size:.2rem;transition:opacity .2s,translate .2s;position:absolute;bottom:.06rem;left:50%;translate:-50% .1rem}@media (prefers-reduced-motion:reduce){.webSessionComp .ws-chip,.webSessionComp .ws-more,.webSessionComp .ws-pick,.webSessionComp .ws-scroll:before,.webSessionComp .ws-tile{transition:none}}@media (width<=850px){.webSessionComp{padding:.1rem .12rem .3rem}.webSessionComp .ws-panel{padding:.2rem .18rem .22rem}.webSessionComp .ws-grid{max-height:55vh}}