:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-03d1c785 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-03d1c785 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-inventory-summary {
    display:flex;
    gap:1rem;
    align-items:center;
    padding:1rem 1.25rem;
    background-color:var(--color-base-700)
}
.item-inventory-summary__icon {
    display:flex;
    align-items:center;
    justify-content:center;
    height:36px;
    aspect-ratio:1/1;
    color:var(--color-yellow-100);
    background:var(--color-base-700);
    border-radius:100%;
    box-shadow:0 1px 2px rgba(167,243,178,.1) inset,0 1px 7px rgba(13,17,25,.42),0 0 2px rgba(40,51,77,.74) inset
}
.item-inventory-summary__text {
    display:flex;
    flex-grow:1;
    flex-direction:column;
    gap:.25rem
}
.item-inventory-summary__count {
    font-size:.875rem
}
.item-inventory-summary__total {
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.75rem;
    color:var(--color-base-300)
}
.item-inventory-summary__button {
    width:130px
}
.slide-enter-from,.slide-leave-to {
    transform:translateY(100%)
}
.slide-leave-active,.slide-enter-active {
    pointer-events:none;
    transition:transform .1s ease
}
.slide-leave-from,.slide-enter-to {
    transform:translateY(0)
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-18923681 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-18923681 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.items-not-found {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    align-items:center;
    justify-content:center;
    height:100%;
    max-height:600px;
    padding-inline:1rem;
    text-align:center
}
.items-not-found__header {
    padding-bottom:.5rem
}
.items-not-found__title {
    padding-bottom:.5rem;
    font-size:1.375rem;
    font-weight:700;
    line-height:1.3
}
.items-not-found__description {
    font-weight:500;
    color:var(--color-base-300)
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-a2cf174c {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-a2cf174c {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-list {
    overflow:hidden auto
}
.item-list::-webkit-scrollbar-track {
    background-color:var(--color-base-800)
}
.item-list__grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    gap:2px
}
@media not (min-width:1024px) {
    .item-list__grid {
        grid-template-columns:repeat(auto-fill,minmax(180px,1fr))
    }
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-ec3b0466 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-ec3b0466 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-filter-rarity__option {
    display:flex;
    gap:.5rem;
    align-items:center
}
.item-filter-rarity__block {
    width:.75rem;
    height:.75rem;
    background-color:var(--rarity-color);
    border-radius:.25rem
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-221c8e97 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-221c8e97 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-price-input--unchanged .input__element {
    color:var(--color-base-300)
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-c5e6662e {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-c5e6662e {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-price-range {
    --track-padding: 2px;
    --thumb-width: 11px;
    --thumb-height: 12px;
    padding:0 var(--track-padding);
    margin-bottom:var(--thumb-height)
}
.item-price-range__progress {
    cursor:pointer
}
.progress-blocks {
    position:relative;
    display:grid;
    grid-template-columns:repeat(30,1fr);
    gap:1px;
    height:8px
}
.progress-block {
    z-index:1;
    width:100%;
    height:100%;
    margin:0 auto;
    background:var(--color-base-600);
    border-radius:1px
}
.progress-block.active {
    background:var(--color-brand-100)
}
.slider {
    position:relative
}
.slider-progress {
    display:flex;
    width:100%;
    height:2px;
    margin-top:1px;
    background:var(--color-base-600)
}

.functional-slider {
    position:absolute;
    top:calc(100% + 2px);
    left:calc(var(--track-padding) * -1);
    width:calc(100% + var(--track-padding) * 2);
    height:var(--thumb-height);
    margin:0;
    font:inherit;
    color:var(--color-base-0);
    pointer-events:none;
    background:none
}
.functional-slider::-webkit-slider-container {
    height:0
}
.functional-slider::-webkit-slider-runnable-track {
    height:1px;
    pointer-events:none;
    background:none
}
.functional-slider::-moz-range-track {
    background:none
}
.functional-slider::-webkit-slider-thumb {
    width:var(--thumb-width);
    height:var(--thumb-height);
    pointer-events:auto;
    cursor:pointer;
    background-color:var(--color-base-0);
    border:none;
    border-radius:0;
    -webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='11'%20height='12'%20viewBox='0%200%2011%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%205.01845C0%204.37858%200.306168%203.77733%200.823657%203.40098L4.91183%200.427761C5.26248%200.172743%205.73752%200.172743%206.08817%200.427761L10.1763%203.40098C10.6938%203.77733%2011%204.37858%2011%205.01845V10C11%2011.1046%2010.1046%2012%209%2012H2C0.895431%2012%200%2011.1046%200%2010V5.01845Z'%20/%3e%3c/svg%3e");
    mask-image:url("data:image/svg+xml,%3csvg%20width='11'%20height='12'%20viewBox='0%200%2011%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%205.01845C0%204.37858%200.306168%203.77733%200.823657%203.40098L4.91183%200.427761C5.26248%200.172743%205.73752%200.172743%206.08817%200.427761L10.1763%203.40098C10.6938%203.77733%2011%204.37858%2011%205.01845V10C11%2011.1046%2010.1046%2012%209%2012H2C0.895431%2012%200%2011.1046%200%2010V5.01845Z'%20/%3e%3c/svg%3e")
}
.functional-slider::-moz-range-thumb {
    width:var(--thumb-width);
    height:var(--thumb-height);
    pointer-events:auto;
    cursor:pointer;
    background-color:var(--color-base-0);
    border:none;
    border-radius:0;
    -webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='11'%20height='12'%20viewBox='0%200%2011%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%205.01845C0%204.37858%200.306168%203.77733%200.823657%203.40098L4.91183%200.427761C5.26248%200.172743%205.73752%200.172743%206.08817%200.427761L10.1763%203.40098C10.6938%203.77733%2011%204.37858%2011%205.01845V10C11%2011.1046%2010.1046%2012%209%2012H2C0.895431%2012%200%2011.1046%200%2010V5.01845Z'%20/%3e%3c/svg%3e");
    mask-image:url("data:image/svg+xml,%3csvg%20width='11'%20height='12'%20viewBox='0%200%2011%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%205.01845C0%204.37858%200.306168%203.77733%200.823657%203.40098L4.91183%200.427761C5.26248%200.172743%205.73752%200.172743%206.08817%200.427761L10.1763%203.40098C10.6938%203.77733%2011%204.37858%2011%205.01845V10C11%2011.1046%2010.1046%2012%209%2012H2C0.895431%2012%200%2011.1046%200%2010V5.01845Z'%20/%3e%3c/svg%3e")
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-99f2beb5 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-99f2beb5 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-filter-price {
    display:flex;
    flex-direction:column;
    gap:1rem;
    margin-top:6px
}
.price-inputs {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.5rem
}
.affordable {
    display:flex;
    justify-content:space-between
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-11fda070 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-11fda070 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-filters {
    display:flex;
    flex-direction:column;
    gap:1.25rem;
    width:250px;
    height:fit-content;
    min-height:98%;
    padding:1.25rem;
    background:var(--color-base-800);
    border-radius:.75rem
}
.item-filters__separator {
    width:100%;
    height:1px;
    background:var(--color-base-700)
}
.item-filters__reset {
    margin-top:auto
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-9ba2f28a {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-9ba2f28a {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.items-layout {
    --parent-padding-block: .75rem;
    position:relative;
    display:grid;
    grid-template:"filters header sidebar" auto "filters list sidebar" 1fr/auto 1fr auto;
    gap:.75rem 1.5rem;
    height:100%;
    padding-top:var(--parent-padding-block)
}
.items-layout--hide-sidebar-summary {
    grid-template:"filters header " auto "filters list " 1fr/auto 1fr
}
.items-layout__filters {
    grid-area:filters;
    padding-bottom:var(--parent-padding-block);
    overflow:hidden auto
}
.items-layout__header {
    grid-area:header;
    min-width:0
}
.items-layout__item-list-wrapper {
    position:relative;
    grid-area:list;
    height:100%;
    overflow:hidden
}
.items-layout--hide-sidebar-summary .items-layout__selection {
    display:none
}
.items-layout__selection {
    grid-area:sidebar;
    padding-bottom:var(--parent-padding-block)
}
.items-layout__item-list {
    height:100%;
    transition:height .1s ease
}
.items-layout__summary {
    position:fixed;
    bottom:0;
    width:100%
}
.items-layout__side-panel {
    position:absolute;
    right:0
}
@media(min-width:1280px) {
    .items-layout {
        padding-inline:var(--main-layout-inline-padding)
    }
}
@media not (min-width:1280px) {
    .items-layout {
        grid-template:"header " auto "list" 1fr/1fr;
        gap:0;
        padding:0
    }
    .items-layout__header {
        padding-inline:var(--main-layout-inline-padding)
    }
    .items-layout__filters,.items-layout__selection {
        display:none
    }
}
@media(min-width:768px) {
    .items-layout__summary {
        display:none
    }
}
@media not (min-width:768px) {
    .items-layout__item-list-wrapper {
        height:calc(100% - var(--v755c3399) * 1px)
    }
    .items-layout__summary {
        bottom:70px
    }
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-5748d368 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-5748d368 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-sorting {
    --set-dropdown-header-color: var(--color-base-200);
    --set-dropdown-header-active-color: var(--color-base-0);
    text-wrap:nowrap
}
.item-sorting__header {
    display:flex;
    gap:.25rem;
    align-items:center;
    font-size:.875rem;
    color:var(--dropdown-header-color);
    transition:color .1s ease
}
@media(min-width:1280px) {
    .item-sorting__label--short {
        display:none
    }
}
@media not (min-width:1280px) {
    .item-sorting__label--long {
        display:none
    }
}
:root {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs {
    --exterior-color: var(--color-exterior-bs)
}
:root {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald {
    --phase-color: var(--color-green-100)
}

@keyframes spin-d36db9ce {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-d36db9ce {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-filters-header-wrapper {
    position:relative
}
.item-filters-header {
    display:flex;
    flex-direction:row;
    gap:.25rem;
    align-items:center;
    height:100%;
    color:var(--color-base-200);
    cursor:pointer;
    transition:color .1s ease
}
.item-filters-header:hover,.item-filters-header--active {
    color:#fff
}
.item-filters-header__label {
    font-size:.875rem
}
@media not (min-width:480px) {
    .item-filters-header__label {
        display:none
    }
}