.SellCotent_wrapper___sO2l {
    height: calc(100% - 16px);
    padding: 0 16px
}

@media(max-width: 1023px) {
    .SellCotent_wrapper___sO2l {
        padding:0
    }
}

.SellCotent_content__1hPyR {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%
}

.SellCotent_title__25c8v {
    width: 100%;
    padding: 16px 16px 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.SellCotent_left_side__2P-J9 {
    flex-grow: 1;
    margin-right: 2px
}

.SellCotent_left_side__2P-J9,.SellCotent_right_side__3r_Qo {
    background: var(--color-graybase-600);
    border-radius: 4px
}

.SellCotent_right_side__3r_Qo {
    position: relative;
    min-width: 47%;
    max-width: 850px
}

.SellCotent_wrapper_sell__2bFQp {
    height: calc(100% - 26px);
    padding-right: 16px
}

@media(max-width: 1023px) {
    .SellCotent_wrapper_sell__2bFQp {
        padding:0
    }
}

.SellCotent_full_height__JmyK1,.SellCotent_main__2EUpT {
    height: 100%
}

.SellCotent_main__2EUpT {
    position: relative;
    display: grid;
    flex: 1;
    grid-template-rows: 100%;
    grid-template-columns: 80px 1fr
}

.SiteMode_modal_header__pMNlk {
    padding-bottom: 0
}

@media(max-width: 800px) {
    .SiteMode_header_title__3ION4 {
        font-size:18px
    }
}

.SiteMode_content__2dM1S {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 36px;
    width: fit-content;
    margin: auto;
    text-align: center
}

@media(max-width: 800px) {
    .SiteMode_content__2dM1S {
        gap:20px;
        width: 100%;
        padding: 0 16px 16px
    }
}

@media(max-width: 1023px) {
    .SiteMode_sell_title__3fTrh {
        margin-top:12px
    }
}

.SiteMode_container__2gSuo {
    display: flex;
    gap: 16px;
    width: 708px
}

@media(max-width: 800px) {
    .SiteMode_container__2gSuo {
        flex-wrap:wrap;
        width: 100%
    }
}

.SiteMode_mode__15gMK {
    box-sizing: border-box;
    width: 50%;
    height: fit-content;
    padding: 24px;
    text-align: center;
    white-space: pre-line;
    background: var(--color-graybase-600);
    border-radius: 8px;
    animation: SiteMode_fadein__37eO1 1s
}

@media(max-width: 800px) {
    .SiteMode_mode__15gMK {
        width:100%
    }
}

.SiteMode_icon__16AIZ {
    width: 160px;
    height: 160px;
    margin-bottom: 20px
}

.SiteMode_description__1mXhB {
    margin-top: 8px;
    margin-bottom: 36px;
    color: var(--color-graybase-100)
}

.SiteMode_button__H_Jdh button {
    height: 48px;
    padding: 0
}

.SiteMode_button__H_Jdh span {
    font-size: 17px;
    text-transform: none;
    letter-spacing: -.255px
}

@keyframes SiteMode_fadein__37eO1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.SiteModeModal_modal_header__62WdH {
    padding-bottom: 0
}

@media(max-width: 800px) {
    .SiteModeModal_header_title__2Y1wb {
        font-size:18px
    }
}

.SiteModeModal_container__tKW8v {
    display: flex;
    gap: 16px
}

@media(max-width: 800px) {
    .SiteModeModal_container__tKW8v {
        flex-wrap:wrap
    }
}

.SiteModeModal_mode__2F-1B {
    width: 50%;
    padding: 24px;
    text-align: center;
    white-space: pre-line;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular);
    animation: SiteModeModal_fadein__1qqFH 1s
}

@media(max-width: 800px) {
    .SiteModeModal_mode__2F-1B {
        width:100%
    }
}

.SiteModeModal_icon__71RXY {
    width: 160px;
    height: 160px;
    margin-bottom: 20px
}

.SiteModeModal_description__2N_qg {
    margin-top: 8px;
    margin-bottom: 36px;
    color: var(--color-graybase-100)
}

.SiteModeModal_button__2auOY button {
    height: 48px;
    padding: 0
}

.SiteModeModal_button__2auOY span {
    font-size: 17px;
    text-transform: none;
    letter-spacing: -.255px
}

@keyframes SiteModeModal_fadein__1qqFH {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.styles_wrapper__GJO07 {
    height: calc(100% - 16px);
    padding: 0 16px
}

@media(max-width: 1023px) {
    .styles_wrapper__GJO07 {
        padding:0
    }
}

.styles_content__23TGe {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%
}

.styles_title__1Xxa3 {
    width: 100%;
    padding: 16px 16px 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.styles_left_side__271om {
    flex-grow: 1;
    margin-right: 2px
}

.styles_left_side__271om,.styles_right_side__3ItZ1 {
    background: var(--color-graybase-600);
    border-radius: 4px
}

.styles_right_side__3ItZ1 {
    position: relative;
    min-width: 47%;
    max-width: 850px
}

.styles_wrapper_sell__10JaS {
    height: calc(100% - 26px);
    padding-right: 16px
}

@media(max-width: 1023px) {
    .styles_wrapper_sell__10JaS {
        padding:0
    }
}

.styles_full_height__2hzU2 {
    height: 100%
}

.styles_title_sell__3iXCi {
    width: 100%;
    padding: 8px 16px 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.styles_main__ymwsP {
    position: relative;
    display: grid;
    flex: 1;
    grid-template-rows: 100%;
    grid-template-columns: 80px 1fr;
    height: 100%
}