/* One icon scale and interaction treatment for marketplace controls. */
.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;stroke-width:1.75}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:550}
.button>.icon{width:17px;height:17px}
.text-button:has(>.icon),.segmented button,.feature-link{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.text-button>.icon{width:14px;height:14px}.segmented button>.icon{width:15px;height:15px;color:hsl(var(--theme-hue,217) calc(16.3% * var(--theme-saturation,1)) 60.2%)}.segmented button.active>.icon,.segmented button[aria-pressed=true]>.icon{color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 80.4%)}
.header-actions{gap:9px}.header-actions .header-icon,.header-actions .wallet-link{width:37px;height:37px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;color:hsl(var(--theme-hue,217) calc(13.4% * var(--theme-saturation,1)) 69.2%);background:transparent;padding:0;transition:background .15s,border-color .15s,color .15s}
.header-actions :is(.header-icon,.wallet-link):hover{background:hsl(var(--theme-hue,217) calc(16.9% * var(--theme-saturation,1)) 12.7%);border-color:hsl(var(--theme-hue,217) calc(16.5% * var(--theme-saturation,1)) 22.5%);color:hsl(var(--theme-hue,217) calc(50.0% * var(--theme-saturation,1)) 93.7%)}
.header-actions :is(.header-icon,.wallet-link)>.icon{width:21px;height:21px;stroke-width:1.75}
.header-actions .cart-header>span:not(:empty){top:-3px;right:-3px;min-width:16px;height:16px;display:grid;place-items:center;font-size:10px;font-weight:650;padding:0 3px;border-radius:5px;line-height:1;background:hsl(var(--theme-hue,217) calc(79.6% * var(--theme-saturation,1)) 55.9%);color:white;border:1px solid hsl(var(--theme-hue,217) calc(77.1% * var(--theme-saturation,1)) 72.5%)}
.header-actions button:focus-visible,.header-actions a:focus-visible,.cart-add:focus-visible,.save-button:focus-visible{outline:2px solid hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 70.8%);outline-offset:3px}
.profile-popover .icon{width:20px;height:20px;stroke-width:1.75}.profile-popover a{gap:13px}.avatar-trigger .profile-avatar .icon{width:21px;height:21px}
.category{gap:9px}.category>.icon{width:21px;height:21px;color:hsl(var(--theme-hue,217) calc(15.1% * var(--theme-saturation,1)) 58.4%)}.category.selected>.icon,.category:hover>.icon{color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 82.5%)}
.market-modes button{white-space:nowrap}.filter-fixed-label>.icon{width:17px;height:17px}.filter-fixed-label .text-button{gap:5px}.view-toggle .icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:6px}.view-toggle .icon{width:17px;height:17px}
.float-card.catalog-card{container-type:inline-size}.catalog-card .float-image>.save-button{width:33px;height:31px;border-radius:8px;border:1px solid hsl(var(--theme-hue,217) calc(16.1% * var(--theme-saturation,1)) 24.3%);background:hsl(var(--theme-hue,217) calc(20.6% * var(--theme-saturation,1)) 12.4%);color:hsl(var(--theme-hue,217) calc(19.5% * var(--theme-saturation,1)) 67.8%);box-shadow:0 2px 5px #0003;transition:color .15s,background .15s,border-color .15s;opacity:1}
.catalog-card .float-image>.save-button .icon{width:19px;height:19px;stroke-width:1.75}.catalog-card .float-image>.save-button:hover{background:hsl(var(--theme-hue,217) calc(29.2% * var(--theme-saturation,1)) 18.8%);border-color:hsl(var(--theme-hue,217) calc(39.6% * var(--theme-saturation,1)) 53.9%);color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 92.5%)}.catalog-card .float-image>.save-button.saved{color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 78.4%);background:hsl(var(--theme-hue,217) calc(44.9% * var(--theme-saturation,1)) 19.2%);border-color:hsl(var(--theme-hue,217) calc(43.1% * var(--theme-saturation,1)) 40.0%)}
.catalog-card .card-action-tray{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);gap:6px;padding:10px;border-radius:0 0 12px 12px;background:hsl(var(--theme-hue,217) calc(22.0% * var(--theme-saturation,1)) 11.6%);border-color:hsl(var(--theme-hue,217) calc(22.4% * var(--theme-saturation,1)) 26.3%)}
.catalog-card .card-action-tray:not(:has(.bargain-button)){grid-template-columns:34px minmax(0,1fr)}
.card-action-tray .button,.card-action-tray .cart-add{height:36px;min-height:36px;border-radius:7px;padding:7px 6px;gap:5px;font-size:11px;min-width:0;line-height:1.2;letter-spacing:0;box-shadow:none}
.card-action-tray .button>.icon{width:15px;height:15px}.card-action-tray .cart-add{width:34px;border:1px solid hsl(var(--theme-hue,217) calc(21.1% * var(--theme-saturation,1)) 28.8%);background:hsl(var(--theme-hue,217) calc(25.0% * var(--theme-saturation,1)) 18.8%);color:hsl(var(--theme-hue,217) calc(49.5% * var(--theme-saturation,1)) 80.6%);display:grid;place-items:center}.card-action-tray .cart-add>.icon{width:20px;height:20px;stroke-width:1.75}
.card-action-tray .cart-add:hover{color:#fff;background:hsl(var(--theme-hue,217) calc(35.1% * var(--theme-saturation,1)) 29.0%);border-color:hsl(var(--theme-hue,217) calc(38.9% * var(--theme-saturation,1)) 55.1%)}.card-action-tray .bargain-button{background:hsl(var(--theme-hue,217) calc(22.2% * var(--theme-saturation,1)) 17.6%);border:1px solid hsl(var(--theme-hue,217) calc(20.8% * var(--theme-saturation,1)) 28.2%);color:hsl(var(--theme-hue,217) calc(42.1% * var(--theme-saturation,1)) 85.1%)}.card-action-tray .bargain-button:hover{background:hsl(var(--theme-hue,217) calc(24.6% * var(--theme-saturation,1)) 23.9%);border-color:hsl(var(--theme-hue,217) calc(22.6% * var(--theme-saturation,1)) 46.1%)}.card-action-tray .buy-button{background:hsl(var(--theme-hue,217) calc(80.4% * var(--theme-saturation,1)) 55.9%);border:1px solid hsl(var(--theme-hue,217) calc(88.8% * var(--theme-saturation,1)) 65.1%);color:white}.card-action-tray .buy-button:hover{background:hsl(var(--theme-hue,217) calc(89.8% * var(--theme-saturation,1)) 61.6%)}
.hero-demo-actions button:disabled{gap:4px}.hero-demo-actions .icon{width:12px;height:12px}.hero-demo-actions .hero-demo-cart .icon{width:16px;height:16px}.hero-demo-actions .hero-demo-cart{width:28px}
.cart-row .icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid hsl(var(--theme-hue,217) calc(15.4% * var(--theme-saturation,1)) 24.1%);border-radius:7px;color:hsl(var(--theme-hue,217) calc(20.9% * var(--theme-saturation,1)) 65.3%)}.cart-row .icon-button:hover{color:#eaa4a4;background:#35252b;border-color:#6a414a}.cart-row .icon-button .icon{width:17px;height:17px}.empty-cart>.icon{width:42px;height:42px;color:hsl(var(--theme-hue,217) calc(25.4% * var(--theme-saturation,1)) 60.6%);margin-bottom:10px;stroke-width:1.5}.watch-empty-eye .icon{stroke-width:1.75}
@container(max-width:215px){.catalog-card .card-action-tray:has(.bargain-button){grid-template-columns:34px minmax(0,1fr)}.card-action-tray .buy-button{grid-column:2;grid-row:1}.card-action-tray .bargain-button{grid-column:1/-1;grid-row:2}}
@media(max-width:950px){.market-controls .market-modes{margin-left:0}.market-controls{flex-wrap:wrap}.market-modes{flex-wrap:wrap}.market-controls .sort{margin-left:auto}}
@media(max-width:640px){.header-actions{gap:3px}.header-actions .header-icon{width:30px;height:34px;border-radius:7px}.header-actions .wallet-link{display:none}.header-actions .header-icon>.icon{width:20px;height:20px}.category>.icon{width:19px;height:19px}.market-controls .segmented button{font-size:11px;gap:5px;padding:9px 8px}.market-controls .segmented .icon{width:14px;height:14px}.home-market-toolbar .segmented button{gap:5px;font-size:11px;padding:9px 7px}.home-market-toolbar .segmented .icon{width:14px;height:14px}.catalog-card .float-image>.save-button{width:31px;height:29px;top:8px;left:8px}.catalog-card .float-image>.save-button .icon{width:18px;height:18px}.catalog-card .card-action-tray{position:static;opacity:1;visibility:visible;transform:none;border:0;border-top:1px solid hsl(var(--theme-hue,217) calc(21.5% * var(--theme-saturation,1)) 21.0%);box-shadow:none;padding:8px}.card-action-tray .button{font-size:11px}.hero-demo-actions .hero-demo-buy>.icon{width:11px;height:11px}}
@media(prefers-reduced-motion:reduce){.header-actions .header-icon,.header-actions .wallet-link,.catalog-card .float-image>.save-button{transition:none}}
/* Keep the same eye in the DOM and draw only its slash when selected. */
.save-button .watch-slash{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset 160ms ease-out,opacity 100ms ease-out}
.save-button.saved .watch-slash{stroke-dashoffset:0;opacity:1}
.catalog-card .rare-tag.rare-diamond,.hero-demo-rare.rare-diamond{display:grid;place-items:center;width:26px;height:26px;padding:0;background:none;border:0;border-radius:0;font-size:20px;line-height:1;letter-spacing:0;filter:drop-shadow(0 2px 3px #0005);pointer-events:auto}
@media(prefers-reduced-motion:reduce){.save-button .watch-slash{transition:none}}

/* Prevent native image dragging from capturing item-card and navigation clicks. */
img{-webkit-user-drag:none}
.float-card,.hero-demo-card{user-select:none;-webkit-user-select:none}