.tiletray{--tiletray-tint: 236, 72, 153;--tiletray-tint2: 249, 115, 22;--tiletray-ink: var(--wb-ink, currentColor);--tiletray-ink3: var(--wb-ink3, rgba(255, 255, 255, .55));--tiletray-line: rgba(255, 255, 255, .16);--tiletray-frame: rgba(255, 255, 255, .13);--tiletray-base: rgba(255, 255, 255, .06);--tiletray-ring: 236, 72, 153;--tiletray-pill-face: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .045));--tiletray-pill-face-up: linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .11));--tiletray-pill-edge: rgba(255, 255, 255, .1);--tiletray-pill-depth: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 2px rgba(0, 0, 0, .45), 0 6px 14px -8px rgba(0, 0, 0, .6);position:relative;isolation:isolate;overflow:hidden;overflow:clip;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;padding:16px;border:1px solid var(--tiletray-line);border-radius:24px;color:var(--tiletray-ink);background:radial-gradient(70% 130% at 0% 0%,rgba(var(--tiletray-tint),.16),transparent 62%),radial-gradient(55% 110% at 100% 0%,rgba(var(--tiletray-tint2),.1),transparent 60%),var(--tiletray-base)}.tiletray-wash{position:absolute;inset:-18%;z-index:-1;background:center / cover no-repeat;filter:blur(72px) saturate(1.5);opacity:.62;pointer-events:none}html[data-perf=lite] .tiletray-wash{display:none}[data-wb-theme=light] .tiletray{--tiletray-pill-face: linear-gradient(180deg, #fff, #f1edf5);--tiletray-pill-face-up: linear-gradient(180deg, #fff, #e7e1ee);--tiletray-pill-edge: rgba(20, 10, 30, .12);--tiletray-pill-depth: inset 0 1px 0 #fff, 0 1px 2px rgba(20, 10, 30, .14), 0 6px 14px -10px rgba(20, 10, 30, .35);--tiletray-frame: rgba(255, 255, 255, .62);--tiletray-base: rgba(20, 10, 30, .035);--tiletray-line: rgba(20, 10, 30, .12)}[data-wb-theme=light] .tiletray-wash{opacity:.4}.tiletray[data-tint=violet]{--tiletray-tint: 139, 92, 246;--tiletray-tint2: 56, 189, 248}.tiletray[data-tint=amber]{--tiletray-tint: 249, 115, 22;--tiletray-tint2: 236, 72, 153}.tiletray[data-tint=teal]{--tiletray-tint: 45, 170, 160;--tiletray-tint2: 139, 92, 246}.tiletray-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;min-width:0;padding:2px 4px 0}.tiletray-words{display:grid;gap:2px;flex:1 1 12rem;min-width:0}.tiletray-title{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.tiletray-sub{margin:0;font-size:12px;line-height:1.45;color:var(--tiletray-ink3)}.tiletray-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tiletray-pill{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 12px;border:1px solid var(--tiletray-pill-edge);border-radius:999px;background:var(--tiletray-pill-face);box-shadow:var(--tiletray-pill-depth);color:var(--tiletray-ink);font:inherit;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,transform .16s cubic-bezier(.23,1,.32,1)}.tiletray-pill svg{flex:none;width:14px;height:14px}.tiletray-pill[data-primary="1"]{border-color:#ffffff38;background:linear-gradient(180deg,#ec4899,#a21caf);box-shadow:inset 0 1px #fff6,0 1px 2px #00000073,0 8px 16px -8px #db2777b3;color:#fff;font-weight:600}.tiletray-pill:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 1px #ffffff1a,0 0 #0000}.tiletray-pill:focus-visible{outline:2px solid var(--tiletray-ink);outline-offset:2px}.tiletray-tile{position:relative;display:block;min-width:0;padding:5px;border:1px solid var(--tiletray-line);border-radius:16px;background:var(--tiletray-frame);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s cubic-bezier(.23,1,.32,1)}.tiletray-pic{position:relative;display:block;overflow:hidden;border-radius:11px;background:var(--tiletray-frame)}.tiletray-pic>img,.tiletray-pic>video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 30%;object-position:50% 30%}.tiletray-pic>img[data-fit=contain]{-o-object-fit:contain;object-fit:contain}.tiletray-cap{position:absolute;inset:auto 0 0;display:grid;gap:2px;padding:30px 10px 9px;background:linear-gradient(to top,rgba(8,5,14,.86),rgba(8,5,14,.5) 55%,transparent);color:#fff;pointer-events:none;transition:opacity .18s ease}.tiletray-name{overflow:hidden;font-size:12px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.tiletray-meta{overflow:hidden;font-size:11px;line-height:1.4;color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap}.tiletray-go{position:absolute;top:8px;right:8px;padding:5px 10px;border-radius:999px;background:#fff;color:#160a25;font-size:11px;font-weight:600;line-height:1.2;opacity:0;pointer-events:none;transition:opacity .18s ease}.tiletray-tile:active{transform:scale(.985)}.tiletray-tile:focus-visible{outline:2px solid var(--tiletray-ink);outline-offset:2px}.tiletray-tile:focus-visible .tiletray-go{opacity:1}@media(hover:hover)and (pointer:fine){.tiletray-tile[data-quiet="1"] .tiletray-cap{opacity:0}.tiletray-tile[data-quiet="1"]:hover .tiletray-cap,.tiletray-tile[data-quiet="1"]:focus-visible .tiletray-cap{opacity:1}.tiletray-tile:hover{border-color:rgba(var(--tiletray-ring),.8);box-shadow:0 0 0 1px rgba(var(--tiletray-ring),.8)}.tiletray-tile:hover .tiletray-go{opacity:1}.tiletray-pill:hover{background:var(--tiletray-pill-face-up)}.tiletray-pill[data-primary="1"]:hover{background:linear-gradient(180deg,#ec4899,#a21caf);filter:brightness(1.1)}}@media(pointer:coarse){.tiletray-pill{min-height:44px;padding:0 14px}}@media(max-width:560px){.tiletray:where(:not([data-mn-landscape],[data-mn-landscape] *)){gap:12px;padding:10px;border-radius:20px}.tiletray-head:where(:not([data-mn-landscape],[data-mn-landscape] *)){padding:4px 4px 0}.tiletray-tile:where(:not([data-mn-landscape],[data-mn-landscape] *)){padding:4px;border-radius:14px}.tiletray-pic:where(:not([data-mn-landscape],[data-mn-landscape] *)){border-radius:10px}}.tiletray-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.tiletray-pager-range{font-size:12px;color:var(--tiletray-ink3);font-variant-numeric:tabular-nums}.tiletray-pager-steps{display:inline-flex;align-items:center;gap:8px}.tiletray-pager-now{min-width:3.5rem;font-size:12px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.tiletray-pill.tiletray-pager-step{justify-content:center;width:32px;padding:0}.tiletray-pill.tiletray-pager-step:disabled{opacity:.38;cursor:default;box-shadow:none}@media(pointer:coarse){.tiletray-pill.tiletray-pager-step{width:44px}}.tiletray-cell{position:relative;display:grid;min-width:0}.tiletray-fav{position:absolute;top:13px;left:13px;z-index:1;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0e0a149e;color:#fff;cursor:pointer;transition:opacity .18s ease,transform .16s cubic-bezier(.23,1,.32,1)}.tiletray-fav svg{width:14px;height:14px}.tiletray-fav[aria-pressed=true]{border-color:transparent;background:#ec4899}.tiletray-fav[aria-pressed=true] svg{fill:currentColor}.tiletray-fav:before{content:"";position:absolute;inset:-9px}.tiletray-fav:active{transform:scale(.9)}.tiletray-fav:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(hover:hover)and (pointer:fine){.tiletray-fav[aria-pressed=false]{opacity:0}.tiletray-cell:hover .tiletray-fav,.tiletray-fav:focus-visible{opacity:1}}@media(max-width:560px){.tiletray-fav:where(:not([data-mn-landscape],[data-mn-landscape] *)){top:10px;left:10px}}@media(max-width:560px){.tiletray-head:where(:not([data-mn-landscape],[data-mn-landscape] *)){gap:8px}.tiletray-actions:where(:not([data-mn-landscape],[data-mn-landscape] *)){flex:1 1 100%;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.tiletray-actions:where(:not([data-mn-landscape],[data-mn-landscape] *))::-webkit-scrollbar{display:none}.tiletray-actions>.tiletray-pill:where(:not([data-mn-landscape],[data-mn-landscape] *)){flex:none}}.tiletray-edit{position:absolute;top:13px;right:13px;z-index:1;min-height:28px;padding:0 11px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:linear-gradient(180deg,#fff,#ece7f3);box-shadow:inset 0 1px #fff,0 1px 2px #00000059,0 6px 12px -8px #0009;color:#160a25;font:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .18s ease,transform .16s cubic-bezier(.23,1,.32,1)}.tiletray-edit:before{content:"";position:absolute;inset:-8px -6px}.tiletray-edit:active{transform:scale(.95)}.tiletray-edit:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(hover:hover)and (pointer:fine){.tiletray-edit{opacity:0}.tiletray-cell:hover .tiletray-edit,.tiletray-edit:focus-visible{opacity:1}}@media(max-width:560px){.tiletray-edit:where(:not([data-mn-landscape],[data-mn-landscape] *)){top:10px;right:10px}}
