.grailed-catalog{color:#9cacc0;width:100%;min-height:calc(100vh - 440px);font-family:var(--font-chakra), "Chakra Petch", sans-serif;padding:16px 20px 0;font-size:16px;font-weight:500;transform:translateZ(0)}.grailed-catalog *{box-sizing:border-box}.grailed-catalog button{font:inherit;cursor:pointer;border:0}.grailed-catalog button:focus-visible,.cat-risk:focus-visible{outline:2px solid var(--reaper-primary);outline-offset:3px}.cat-heading-row{justify-content:space-between;align-items:center;width:100%;height:32px;display:flex}.cat-heading{letter-spacing:-.2px;color:#f0f6ff;white-space:nowrap;margin:0;font-size:20px;font-weight:700;line-height:24px}.cat-search{background:#11181f;border:1px solid #202d3b;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;width:224px;height:32px;padding:0 12px;display:flex;box-shadow:inset 0 0 7.8px #00000026}.cat-search input{letter-spacing:-.28px;color:#9cacc0;background:0 0;border:none;outline:none;width:calc(100% - 29px);min-width:0;height:22px;padding:1px 2px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px}.cat-search input::placeholder{color:#879eb5}.cat-search input::-webkit-search-cancel-button{-webkit-appearance:none}.cat-search:focus-within{border-color:#35485c}.cat-divider{background:#272e36;width:100%;height:1px;margin:16px 0;box-shadow:0 -1px #0003}.cat-controls{justify-content:space-between;align-items:center;gap:16px;min-height:36px;margin-bottom:24px;display:flex}.cat-tabs-row{flex:auto;justify-content:space-between;align-items:center;min-width:0;display:inline-flex}.cat-tabs-scroll{scrollbar-width:none;max-width:100%;overflow:auto hidden}.cat-tabs-scroll::-webkit-scrollbar{display:none}.cat-tabs{white-space:nowrap;align-items:center;gap:8px;height:32px;display:inline-flex;position:relative}.cat-tab-highlight{pointer-events:none;background:#263b50;border-radius:6px;height:32px;transition:left .18s cubic-bezier(.4,0,.2,1),width .18s cubic-bezier(.4,0,.2,1),opacity .15s;position:absolute;top:0}.grailed-catalog .cat-tab{color:#b1c2d6;background:0 0;justify-content:center;align-items:center;gap:6px;height:32px;padding:4px 12px;font-size:14px;font-weight:700;line-height:16.8px;transition:color .15s;display:flex;position:relative}.cat-tab[aria-selected=true],.cat-tab:hover{color:#f0f6ff}.cat-reward-count{text-align:center;background:#363f48;border-radius:4px;min-width:16px;font-size:11px;line-height:16px}.cat-filter-toggle{display:none}.cat-filters{z-index:4;flex-shrink:0;align-items:center;gap:12px;height:36px;display:inline-flex}.cat-select{color:#f0f6ff;width:196px;min-width:196px;position:relative}.cat-select .cat-select-trigger{color:#f0f6ff;letter-spacing:-.3px;background:#23303e;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:36px;padding:0 12px;font-size:14px;font-weight:600;line-height:24px;display:flex;box-shadow:0 1px #00000040,inset 0 2px 0 -1px #35485c99}.cat-select-trigger:hover{background:#263b50}.cat-select-label{text-align:left;align-items:center;gap:8px;min-width:0;display:flex}.cat-select-label>svg{flex-shrink:0}.cat-select-label>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cat-currency{align-items:center;line-height:1;display:inline-flex}.cat-chevron{flex-shrink:0;transition:transform .3s;display:flex}.cat-chevron.is-open{transform:rotate(180deg)}.cat-select-menu{z-index:20;overscroll-behavior:contain;scrollbar-width:none;background:#1d2935;border:1px solid #263b50;border-radius:8px;flex-direction:column;gap:4px;width:max-content;min-width:100%;padding:6px;display:flex;position:absolute;top:40px;left:0;overflow-y:auto;box-shadow:0 2px 16px #0000004f}.cat-select .cat-option{white-space:nowrap;color:#fff;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:8px;width:100%;height:36px;padding:8px 6px;font-size:14px;font-weight:500;line-height:14px;display:flex}.cat-option:hover,.cat-option:focus-visible{background:#263b50}.cat-check-wrap{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;display:flex}.cat-check{background:#202d3b;border:1px solid #263b50;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.cat-check>span{border-radius:1px;width:8px;height:8px}.cat-option[aria-checked=true] .cat-check>span{background:var(--reaper-primary);box-shadow:0 4px 5.7px -3px #6ca4dd70,inset 0 -2px 0 -1px #72a8df,inset 0 1px #ffffff40,inset 0 4px 15.9px -3px #558cc4c4}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(202px,1fr));gap:12px;width:100%;display:grid}.cat-card{width:100%;height:296px;transform:perspective(900px) rotateX(calc(var(--depth-rx,0) * 1deg)) rotateY(calc(var(--depth-ry,0) * 1deg)) scale(var(--depth-scale,1));transform-style:preserve-3d;background:#1c2430;border-radius:12px;position:relative}.cat-card:hover,.cat-card:focus-within{z-index:2}.cat-card-back{border-radius:12px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.cat-card-parallax{transform:translate(calc(var(--depth-backX,0) * 1px), calc(var(--depth-backY,0) * 1px));position:absolute;inset:0}.cat-glow-stage{width:100%;height:156px;position:absolute;top:34px;left:0}.cat-glow{filter:blur(14px);opacity:.3;border-radius:50%;width:162px;height:142px;transition:transform .24s cubic-bezier(.645,.045,.355,1),filter .24s;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateZ(-20px)scale(1)}.cat-card[data-depth-hover=true] .cat-glow{filter:blur(16px);transform:translate(-50%)translateZ(-20px)scale(1.16)}.cat-card-background{position:absolute;top:0;left:50%;transform:translate(-50%)}.grailed-catalog .cat-card-opener{z-index:1;background:0 0;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.cat-card-content{z-index:2;pointer-events:none;transform-style:preserve-3d;padding:12px;position:absolute;inset:0;transform:translateZ(40px)}.cat-inspect{z-index:4;color:#b1c2d6;opacity:0;cursor:pointer;background:#263b50;border-radius:50%;place-items:center;width:28px;height:28px;transition:opacity .15s,filter .2s;display:grid;position:absolute;top:8px;right:8px;box-shadow:inset 0 2px 0 -1px #35485c}.cat-card:is(:hover,:focus-within) .cat-inspect{opacity:1}.cat-inspect:hover{filter:brightness(.91)}@media (hover:none),(pointer:coarse){.cat-inspect{opacity:1}}.cat-hot{margin-right:32px}.cat-card-top{height:24px;transform-style:preserve-3d;justify-content:space-between;align-items:center;display:flex}.cat-category{transform:translateZ(-35px)}.cat-hot{color:#ff8e47;background:#2b425b;border-radius:4px;align-items:center;gap:3px;height:24px;padding:0 8px;font-size:12px;font-style:italic;font-weight:700;line-height:14.4px;display:flex;transform:translateZ(-35px);box-shadow:0 1.5px #00000040,inset 0 2px 0 -1px #35485c}.cat-art-stage{width:auto;height:156px;transform-style:preserve-3d;justify-content:center;align-items:center;margin:8px 0 10px;display:flex;position:relative}.cat-art-slot{width:auto;max-width:100%;height:100%;transform:translate(calc(var(--depth-artX,0) * 1px), calc(var(--depth-artY,0) * 1px)) scale(var(--depth-artScale,1)) translateZ(-15px);-webkit-user-select:none;user-select:none;background:0 0;display:block}.cat-card-title{color:#f0f6ff;letter-spacing:-.18px;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;width:100%;transform:translateY(calc(var(--depth-titleY,0) * 1px)) translateZ(-35px);font-size:18px;font-weight:700;line-height:24px;overflow:hidden}.cat-card-price{color:#f0f6ff;text-align:right;letter-spacing:-.15px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:6px;font-size:15px;font-weight:700;line-height:20px;display:flex;transform:translateZ(-35px)}.cat-risk{pointer-events:auto;flex-direction:column;gap:8px;width:calc(100% - 10px);height:16px;margin:12px 5px 0;display:flex;position:relative;transform:translateZ(-35px)}.cat-risk:before{content:"";position:absolute;inset:-4px 0 -8px}.cat-risk-bar{background:#171726;border-radius:100px;justify-content:space-between;gap:2px;width:100%;height:4px;margin-top:2px;display:flex}.cat-risk-segment{background:var(--cat-risk-color);border-radius:100px;flex:1;height:4px;position:relative;box-shadow:0 0 0 1px #1d2935,0 1px #00000040,inset 0 1px #ffffff40}.cat-risk-marker{background:#f0f6ff;border:1px solid #1d2935;border-radius:6px;width:4px;height:8px;position:absolute;top:2px;transform:translate(-2px,-4px)}.cat-risk-tooltip{bottom:calc(100% + 10px);left:clamp(97px, var(--cat-risk-position), calc(100% - 97px));transform-origin:bottom;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .11s ease-out, transform .13s ease-out, display .13s allow-discrete;background:#111519;border:1px solid #263b50;border-radius:6px;align-items:center;gap:4px;padding:7px 11px;line-height:1.2;display:none;position:absolute;transform:translate(-50%)translateY(10px)scale(.78);box-shadow:0 15px 63px #0000002b}.cat-risk-tooltip>*{opacity:0;transition:opacity 80ms ease-out,transform 80ms ease-out;transform:translateY(3px)}.cat-risk-tooltip>span{color:#879eb5;font-size:13px;font-weight:600}.cat-risk-tooltip>strong{color:#f0f6ff;font-size:14px;font-weight:700}.cat-risk-tooltip>b{color:#35485c;font-size:14px}.cat-risk-tooltip>em{color:var(--cat-risk-color);font-size:14px;font-style:normal;font-weight:600}.cat-risk-tooltip:before,.cat-risk-tooltip:after{content:"";border:7px solid #0000;border-top-color:#263b50;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cat-risk-tooltip:after{border-width:6px;border-top-color:#11181f;top:calc(100% - 1px)}.cat-risk[data-risk-open=true] .cat-risk-tooltip{opacity:1;transition:opacity .2s ease-out,transform .36s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translate(-50%)translateY(0)scale(1)}@starting-style{.cat-risk[data-risk-open=true] .cat-risk-tooltip{opacity:0;transform:translate(-50%)translateY(10px)scale(.78)}.cat-risk[data-risk-open=true] .cat-risk-tooltip>*{opacity:0;transform:translateY(3px)}}.cat-risk[data-risk-open=true] .cat-risk-tooltip>*{opacity:1;transition:opacity .16s cubic-bezier(.215, .61, .355, 1) var(--risk-delay), transform .2s cubic-bezier(.215, .61, .355, 1) var(--risk-delay);transform:translateY(0)}.cat-risk-tooltip>:first-child{--risk-delay:60ms}.cat-risk-tooltip>:nth-child(2){--risk-delay:95ms}.cat-risk-tooltip>:nth-child(3){--risk-delay:.125s}.cat-risk-tooltip>:nth-child(4){--risk-delay:.155s}@media (max-width:1000px){.cat-search{width:241px;max-width:65%}.cat-search input{font-size:16px}.cat-divider{display:none}.cat-controls{flex-direction:column;align-items:stretch;gap:0;margin-top:16px}.cat-tabs-row{flex:0 auto;gap:12px;width:100%;height:36px;display:flex}.cat-tabs-scroll{flex:auto;min-width:0}.grailed-catalog .cat-tab{padding:6px 12px}.grailed-catalog .cat-filter-toggle{background:#263b50;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:inset 0 2px 0 -1px #35485c}.cat-filters{width:100%;margin-top:16px;display:none;overflow:visible}.cat-filters.is-expanded{animation:.3s forwards cat-filters-enter;display:flex}.cat-select{width:calc(50% - 6px);min-width:0}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.cat-card{height:270px;transform-style:initial;overflow:hidden;transform:translateZ(0)}.cat-card-content{transform-style:initial;padding:8px;transform:translateZ(0)}.cat-glow-stage{height:146px;top:36px}.cat-art-stage{height:146px;margin:4px 0 8px}.cat-card-title{color:#fff;letter-spacing:-.32px;text-transform:capitalize;font-size:16px;font-weight:600;line-height:21.111px}.cat-card-price{height:18px;margin-top:8px}.cat-inspect{opacity:1}.cat-risk-tooltip{justify-content:center;gap:3px;padding:6px 4px;left:-8px;right:-8px;transform:translateY(10px)scale(.78)}.cat-risk-tooltip>span{display:none}.cat-risk-tooltip>:is(strong,b,em){font-size:13px}.cat-risk-tooltip:before,.cat-risk-tooltip:after{left:clamp(9px, var(--cat-risk-position), calc(100% - 9px))}.cat-risk[data-risk-open=true] .cat-risk-tooltip{transform:translateY(0)scale(1)}@starting-style{.cat-risk[data-risk-open=true] .cat-risk-tooltip{transform:translateY(10px)scale(.78)}}}@keyframes cat-filters-enter{0%{opacity:0;height:0}to{opacity:1;height:36px}}@media (prefers-reduced-motion:reduce){.grailed-catalog *,.grailed-catalog :before,.grailed-catalog :after{transition:none!important;animation-duration:0s!important}.cat-card *,.cat-card :before,.cat-card :after{transition:none!important}}