: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-13de75da {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-13de75da {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.accordion {
    display:flex;
    flex-direction:column
}
.accordion-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:2px 0;
    font-size:.875rem;
    color:var(--color-base-200);
    cursor:pointer
}
.accordion-title {
    user-select:none
}
.accordion-actions {
    display:flex;
    gap:.25rem;
    align-items:center;
    color:var(--color-base-300)
}
.accordion-action {
    user-select:none;
    transition:color .1s ease
}
.accordion-action:hover {
    color:var(--color-base-200)
}
.accordion-carat {
    transition:transform .1s ease,color .1s ease
}
.accordion-carat:hover {
    color:var(--color-base-200)
}
.accordion-carat.flipped {
    transform:rotate(180deg)
}
.expand-leave-active,.expand-enter-active {
    overflow:hidden;
    transition:height .35s,opacity .35s
}
.expand-enter-to,.expand-leave-from {
    height:var(--v0af0fd0c)
}
.expand-enter-from,.expand-leave-to {
    height:0;
    opacity:0
}
.accordion-content {
    display:flex;
    flex-direction:column;
    gap:.75rem
}
.accordion-content>*:first-child {
    margin-top:.5rem
}
@media(max-width:768px) {
    .accordion-content {
        gap:6px
    }
}
: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-c1bf3a8e {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-c1bf3a8e {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-condition-badge {
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:space-between;
    padding-inline:var(--parent-padding-inline);
    margin-bottom:.375rem;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.875rem;
    color:var(--color-base-300);
    text-transform:uppercase;
    white-space:nowrap
}
.item-condition-badge__left {
    display:flex;
    gap:.25rem;
    align-items:center
}
.item-condition-badge--placeholder .item-condition-badge__left {
    position:relative
}
.item-condition-badge--placeholder .item-condition-badge__left>* {
    opacity:0
}
.item-condition-badge--placeholder .item-condition-badge__left:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    background-color:var(--color-base-600);
    border-radius:.25rem;
    animation:skeleton-pulse-c1bf3a8e 1.8s cubic-bezier(.4,0,.6,1) infinite
}
.item-condition-badge__listings-count {
    display:flex;
    gap:.25rem;
    align-items:center
}
.item-condition-badge--placeholder .item-condition-badge__listings-count {
    position:relative
}
.item-condition-badge--placeholder .item-condition-badge__listings-count>* {
    opacity:0
}
.item-condition-badge--placeholder .item-condition-badge__listings-count:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    background-color:var(--color-base-600);
    border-radius:.25rem;
    animation:skeleton-pulse-c1bf3a8e 1.8s cubic-bezier(.4,0,.6,1) infinite
}
.item-condition-badge--placeholder .item-condition-badge__wear {
    position:relative
}
.item-condition-badge--placeholder .item-condition-badge__wear>* {
    opacity:0
}
.item-condition-badge--placeholder .item-condition-badge__wear:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    background-color:var(--color-base-600);
    border-radius:.25rem;
    animation:skeleton-pulse-c1bf3a8e 1.8s cubic-bezier(.4,0,.6,1) infinite
}
.item-condition-badge__phase-icon {
    flex-shrink:0;
    width:15px;
    height:12px
}
.item-condition-badge__phase-icon--red path {
    stroke:var(--color-red-100)
}
.item-condition-badge__phase-icon--blue path {
    stroke:var(--color-blue-100)
}
.item-condition-badge__phase-icon--purple path {
    stroke:var(--color-purple-100)
}
.item-condition-badge__phase-icon--green path {
    stroke:var(--color-green-100)
}
@media(max-width:768px) {
    .item-condition-badge {
        font-size:.75rem
    }
}
: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-4d292235 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-4d292235 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-image {
    position:relative;
    z-index:0;
    display:flex;
    flex-shrink:0;
    flex-direction:column;
    gap:.5rem;
    align-items:center;
    justify-content:center;
    padding-top:.375rem;
    overflow:hidden
}
.item-image__img {
    flex-shrink:0;
    width:100%;
    max-width:160px;
    aspect-ratio:4/3;
    margin:.25rem 0;
    object-fit:contain;
    box-shadow:none
}
@supports not (-webkit-touch-callout: none) {
    .item-image__img {
        filter:drop-shadow(2px 2px #141925) drop-shadow(-2px -2px #141925) drop-shadow(0 0 6px #141925)
    }
}
.item-image__img--inactive {
    opacity:.6;
    filter:grayscale(1)
}
.item-image__backdrop {
    position:absolute;
    z-index:-1;
    display:flex
}
.item-image__backdrop--detailed {
    top:50%;
    left:50%;
    display:flex;
    transform:translate(-50%,-50%)
}
.item-image__backdrop--simple {
    width:100%
}
.item-image__stickers {
    position:absolute;
    right:0;
    display:flex;
    flex-direction:column;
    gap:.25rem;
    justify-content:center;
    width:26px;
    height:100%
}
.item-image__sticker {
    width:100%;
    object-fit:contain
}
.item-image__sticker-scratch {
    color:#cfd4de
}
.item-image__charm-wrapper {
    position:absolute;
    bottom:.5rem;
    left:0;
    width:40px
}
.item-image__charm {
    width:100%;
    object-fit:contain
}
@media not (min-width:768px) {
    .item-image__img {
        max-width:140px
    }
}
: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-f15a74da {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-f15a74da {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-details {
    display:flex;
    flex-shrink:0;
    flex-direction:column;
    gap:.25rem;
    padding-inline:var(--parent-padding-inline);
    padding-bottom:.75rem
}
.item-details__category {
    font-size:.875rem
}
.item-details--placeholder .item-details__category {
    position:relative
}
.item-details--placeholder .item-details__category>* {
    opacity:0
}
.item-details--placeholder .item-details__category:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    background-color:var(--color-base-600);
    border-radius:.25rem;
    animation:skeleton-pulse-f15a74da 1.8s cubic-bezier(.4,0,.6,1) infinite
}
.item-details__name {
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--rarity-color);
    white-space:nowrap
}
.item-details--placeholder .item-details__name {
    position:relative
}
.item-details--placeholder .item-details__name>* {
    opacity:0
}
.item-details--placeholder .item-details__name:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    background-color:var(--color-base-600);
    border-radius:.25rem;
    animation:skeleton-pulse-f15a74da 1.8s cubic-bezier(.4,0,.6,1) infinite
}
@media(max-width:768px) {
    .item-details__name {
        font-size:.875rem
    }
}
: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-2f886bd8 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-2f886bd8 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-footer {
    display:flex;
    flex-shrink:0;
    gap:.25rem;
    align-items:center;
    padding-inline:var(--parent-padding-inline);
    padding-top:2px
}
.item-footer__price {
    font-family:IBM Plex Mono,monospace,system-ui;
    color:#fff
}
.item-footer--placeholder .item-footer__price {
    position:relative
}
.item-footer--placeholder .item-footer__price>* {
    opacity:0
}
.item-footer--placeholder .item-footer__price:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    background-color:var(--color-base-600);
    border-radius:.25rem;
    animation:skeleton-pulse-2f886bd8 1.8s cubic-bezier(.4,0,.6,1) infinite
}
@media(max-width:768px) {
    .item-footer__price {
        font-size:1rem
    }
}
.item-footer__status {
    height:20px;
    aspect-ratio:1/1
}
.item-footer__status--in-trade {
    color:var(--color-base-300)
}
.item-footer__status--unacceptable {
    color:var(--color-orange-100)
}
.item-footer__chevron {
    flex-shrink:0;
    width:1.5rem;
    height:1.5rem;
    margin-left:auto;
    color:var(--color-base-300)
}
.item-card:hover .item-footer__chevron {
    color:#fff
}
.item-footer__discount {
    display:flex;
    align-items:center;
    height:24px;
    padding:2px 6px;
    margin-left:.25rem;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    line-height:1;
    border-radius:6px
}
.item-footer__discount--unknown,.item-footer__discount--none {
    display:none
}
.item-footer__discount--green {
    color:var(--color-green-100);
    background-color:rgba(167,243,178,.1)
}
.item-footer__discount--orange {
    color:var(--color-yellow-100);
    background-color:rgba(243,243,167,.1)
}
.item-footer__discount--red {
    color:var(--color-red-100);
    background-color:rgba(243,167,189,.1)
}
: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-d33e294b {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-d33e294b {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.item-listing {
    --parent-padding-inline: 1rem;
    --background-color: var(--color-base-800);
    position:relative;
    display:flex;
    flex:1;
    flex-direction:column;
    gap:0;
    min-width:210px;
    height:100%;
    padding:1rem 0;
    cursor:pointer;
    background-color:var(--background-color);
    transition:background-color .1s ease
}
.item-listing--with-button {
    padding-bottom:1rem
}
.item-listing--inactive {
    pointer-events:none
}
.item-listing--placeholder {
    pointer-events:none;
    cursor:default
}
.item-listing:hover:not(.item-listing--placeholder) {
    --background-color:#1c1d21;
}
.item-listing__cta {
    margin-inline:var(--parent-padding-inline);
    margin-top:1rem;
    pointer-events:none
}
.item-listing--inactive .item-listing__cta {
    opacity:.5
}
.item-listing--placeholder .item-listing__cta {
    position:relative
}
.item-listing--placeholder .item-listing__cta>* {
    opacity:0
}
.item-listing--placeholder .item-listing__cta:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    background-color:var(--color-base-600);
    border-radius:.25rem;
    animation:skeleton-pulse-d33e294b 1.8s cubic-bezier(.4,0,.6,1) infinite
}
.item-listing--placeholder .item-listing__cta {
    border-color:transparent
}
.item-listing__indicator {
    transition:transform .1s ease,color .1s ease
}
.item-listing--selected .item-listing__indicator,.item-listing:hover .item-listing__indicator {
    transform:rotate(180deg)
}
.item-listing--selected.item-listing:hover .item-listing__indicator {
    transform:rotate(0)
}
@media not (min-width:768px) {
    .item-listing {
        min-width:180px
    }
}