@media only screen and (max-width: 1000px)
{
    /* Variables */
        :root
        {
            --m-co-04: calc((((100vw - 2rem) - 3rem) / 4) * 4  + (1rem * (4 - 1)));
            --m-co-03: calc((((100vw - 2rem) - 3rem) / 4) * 3  + (1rem * (3 - 1)));
            --m-co-02: calc((((100vw - 2rem) - 3rem) / 4) * 2  + (1rem * (2 - 1)));
            --m-co-01: calc((((100vw - 2rem) - 3rem) / 4) * 1  + (1rem * (1 - 1)));

            --fullscreen-padding: var(--spc-4);
        }
    /**/

    /* Structure */
        html { font-size: var(--font-size); }

        .dsk { display: none !important; }
        .mob { display: flex !important; }
        .m-nwrap { flex-wrap: nowrap !important; }

        .m-fullw { width:  100%;  }
        .m-fullh { height: 100%;  }

        .m-order-1 { order: 1; }
        .m-order-2 { order: 2; }
        .m-order-3 { order: 3; }
        .m-order-4 { order: 4; }

        .m-scrnw-100 { width:  100vw; }       .m-min-scrnw-100 { min-width:  100vw; }       .m-max-scrnw-100 { max-width:  100vw; }
        .m-scrnw-75 { width:  75vw; }         .m-min-scrnw-75 { min-width:  75vw; }         .m-max-scrnw-75 { max-width:  75vw; }
        .m-scrnw-50 { width:  50vw; }         .m-minscrnw-50 { min-width:  50vw; }          .m-max-scrnw-50 { max-width:  50vw; }
        .m-scrnw-25 { width:  25vw; }         .m-min-scrnw-25 { min-width:  25vw; }         .m-max-scrnw-25 { max-width:  25vw; }
    
        .m-scrnh-100 { height: 100vh; }       .m-min-scrnh-100 { min-height: 100vh; }       .m-max-scrnh-100 { max-height: 100vh; }
        .m-scrnh-75 { height: 75vh; }         .m-min-scrnh-75 { min-height: 75vh; }         .m-max-scrnh-75 { max-height: 75vh; }
        .m-scrnh-50 { height: 50vh; }         .m-min-scrnh-50 { min-height: 50vh; }         .m-max-scrnh-50 { max-height: 50vh; }
        .m-scrnh-25 { height: 25vh; }         .m-min-scrnh-25 { min-height: 25vh; }         .m-max-scrnh-25 { max-height: 25vh; }
        
        .col.m-v-cent     { justify-content: center !important; }
        .col.m-v-apart    { justify-content: space-between !important; }
        .col.m-v-start    { justify-content: flex-start !important; }
        .col.m-v-end      { justify-content: flex-end !important; }
        .col.m-v-stretch  { justify-content: stretch !important; }
    
        .col.m-h-cent     { align-items: center !important; }
        .col.m-h-apart    { align-items: space-between !important; }
        .col.m-h-start    { align-items: flex-start !important; }
        .col.m-h-end      { align-items: flex-end !important; }
        .col.m-h-stretch  { align-items: stretch !important; }
    
        .row.m-v-cent     { align-items: center !important; }
        .row.m-v-apart    { align-items: space-between !important; }
        .row.m-v-start    { align-items: flex-start !important; }
        .row.m-v-end      { align-items: flex-end !important; }
        .row.m-v-stretch  { align-items: stretch !important; }
    
        .row.m-h-cent     { justify-content: center !important; }
        .row.m-h-apart    { justify-content: space-between !important; }
        .row.m-h-start    { justify-content: flex-start !important; }
        .row.m-h-end      { justify-content: flex-end !important; }
        .row.m-h-stretch  { justify-content: stretch !important; }
        
        .m-wbk { min-width: 100% !important; width: 100% !important; }
        .m-wrp { flex-wrap: wrap !important; }

        .mwc   { max-width: calc(100% - 2rem); column-gap: 1rem; }
        .mgap  { column-gap: 1rem; }

        .m-co-04 { width: var(--m-co-04);  }
        .m-co-03 { width: var(--m-co-03);  }
        .m-co-02 { width: var(--m-co-02);  }
        .m-co-01 { width: var(--m-co-01);  }
    /**/

    /* Typography */
        .m-fcent     { text-align: center; }
        .m-fleft     { text-align: left; }
        .m-fright    { text-align: right; }
        .m-fjustify  { text-align: justify; }

        .hero    { font-size: 2.9rem; line-height: 110%; font-weight: 700; }

        .ttl-1 { font-size: 2.2rem; line-height: 110%; font-weight: 400; }
        .ttl-2 { font-size: 1.6rem; line-height: 110%; font-weight: 400; }
        .ttl-3 { font-size: 1.2rem; line-height: 110%; font-weight: 400; }
        .ttl-4 { font-size: 0.9rem; line-height: 110%; font-weight: 400; }
        .ttl-5 { font-size: 0.8rem; line-height: 110%; font-weight: 400; }
        
        .tx-lrg { font-family: Commissioner; font-size: 0.9rem; line-height: 150%; font-weight: 400; }
        .tx-reg { font-family: Commissioner; font-size: 0.8rem; line-height: 150%; font-weight: 400; }
        .tx-sml { font-family: Commissioner; font-size: 0.7rem; line-height: 175%; font-weight: 400; }
        .tx-tny { font-family: Commissioner; font-size: 0.6rem; line-height: 200%; font-weight: 400; }
        .tx-tny-m { font-family: Commissioner; font-size: 0.5rem; line-height: 200%; font-weight: 400; }

        .tx-btn { font-family: Arkship; font-size: 0.8rem; line-height: 24px; font-weight: 400; }
        .tx-nav { font-family: Arkship; font-size: 0.7rem; line-height: 24px; font-weight: 400; }
        .tx-nav-sml { font-family: Arkship; font-size: 0.6rem; line-height: 24px; font-weight: 400; }
    /**/

    /* Spacing */
        .m-ml-0 { margin-left: var(--spc-0) !important; } .m-mr-0 { margin-right: var(--spc-0) !important; } .m-mt-0 { margin-top: var(--spc-0) !important; } .m-mb-0 { margin-bottom: var(--spc-0) !important; } 
        .m-ml-1 { margin-left: var(--spc-1) !important; } .m-mr-1 { margin-right: var(--spc-1) !important; } .m-mt-1 { margin-top: var(--spc-1) !important; } .m-mb-1 { margin-bottom: var(--spc-1) !important; } 
        .m-ml-2 { margin-left: var(--spc-2) !important; } .m-mr-2 { margin-right: var(--spc-2) !important; } .m-mt-2 { margin-top: var(--spc-2) !important; } .m-mb-2 { margin-bottom: var(--spc-2) !important; } 
        .m-ml-3 { margin-left: var(--spc-3) !important; } .m-mr-3 { margin-right: var(--spc-3) !important; } .m-mt-3 { margin-top: var(--spc-3) !important; } .m-mb-3 { margin-bottom: var(--spc-3) !important; } 
        .m-ml-4 { margin-left: var(--spc-4) !important; } .m-mr-4 { margin-right: var(--spc-4) !important; } .m-mt-4 { margin-top: var(--spc-4) !important; } .m-mb-4 { margin-bottom: var(--spc-4) !important; } 
        .m-ml-5 { margin-left: var(--spc-5) !important; } .m-mr-5 { margin-right: var(--spc-5) !important; } .m-mt-5 { margin-top: var(--spc-5) !important; } .m-mb-5 { margin-bottom: var(--spc-5) !important; } 
        .m-ml-6 { margin-left: var(--spc-6) !important; } .m-mr-6 { margin-right: var(--spc-6) !important; } .m-mt-6 { margin-top: var(--spc-6) !important; } .m-mb-6 { margin-bottom: var(--spc-6) !important; } 
        .m-ml-7 { margin-left: var(--spc-7) !important; } .m-mr-7 { margin-right: var(--spc-7) !important; } .m-mt-7 { margin-top: var(--spc-7) !important; } .m-mb-7 { margin-bottom: var(--spc-7) !important; } 
        .m-ml-8 { margin-left: var(--spc-8) !important; } .m-mr-8 { margin-right: var(--spc-8) !important; } .m-mt-8 { margin-top: var(--spc-8) !important; } .m-mb-8 { margin-bottom: var(--spc-8) !important; } 
        .m-ml-9 { margin-left: var(--spc-9) !important; } .m-mr-9 { margin-right: var(--spc-9) !important; } .m-mt-9 { margin-top: var(--spc-9) !important; } .m-mb-9 { margin-bottom: var(--spc-9) !important; } 

        .m-mh-0 { margin-left: var(--spc-0) !important; margin-right: var(--spc-0) !important; } .m-mv-0 { margin-top: var(--spc-0) !important; margin-bottom: var(--spc-0) !important; } .m-m-0 { margin: var(--spc-0) !important; }
        .m-mh-1 { margin-left: var(--spc-1) !important; margin-right: var(--spc-1) !important; } .m-mv-1 { margin-top: var(--spc-1) !important; margin-bottom: var(--spc-1) !important; } .m-m-1 { margin: var(--spc-1) !important; }
        .m-mh-2 { margin-left: var(--spc-2) !important; margin-right: var(--spc-2) !important; } .m-mv-2 { margin-top: var(--spc-2) !important; margin-bottom: var(--spc-2) !important; } .m-m-2 { margin: var(--spc-2) !important; }
        .m-mh-3 { margin-left: var(--spc-3) !important; margin-right: var(--spc-3) !important; } .m-mv-3 { margin-top: var(--spc-3) !important; margin-bottom: var(--spc-3) !important; } .m-m-3 { margin: var(--spc-3) !important; }
        .m-mh-4 { margin-left: var(--spc-4) !important; margin-right: var(--spc-4) !important; } .m-mv-4 { margin-top: var(--spc-4) !important; margin-bottom: var(--spc-4) !important; } .m-m-4 { margin: var(--spc-4) !important; }
        .m-mh-5 { margin-left: var(--spc-5) !important; margin-right: var(--spc-5) !important; } .m-mv-5 { margin-top: var(--spc-5) !important; margin-bottom: var(--spc-5) !important; } .m-m-5 { margin: var(--spc-5) !important; }
        .m-mh-6 { margin-left: var(--spc-6) !important; margin-right: var(--spc-6) !important; } .m-mv-6 { margin-top: var(--spc-6) !important; margin-bottom: var(--spc-6) !important; } .m-m-6 { margin: var(--spc-6) !important; }
        .m-mh-7 { margin-left: var(--spc-7) !important; margin-right: var(--spc-7) !important; } .m-mv-7 { margin-top: var(--spc-7) !important; margin-bottom: var(--spc-7) !important; } .m-m-7 { margin: var(--spc-7) !important; }
        .m-mh-8 { margin-left: var(--spc-8) !important; margin-right: var(--spc-8) !important; } .m-mv-8 { margin-top: var(--spc-8) !important; margin-bottom: var(--spc-8) !important; } .m-m-8 { margin: var(--spc-8) !important; }
        .m-mh-9 { margin-left: var(--spc-9) !important; margin-right: var(--spc-9) !important; } .m-mv-9 { margin-top: var(--spc-9) !important; margin-bottom: var(--spc-9) !important; } .m-m-9 { margin: var(--spc-9) !important; }

        .m-pl-0 { padding-left: var(--spc-0) !important; } .m-pr-0 { padding-right: var(--spc-0) !important; } .m-pt-0 { padding-top: var(--spc-0) !important; } .m-pb-0 { padding-bottom: var(--spc-0) !important; } 
        .m-pl-1 { padding-left: var(--spc-1) !important; } .m-pr-1 { padding-right: var(--spc-1) !important; } .m-pt-1 { padding-top: var(--spc-1) !important; } .m-pb-1 { padding-bottom: var(--spc-1) !important; } 
        .m-pl-2 { padding-left: var(--spc-2) !important; } .m-pr-2 { padding-right: var(--spc-2) !important; } .m-pt-2 { padding-top: var(--spc-2) !important; } .m-pb-2 { padding-bottom: var(--spc-2) !important; } 
        .m-pl-3 { padding-left: var(--spc-3) !important; } .m-pr-3 { padding-right: var(--spc-3) !important; } .m-pt-3 { padding-top: var(--spc-3) !important; } .m-pb-3 { padding-bottom: var(--spc-3) !important; } 
        .m-pl-4 { padding-left: var(--spc-4) !important; } .m-pr-4 { padding-right: var(--spc-4) !important; } .m-pt-4 { padding-top: var(--spc-4) !important; } .m-pb-4 { padding-bottom: var(--spc-4) !important; } 
        .m-pl-5 { padding-left: var(--spc-5) !important; } .m-pr-5 { padding-right: var(--spc-5) !important; } .m-pt-5 { padding-top: var(--spc-5) !important; } .m-pb-5 { padding-bottom: var(--spc-5) !important; } 
        .m-pl-6 { padding-left: var(--spc-6) !important; } .m-pr-6 { padding-right: var(--spc-6) !important; } .m-pt-6 { padding-top: var(--spc-6) !important; } .m-pb-6 { padding-bottom: var(--spc-6) !important; } 
        .m-pl-7 { padding-left: var(--spc-7) !important; } .m-pr-7 { padding-right: var(--spc-7) !important; } .m-pt-7 { padding-top: var(--spc-7) !important; } .m-pb-7 { padding-bottom: var(--spc-7) !important; } 
        .m-pl-8 { padding-left: var(--spc-8) !important; } .m-pr-8 { padding-right: var(--spc-8) !important; } .m-pt-8 { padding-top: var(--spc-8) !important; } .m-pb-8 { padding-bottom: var(--spc-8) !important; } 
        .m-pl-9 { padding-left: var(--spc-9) !important; } .m-pr-9 { padding-right: var(--spc-9) !important; } .m-pt-9 { padding-top: var(--spc-9) !important; } .m-pb-9 { padding-bottom: var(--spc-9) !important; } 

        .m-ph-0 { padding-left: var(--spc-0) !important; padding-right: var(--spc-0) !important; } .m-pv-0 { padding-top: var(--spc-0) !important; padding-bottom: var(--spc-0) !important; } .m-p-0 { padding: var(--spc-0) !important; }
        .m-ph-1 { padding-left: var(--spc-1) !important; padding-right: var(--spc-1) !important; } .m-pv-1 { padding-top: var(--spc-1) !important; padding-bottom: var(--spc-1) !important; } .m-p-1 { padding: var(--spc-1) !important; }
        .m-ph-2 { padding-left: var(--spc-2) !important; padding-right: var(--spc-2) !important; } .m-pv-2 { padding-top: var(--spc-2) !important; padding-bottom: var(--spc-2) !important; } .m-p-2 { padding: var(--spc-2) !important; }
        .m-ph-3 { padding-left: var(--spc-3) !important; padding-right: var(--spc-3) !important; } .m-pv-3 { padding-top: var(--spc-3) !important; padding-bottom: var(--spc-3) !important; } .m-p-3 { padding: var(--spc-3) !important; }
        .m-ph-4 { padding-left: var(--spc-4) !important; padding-right: var(--spc-4) !important; } .m-pv-4 { padding-top: var(--spc-4) !important; padding-bottom: var(--spc-4) !important; } .m-p-4 { var(--spc-4) !important; }
        .m-ph-5 { padding-left: var(--spc-5) !important; padding-right: var(--spc-5) !important; } .m-pv-5 { padding-top: var(--spc-5) !important; padding-bottom: var(--spc-5) !important; } .m-p-5 { padding: var(--spc-5) !important; }
        .m-ph-6 { padding-left: var(--spc-6) !important; padding-right: var(--spc-6) !important; } .m-pv-6 { padding-top: var(--spc-6) !important; padding-bottom: var(--spc-6) !important; } .m-p-6 { padding: var(--spc-6) !important; }
        .m-ph-7 { padding-left: var(--spc-7) !important; padding-right: var(--spc-7) !important; } .m-pv-7 { padding-top: var(--spc-7) !important; padding-bottom: var(--spc-7) !important; } .m-p-7 { padding: var(--spc-7) !important; }
        .m-ph-8 { padding-left: var(--spc-8) !important; padding-right: var(--spc-8) !important; } .m-pv-8 { padding-top: var(--spc-8) !important; padding-bottom: var(--spc-8) !important; } .m-p-8 { padding: var(--spc-8) !important; }
        .m-ph-9 { padding-left: var(--spc-9) !important; padding-right: var(--spc-9) !important; } .m-pv-9 { padding-top: var(--spc-9) !important; padding-bottom: var(--spc-9) !important; } .m-p-9 { padding: var(--spc-9) !important; }

        .m-gv-0 { row-gap: var(--spc-0) !important; } .m-gh-0 { column-gap: var(--spc-0) !important; } .m-g-0 { gap: var(--spc-0) !important; }
        .m-gv-1 { row-gap: var(--spc-1) !important; } .m-gh-1 { column-gap: var(--spc-1) !important; } .m-g-1 { gap: var(--spc-1) !important; }
        .m-gv-2 { row-gap: var(--spc-2) !important; } .m-gh-2 { column-gap: var(--spc-2) !important; } .m-g-2 { gap: var(--spc-2) !important; }
        .m-gv-3 { row-gap: var(--spc-3) !important; } .m-gh-3 { column-gap: var(--spc-3) !important; } .m-g-3 { gap: var(--spc-3) !important; }
        .m-gv-4 { row-gap: var(--spc-4) !important; } .m-gh-4 { column-gap: var(--spc-4) !important; } .m-g-4 { gap: var(--spc-4) !important; }
        .m-gv-5 { row-gap: var(--spc-5) !important; } .m-gh-5 { column-gap: var(--spc-5) !important; } .m-g-5 { gap: var(--spc-5) !important; }
        .m-gv-6 { row-gap: var(--spc-6) !important; } .m-gh-6 { column-gap: var(--spc-6) !important; } .m-g-6 { gap: var(--spc-6) !important; }
        .m-gv-7 { row-gap: var(--spc-7) !important; } .m-gh-7 { column-gap: var(--spc-7) !important; } .m-g-7 { gap: var(--spc-7) !important; }
        .m-gv-8 { row-gap: var(--spc-8) !important; } .m-gh-8 { column-gap: var(--spc-8) !important; } .m-g-8 { gap: var(--spc-8) !important; }
        .m-gv-9 { row-gap: var(--spc-9) !important; } .m-gh-9 { column-gap: var(--spc-9) !important; } .m-g-9 { gap: var(--spc-9) !important; }
    
        .m-fullscreen-p    { padding: var(--fullscreen-padding); }
        .m-fullscreen-pv   { padding: var(--fullscreen-padding) 0; }
        .m-fullscreen-ph   { padding: 0 var(--fullscreen-padding); }
        .m-fullscreen-pt   { padding-top: var(--fullscreen-padding) 0; }
        .m-fullscreen-pr   { padding-right: var(--fullscreen-padding) 0; }
        .m-fullscreen-pb   { padding-bottom: var(--fullscreen-padding) 0; }
        .m-fullscreen-pl   { padding-left: var(--fullscreen-padding) 0; }
    /**/

    /* bundleNavigation */
        .bundleNavGrid > div > div:last-child { display:none; }

        .bundleNavAll { padding-right: 1rem; padding-left: 1rem; width: 75px !important; text-align: center; }
        .bundleNavAll span { padding-bottom: 0.50rem; }

        .bundleNavigation img { display: none; }
        .bundleNavigation a   { justify-content: center !important; height: 8rem !important; }
        .bundleNavNext span { text-align: right; }
    /**/

    /* mainFoot */
        .footBar   { height: auto !important; padding: 1rem 0 !important; }
        .footTexts { order: 2; width: 100%; justify-content: center; }
        .footLogo  { width: var(--spc-7) !important; }
    /**/

    /* myLoots */
        .lootsFilter { height: 100vh; position: fixed; top: 0; left: -100%; z-index: 100; padding: 1rem; transition: left 0.3s; overflow-y: scroll; }
        .lootsFilter.openDraw { left: 0%; transition: left 0.3s; }

        .lootsDisplay .listingItem { width: calc(50% - (1rem/2)) !important; }

        .lootsFilterCont { min-height: 100%; overflow-y: scroll; }
        .lootsFilterContainer { position: relative; height: 100%; }
        .lootsFilterContainer .ctaMain { bottom: 0; position: absolute; }
    /**/

    /* objectExplorer */
        .objectExplorer { gap: 1rem; min-height: unset !important; }
        .objectExplorerActual { height: auto !important; }
        .explorerViewer { height: 25rem; margin: var(--spc-4) 0; }
        .explorerGroups { height: auto; }

        .groupsRow { overflow-x: scroll; }
        .groupItem { width: fit-content; white-space: nowrap; }
        .groupItem .compCheckChip { flex-wrap: nowrap; }
        .groupItem .compCheckChip[active="true"] > .compCheckChipIcon { width: auto; }
        .groupsItem img { aspect-ratio: 1 / 1; }

        .downloadDraw { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 100; padding: 1rem; transition: left 0.3s; }
        .downloadDraw.openDraw { left: 0%; transition: left 0.3s; }
        .downloadDraw, .downloadDraw > div { gap: 1rem; margin: 0; }

        #downloadButtonWrap { position: absolute; bottom: 1rem; }
    /**/

    /* loreSection */
        .loreSection 
        { 
            background-size: 100% !important; 
            background-position-y: top !important; 
            background-color: #141414 !important; 
            position: relative; 
        }
        .loreSection::after 
        { 
            content: ""; width: 100%; aspect-ratio: 16 / 9;
            position: absolute; left: 0; top: 0; z-index: 1;
            box-shadow: 0px -50px 50px #141414 inset;
        }
        .loreSection > div { position: relative; z-index: 2; }
        .loreSection svg { width: 1.5rem; }
    /**/

    /* cartDrawer */
        .cartDrawer.active { right: 0%; }
        .cartDrawer { width: 100%; right: -100%; }
    /**/
}