.stc-row{padding:0;text-align:start;cursor:pointer;width:100%;min-width:0;height:64px;color:var(--agora-text-primary,#0e191d);background:0 0;border:none;border-radius:20px;align-items:center;gap:12px;padding-inline-end:8px;font-family:inherit;transition:background .14s cubic-bezier(.23,1,.32,1);display:flex}@media (hover:hover) and (pointer:fine){.stc-row:hover{background:var(--agora-surface-hover,#f2f2f2)}}.stc-row-list{margin-inline:-14px;padding-inline:14px;overflow-x:clip}.stc-thumb{--stc-card-b:1.5px;--stc-card-sh-rest:0 0 0 1px #0e191d14, 0 1.5px 5px #0e191d2e;--stc-card-sh-hover:0 0 0 1px #0e191d1a, 0 6px 14px #0e191d3d;flex-shrink:0;width:56px;height:56px;position:relative}.stc-thumb-card{border:var(--stc-card-b) solid #fff;box-shadow:var(--stc-card-sh-rest);background-color:var(--agora-surface-soft-2,#eef0ef);will-change:transform;background-position:50%;background-size:cover;border-radius:26%;transition:transform .42s cubic-bezier(.22,.9,.27,1),box-shadow .42s;display:block;position:absolute;inset:8px}.stc-thumb-card--back{z-index:1;transform:rotate(-10deg)translate(-12%,3%)}.stc-thumb-card--mid{z-index:2;transform:rotate(-1deg)translate(-1%)}.stc-thumb-card--front{z-index:3;transform:rotate(8deg)translate(11%,-2%)}.stc-row:hover .stc-thumb-card--back{transform:rotate(-18deg)translate(-30%,4%)}.stc-row:hover .stc-thumb-card--mid{transform:rotate(0)translateY(-9%)}.stc-row:hover .stc-thumb-card--front{transform:rotate(18deg)translate(30%,4%)}.stc-row:hover .stc-thumb-card{box-shadow:var(--stc-card-sh-hover)}.stc-incoming{z-index:4;border:var(--stc-card-b) solid #fff;box-shadow:var(--stc-card-sh-hover);background-color:var(--agora-surface-soft-2,#eef0ef);opacity:0;pointer-events:none;will-change:transform, opacity;background-position:50%;background-size:cover;border-radius:26%;transition:transform .52s cubic-bezier(.34,1.3,.5,1),opacity .3s;display:block;position:absolute;inset:8px;transform:translate(185%,-4%)rotate(30deg)scale(.92)}.stc-row.is-added .stc-incoming{opacity:1;transform:rotate(18deg)translate(24%,-4%)scale(1)}.stc-row.is-added:hover .stc-thumb-card--back{transform:rotate(-21deg)translate(-30%,6%)}.stc-row.is-added:hover .stc-thumb-card--mid{transform:rotate(-7deg)translate(-11%,-7%)}.stc-row.is-added:hover .stc-thumb-card--front{transform:rotate(7deg)translate(11%,-7%)}.stc-row.is-added:hover .stc-incoming{transform:rotate(21deg)translate(30%,6%)scale(1)}html[dir=rtl] .stc-thumb-card--back{transform:rotate(10deg)translate(12%,3%)}html[dir=rtl] .stc-thumb-card--mid{transform:rotate(1deg)translate(1%)}html[dir=rtl] .stc-thumb-card--front{transform:rotate(-8deg)translate(-11%,-2%)}html[dir=rtl] .stc-row:hover .stc-thumb-card--back{transform:rotate(18deg)translate(30%,4%)}html[dir=rtl] .stc-row:hover .stc-thumb-card--mid{transform:rotate(0)translateY(-9%)}html[dir=rtl] .stc-row:hover .stc-thumb-card--front{transform:rotate(-18deg)translate(-30%,4%)}html[dir=rtl] .stc-incoming{transform:translate(-185%,-4%)rotate(-30deg)scale(.92)}html[dir=rtl] .stc-row.is-added .stc-incoming{transform:rotate(-18deg)translate(-24%,-4%)scale(1)}html[dir=rtl] .stc-row.is-added:hover .stc-thumb-card--back{transform:rotate(21deg)translate(30%,6%)}html[dir=rtl] .stc-row.is-added:hover .stc-thumb-card--mid{transform:rotate(7deg)translate(11%,-7%)}html[dir=rtl] .stc-row.is-added:hover .stc-thumb-card--front{transform:rotate(-7deg)translate(-11%,-7%)}html[dir=rtl] .stc-row.is-added:hover .stc-incoming{transform:rotate(-21deg)translate(-30%,6%)scale(1)}.stc-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stc-row-name{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.stc-row-count{color:var(--agora-text-secondary,#848787);align-items:center;font-size:13px;line-height:16px;display:inline-flex}.stc-row-count-sep{margin-inline:6px;line-height:1}.stc-row-public{align-items:center;gap:2px;display:inline-flex}.stc-count-num{font-variant-numeric:tabular-nums;animation:.3s cubic-bezier(.23,1,.32,1) stc-count-in;display:inline-block}.stc-count-num--static{animation:none}@keyframes stc-count-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stc-check{background:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-inline-end:6px;line-height:0;transition:background .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 0 0 1px #0000001f,0 0 1px #0000001a,0 1px 2px -.3px #0000001a,0 2px 4px -1px #00000014}.stc-row.is-added .stc-check{background:linear-gradient(0deg, #fff0 0%, #fff3 100%), var(--agora-text-primary,#0e191d);box-shadow:inset 0 1px 1px #ffffff29,0 0 0 1px #000,0 2px 4px -.5px #0000004d}.stc-check-mark{filter:drop-shadow(0 .6px .6px #0006);flex-shrink:0;width:11px;height:9.2px;display:block;transform:translate(.25px,.75px)}.stc-check-mark path{fill:none;stroke:var(--agora-surface-hover,#f2f2f2);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .3s 50ms}.stc-row.is-added .stc-check-mark path{stroke-dashoffset:0}.stc-sheet-stack{--stc-list-lift:12px;width:min(480px,100vw - 32px)!important;max-width:min(480px,100vw - 32px)!important;max-height:min(750px,100dvh - 32px)!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;overflow:visible!important}.stc-sheet-stack>.dialog-shell-ring{display:none}.stc-sheet-list:after,.stc-sheet-create:after{content:"";z-index:10;pointer-events:none;border-radius:24px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 1.5px #e4e4e799}.stc-sheet-list{background:var(--agora-surface-canvas,#fff);will-change:transform, opacity;border-radius:24px;flex-direction:column;width:100%;max-width:100%;min-height:0;max-height:min(750px,100dvh - 32px);transition:transform .38s cubic-bezier(.32,.72,0,1),opacity .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px #00000014,0 8px 16px #00000014,0 0 0 1px #00000014}.stc-sheet-stack[data-view=create] .stc-sheet-list{transform:translateY(calc(-1 * var(--stc-list-lift))) scale(.94);opacity:.72;pointer-events:none}.stc-sheet-create{z-index:3;width:min(480px,100vw - 32px);max-width:min(480px,100vw - 32px);height:var(--stc-create-height,auto);opacity:0;pointer-events:none;will-change:transform, opacity;max-height:min(750px,100dvh - 32px);transition:height .42s cubic-bezier(.32,.72,0,1),transform .56s cubic-bezier(.32,.72,0,1),opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(64px)scale(.985)}.stc-sheet-create.is-active{opacity:1;pointer-events:auto;background:var(--agora-surface-canvas,#fff);border-radius:24px;flex-direction:column;min-height:0;display:flex;overflow:hidden;transform:translate(-50%,-50%)translateY(12px)scale(1);box-shadow:0 16px 32px #00000014,0 8px 16px #00000014,0 0 0 1px #00000014}.stc-sheet-create.is-overflowing{overflow-y:auto}@media (prefers-reduced-motion:reduce){.stc-row,.stc-thumb-card,.stc-check{transition-duration:.01ms}.stc-incoming{transition:opacity .12s}.stc-row.is-added .stc-incoming{transform:rotate(18deg)translate(24%,-4%)scale(1)}.stc-check-mark path{transition:none}.stc-count-num{animation:none}.stc-sheet-list,.stc-sheet-create{transition:opacity .12s}.stc-sheet-stack[data-view=create] .stc-sheet-list{transform:scale(.94)}.stc-sheet-create,.stc-sheet-create.is-active{transform:translate(-50%,-50%)}}
