.photocard-quality-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-on-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;background:#0009;align-items:center;padding:3px 6px;line-height:1;display:inline-flex}.photocard-quality-badge--sm{font-size:var(--font-size-2xs);padding:2px 4px}.photocard-quality-badge--overlay{z-index:3;pointer-events:none;position:absolute;top:10px;left:10px}.photocard-quality-badge--overlay.photocard-quality-badge--sm{top:4px;left:4px}.photocard-quality-badge--good{background:color-mix(in srgb, var(--color-brand-500) 70%, transparent)}.photocard-quality-badge--rare{background:color-mix(in srgb, var(--color-special) 70%, transparent)}.photocard-quality-badge--infinity{background:color-mix(in srgb, var(--accent-gold) 80%, transparent);color:#fff;font-size:var(--font-size-sm);letter-spacing:.02em}.photocard-quality-badge--infinity.photocard-quality-badge--sm{font-size:var(--font-size-xs)}
.photocard-card{aspect-ratio:2/3;display:block;position:relative}.photocard-card--sm{width:100%}@media (hover:hover){.photocard-card--sm:hover .photocard-card__image{transform:scale(1.15)}}.photocard-card--md{width:150px}.photocard-card--lg{width:300px;height:450px}.photocard-card--tiltable{perspective:640px;transform-style:preserve-3d}.photocard-card__tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-rotate-x,0deg)) rotateY(var(--tilt-rotate-y,0deg));will-change:transform}.photocard-card--tilt-resetting .photocard-card__tilt{transition:transform .42s cubic-bezier(.22,1,.36,1)}.photocard-card--tilt-resetting .photocard-card__glare{transition:opacity .34s}.photocard-card__frame{border-radius:calc(var(--radius-lg) + 3px);width:100%;height:100%;box-shadow:var(--shadow-lg);outline:2px solid var(--tier-color,var(--border-default));outline-offset:4px;position:relative;overflow:hidden}.photocard-card--sm .photocard-card__frame{outline-offset:2px;border-radius:calc(var(--radius-lg) - 1px)}.photocard-card__frame--pending{background:linear-gradient(135deg,#28282d,#46464b,#19191c) 0 0/200% 200%;animation:4s ease-in-out infinite photocard-pending-shimmer}@keyframes photocard-pending-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.photocard-card__pending{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.photocard-card__pending-label{font-size:var(--font-size-xl);color:var(--color-white-30);-webkit-user-select:none;user-select:none}.photocard-card--concealed .photocard-card__frame{outline:2px solid var(--border-default);outline-offset:4px;box-shadow:var(--shadow-lg);animation:none!important}.photocard-card:not(.photocard-card--sm).photocard-card--highlight .photocard-card__frame{--tg-space:5%;--tg-angle:-22deg;--tg-foil-size:400% 480%;--dg-angle:133deg;--holo-layer-opacity:.48;--holo-glare-strength:.8;--holo-texture-grain:url(/photocards/grain.webp);--holo-texture-glitter:url(/photocards/glitter.png);--holo-texture-foil:url(/photocards/illusion.png)}.photocard-card:not(.photocard-card--sm).photocard-card--highlight .photocard-card__frame:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;mix-blend-mode:color-dodge;-webkit-mask-composite:source-in;background-image:repeating-linear-gradient(var(--dg-angle), #0f1424eb 0%, #81a7a77a 3.8%, #b3dbdb9e 4.5%, #81a7a77a 5.2%, #0f1424eb 10%, #0f1424eb 12%),var(--holo-texture-grain),var(--holo-texture-glitter),var(--holo-texture-foil),repeating-linear-gradient(var(--tg-angle), #b971d68c calc(var(--tg-space) * 1), #ea58538c calc(var(--tg-space) * 2), #e1cf478c calc(var(--tg-space) * 3), #88d4498c calc(var(--tg-space) * 4), #5cc1bb8c calc(var(--tg-space) * 5), #a3b6ff94 calc(var(--tg-space) * 6), #b971d68c calc(var(--tg-space) * 7));background-size:640% 200%,cover,24% 24%,32% 32%,var(--tg-foil-size);background-position:var(--background-x,50%) var(--background-y,50%),center center,calc(42% + (50% - var(--background-x,50%))*.08) calc(46% + (50% - var(--background-y,50%))*.08),calc(50% + (50% - var(--background-x,50%))*.12) calc(50% + (50% - var(--background-y,50%))*.12),var(--background-x,50%) var(--background-y,50%);background-blend-mode:hard-light,overlay,soft-light,soft-light;filter:brightness(calc(var(--pointer-from-center,0) * .22 + .72)) contrast(1.68) saturate(1.08);opacity:0;transition:opacity .22s;position:absolute;inset:-14%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%),linear-gradient(#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%),linear-gradient(#0000 0%,#000 14% 86%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.photocard-card:not(.photocard-card--sm).photocard-card--highlight .photocard-card__frame:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background-image:radial-gradient(farthest-corner ellipse at calc(.5 * var(--pointer-x,50%) + 25%) calc(.5 * var(--pointer-y,50%) + 25%), #fff 5%, #38003899 40%, #383838 120%);filter:brightness(calc(var(--pointer-from-center,0) * .2 + .4)) contrast(.85) saturate(1.1);mix-blend-mode:hard-light;opacity:0;background-position:50%;background-size:400% 500%;transition:opacity .22s;position:absolute;inset:0}@media (hover:hover){.photocard-card:not(.photocard-card--sm).photocard-card--highlight:hover .photocard-card__frame:before,.photocard-card:not(.photocard-card--sm).photocard-card--highlight:hover .photocard-card__frame:after{opacity:var(--holo-layer-opacity)}}@media (hover:none){.photocard-card:not(.photocard-card--sm).photocard-card--highlight.photocard-card--holo-pointer .photocard-card__frame:before,.photocard-card:not(.photocard-card--sm).photocard-card--highlight.photocard-card--holo-pointer .photocard-card__frame:after{opacity:var(--holo-layer-opacity)}}.photocard-card--sm .photocard-card__frame:before,.photocard-card--sm .photocard-card__frame:after{content:none!important;display:none!important}@media (prefers-reduced-motion:reduce){.photocard-card__tilt{transition:none;transform:none!important}.photocard-card--tilt-resetting .photocard-card__tilt,.photocard-card--tilt-resetting .photocard-card__glare{transition:none!important}.photocard-card__glare{visibility:hidden;opacity:0!important}}@media (prefers-reduced-motion:reduce) and (hover:hover){.photocard-card:not(.photocard-card--sm).photocard-card--highlight:hover .photocard-card__frame:before{filter:brightness(.55)contrast(1.6)saturate(.95)}.photocard-card:not(.photocard-card--sm).photocard-card--highlight:hover .photocard-card__frame:after{opacity:.65;filter:brightness(.45)contrast(.8)saturate()}}@media (prefers-reduced-motion:reduce) and (hover:none){.photocard-card:not(.photocard-card--sm).photocard-card--highlight.photocard-card--holo-pointer .photocard-card__frame:before{filter:brightness(.55)contrast(1.6)saturate(.95)}.photocard-card:not(.photocard-card--sm).photocard-card--highlight.photocard-card--holo-pointer .photocard-card__frame:after{opacity:.65;filter:brightness(.45)contrast(.8)saturate()}}.photocard-card__image{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .2s ease-in-out;display:block;position:relative}.photocard-card__glare{z-index:2;pointer-events:none;border-radius:inherit;opacity:0;mix-blend-mode:soft-light;background-image:radial-gradient(farthest-corner circle at var(--pointer-x,50%) var(--pointer-y,50%), #fff 10%, #fff9 35%, #4f6363 60%);transition:opacity .22s;position:absolute;inset:0}@media (hover:hover){.photocard-card:not(.photocard-card--sm).photocard-card--highlight:hover .photocard-card__glare{opacity:calc(var(--card-glare-opacity,0)*var(--holo-glare-strength,1))}}@media (hover:none){.photocard-card:not(.photocard-card--sm).photocard-card--highlight.photocard-card--holo-pointer .photocard-card__glare{opacity:calc(var(--card-glare-opacity,0)*var(--holo-glare-strength,1))}}.photocard-card__tags,.photocard-card__info{opacity:0;transition:opacity .15s}.photocard-card:hover .photocard-card__tags,.photocard-card:hover .photocard-card__info,.photocard-card--overlay-always .photocard-card__tags,.photocard-card--overlay-always .photocard-card__info{opacity:1}.photocard-card__info--sm{opacity:1;padding-top:24%;padding-bottom:var(--spacing-sm)!important}.photocard-card__info--sm .photocard-card__name{font-size:var(--font-size-2xs)}.photocard-card__info--sm .photocard-card__group{color:var(--color-white-70);text-align:center;padding:0 var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.photocard-card__tags{z-index:3;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-3xl);background:linear-gradient(#000c,#0000);flex-direction:column;display:flex;position:absolute;top:0}.photocard-card__tags-row{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.photocard-card__tag{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:#fff3;display:inline-flex}.photocard-card__tag-icon{flex-shrink:0;width:1em;height:1em}.photocard-card__info{width:100%;padding-top:40%;padding-bottom:var(--spacing-md);z-index:3;background:linear-gradient(#0000,#000);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0}.photocard-card__tier-badge{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);border-radius:var(--radius-full);border:1px solid var(--tier-color,#ffffffa6);color:var(--tier-color,#fff);margin-bottom:var(--spacing-sm);background:var(--color-black-50);padding:2px 10px}.photocard-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;text-align:center;padding:0 var(--spacing-sm)}.photocard-card__collection{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-white-70);display:inline-flex}.photocard-card__collection-icon{flex-shrink:0;width:1em;height:1em}.photocard-card__description{z-index:3;padding:0 var(--spacing-sm);transform-origin:50%;text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-white-40);text-shadow:0 1px 4px #000c;pointer-events:none;opacity:0;margin:0;transition:opacity .15s;position:absolute;top:60%;left:12px;overflow:hidden;transform:translate(-50%)translateY(-50%)rotate(-90deg)}.photocard-card:hover .photocard-card__description,.photocard-card--overlay-always .photocard-card__description{opacity:1}.photocard-card__flip-container{perspective:1000px}.photocard-card__flip-container--sm{aspect-ratio:2/3;width:100%}.photocard-card__flip-container--md{aspect-ratio:2/3;width:150px}.photocard-card__flip-container--lg{width:300px;height:450px}.photocard-card__flipper{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;position:relative}.photocard-card__flipper--no-reveal{cursor:default}.photocard-card__flipper:not(.photocard-card__flipper--revealed){transform:rotateX(var(--tilt-rotate-x,0deg)) rotateY(var(--tilt-rotate-y,0deg));transition:none}.photocard-card__flipper:not(.photocard-card__flipper--revealed).photocard-card__flipper--tilt-resetting{transition:transform .42s cubic-bezier(.22,1,.36,1)}.photocard-card__flipper--revealed{transition:transform .6s ease-out;transform:rotateY(180deg)}.photocard-card__flip-container--sm .photocard-card__flipper:not(.photocard-card__flipper--revealed){transition:transform .6s ease-out}.photocard-card__front,.photocard-card__back{backface-visibility:hidden;position:absolute;inset:0}.photocard-card__front{transform-style:preserve-3d;transform:rotateY(180deg)}.photocard-card__back{border-radius:calc(var(--radius-lg) - 1px);outline:2px solid var(--border-default);outline-offset:4px;box-shadow:var(--shadow-lg);background:linear-gradient(#120027,#171717);overflow:hidden;transform:rotateY(0)}.photocard-card__flipper:not(.photocard-card__flipper--revealed) .photocard-card__back{pointer-events:none}.photocard-card__back-inner{z-index:2;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex;position:absolute;inset:0}.photocard-card__back-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white-100);font-family:var(--font-serif);letter-spacing:.5px;text-align:center}.photocard-card__back-hint{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white-60);letter-spacing:.08em;text-transform:uppercase}.photocard-card__flipper--revealed .photocard-card__back{visibility:hidden}.photocard-card__flipper:not(.photocard-card__flipper--revealed) .photocard-card--highlight .photocard-card__frame{box-shadow:var(--shadow-lg);animation:none}.photocard-card__flipper:not(.photocard-card__flipper--revealed) .photocard-card__sparkles{display:none}.photocard-card--highlight .photocard-card__frame{outline:2px solid var(--tier-color,#fff9);outline-offset:2px;box-shadow:0 0 16px 8px color-mix(in srgb, var(--tier-color,#fff) 40%, transparent);animation:.5s ease-out photocardGlow}@keyframes pulse{0%{box-shadow:0 0 16px 8px var(--tier-color,#ffd70033),0 4px 24px #0000004d}50%{box-shadow:0 0 32px 16px var(--tier-color,#ffd70066),0 4px 24px #0000004d}to{box-shadow:0 0 16px 8px var(--tier-color,#ffd70033),0 4px 24px #0000004d}}@keyframes photocardGlow{0%{opacity:0;filter:brightness(2);transform:scale(.85)}60%{opacity:1;filter:brightness(1.2);transform:scale(1.05)}to{opacity:1;filter:brightness();transform:scale(1)}}.photocard-card__sparkles{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.photocard-card__effect{width:100%;height:100%;position:absolute;bottom:0}@keyframes shimmer{0%{margin-left:150px}25%{margin-left:0}50%{margin-left:-150px}75%{margin-left:0}to{margin-left:150px}}.photocard-card__overlay--lines{mix-blend-mode:screen;opacity:1}.photocard-card__light-pillar{z-index:2;width:100%;height:300px;position:absolute;bottom:0}.photocard-card__sparkle{background:linear-gradient(90deg, white 0%, var(--tier-color,gold) 20%, var(--tier-color,gold) 80%, white 100%);width:130%;height:1px;box-shadow:0 0 4px 1px var(--tier-color,gold),0 0 10px 3px var(--tier-color,gold),0 0 20px 6px var(--tier-color,gold);will-change:transform,opacity;position:absolute;left:-15%}.photocard-card__sparkle:nth-child(odd){height:2px}.photocard-card__sparkle:first-child{--line-angle:-22deg;--line-peak-opacity:.65;transform:rotate(var(--line-angle));animation:12s ease-in-out -3s infinite floatingLineA;top:15%}.photocard-card__sparkle:nth-child(2){--line-angle:8deg;--line-peak-opacity:.5;transform:rotate(var(--line-angle));animation:9s ease-in-out -6s infinite floatingLineB;top:35%}.photocard-card__sparkle:nth-child(3){--line-angle:15deg;--line-peak-opacity:.7;transform:rotate(var(--line-angle));animation:15s ease-in-out -2s infinite floatingLineC;top:55%}.photocard-card__sparkle:nth-child(4){--line-angle:-10deg;--line-peak-opacity:.45;transform:rotate(var(--line-angle));animation:11s ease-in-out -8s infinite floatingLineA;top:70%}.photocard-card__sparkle:nth-child(5){--line-angle:25deg;--line-peak-opacity:.6;transform:rotate(var(--line-angle));animation:13s ease-in-out -4.5s infinite floatingLineB;top:25%}.photocard-card__sparkle:nth-child(6){--line-angle:-5deg;--line-peak-opacity:.55;transform:rotate(var(--line-angle));animation:10s ease-in-out -7s infinite floatingLineC;top:85%}@keyframes floatingLineA{0%{transform:translateY(-40px) rotate(var(--line-angle,-22deg));opacity:0}20%{opacity:var(--line-peak-opacity,.6)}50%{transform:translateY(60px) rotate(calc(var(--line-angle,-22deg) + 5deg));opacity:var(--line-peak-opacity,.6)}80%{opacity:var(--line-peak-opacity,.6)}to{transform:translateY(120px) rotate(var(--line-angle,-22deg));opacity:0}}@keyframes floatingLineB{0%{transform:translateX(-30px) rotate(var(--line-angle,8deg));opacity:0}25%{opacity:var(--line-peak-opacity,.5)}50%{transform:translateX(20px) rotate(calc(var(--line-angle,8deg) - 4deg));opacity:var(--line-peak-opacity,.5)}75%{opacity:var(--line-peak-opacity,.5)}to{transform:translateX(50px) rotate(var(--line-angle,8deg));opacity:0}}@keyframes floatingLineC{0%{transform:translateY(50px) scaleX(.8) rotate(var(--line-angle,15deg));opacity:0}30%{opacity:var(--line-peak-opacity,.65)}50%{transform:translateY(0px) scaleX(1.05) rotate(calc(var(--line-angle,15deg) + 3deg));opacity:var(--line-peak-opacity,.65)}70%{opacity:var(--line-peak-opacity,.65)}to{transform:translateY(-60px) scaleX(.9) rotate(var(--line-angle,15deg));opacity:0}}.photocard-card__badge{z-index:3;border-radius:var(--radius-sm);font-size:.625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em;pointer-events:none;padding:2px 6px;line-height:1.4;position:absolute;top:6px;right:6px}.photocard-card__badge-icon{width:10px;height:10px}.photocard-card__badge--for-trade{background:var(--color-primary,#6366f1);color:#fff}.photocard-card__badge--locked{background:var(--accent-gold);color:var(--text-on-primary);justify-content:center;align-items:center;padding:4px;line-height:1;display:inline-flex}
.photocard-chip{--chip-ink:color-mix(in srgb, var(--tier-color,var(--text-normal)) 65%, #000);align-items:center;gap:var(--spacing-xs);max-width:100%;padding:0 var(--spacing-sm) 0 var(--spacing-xs);font-size:var(--font-size-xs);border-radius:var(--radius-full);color:var(--chip-ink);background:color-mix(in srgb, var(--tier-color,var(--text-subtle)) 12%, transparent);border:1px solid color-mix(in srgb, var(--tier-color,var(--border-subtle)) 40%, transparent);white-space:nowrap;min-width:0;line-height:1.4;display:inline-flex}.photocard-chip__quality{padding:var(--spacing-xs) 6px var(--spacing-xs) var(--spacing-xs);border-right:1px solid color-mix(in srgb, var(--tier-color,var(--border-subtle)) 40%, transparent);font-size:10px;font-weight:var(--font-weight-bold);text-align:center;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.photocard-chip__name{font-weight:var(--font-weight-medium);text-overflow:ellipsis;min-width:0;padding:var(--spacing-xs);overflow:hidden}.photocard-chip__tier{opacity:.8;flex-shrink:0}.photocard-chip--interactive{cursor:pointer;transition:background var(--transition-base)}.photocard-chip--interactive:hover{background:color-mix(in srgb, var(--tier-color,var(--text-subtle)) 22%, transparent)}.photocard-chip--interactive:focus-visible{box-shadow:0 0 0 2px var(--border-focus);outline:none}[data-theme=dark] .photocard-chip{--chip-ink:color-mix(in srgb, var(--tier-color,var(--text-normal)) 72%, #fff)}
.pill-group__overflow{align-items:center;display:inline-flex;position:relative}.pill-group__trigger{all:unset;cursor:pointer;display:inline-flex}.pill-group__toggletip{gap:var(--spacing-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-lg);z-index:50;flex-wrap:wrap;max-width:300px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}
.star-border-container{border-radius:calc(var(--radius-lg) + 1px);outline:solid 1px var(--border-subtle);outline-offset:2px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.border-glow{opacity:.8;z-index:0;will-change:transform;width:200%;height:200%;animation:linear infinite border-rotate;position:absolute;inset:-50%}.inner-content{z-index:1;isolation:isolate;width:100%;height:100%;padding:1.5px 2px;position:relative}@keyframes border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes stepper-active-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--bg-action-primary) 45%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--bg-action-primary) 20%, transparent);transform:scale(1.06)}}.stepper{align-items:flex-start;width:100%;display:flex}.stepper__step{align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex;position:relative}.stepper__connector{background:color-mix(in srgb, var(--color-brand-500) 12%, transparent);z-index:0;border-radius:1px;width:calc(100% - 24px);height:2px;position:absolute;top:12px;left:calc(12px - 50%);right:50%}.stepper__connector--filled{background:linear-gradient(90deg, var(--color-brand-500), color-mix(in srgb, var(--color-brand-500) 30%, transparent))}.stepper__indicator{border-radius:var(--radius-full);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.stepper__step--completed .stepper__indicator{background:var(--bg-action-primary);box-shadow:0 2px 8px color-mix(in srgb, var(--color-brand-500) 35%, transparent)}.stepper__step--upcoming .stepper__indicator{background:color-mix(in srgb, var(--color-brand-500) 7%, transparent);border:2px solid color-mix(in srgb, var(--color-brand-500) 20%, transparent)}.stepper__step--active .stepper__indicator{background:var(--bg-action-primary);animation:1.8s ease-in-out infinite stepper-active-pulse}.stepper__step--active .stepper__indicator:after{content:"";border-radius:var(--radius-full);background:var(--text-on-primary);width:9px;height:9px}.stepper__check-icon{width:14px;height:14px;color:var(--text-on-primary);flex-shrink:0}.stepper__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-subtle);text-align:center;line-height:1.2}.stepper__step--active .stepper__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-brand)}.stepper__step--completed .stepper__label{color:var(--text-subtle)}
.swipeable-views{touch-action:pan-y;width:100%;transition:height .25s ease-out;position:relative;overflow:hidden}.swipeable-views__track{will-change:transform;align-items:flex-start;width:100%;height:100%;transition:transform .25s ease-out;display:flex}.swipeable-views__slide{flex:0 0 100%;width:100%;min-width:0}
.table-scroll{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:auto}@media (max-width:767px){.table-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0;overflow:auto hidden}.table-scroll::-webkit-scrollbar{display:none}.table-scroll[data-overflow-right]{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 2.5rem),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 2.5rem),#0000 100%)}}.table-scroll--contained{border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-subtle)}.table th{font-weight:var(--font-weight-semibold);color:var(--text-subtle)}.table a{color:var(--text-emphasis);text-decoration:none}.table a:hover{text-decoration:underline}.table tr:last-child td{border-bottom:none}.table--contained{border-collapse:separate;border-spacing:0}.table--contained th{font-size:var(--font-size-xs)}.table__th-sortable{padding:0}.table__sort-btn{align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);font:inherit;font-weight:var(--font-weight-semibold);color:var(--text-subtle);text-align:left;cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;display:inline-flex}.table__sort-btn:hover,.table__sort-btn--active{color:var(--text-emphasis)}.table__sort-icons{opacity:.35;flex-direction:column;gap:0;line-height:0;display:inline-flex}.table__sort-btn--active .table__sort-icons{opacity:1}.table__sort-icon{width:.75rem;height:.75rem}.table__sort-icon--inactive{opacity:.25}.table__sort-icon--active{opacity:1;color:var(--color-brand-500)}
