@layer wr.tools{.wrt-hub__inner{gap:var(--wr-space-7)}.wrt-hub-feature{isolation:isolate;border-radius:var(--wr-radius-xl);border:1px solid var(--wr-border);background:var(--wr-bg-deep);box-shadow:var(--wr-shadow-lg);align-content:end;display:grid;position:relative;overflow:hidden}.wrt-hub-feature__art{aspect-ratio:16/9;object-fit:cover;object-position:60% 50%;width:100%;height:auto;display:block}.wrt-hub-feature:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(0deg, var(--wr-bg-deep) 0%, var(--wr-bg-deep) 55%, color-mix(in oklab, var(--wr-bg-deep) 60%, transparent) 70%, transparent 85%);position:absolute;inset:0}.wrt-hub-feature__body{z-index:1;gap:var(--wr-space-3);margin-top:calc(var(--wr-space-6) * -1);padding:0 var(--wr-space-5) var(--wr-space-6);justify-items:start;display:grid;position:relative}.wrt-hub-feature__eyebrow{align-items:center;gap:var(--wr-space-2);font:var(--wr-weight-black) var(--wr-text-xs)/1 var(--wr-font-display);letter-spacing:var(--wr-tracking-caps);text-transform:uppercase;color:var(--wr-primary-ink);flex-wrap:wrap;margin:0;display:flex}.wrt-hub-feature__eyebrow .wrt-icon{width:16px;height:16px}.wrt-hub-feature__game{border-radius:var(--wr-radius-pill);color:var(--wr-text);background:color-mix(in oklab, var(--wr-surface-3) 80%, transparent);letter-spacing:.06em;padding:4px 8px}.wrt-hub-feature__title{max-width:18ch;font:var(--wr-weight-black) var(--wr-text-2xl)/1.1 var(--wr-font-display);letter-spacing:var(--wr-tracking-display);text-wrap:balance;margin:0}.wrt-hub-feature__text{max-width:46ch;color:var(--wr-text-muted);margin:0}.wrt-hub-feature__btn{margin-top:var(--wr-space-2)}.wrt-hub-feature__btn .wrt-icon{width:18px;height:18px;transition:transform var(--wr-dur-base) var(--wr-ease-bounce)}.wrt-hub-feature__btn:hover .wrt-icon{transform:translate(3px)}.wrt-hub-feature__icon{z-index:1;top:var(--wr-space-4);right:var(--wr-space-4);border-radius:var(--wr-radius-md);width:48px;height:48px;color:var(--wr-primary);background:color-mix(in oklab, var(--wr-bg-deep) 72%, transparent);border:1px solid var(--wr-border);-webkit-backdrop-filter:blur(8px);place-items:center;display:grid;position:absolute}.wrt-hub-feature__icon .wrt-icon{width:24px;height:24px}@container wrt (width>=760px){.wrt-hub-feature{align-content:center;min-height:380px}.wrt-hub-feature__art{z-index:-1;aspect-ratio:auto;object-position:70% 45%;height:100%;position:absolute;inset:0}.wrt-hub-feature:before{background:linear-gradient(90deg, var(--wr-bg-deep) 0%, color-mix(in oklab, var(--wr-bg-deep) 88%, transparent) 30%, color-mix(in oklab, var(--wr-bg-deep) 30%, transparent) 58%, transparent 75%), linear-gradient(0deg, color-mix(in oklab, var(--wr-bg-deep) 50%, transparent) 0%, transparent 35%)}.wrt-hub-feature__body{padding:var(--wr-space-8);max-width:34rem;margin:0}.wrt-hub-feature__title{font-size:var(--wr-text-3xl)}.wrt-hub-feature__icon{top:auto;bottom:var(--wr-space-5);right:var(--wr-space-5)}}.wrt-hub-nav{min-width:0;position:relative}.wrt-hub-filter{gap:var(--wr-space-2);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin:calc(var(--wr-space-2) * -1);padding:var(--wr-space-2);scroll-padding-inline:var(--wr-space-2);display:flex;position:relative;overflow-x:auto;mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.wrt-hub-filter::-webkit-scrollbar{display:none}@container wrt (width>=760px){.wrt-hub-filter{flex-wrap:wrap;overflow:visible;mask-image:none}}.wrt-hub-chip{scroll-snap-align:start;align-items:center;gap:var(--wr-space-2);min-height:44px;padding:0 var(--wr-space-3) 0 6px;border-radius:var(--wr-radius-pill);border:1px solid var(--wr-border);background:color-mix(in oklab, var(--wr-surface-3) 60%, transparent);color:var(--wr-text-muted);font:var(--wr-weight-semibold) var(--wr-text-sm)/1 var(--wr-font-body);cursor:pointer;white-space:nowrap;transition:background var(--wr-dur-fast) linear, color var(--wr-dur-fast) linear, border-color var(--wr-dur-fast) linear, transform var(--wr-dur-base) var(--wr-ease-bounce);flex:none;display:inline-flex;position:relative}.wrt-hub-chip:hover{color:var(--wr-text);border-color:var(--wr-border-strong)}.wrt-hub-chip:active{transform:scale(.96)}.wrt-hub-chip[aria-pressed=true]{color:var(--wr-on-primary);background:var(--wr-primary);border-color:var(--wr-primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--wr-primary) 28%, transparent)}.wrt-hub-art{background:radial-gradient(120% 100% at 30% 0%, color-mix(in oklab, var(--wr-brand-seidr) 35%, transparent), transparent 70%), var(--wr-surface-2);color:var(--wr-text-muted);font:var(--wr-weight-black) 13px/1 var(--wr-font-display);place-items:center;display:grid;position:relative;overflow:hidden}.wrt-hub-art:before{content:attr(data-initial)}.wrt-hub-art>img{object-fit:cover;object-position:50% 25%;width:100%;height:100%;position:absolute;inset:0}.wrt-hub-chip__art,.wrt-hub-chip__all{width:30px;height:30px;box-shadow:0 0 0 1px var(--wr-border);border-radius:50%;flex:none}.wrt-hub-chip__all{background:var(--wr-surface-2);color:var(--wr-primary);place-items:center;display:grid}.wrt-hub-chip__all .wrt-icon{width:16px;height:16px}.wrt-hub-chip[aria-pressed=true] .wrt-hub-chip__all{color:var(--wr-primary-ink);background:var(--wr-bg-deep)}.wrt-hub-chip__n{border-radius:var(--wr-radius-pill);text-align:center;min-width:22px;font:var(--wr-weight-bold) var(--wr-text-xs)/1 var(--wr-font-mono);background:color-mix(in oklab, var(--wr-surface-3) 90%, transparent);color:var(--wr-text-muted);padding:3px 6px}.wrt-hub-chip[aria-pressed=true] .wrt-hub-chip__n{background:color-mix(in oklab, var(--wr-bg-deep) 22%, transparent);color:var(--wr-on-primary)}.wrt-hub-groups{gap:var(--wr-space-8) var(--wr-space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.wrt-hub-group{gap:var(--wr-space-4);min-width:0;display:grid}.wrt-hub-group__head{align-items:center;column-gap:var(--wr-space-3);row-gap:var(--wr-space-1);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.wrt-hub-group__art{border-radius:var(--wr-radius-md);background:var(--wr-surface-2);width:44px;height:44px;box-shadow:0 0 0 1px var(--wr-border);grid-row:span 2;font-size:18px}.wrt-hub-group__art--all{color:var(--wr-primary);place-items:center;display:grid}.wrt-hub-group__title{font:var(--wr-weight-black) var(--wr-text-xl)/1.15 var(--wr-font-display);letter-spacing:var(--wr-tracking-display);margin:0}.wrt-hub-group__count{font-size:var(--wr-text-xs);color:var(--wr-text-subtle);grid-column:2}.wrt-hub-group__host{min-height:44px;padding:0 var(--wr-space-1);font:var(--wr-weight-semibold) var(--wr-text-sm)/1.2 var(--wr-font-body);color:var(--wr-primary-ink);grid-area:1/3/span 2;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.wrt-hub-group__host .wrt-icon{width:16px;height:16px;transition:transform var(--wr-dur-base) var(--wr-ease-bounce)}.wrt-hub-group__host:hover{text-underline-offset:3px;text-decoration:underline}.wrt-hub-group__host:hover .wrt-icon{transform:translate(3px)}.wrt-hub-group__host-short{display:none}@container wrt (width<=479px){.wrt-hub-group__host-long{display:none}.wrt-hub-group__host-short{display:inline}}@container wrt (width>=640px){.wrt-hub-group[data-size="1"] .wrt-hub-group__host-long{display:none}.wrt-hub-group[data-size="1"] .wrt-hub-group__host-short{display:inline}}.wrt-hub-cards{gap:var(--wr-space-3);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@container wrt (width>=640px){.wrt-hub-groups{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}.wrt-hub-group{grid-row:span 2;grid-template-rows:subgrid;row-gap:var(--wr-space-4)}.wrt-hub-group__head{align-self:end}.wrt-hub-group:not([data-size="1"]){grid-column:1/-1}.wrt-hub-group:not([data-size="1"]) .wrt-hub-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@container wrt (width>=980px){.wrt-hub-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.wrt-hub-group[data-size="2"]{grid-column:span 2}.wrt-hub-group[data-size=l] .wrt-hub-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.wrt-hub-cards__item{min-width:0;display:grid}.wrt-hub-card{--_art:92px;isolation:isolate;grid-template-columns:var(--_art) minmax(0, 1fr) auto;border-radius:var(--wr-radius-lg);border:1px solid var(--wr-border);background:var(--wr-surface);min-height:124px;color:var(--wr-text);box-shadow:var(--wr-shadow-sm);transition:transform var(--wr-dur-slow) var(--wr-ease-out), border-color var(--wr-dur-base) linear, box-shadow var(--wr-dur-slow) var(--wr-ease-out);align-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.wrt-hub-card__art.wrt-hub-art{width:var(--_art);padding-left:var(--wr-space-4);place-items:center start;font-size:28px;position:absolute;inset:0 auto 0 0}.wrt-hub-card__art img{object-position:50% 30%;transition:transform var(--wr-dur-slower) var(--wr-ease-out)}.wrt-hub-card__art:after{content:"";background:linear-gradient(90deg, transparent 35%, color-mix(in oklab, var(--wr-surface) 70%, transparent) 75%, var(--wr-surface) 100%);position:absolute;inset:0}.wrt-hub-card__art--plan.wrt-hub-art{background:radial-gradient(90% 80% at 50% 60%, color-mix(in oklab, var(--wr-primary) 22%, transparent), transparent 70%), var(--wr-bg-deep)}.wrt-hub-card__art--plan.wrt-hub-art>img{object-fit:contain;padding:var(--wr-space-2);object-position:50% 50%}.wrt-hub-card__icon{z-index:1;left:calc(var(--_art) - 24px);border-radius:var(--wr-radius-md);width:44px;height:44px;color:var(--wr-primary);background:var(--wr-bg-deep);border:1px solid var(--wr-border-strong);box-shadow:var(--wr-shadow-sm);transition:transform var(--wr-dur-base) var(--wr-ease-bounce), color var(--wr-dur-fast) linear;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.wrt-hub-card__icon .wrt-icon{width:22px;height:22px}.wrt-hub-card__body{gap:var(--wr-space-1);min-width:0;padding:var(--wr-space-4) var(--wr-space-2) var(--wr-space-4) var(--wr-space-8);grid-column:2;display:grid}.wrt-hub-card__title{font:var(--wr-weight-bold) var(--wr-text-md)/1.25 var(--wr-font-display);letter-spacing:var(--wr-tracking-display)}.wrt-hub-card__desc{font-size:var(--wr-text-sm);line-height:var(--wr-leading-snug);color:var(--wr-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wrt-hub-card__go{padding-right:var(--wr-space-3);color:var(--wr-text-subtle);transition:transform var(--wr-dur-base) var(--wr-ease-bounce), color var(--wr-dur-fast) linear;grid-column:3}.wrt-hub-card__go .wrt-icon{width:18px;height:18px}.wrt-hub-card:hover,.wrt-hub-card:focus-visible{border-color:color-mix(in oklab, var(--wr-primary) 55%, var(--wr-border));box-shadow:var(--wr-shadow-md);transform:translateY(-3px)}.wrt-hub-card:hover .wrt-hub-card__art img,.wrt-hub-card:focus-visible .wrt-hub-card__art img{transform:scale(1.07)}.wrt-hub-card:hover .wrt-hub-card__icon,.wrt-hub-card:focus-visible .wrt-hub-card__icon{transform:rotate(-6deg)scale(1.06)}.wrt-hub-card:hover .wrt-hub-card__go,.wrt-hub-card:focus-visible .wrt-hub-card__go{color:var(--wr-primary);transform:translate(3px)}.wrt-hub-card:active{transform:translateY(-1px)scale(.99)}.wrt-hub-card:focus-visible{outline:3px solid var(--wr-focus);outline-offset:2px}@container wrt (width>=640px){.wrt-hub-card{--_art:104px;min-height:136px}}.wrt-hub-empty{color:var(--wr-text-muted);margin:0}.wrt-hub-group.is-entering .wrt-hub-cards__item{animation:wrt-hub-rise var(--wr-dur-slow) var(--wr-ease-out) both;animation-delay:calc(var(--i,0) * 40ms)}.wrt-hub-group.is-entering .wrt-hub-group__head{animation:wrt-hub-rise var(--wr-dur-slow) var(--wr-ease-out) both}@keyframes wrt-hub-rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.wrt-hub-card,.wrt-hub-card__art img,.wrt-hub-card__icon,.wrt-hub-card__go,.wrt-hub-chip{transition:none}.wrt-hub-card:hover,.wrt-hub-card:focus-visible,.wrt-hub-card:hover .wrt-hub-card__art img{transform:none}}}
