.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%)}}
.ccc-landing{list-style:none}.ccc-rowwrap{grid-template-rows:0fr;max-height:0;transition:grid-template-rows .18s cubic-bezier(.23,1,.32,1),max-height .18s cubic-bezier(.23,1,.32,1);display:grid;overflow:hidden}.ccc-rowwrap.is-open{grid-template-rows:1fr;max-height:80px}.ccc-rowwrap.is-instant{transition:none}.ccc-rowclip{clip-path:inset(0);min-width:0;min-height:0;overflow:hidden}.ccc-row{background:0 0;border-radius:20px;align-items:center;gap:14px;min-height:60px;padding:0 14px 0 4px;transition:filter .18s cubic-bezier(.23,1,.32,1),opacity .18s cubic-bezier(.23,1,.32,1);display:flex}.ccc-row.is-blur{filter:blur(2.5px);opacity:.94}.ccc-covers{flex-shrink:0;width:56px;height:56px;display:flex;overflow:hidden}.ccc-covers__ph{background:#e8e8e8;border-radius:8px;width:40px;height:56px;display:block}.ccc-covers img{-o-object-fit:cover;object-fit:cover;background:#eee;border:1.5px solid #fff;border-radius:8px;width:40px;height:56px}.ccc-meta{flex:1;gap:2px;min-width:0;display:grid}.ccc-name{color:#0e191d;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.ccc-count{color:#848787;font-size:13px;font-weight:400;line-height:18px}.ccc-check{background:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;box-shadow:0 0 0 1px #0000001f,0 0 1px #0000001a,0 1px 2px -.3px #0000001a,0 2px 4px -1px #00000014}.ccc-check.is-on{background:linear-gradient(#fff3 0%,#fff0 100%),#0e191d;box-shadow:inset 0 1px 1px #ffffff29,0 0 0 1px #000,0 2px 4px -.5px #0000004d}.ccc-check-mark{filter:drop-shadow(0 .6px .6px #0006);width:16px;height:13.35px}.ccc-check-mark path{fill:none;stroke:#f2f2f2;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.ccc-rowwrap,.ccc-row{transition:none!important}.ccc-row.is-blur{filter:none;opacity:1}}.ssl-col__landing{list-style:none}.ssl-col__rowwrap{grid-template-rows:0fr;max-height:0;transition:grid-template-rows .18s cubic-bezier(.23,1,.32,1),max-height .18s cubic-bezier(.23,1,.32,1);display:grid;overflow:hidden}.ssl-col__rowwrap.is-open{grid-template-rows:1fr;max-height:80px}.ssl-col__rowwrap.is-instant{transition:none}.ssl-col__rowclip{clip-path:inset(0);min-width:0;min-height:0;overflow:hidden}.ssl-col__row{transition:filter .18s cubic-bezier(.23,1,.32,1),opacity .18s cubic-bezier(.23,1,.32,1)}.ssl-col__row.is-blur{filter:blur(2.5px);opacity:.94}@media (prefers-reduced-motion:reduce){.ssl-col__rowwrap,.ssl-col__row{transition:none!important}.ssl-col__row.is-blur{filter:none!important;opacity:1!important}}
[data-vaul-drawer][data-vaul-drawer-direction=bottom]:after{content:"";background:inherit;pointer-events:none;height:200%;display:block;position:absolute;top:100%;left:0;right:0}[data-vaul-overlay][data-vaul-snap-points=false]{animation:.5s cubic-bezier(.32,.72,0,1) vaul-ssl-fade-in}[data-vaul-overlay][data-vaul-snap-points=false][data-state=closed]{animation:.5s cubic-bezier(.32,.72,0,1) vaul-ssl-fade-out}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom]{animation:.5s cubic-bezier(.32,.72,0,1) vaul-ssl-slide-from-bottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation:.5s cubic-bezier(.32,.72,0,1) vaul-ssl-slide-to-bottom}@keyframes vaul-ssl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vaul-ssl-fade-out{to{opacity:0}}@keyframes vaul-ssl-slide-from-bottom{0%{transform:translateY(100%)}to{transform:translate(0,0)}}@keyframes vaul-ssl-slide-to-bottom{to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){[data-vaul-overlay][data-vaul-snap-points=false],[data-vaul-overlay][data-vaul-snap-points=false][data-state=closed],[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom],[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-duration:.01ms!important}}
[data-discover-drawer][data-vaul-drawer][data-vaul-drawer-direction=bottom]{border-radius:var(--Border-Radius-4xl,24px) var(--Border-Radius-4xl,24px) var(--Border-Radius-none,0) var(--Border-Radius-none,0);background:var(--agora-surface-canvas,#fff);box-shadow:0 -6px 10px -2px #0000000f,0 -12px 24px -6px #0000000f}[data-discover-drawer][data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation:.5s cubic-bezier(.32,.72,0,1) discover-sheet-open}[data-discover-drawer][data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation:.5s cubic-bezier(.32,.72,0,1) discover-sheet-close}@keyframes discover-sheet-open{0%{transform:translateY(100%)}to{transform:translate(0,0)}}@keyframes discover-sheet-close{0%{transform:translate(0,0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){[data-discover-drawer][data-vaul-drawer]{animation-duration:.01ms!important}}