@layer components{.browse{--navh:62px}.browse .bar{z-index:calc(var(--z-sticky) - 1);padding-block:var(--s-3);border-image:linear-gradient(to top, var(--line) var(--bw-hair), color-mix(in srgb, var(--bg) 92%, transparent) var(--bw-hair)) fill 0 // 0 100vmax;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:color-mix(in srgb, var(--bg) 92%, transparent);margin-block-start:-2rem;position:sticky;inset-block-start:var(--navh)}@media (prefers-reduced-transparency:reduce){.browse .bar{border-image:linear-gradient(to top, var(--line) var(--bw-hair), var(--bg) var(--bw-hair)) fill 0 // 0 100vmax;-webkit-backdrop-filter:none;backdrop-filter:none}}.browse .bar .in{gap:var(--s-3);flex-direction:column;display:flex}.browse .bar .top{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.browse .rail{gap:var(--s-2);scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.browse .rail.wrap{flex-wrap:wrap;overflow-x:visible}.browse .railwrap:has(.rail.wrap):after{display:none}.browse .rail::-webkit-scrollbar{display:none}.browse .rail .chip{flex-shrink:0}.browse .railwrap{flex:320px;min-width:0;position:relative}.browse .railwrap:after{content:"";width:var(--s-6);background:linear-gradient(to right, var(--bg), transparent);pointer-events:none;position:absolute;inset-block:0;inset-inline-end:0}[dir=ltr] .browse .railwrap:after{background:linear-gradient(to left, var(--bg), transparent)}@media (min-width:68.75rem){.browse .railwrap:after{display:none}}.browse .sortwrap{align-items:center;gap:var(--s-2);flex-shrink:0;display:flex}.browse .sortwrap select{width:auto;min-width:168px;padding-block:var(--s-2)}.browse .sortwrap .lbl{white-space:nowrap;font-size:var(--f-xs);margin:0}@media not (min-width:53.75rem){.browse .bar{position:static}}@media not (min-width:40rem){.browse .sortwrap{flex:100%;min-width:0}.browse .sortwrap select{width:100%;min-width:0}}.browse .finder{flex:1;min-width:min(100%,240px)}.browse .finder input{padding-block:var(--s-2)}.browse .orderline{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:var(--bw-hair) solid var(--line);border-radius:var(--r-card);background:var(--raised);font-size:var(--f-sm);color:var(--ink-2);flex-wrap:wrap;margin-block-start:var(--s-5);display:flex}.browse .orderline>span{overflow-wrap:anywhere;flex:1;min-inline-size:0}.browse .orderline svg{fill:none;block-size:16px;inline-size:16px;stroke:var(--gold);stroke-width:1.8px;flex-shrink:0}.browse .orderline a{color:var(--gold);text-underline-offset:3px;white-space:nowrap;transition:color var(--t-state) var(--e), transform var(--t-state) var(--e);margin-inline-start:auto;font-weight:600;text-decoration:none}.browse .orderline a:hover,.browse .orderline a:active{color:var(--gold-hover);text-decoration-line:underline}.browse .orderline a:active{transform:scale(.978)}.browse .count-line{align-items:baseline;gap:var(--s-3);margin-block:var(--s-5) var(--s-4);flex-wrap:wrap;display:flex}.browse .count-line h1{font-family:var(--ff-head);font-size:var(--f-h2)}.browse .count-line .n{color:var(--ink-3);font-size:var(--f-sm)}.browse .count-line .clear{margin-inline-start:auto}.browse .grid,.browse .skelgrid{gap:var(--s-4);grid-template-columns:1fr;grid-auto-rows:1fr;display:grid}@media (prefers-reduced-motion:no-preference){.browse .grid{animation:browse-arrive var(--t-surface) var(--e) both}}@keyframes browse-arrive{0%{opacity:.01}}@media (min-width:40rem){.browse .grid,.browse .skelgrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:68.75rem){.browse .grid,.browse .skelgrid{grid-template-columns:repeat(3,1fr)}}.browse .grid .card{flex-direction:column;display:flex}.browse .grid .cardlink,.browse .grid .card .body{flex-direction:column;flex:1;display:flex}.browse .grid .card .cdrow,.browse .grid .card .foot{margin-block-start:auto}.browse .grid .moneyrow>div,.browse .grid .cardfoot>.bidders{flex:1;min-inline-size:0}.card .mine{z-index:3;position:absolute;inset-block-end:var(--s-3h);inset-inline-start:var(--s-3h)}.card .marks{gap:var(--s-2);flex-wrap:wrap;margin-block-start:var(--s-3);display:flex}.card .marks:empty{display:none}.card .roomline{align-items:center;gap:var(--s-2);font-size:var(--f-xs);color:var(--ink-3);border-block-start:var(--bw-hair) solid var(--line);margin-block-start:var(--s-3);padding-block-start:var(--s-3);display:flex}.card .roomline svg{width:13px;height:13px;stroke:var(--gold);fill:none;stroke-width:1.6px;flex-shrink:0}.card .roomline b{color:var(--gold);font-weight:600}.browse .pager{color:var(--ink-3);font-size:var(--f-sm);justify-content:center;margin-block-start:var(--s-6);display:flex}.browse .strip{margin-block:var(--s-8) 0;padding-block:var(--s-6);border-block:var(--bw-hair) solid var(--line)}.browse .strip .head{align-items:baseline;gap:var(--s-3);flex-wrap:wrap;margin-block-end:var(--s-4);display:flex}.browse .strip .head h2{font-family:var(--ff-head);font-size:var(--f-h3)}.browse .strip .head p{font-size:var(--f-sm);color:var(--ink-3)}.browse .strip .head a{flex-shrink:0;margin-inline-start:auto}.browse .rooms{gap:var(--s-3);grid-template-columns:1fr;display:grid}@media (min-width:40rem){.browse .rooms{grid-template-columns:repeat(2,1fr)}}@media (min-width:68.75rem){.browse .rooms{grid-template-columns:repeat(3,1fr)}}.browse .room{align-items:center;gap:var(--s-3h);padding:var(--s-3h) var(--s-4);border:var(--bw-hair) solid var(--line);border-radius:var(--r-card);background:var(--raised);color:inherit;transition:border-color var(--t-state) var(--e), transform var(--t-state) var(--e);text-decoration:none;display:flex}.browse .room:hover{border-color:var(--line-2);transform:translateY(-2px)}.browse .room .logo{border-radius:var(--r-input);background:color-mix(in srgb, var(--gold) 12%, transparent);border:var(--bw-hair) solid color-mix(in srgb, var(--gold) 26%, transparent);width:42px;height:42px;font-family:var(--ff-head);font-size:var(--f-h3);color:var(--gold);flex-shrink:0;place-items:center;line-height:1;display:grid;overflow:hidden}.browse .room .logo img{object-fit:cover;width:100%;height:100%}.browse .room .t{flex:1;min-width:0}.browse .room .t b{font-size:var(--f-sm);margin-block-end:var(--s-0);display:block}.browse .room .t>span{font-size:var(--f-xs);color:var(--ink-3)}@media (prefers-reduced-motion:reduce){.browse .room{transition:border-color var(--t-state) var(--e)}.browse .room:hover{transform:none}}.browse .skelbody{padding:var(--s-4h)}.browse .grid .card .attrs+.marks{margin-block:var(--s-3) var(--s-4)}.card .foot{align-items:center;gap:var(--s-3);min-height:calc(var(--s-8) + var(--s-1));border-block-start:var(--bw-hair) solid var(--line);margin-block-start:auto;padding-block-start:var(--s-3h);display:flex}.card .foot .seller{font-size:var(--f-xs);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card .foot .go{flex-shrink:0;margin-inline-start:auto}.card .inauction{align-items:center;gap:var(--s-1h);font-size:var(--f-xs);color:var(--gold);font-weight:700;display:inline-flex}.card .inauction svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:12px;height:12px}.card .cardlink.static{cursor:default}.browse .card:has(.cardlink.static):hover{border-color:var(--line);box-shadow:var(--elev-shadow);transform:none}}