: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-66c7aba5 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-66c7aba5 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.landing-setting {
    display:flex;
    gap:.25rem;
    align-items:center;
    font-size:.875rem;
    color:var(--color-base-200);
    cursor:pointer;
    background:none;
    border:none;
    transition:color .1s ease
}
.landing-setting:hover {
    color:var(--color-base-0)
}
.landing-setting__share {
    color:var(--color-base-300)
}
.landing-setting:hover .landing-setting__share {
    color:var(--color-base-200)
}
@media not (min-width:480px) {
    .landing-setting__share {
        margin-left: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-d6c93143 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-d6c93143 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.notification-empty {
    display:flex;
    flex-direction:column;
    padding:1.5rem
}
.notification-empty__header {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    align-items:center;
    justify-content:center;
    font-size:.875rem;
    text-align:center
}
.notification-empty__icon {
    color:#cfd4de
}
.notification-empty__title {
    font-size:22px
}
.notification-empty__description {
    color:var(--color-base-200)
}
: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-f15b7589 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-f15b7589 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.notification-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:1.25rem var(--notification-inline-padding)
}
.notification-header__summary {
    font-weight:500
}
.notification-header__button {
    height:auto;
    font-size:.875rem;
    color:var(--color-base-200);
    transition:color .1s ease
}
.notification-header__button:hover {
    color:var(--color-base-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-b54a9d52 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-b54a9d52 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.notification-modal {
    --notification-inline-padding: 1.25rem;
    width:320px
}
.notification-modal--in-modal {
    width:auto;
    background:transparent
}
.notification-modal__button {
    width:100%
}
@media(max-width:768px) {
    .notification-modal {
        --notification-inline-padding: 0;
        width:auto;
        background:transparent
    }
}
: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-173810bd {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-173810bd {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.landing-navigation-links {
    display:flex;
    flex-wrap:wrap;
    gap:5.5rem
}
.landing-navigation-links__column {
    display:flex;
    flex-direction:column;
    gap:1rem;
    font-size:.875rem;
    font-weight:600
}
.landing-navigation-links__header {
    font-family:IBM Plex Mono,monospace,system-ui;
    color:var(--color-base-300);
    text-transform:uppercase
}
.landing-navigation-links__link {
    color:var(--color-base-200);
    cursor:pointer;
    transition:color .1s ease
}
.landing-navigation-links__link:hover {
    color:var(--color-base-0)
}
@media not (min-width:768px) {
    .landing-navigation-links {
        gap:3.5rem
    }
}
: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-cf4d2d71 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-cf4d2d71 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.landing-socials {
    display:flex;
    flex-direction:row;
    gap:.75rem
}
.landing-socials__link {
    display:flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2rem;
    color:var(--color-base-300);
    transition:transform .1s ease,color .1s ease
}
.landing-socials__link:hover {
    color:var(--color-base-200);
    transform:translateY(-2px)
}
: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-e6680333 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-e6680333 {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.5
    }
}
.site-footer-area {
    display:grid;
    flex-direction:column;
    grid-template:"company links" auto "ending ending" auto/auto auto;
    gap:4rem;
    padding-inline:var(--main-layout-inline-padding);
    padding-bottom:2rem
}
.landing-footer__company {
    display:grid;
    grid-area:company;
    grid-template:"logo" auto "address" auto "socials" auto/auto;
    gap:1.25rem;
    max-width:500px
}
.landing-footer__logo {
    grid-area:logo
}
.landing-footer__company-address {
    grid-area:address;
    margin-bottom:.5rem;
    font-weight:500;
    color:var(--color-base-300)
}
.landing-footer__socials {
    grid-area:socials
}
.landing-footer__links {
    grid-area:links;
    justify-self:end
}
.landing-footer__ending {
    display:flex;
    grid-area:ending;
    align-items:end;
    justify-content:space-between
}
.landing-footer__footnote {
    display:flex;
    flex-direction:column;
    gap:.25rem;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:var(--color-base-300)
}
.landing-footer__footnote-part {
    white-space:pre-wrap
}
.landing-footer__settings {
    display:flex;
    gap:2rem;
    align-items:center
}
.landing-footer__currency-icon {
    margin-right:2px;
    color:var(--color-base-900)
}
.landing-footer__support-badge {
    display:flex;
    gap:.25rem;
    align-items:center;
    font-size:.875rem;
    color:var(--color-brand-100);
    cursor:pointer;
    background:none;
    border:none;
    transition:color .1s ease
}
.landing-footer__support-badge:hover {
    color:var(--color-brand-50)
}
@media not (min-width:1280px) {
    .site-footer-area {
        grid-template:"company" auto "links" auto "ending" auto/auto;
        gap:2.5rem
    }
    .landing-footer__company {
        grid-template:"logo socials" auto "address address" auto/1fr auto;
        max-width:unset
    }
    .landing-footer__links {
        justify-self:start
    }
    .landing-footer__ending {
        flex-direction:column;
        gap:1.25rem;
        margin-top:2rem
    }
}
@media not (min-width:768px) {
    .landing-footer__ending {
        gap:1.5rem
    }
}
@media not (min-width:480px) {
    .landing-footer__settings {
        flex-direction:column;
        gap:1.25rem;
        align-items:stretch;
        width:100%
    }
}
/* --- New Simplified Footer Styles --- */
.site-footer-area  {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    padding: 60px 20px !important;
    background-color: var(--color-base-900) !important;
    color: var(--color-base-200) !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    gap: 40px !important;
    grid-template: none !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    width: 100% !important;
}
.landing-footer__links  {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 80px !important;
    margin-bottom: 0 !important;
    width: auto !important;
    grid-area: auto !important;
}
.landing-navigation-links__column  {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}
.landing-navigation-links__header  {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: var(--color-base-300) !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 8px !important;
}
.landing-navigation-links__link  {
    font-size: 14px !important;
    color: var(--color-base-200) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.landing-navigation-links__link:hover  {
    color: #fff !important;
}
.landing-footer__ending  {
    padding-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: auto !important;
    grid-area: auto !important;
    margin-top: 0 !important;
    max-width: 400px !important;
}
.landing-footer__footnote  {
    font-size: 13px !important;
    color: var(--color-base-300) !important;
    text-align: left !important;
}
@media (max-width: 1024px)  {
    .site-footer-area  {
        flex-direction: column !important;
        align-items: center !important;
    }
    .landing-footer__ending {
        align-items: center !important;
        text-align: center !important;
        order: 2 !important; /* Keep links on top for mobile? Or ending on bottom? Usually ending is bottom on mobile. */
    }
    .landing-footer__links  {
        justify-content: center !important;
        width: 100% !important;
        order: 1 !important;
    }
}
@media (max-width: 768px)  {
    .landing-footer__links  {
        flex-direction: column !important;
        align-items: center !important;
        gap: 40px !important;
    }
}