/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/modules/goodz/styles/goodz-detail.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.goodz-detail_ownerBar__RRXvI {
    position: relative;
    width: 100%;
    height: 2.4rem;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    border-bottom-left-radius: 0.32rem;
    border-bottom-right-radius: 0.32rem;
    background: linear-gradient(90deg, rgba(0, 128, 183, 0.1) 0%, rgba(0, 128, 183, 0.4) 100%);
}

.goodz-detail_ownerBar__RRXvI::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/png/goods-detail-container-bot-back.png") 100% no-repeat;
    background-size: 100% 100%;
    opacity: 0.1;
    pointer-events: none;
}

.goodz-detail_ownerAvatar__8Xx38 {
    width: 1.1733rem;
    height: 1.1733rem;
    flex-shrink: 0;
    margin-left: 0.9866rem;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    z-index: 2;
}

.goodz-detail_ownerText__nqO6h {
    min-width: 0;
    flex: 1;
    margin-left: 0.5333rem;
    font-family: GoodzFont-NotoSansSC-SemiBold;
    color: #9E9D9D;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 2;
}

@media (max-width: 1200px) {
    .goodz-detail_ownerText__nqO6h {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

.goodz-detail_ownerName__crTPy {
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
}

.goodz-detail_ownerIconFrame__Dsdfs {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image: url("/png/detail-user-back.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.goodz-detail_ownerIcon__SiC5o {
    position: absolute;
    right: 1.2533rem;
    top: 0.77333rem;
    width: 0.8rem;
    height: 0.8rem;
    object-fit: contain;
}

.goodz-detail_responsiveBodyText__uxSXX {
    font-family: var(--goodz-font-body);
    font-size: var(--goodz-text-27px);
}

.goodz-detail_responsiveNumberText__xoo2b {
    font-family: var(--goodz-font-number);
    font-size: var(--goodz-text-32px);
    line-height: 1;
}

.goodz-detail_collectionText__SaK51 {
    width: 21.68rem;
    margin: 0.0534rem 0 0.666rem 0.1066rem;
    color: #D2D0CF;
    display: flex;
    flex-direction: row;
    align-items: start;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
    box-sizing: border-box;
}

.goodz-detail_sectionTitle__Qq2TY {
    width: 100%;
    border-radius: 0.4266rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(213, 252, 255, 0.08);
    margin-bottom: 0.7466rem;
}

.goodz-detail_sectionTitleText__XileV {
    margin-top: 0.7466rem;
    margin-left: 0.666rem;
    margin-bottom: 0.666rem;
    line-height: 1;
    color: rgb(255, 255, 255, 1);
}

.goodz-detail_sectionUpIcon__gXJV3 {
    width: 0.507rem;
    height: 0.267rem;
    margin-right: 0.614rem;
}

.goodz-detail_sectionDownIcon__T8ixR {
    transform: rotate(180deg);
    width: 0.507rem;
    height: 0.267rem;
    margin-right: 0.614rem;
}

@media (max-width: 1200px) {
    .goodz-detail_responsiveBodyText__uxSXX {
        font-size: var(--goodz-text-27px);
    }

    .goodz-detail_responsiveNumberText__xoo2b {
        font-size: var(--goodz-text-32px);
    }

    .goodz-detail_collectionText__SaK51 {
        width: 100% !important;
        word-break: break-word !important;
    }
    .goodz-detail_sectionTitle__Qq2TY {
        width: 100% !important;
    }
}

.goodz-detail_artworkContainer__b5Qcv {
    overflow: hidden;
    width: 100%;
    height: 24.986rem;
    border-radius: 0.48rem;
    background-image: url("/png/bg_top02.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goodz-detail_artworkDefault__cxZvk {
    transform: scale(0.60);
}

.goodz-detail_artworkBatchiFrame__39SD5 {
    width: 13.6rem;
    height: 13.6rem;
    border-radius: 50%;
    position: relative;
}

.goodz-detail_artworkBatchiImg__7HU38,
.goodz-detail_artworkBatchiBack__CFHhi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    object-fit: contain;
}

.goodz-detail_artworkBatchiBack__CFHhi {
    z-index: 1;
    transform: translate(-50%, -50%) scale(1.31);
    width: 100%;
}

.goodz-detail_artworkBatchiImg__7HU38 {
    z-index: 2;
    transform: translate(-50%, -50%) scale(1.0);
}

.goodz-detail_artworkAcrylic__xmxm6 {
    transform: scale(0.84);
}

.goodz-detail_instantFilm__w446B {
    transform: scale(0.5);
}

.goodz-detail_artworkRarityIcon__NdgH9 {
    position: absolute;
    bottom: 0.72rem;
    height: 1.2rem;
}

@media (max-width: 1200px) {
    .goodz-detail_artworkContainer__b5Qcv {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        max-height: 70vw !important;
    }
    .goodz-detail_artworkDefault__cxZvk {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }
    .goodz-detail_artworkBatchiFrame__39SD5 {
        width: 80% !important;
        max-width: 12rem !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }
    .goodz-detail_artworkBatchiBack__CFHhi,
    .goodz-detail_artworkBatchiImg__7HU38 {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }
    .goodz-detail_artworkAcrylic__xmxm6 {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }
    .goodz-detail_instantFilm__w446B {
        transform: scale(0.35) !important;
    }
}

@media (max-width: 480px) {
    .goodz-detail_artworkBatchiFrame__39SD5 {
        width: 8rem !important;
        height: 8rem !important;
    }
    .goodz-detail_instantFilm__w446B {
        transform: scale(0.3) !important;
    }
}

.goodz-detail_rowsFrameFirst__OV4Y3 {
    width: 21.68rem;
    height: 1.44rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-top: 0.0534rem;
}

.goodz-detail_rowsFrame__zOEcf {
    width: 21.68rem;
    height: 1.44rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-top: 0.666rem;
}

.goodz-detail_rowsFrame__zOEcf:last-child {
    margin-bottom: 0.6133rem;
}

.goodz-detail_rowsFrameTop__uo5W7 {
    height: 0.72rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: auto;
    position: relative;
}

.goodz-detail_rowsFrameLine__Y5MpO {
    width: 100%;
    height: 0.05333rem;
    margin-bottom: 0;
    margin-top: 0.666rem;
    background: #FFFFFF;
    opacity: 0.14;
}

.goodz-detail_rowsFrameTopText__f0K9H {
    height: 100%;
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #E2E1E0;
}

.goodz-detail_rowsFrameTopRightText__XAhGY {
    position: absolute;
    right: 0;
    top: -0.08rem;
    bottom: -0.08rem;
    height: 0.56rem;
    font-weight: 600;
    color: #E2E1E0;
}

@media (max-width: 1200px) {
    .goodz-detail_rowsFrameFirst__OV4Y3,
    .goodz-detail_rowsFrame__zOEcf {
        width: 100% !important;
        height: auto !important;
        min-height: 1.44rem !important;
    }
    .goodz-detail_rowsFrameTop__uo5W7 {
        width: 100% !important;
        height: auto !important;
        min-height: 0.72rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
    }
    .goodz-detail_rowsFrameTopText__f0K9H {
        position: static !important;
        left: auto !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        text-align: left !important;
    }
    .goodz-detail_rowsFrameTopRightText__XAhGY {
        position: static !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-left: auto !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        text-align: right !important;
    }
    .goodz-detail_rowsFrameLine__Y5MpO {
        width: 100% !important;
    }
}

.goodz-detail_summaryContainer__cpGXP {
    width: 100%;
    height: 4.9066rem;
    border-top-left-radius: 0.32rem;
    border-top-right-radius: 0.32rem;
    background: #0A0C0F;
    position: relative;
    display: flex;
}

.goodz-detail_summaryLeft__2IHsq {
    width: 15.8933em;
    height: 2.9866rem;
    margin: 0.9333rem auto 0.9866rem 1.0133rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2933rem;
}

.goodz-detail_summaryBlock1__Nd6AY {
    width: auto;
    height: 0.6933rem;
    font-size: 0.6933rem;
    font-family: GoodzFont-NotoSansSC-SemiBold;
    color: #D2D0CF;
    line-height: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.goodz-detail_summaryBlock2__aUVJr {
    width: auto;
    height: 1.04rem;
    font-size: 0.96rem;
    font-family: GoodzFont-NotoSansSC-SemiBold;
    color: #ffffff;
    line-height: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.goodz-detail_summaryRight__1Xn_X {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.7866rem;
    height: 4.16rem;
    margin: 0.24rem 0 0.5066rem auto;
    background: none;
    position: relative;
}

.goodz-detail_summaryRightImg__J6JMs,
.goodz-detail_summaryRightCenter__ULyh1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.goodz-detail_summaryRightImg__J6JMs {
    width: 100%;
    height: 100%;
}

.goodz-detail_summaryRightCenter__ULyh1 {
    width: 2.7466rem;
    height: 3.2533rem;
    background-image: url("/png/detail-title-back.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    opacity: 0.4;
    z-index: 102;
}

@media (max-width: 1200px) {
    .goodz-detail_summaryContainer__cpGXP {
        width: 100% !important;
        height: auto !important;
        min-height: 2.5rem !important;
        flex-wrap: nowrap !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    .goodz-detail_summaryLeft__2IHsq {
        width: auto !important;
        flex: 1 !important;
        height: auto !important;
        margin: 0.3rem !important;
    }
    .goodz-detail_summaryRight__1Xn_X {
        width: 5rem !important;
        min-width: 5rem !important;
        height: 3.5rem !important;
        flex-shrink: 0 !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .goodz-detail_summaryRightImg__J6JMs {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    .goodz-detail_summaryRightCenter__ULyh1 {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 2.2rem !important;
        height: 2.6rem !important;
    }
}

.goodz-detail_marketTitle__3ihI1 {
    width: 100%;
    height: 0.8266rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 0.426rem;
    margin-top: 0.56rem;
    margin-bottom: 1.0666rem;
}

.goodz-detail_marketTitleLeft__FUD6_ {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.goodz-detail_marketTitleIcon__3jcx3 {
    width: 0.64rem;
    height: 0.7466rem;
    opacity: 0.8;
    margin-right: 0.56rem;
    margin-top: 0.05333rem;
    margin-bottom: 0.0266rem;
}

.goodz-detail_marketTitleText__QrmcP {
    height: 0.8533rem;
    font-weight: 600;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.goodz-detail_marketRight__9jcdK {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: relative;
}

.goodz-detail_marketRightLeft__ukqRJ {
    position: absolute;
    right: 01.28rem;
    margin: 0.08rem 0.4rem 0.08rem auto;
    height: 0.88rem;
    max-width: calc(100% - 0.4rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.goodz-detail_marketRightLeftText__6R6nS {
    margin-top: 0;
    height: 0.666rem;
    font-weight: 600;
    color: #575757;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.goodz-detail_marketRightLeftText__6R6nS:hover {
    color: white;
}

.goodz-detail_marketRightLeftLine__UbckA {
    margin-bottom: 0;
    width: 100%;
    height: 0.0533rem;
    background: #303030;
}

.goodz-detail_marketRightIcon__LuwlK {
    height: 0.88rem;
    width: 0.88rem;
    margin-bottom: 0.08rem;
    margin-top: 0.08rem;
    margin-left: 0.4rem;
    position: absolute;
    right: 0.4rem;
}

@media (max-width: 1200px) {
    .goodz-detail_marketTitle__3ihI1 {
        width: 100% !important;
        height: auto !important;
        min-height: 0.8266rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .goodz-detail_marketTitleLeft__FUD6_ {
        flex-shrink: 0 !important;
        width: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    .goodz-detail_marketRight__9jcdK {
        width: auto !important;
        flex-shrink: 0 !important;
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    .goodz-detail_marketRightLeft__ukqRJ {
        position: relative !important;
        right: auto !important;
        margin: 0 !important;
        height: auto !important;
        white-space: nowrap !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    .goodz-detail_marketRightLeftText__6R6nS {
        white-space: nowrap !important;
        height: auto !important;
    }
    .goodz-detail_marketRightLeftLine__UbckA {
        display: none !important;
    }
    .goodz-detail_marketRightIcon__LuwlK {
        position: relative !important;
        right: auto !important;
        margin-left: 0.2rem !important;
        flex-shrink: 0 !important;
    }
}

.goodz-detail_priceBlock__CJhIB {
    margin: 0.0533rem 0 0.8533rem 0;
    width: 100%;
    height: 2.4rem;
    display: flex;
    flex-direction: row;
}

.goodz-detail_priceBlockLeft__Bx3Ft {
    width: 9.5733rem;
    height: 100%;
    border-radius: 0.4266rem;
    border: 0.0533rem solid rgba(226, 225, 224, 0.14);
}

.goodz-detail_priceBlockLeftText__VF5nw {
    max-width: 8.346rem;
    width: 8.346rem;
    height: 1.12rem;
    line-height: 1;
    margin: 0.64rem auto 0.6933rem 0.666rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.goodz-detail_priceBlockRight__wWSce {
    margin: 0.18666rem auto auto 0.64rem;
    width: 7.0933rem;
    height: 2.0267rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.goodz-detail_priceBlockRightTitle__jjzAX {
    width: 100%;
    height: 1.12rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1;
}

.goodz-detail_priceBlockRightNumber__ipbOk {
    width: 100%;
    height: 0.7733rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.goodz-detail_priceBlockRightNumberLeft__BxgnL {
    color: #28B9FF;
    width: 3.54665rem;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
}

.goodz-detail_priceBlockRightNumberRight__UjSjR {
    color: #918D7A;
    font-family: GoodzFont-Rajdhani-SemiBold;
    font-size: 0.96rem;
    width: 3.54665rem;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
}

@media (max-width: 1200px) {
    .goodz-detail_priceBlock__CJhIB {
        flex-direction: column !important;
        height: auto !important;
        gap: 0.3rem !important;
        width: 100% !important;
    }
    .goodz-detail_priceBlockLeft__Bx3Ft {
        width: 100% !important;
    }
    .goodz-detail_priceBlockLeftText__VF5nw {
        width: auto !important;
        max-width: 100% !important;
    }
    .goodz-detail_priceBlockRight__wWSce {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

.goodz-detail_orderTextFrame__6XNIQ {
    width: 100%;
    height: 1.3867rem;
    margin-top: 0.0534rem;
    margin-left: 0.1066rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.64rem;
}

.goodz-detail_orderText__Vlxwr {
    color: #9D9D9D;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.goodz-detail_orderNum__2P2Ia {
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.goodz-detail_orderTable__1WoFr {
    width: 21.72rem;
    border: 0.1066rem solid rgba(192, 221, 241, 0.18);
    border-radius: 0.4266rem;
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
    overflow: hidden;
}

.goodz-detail_orderTableItemFrame__GHB7N {
    width: 20.426rem;
    height: 1.5733rem;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    gap: 0.2133rem;
    background-color: transparent;
}

.goodz-detail_orderTableItem__bV02q {
    width: 10.10635rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goodz-detail_orderTableItemFrame__GHB7N:first-child {
    font-weight: 600;
    color: #D2D0CF;
}

.goodz-detail_orderTableItemFrame__GHB7N:not(:first-child) {
    font-weight: 600;
    color: #FFFFFF;
}

.goodz-detail_orderTableItemFrame__GHB7N:nth-child(odd) .goodz-detail_orderTableItem__bV02q:first-child {
    background-color: rgba(192, 221, 241, 0.08);
}

.goodz-detail_orderTableItemFrame__GHB7N:nth-child(odd) .goodz-detail_orderTableItem__bV02q:last-child {
    background-color: rgba(192, 221, 241, 0.08);
}

.goodz-detail_orderBlankText__Od3pT {
    width: 100%;
    height: 0.8rem;
    color: #9D9D9D;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0.72rem;
    margin-bottom: 0.72rem;
}

.goodz-detail_orderSubmit__ktnnh {
    margin-top: 0.88rem;
    margin-bottom: 0.56rem;
    width: 21.68rem;
    height: 2.2133rem;
    background: linear-gradient(90deg, #008693 0%, #00718E 100%);
    border-radius: 1.0666rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #FFFFFF;
}

@media (max-width: 1200px) {
    .goodz-detail_orderTable__1WoFr {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .goodz-detail_orderTableItemFrame__GHB7N {
        width: 100% !important;
        padding: 0 0.5rem !important;
        box-sizing: border-box !important;
    }
    .goodz-detail_orderTableItem__bV02q {
        width: 50% !important;
        flex: 1 !important;
    }
    .goodz-detail_orderSubmit__ktnnh {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .goodz-detail_orderTextFrame__6XNIQ {
        width: 100% !important;
        flex-wrap: wrap !important;
    }
    .goodz-detail_orderBlankText__Od3pT {
        width: 100% !important;
    }
}

.goodz-detail_actionCardsFrame__gwUG3 {
    width: 21.72rem;
    height: 12rem;
    display: flex;
    flex-direction: column;
    gap: 0.6133rem;
}

.goodz-detail_actionCardBlock__m5SG0 {
    width: 100%;
    height: 3.3866rem;
    border: 0.1066rem solid rgba(192, 221, 241, 0.14);
    border-radius: 0.4266rem;
    padding-right: 0.72rem;
    padding-left: 0.72rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.goodz-detail_actionCardLeft__DK4LC {
    height: 1.76rem;
    display: flex;
    flex-direction: column;
    gap: 0.3733rem;
    align-items: start;
    justify-content: space-between;
}

.goodz-detail_actionCardLeftTop__9MYBb {
    height: 0.72rem;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.goodz-detail_actionCardLeftTopNum__Ckyuq {
    color: #FFF4BB;
}

.goodz-detail_actionCardLeftBot__WuCmN {
    height: 0.666rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.goodz-detail_actionCardRight__dxiD2 {
    width: 4.2666rem;
    height: 1.92rem;
    border-radius: 0.4266rem;
    color: #FFFFFF;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .goodz-detail_actionCardsFrame__gwUG3 {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 2rem !important;
    }
    .goodz-detail_actionCardBlock__m5SG0 {
        width: 100% !important;
        height: auto !important;
        min-height: 3rem !important;
        padding: 0.5rem !important;
    }
}

/* ===================== Page ===================== */

.goodz-detail_actionPage__TBv6z {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
}

.goodz-detail_actionOverlay__bATra {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(0.16rem);
    display: flex;
    justify-content: center;
    align-items: center;
}

.goodz-detail_detailBox__Y1zzV {
    position: relative;
    width: 48.88rem;
    height: 34.613rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    gap: 0.747rem;
}

.goodz-detail_detailContainer__HDVM6 {
    flex: 1;
    width: 46.133rem;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
    border: 0.053rem solid #2C3139;
    border-radius: 0.64rem;
    padding: 0.64rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 0.88rem;
    position: relative;
}

.goodz-detail_detailLeftContainer__WeiNK {
    width: 21.68rem;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.6133rem;
    overflow: hidden;
}

.goodz-detail_detailRightContainer__y1jaY {
    width: 21.68rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.goodz-detail_detailRightContainer__y1jaY::-webkit-scrollbar {
    display: none;
    width: 0;
}

.goodz-detail_detailRightBlank__3mmmG {
    margin: 0;
    width: 100%;
    height: 6rem !important;
    min-height: 6rem;
    flex-shrink: 0;
    background: transparent;
    position: relative;
}

.goodz-detail_detailBot__Pm7zc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.84rem;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.goodz-detail_detailBotInner__DMyi8 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
}

.goodz-detail_detailBotInner__DMyi8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/png/goods-detail-container-bot-back.png") no-repeat;
    background-size: 100% 100%;
    opacity: 0.1;
    pointer-events: none;
    z-index: -1;
}

.goodz-detail_detailBuyBtn__xIFXW {
    position: absolute;
    bottom: 0.8rem;
    right: 0.88rem;
    width: 21.84rem;
    height: 2.16rem;
    background: linear-gradient(40deg, #D7EDFF 0%, #E4F0FE 100%);
    border-radius: 1.0666rem;
    display: flex;
    flex-direction: row;
    opacity: 1;
}

.goodz-detail_detailBuyLeft__V2FAW {
    width: auto;
    height: 0.7466rem;
    margin: 0.72rem auto 0.6933rem 1.12rem;
    color: #151722;
    font-size: 0.7466rem;
    font-family: GoodzFont-NotoSansSC-SemiBold;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1;
}

.goodz-detail_detailBuyRight__luyr2 {
    width: auto;
    height: 0.8rem;
    margin: 0.7466rem 1.12rem 0.7733rem auto;
    font-size: 0.96rem;
    font-family: GoodzFont-Rajdhani-SemiBold;
    color: #0A0C0F;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1;
}

.goodz-detail_popupClose__Hko7z {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    opacity: 1;
    border-radius: 0.4266rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mobile */
@media (max-width: 768px) {
    .goodz-detail_actionPage__TBv6z {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .goodz-detail_actionOverlay__bATra {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 0 !important;
    }
    .goodz-detail_detailBox__Y1zzV {
        width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        max-width: 100vw !important;
        flex-direction: column !important;
        gap: 0 !important;
        border-radius: 0 !important;
        position: relative !important;
    }
    .goodz-detail_detailContainer__HDVM6 {
        width: 100% !important;
        height: 100% !important;
        max-height: 100vh !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 0 !important;
        padding: 0.5rem !important;
        padding-bottom: 6rem !important;
        border-radius: 0 !important;
        border: none !important;
    }
    .goodz-detail_detailContainer__HDVM6::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
    }
    .goodz-detail_detailLeftContainer__WeiNK {
        width: 100% !important;
        height: auto !important;
        flex-shrink: 0 !important;
        overflow: visible !important;
        order: 1 !important;
    }
    .goodz-detail_detailRightContainer__y1jaY {
        width: 100% !important;
        height: auto !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
        flex-shrink: 0 !important;
        order: 2 !important;
        padding: 0 !important;
        margin-top: 0.5rem !important;
    }
    .goodz-detail_detailRightBlank__3mmmG {
        height: 4rem !important;
        min-height: 4rem !important;
    }
    .goodz-detail_detailBot__Pm7zc {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        z-index: 9100 !important;
        background: transparent !important;
        border-radius: 0 !important;
        pointer-events: none !important;
    }
    .goodz-detail_detailBuyBtn__xIFXW {
        position: absolute !important;
        bottom: calc(0.6rem + env(safe-area-inset-bottom, 0.3rem)) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: calc(100% - 2rem) !important;
        max-width: 20rem !important;
        height: 2.4rem !important;
        margin: 0 !important;
        border-radius: 1.2rem !important;
        z-index: 9101 !important;
        pointer-events: auto !important;
        box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.4) !important;
    }
    .goodz-detail_detailBuyLeft__V2FAW {
        font-size: 0.7rem !important;
    }
    .goodz-detail_detailBuyRight__luyr2 {
        font-size: 0.8rem !important;
    }
    .goodz-detail_popupClose__Hko7z {
        position: fixed !important;
        top: 1rem !important;
        right: 1rem !important;
        backdrop-filter: blur(4px) !important;
        width: 1.6rem !important;
        height: 1.6rem !important;
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1200px) {
    .goodz-detail_actionPage__TBv6z {
        padding: 2rem !important;
    }
    .goodz-detail_detailBox__Y1zzV {
        width: 75vw !important;
        height: 80vh !important;
        max-height: 85vh !important;
        max-width: 75vw !important;
        flex-direction: column !important;
        gap: 0 !important;
        border-radius: 0 !important;
        position: relative !important;
    }
    .goodz-detail_detailContainer__HDVM6 {
        width: 100% !important;
        height: 100% !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 0 !important;
        padding: 0.5rem !important;
        padding-bottom: 6rem !important;
        border: none !important;
        position: static !important;
        min-height: 100% !important;
    }
    .goodz-detail_detailContainer__HDVM6::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
    }
    .goodz-detail_detailLeftContainer__WeiNK {
        width: 100% !important;
        height: auto !important;
        flex-shrink: 0 !important;
        overflow: visible !important;
        order: 1 !important;
    }
    .goodz-detail_detailRightContainer__y1jaY {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
        flex-shrink: 0 !important;
        order: 2 !important;
        padding: 0 !important;
        margin-top: 0.5rem !important;
    }
    .goodz-detail_detailRightBlank__3mmmG {
        height: 4rem !important;
        min-height: 4rem !important;
    }
    .goodz-detail_detailBot__Pm7zc {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 4rem !important;
        z-index: 9999 !important;
        background: transparent !important;
        pointer-events: none !important;
    }
    .goodz-detail_detailBotInner__DMyi8 {
        width: 100% !important;
        height: 100% !important;
        position: relative !important;
        overflow: visible !important;
        background: transparent !important;
        pointer-events: none !important;
    }
    .goodz-detail_detailBuyBtn__xIFXW {
        position: absolute !important;
        bottom: calc(1rem + env(safe-area-inset-bottom, 0.5rem)) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: calc(100% - 3rem) !important;
        max-width: 22rem !important;
        pointer-events: auto !important;
        border-radius: 1.5rem !important;
        box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.5) !important;
        z-index: 10001 !important;
    }
    .goodz-detail_detailBuyLeft__V2FAW {
        font-size: 0.7rem !important;
    }
    .goodz-detail_detailBuyRight__luyr2 {
        font-size: 0.8rem !important;
    }
    .goodz-detail_popupClose__Hko7z {
        position: absolute !important;
        top: 0 !important;
        right: -2rem !important;
        backdrop-filter: blur(4px) !important;
        width: 1.6rem !important;
        height: 1.6rem !important;
        z-index: 100 !important;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .goodz-detail_detailBox__Y1zzV {
        width: 68vw !important;
        max-width: 68vw !important;
    }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/modules/home/styles/home.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Home page styles.
 * The root class .siteShell sets font-size:66.67% (1em = 10.6667px) and em units are used throughout for
 * consistent sizing. Media-query em resolves against the UA default (16px), unaffected by the root size,
 * so breakpoints are kept as-is.
 */

@font-face {
    font-family: "Noto Sans SC Local";
    src: url("/font/NotoSansSC-VF.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Unbounded Local";
    src: url("/font/Unbounded-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

.home_siteShell__AoQPv {
    --accent: #f52d35;
    --ink: #0d0c22;
    position: relative;
    min-height: 100svh;
    overflow-x: hidden;
    color: #080812;
    background: #fff;
    font-family: "Noto Sans SC Local", "Noto Sans SC", "Microsoft YaHei UI", sans-serif;
    font-size: 10.6666666667px;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    isolation: isolate;
    -webkit-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
}

.home_siteShell__AoQPv,
.home_siteShell__AoQPv * {
    box-sizing: border-box;
}

/*
 * Element resets use :where() for zero specificity, so later class rules
 * win (e.g. .primaryCta{color:#fff} must beat a{color:inherit}).
 */
.home_siteShell__AoQPv :where(button),
.home_siteShell__AoQPv :where(a) {
    font: inherit;
    -webkit-tap-highlight-color: transparent;
}

.home_siteShell__AoQPv :where(button) {
    border: 0;
}

/* Home images: disable dragging (-webkit-user-drag covers Chromium/Safari; Firefox is handled by the root
   container's dragstart interceptor) and selection; does not affect the 3D viewer's canvas drag interaction. */
.home_siteShell__AoQPv img {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.home_siteShell__AoQPv :where(a) {
    color: inherit;
    text-decoration: none;
}

.home_siteShell__AoQPv button:focus-visible,
.home_siteShell__AoQPv a:focus-visible {
    outline: 0.1875em solid rgb(245 45 53 / 35%);
    outline-offset: 0.25em;
}

.home_pointerGrid__GqCPZ {
    position: fixed;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.28s ease;
}

.home_pointerGrid__GqCPZ[data-ready="true"] {
    opacity: 1;
}

.home_siteHeader__l8VTB {
    position: fixed;
    z-index: 10;
    top: 2.375em;
    left: max(3.75em, calc((100% - 232.5625em) / 2));
    display: flex;
    width: min(calc(100% - 7.4375em), 232.5625em);
    height: 3.875em;
    isolation: isolate;
    transform: none;
}

.home_siteHeader__l8VTB::before {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 8.625em;
    content: "";
    pointer-events: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition:
        background-color 0.16s ease-out,
        -webkit-backdrop-filter 0.16s ease-out,
        backdrop-filter 0.16s ease-out;
}

.home_siteHeader__l8VTB[data-over-content="true"]::before {
    background: #ffffffc7;
    -webkit-backdrop-filter: blur(2.5em) saturate(160%);
    backdrop-filter: blur(2.5em) saturate(160%);
}

.home_brand__keeb5 {
    display: block;
    width: 9.5625em;
    height: 2.1875em;
    margin-top: 0.8125em;
    flex: 0 0 auto;
    transition:
        opacity 0.16s ease-out,
        transform 0.16s ease-out;
}

.home_brand__keeb5 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home_brand__keeb5:hover {
    opacity: 0.86;
}

.home_brand__keeb5:active {
    transform: scale(0.97);
}

.home_solutionNav__J76EH {
    position: relative;
    width: max-content;
    height: 1.25em;
    margin: 1.25em 0 0 4.875em;
}

.home_solutionTrigger__OEfaQ {
    position: relative;
    display: flex;
    width: max-content;
    min-width: 6.5em;
    height: 1.25em;
    padding: 0;
    align-items: center;
    gap: 0.75em;
    color: #000;
    background: transparent;
    cursor: pointer;
}

.home_solutionTrigger__OEfaQ > span {
    width: auto;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
    text-box-edge: cap alphabetic;
    text-box-trim: trim-both;
}

.home_solutionTrigger__OEfaQ .home_chevron__n7RX4 {
    display: block;
    width: 0.874125em;
    height: 0.562em;
    flex: none;
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.home_solutionTrigger__OEfaQ[aria-expanded="true"] .home_chevron__n7RX4 {
    transform: rotate(180deg);
}

.home_solutionTrigger__OEfaQ:active {
    transform: scale(0.97);
}

.home_solutionMenu__o_MeQ,
.home_workspaceStatus__sxLZQ {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.625em) scale(0.97);
    transition:
        opacity 0.14s ease-out,
        transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.24s;
}

.home_solutionMenu__o_MeQ[data-open="true"],
.home_workspaceStatus__sxLZQ[data-open="true"] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition-delay: 0s;
}

.home_solutionMenu__o_MeQ {
    top: 3em;
    left: -1.75em;
    display: grid;
    width: 29.5em;
    padding: 1em;
    transform-origin: 3.5em 0;
    border: 0.125em solid rgb(12 11 34 / 7%);
    border-radius: 2.25em;
    background: #ffffffd6;
    box-shadow: 0 2.25em 6.25em #0c0b221f;
    -webkit-backdrop-filter: blur(3em) saturate(160%);
    backdrop-filter: blur(3em) saturate(160%);
}

.home_solutionMenu__o_MeQ a {
    min-height: 5.25em;
    padding: 1.375em 1.5em;
    border-radius: 1.5em;
    color: #2f2f35;
    font-size: 1.625em;
    font-weight: 600;
    transition:
        background-color 0.14s ease-out,
        color 0.14s ease-out;
}

.home_solutionMenu__o_MeQ a:hover,
.home_solutionMenu__o_MeQ a:focus-visible {
    color: #09091b;
    background: #0a091f0f;
}

.home_workspaceEntry__w1a3M {
    position: relative;
    width: max-content;
    min-width: 13.125em;
    height: 3.875em;
    margin-left: auto;
    flex: none;
}

.home_workspaceButton__IgRhi {
    position: relative;
    display: flex;
    width: max-content;
    min-width: 13.125em;
    height: 3.875em;
    padding: 0 1.25em;
    align-items: center;
    justify-content: center;
    gap: 0.75em;
    color: #fff;
    background: transparent;
    cursor: pointer;
    transition:
        opacity 0.16s ease-out,
        transform 0.16s ease-out;
}

.home_workspaceButton__IgRhi .home_workspaceBackground__70Yvy {
    position: absolute;
    top: 0.0625em;
    left: 0.0625em;
    display: block;
    width: calc(100% - 0.125em);
    height: 3.75em;
}

.home_workspaceLabelWide__5KoVn {
    position: relative;
    z-index: 1;
    width: auto;
    font-size: 1.0625em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    text-box-edge: cap alphabetic;
    text-box-trim: trim-both;
}

.home_workspaceLabelCompact__Z_ucX {
    display: none;
}

.home_workspaceButton__IgRhi .home_workspaceArrow___Sban {
    position: relative;
    z-index: 1;
    display: block;
    width: 1.25em;
    height: 1.048563em;
    flex: none;
    object-fit: contain;
}

.home_workspaceButton__IgRhi:hover {
    opacity: 0.88;
}

.home_workspaceButton__IgRhi:active {
    transform: scale(0.97);
}

.home_workspaceStatus__sxLZQ {
    top: 5.125em;
    right: 0;
    display: grid;
    width: 31.25em;
    gap: 0.5em;
    padding: 1.875em 2.125em;
    transform-origin: calc(100% - 4em) 0;
    border: 0.125em solid rgb(255 255 255 / 72%);
    border-radius: 2em;
    background: #ffffffdb;
    box-shadow: 0 2.25em 6em #0c0b2221;
    -webkit-backdrop-filter: blur(3em) saturate(160%);
    backdrop-filter: blur(3em) saturate(160%);
}

.home_workspaceStatus__sxLZQ strong {
    font-size: 1.625em;
    font-weight: 700;
}

.home_workspaceStatus__sxLZQ span {
    color: #62626a;
    font-size: 1.375em;
    line-height: 1.55;
}

.home_hero__ltsRd {
    --card-top-y: max(8.625em, calc(38.4046052632dvh - 14.0337171053em));
    --wide-center-gap: clamp(37.5em, calc(15.625vw + 9.375em), 46.875em);
    --side-gutter: max(8em, min(12em, calc((100% - 93.75em) / 2)), calc((100% - 104.25em - var(--wide-center-gap)) / 2));
    position: relative;
    z-index: 1;
    width: min(100%, 240em);
    min-height: max(100svh, calc(var(--card-top-y) + 50.375em));
    margin: 0 auto;
}

.home_heroCopy__3TUEN {
    position: absolute;
    z-index: 2;
    top: calc(var(--card-top-y) + 3.3125em);
    left: calc(var(--side-gutter) + 0.3125em);
    width: 38.5em;
    height: 43.8125em;
    font-size: 1em;
}

.home_eyebrow__m8rf3 {
    position: absolute;
    top: -0.53125em;
    left: 0.409375em;
    width: max-content;
    margin: 0;
    color: #cbcbcb;
    font-size: 1em;
    line-height: 0;
    white-space: nowrap;
}

.home_eyebrow__m8rf3 > span {
    font-size: 1.875em;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.025em;
    text-box-edge: cap alphabetic;
    text-box-trim: trim-both;
}

.home_heroCopy__3TUEN h1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    color: #000;
    font-size: 1em;
    font-weight: 900;
    line-height: 0;
    white-space: nowrap;
}

.home_titleLine__mn7Cg {
    position: absolute;
    display: block;
    font-size: 1em;
    line-height: 0;
    white-space: nowrap;
    text-box-edge: cap alphabetic;
    text-box-trim: trim-both;
}

.home_titleLineFirst__VSM8g {
    top: 7.375em;
    left: 0.253125em;
    width: max-content;
}

.home_titleLineFirst__VSM8g .home_latin__WRx4B {
    position: relative;
    top: 0.0138888889em;
    font-family: "Unbounded Local", Unbounded, sans-serif;
    font-size: 4.5em;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
}

/* Keep the SVG wordmark at the original text metrics: cap height 3.375em,
   baseline-aligned, and same advance width (letter-spacing included). */
.home_titleLineFirst__VSM8g .home_latin__WRx4B img {
    display: inline-block;
    height: 0.806em;
    width: auto;
    margin-right: 0.094em;
    vertical-align: -0.027em;
}

.home_titleLineFirst__VSM8g .home_titleCn__HAmUe {
    display: inline-block;
    margin-left: 0.2571428571em;
    font-size: 4.375em;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.025em;
    transform: scaleX(1.02);
    transform-origin: left top;
}

.home_titleLineSecond__jVa25 {
    top: 13.71875em;
    left: 0.21875em;
    width: max-content;
    transform: scaleX(1.02);
    transform-origin: left top;
}

[lang="en"] .home_titleLineFirst__VSM8g {
    transform: scale(0.6);
    transform-origin: left top;
}

[lang="en"] .home_titleLineSecond__jVa25 {
    transform: scale(0.6) scaleX(1.02);
}

[lang="ja"] .home_titleLineFirst__VSM8g {
    transform: scale(0.8);
    transform-origin: left top;
}

[lang="ja"] .home_titleLineSecond__jVa25 {
    transform: scale(0.8) scaleX(1.02);
}

.home_titleLineSecond__jVa25 > * {
    font-size: 4.375em;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.025em;
}

.home_rotatingAction__sl7uH {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 2.05em;
    height: 1.45em;
    overflow: hidden;
    /* Baseline trick: an overflow:hidden inline-block's baseline is its bottom edge (spec-consistent across
       engines), so sinking it 0.2926em puts the clip window's bottom in the descent area below the baseline -
       glyphs are never clipped; inner em boxes are trimmed to the letter baseline via text-box-trim and raised by
       the same amount, aligning red and black baselines without engine font metrics (Safari root cause: vertical-align: top line-box-top inference differs). */
    vertical-align: -0.2926em;
}

.home_rotatingActionSizer__eo_wd {
    display: inline-grid;
    visibility: hidden;
}

.home_rotatingActionSizer__eo_wd > span {
    grid-area: 1 / 1;
    white-space: nowrap;
}

.home_rotatingAction__sl7uH > em {
    position: absolute;
    /* Raise the bottom edge 0.2926em (offsetting the container's sink): text-box-trim cuts the em-box bottom to
       the letter baseline, so the red text baseline matches the black text baseline exactly, independent of engine font metrics. */
    bottom: 0.2926em;
    left: 0;
    text-box-edge: cap alphabetic;
    text-box-trim: trim-both;
    display: block;
    width: max-content;
    color: var(--accent);
    opacity: 0;
    font-size: 1em;
    font-weight: inherit;
    font-style: normal;
    line-height: normal;
    letter-spacing: inherit;
    transform: translateY(0.6428571429em);
    will-change: transform, opacity;
}

.home_rotatingAction__sl7uH > em[data-state="current"] {
    opacity: 1;
    transform: translateY(0);
}

.home_rotatingAction__sl7uH[data-animated="true"] > em[data-state="previous"] {
    animation: home_rotating-word-out__cua7M 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.home_rotatingAction__sl7uH[data-animated="true"] > em[data-state="current"] {
    animation: home_rotating-word-in__riSdX 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both;
}

@keyframes home_rotating-word-out__cua7M {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-0.4285714286em);
    }
}

@keyframes home_rotating-word-in__riSdX {
    0% {
        opacity: 0;
        transform: translateY(0.6428571429em);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.home_benefits__Ht6z_ {
    position: absolute;
    top: 20em;
    left: 0.25em;
    display: block;
    width: 18.9375em;
    height: 10.5em;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home_benefits__Ht6z_ li {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 2.5em;
    align-items: center;
    color: #373737;
    font-size: 1em;
    scroll-margin-top: 7.5em;
}

.home_benefits__Ht6z_ li:nth-child(2) {
    top: 4em;
}

.home_benefits__Ht6z_ li:nth-child(3) {
    top: 8em;
}

.home_benefits__Ht6z_ img {
    display: block;
    width: 2.5em;
    height: 2.5em;
    margin-right: 0.990625em;
    flex: 0 0 auto;
}

.home_benefits__Ht6z_ li:nth-child(2) img {
    margin-right: 1.05em;
}

.home_benefits__Ht6z_ li span {
    position: relative;
    top: 0.0416666667em;
    font-size: 1.5em;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.025em;
    white-space: nowrap;
    text-box-edge: cap alphabetic;
    text-box-trim: trim-both;
}

.home_benefits__Ht6z_ li:first-child span {
    left: 0.0416666667em;
}

.home_benefits__Ht6z_ li:nth-child(2) span {
    font-size: 1.5em;
    letter-spacing: 0.025em;
    transform: translateY(0.0208333333em);
}

.home_benefits__Ht6z_ li:nth-child(3) span {
    left: 0.0416666667em;
}

.home_primaryCta__K3j2q {
    --cta-width: 24.25em;
    --cta-email-width: 28em;
    position: absolute;
    top: 38.5em;
    left: -0.0625em;
    display: grid;
    width: var(--cta-width);
    height: 5.375em;
    padding: 0;
    place-items: center;
    overflow: hidden;
    border-radius: 999em;
    color: #fff;
    background: transparent;
    transition:
        width 0.32s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.16s ease-out,
        transform 0.16s ease-out;
}

[lang="ja"] .home_primaryCta__K3j2q {
    --cta-width: 27em;
}

.home_primaryCta__K3j2q .home_ctaBackground__1Reur {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5.375em;
}

.home_primaryCta__K3j2q > span {
    position: relative;
    top: 0;
    z-index: 1;
    grid-area: 1 / 1;
    font-size: 1.625em;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.025em;
    white-space: nowrap;
    transform: translateY(-0.0384615385em);
    transition:
        opacity 0.18s ease-out,
        transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.home_primaryCta__K3j2q .home_ctaHover__m_02P {
    opacity: 0;
    -webkit-user-select: text;
    user-select: text;
    transform: translateY(0.5865384615em);
}

.home_primaryCta__K3j2q:hover,
.home_primaryCta__K3j2q:focus-visible {
    width: var(--cta-email-width);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), ease-out, ease-out;
}

.home_primaryCta__K3j2q:hover .home_ctaDefault__ZBIBN,
.home_primaryCta__K3j2q:focus-visible .home_ctaDefault__ZBIBN {
    opacity: 0;
    transform: translateY(-0.6634615385em);
}

.home_primaryCta__K3j2q:hover .home_ctaHover__m_02P,
.home_primaryCta__K3j2q:focus-visible .home_ctaHover__m_02P {
    opacity: 1;
    transform: translateY(-0.0384615385em);
}

.home_primaryCta__K3j2q:active {
    transform: scale(0.97);
}

.home_featureCard__8U8Le {
    --card-surface-width: clamp(50.25em, calc(100vw - 67.5em), 65.75em);
    position: absolute;
    top: var(--card-top-y);
    right: calc(var(--side-gutter) - 0.3125em);
    width: calc(var(--card-surface-width) + 1.3125em);
    height: 50.375em;
    margin: 0;
    font-size: 1em;
}

.home_cardSurface__Jtu6D {
    position: absolute;
    top: 0.0625em;
    left: 1.3125em;
    width: var(--card-surface-width);
    height: 50.25em;
    overflow: hidden;
    border-radius: 2.25em;
}

.home_cardScene__x_lbB {
    position: absolute;
    top: -0.125em;
    left: calc(-0.125em - (65.75em - var(--card-surface-width)) / 2);
    display: block;
    width: 65.9375em;
    height: 50.5em;
    max-width: none;
}

/* On group change the new background crossfades in (started in sync with the item transition); opacity-only, so
   it is kept under reduced-motion. Duration injected via inline animationDuration from HOME_CAROUSEL_TIMING.sceneFadeMs. */
.home_cardScene__x_lbB[data-entering="true"] {
    animation-name: home_card-scene-fade-in__8t0yZ;
    animation-timing-function: ease;
    animation-fill-mode: both;
    will-change: opacity;
}

@keyframes home_card-scene-fade-in__8t0yZ {
    0% {
        opacity: 0;
    }
}

.home_heroItem__Ts4G1 {
    position: absolute;
    top: 2.9375em;
    left: calc(10.5625em - (65.75em - var(--card-surface-width)) / 2);
    display: block;
    width: 44.375em;
    height: 44.375em;
}

.home_heroItemCover__PpN78 {
    position: absolute;
    top: 5.6875em;
    /* Horizontally centered within cardSurface (the viewport's left edge is the surface's left edge). */
    left: calc((var(--card-surface-width) - 38.875em) / 2);
    display: block;
    width: 38.875em;
    height: 38.875em;
    /* Non-square artwork (e.g. portrait item images) displays fully with its aspect ratio intact - no stretching. */
    object-fit: contain;
}

/* The single page-wide 3D viewer layer: in figure coordinates, covering the whole cardSurface (top-left at 1.3125em/0.0625em). */
.home_viewerLayer__zIqjH {
    position: absolute;
    z-index: 1;
    top: 0.0625em;
    left: 1.3125em;
    width: var(--card-surface-width);
    height: 50.25em;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    will-change: transform, opacity;
}

/* The viewer bundle writes inline pointer-events:auto to the active canvas on every mount/update (overriding
   the none inherited from this layer), so transitions (including wipes) and non-3D phases must force the canvas
   non-interactive via an !important rule; the toggle is driven by feature-card.tsx through data-interactive. */
.home_viewerLayer__zIqjH[data-interactive="false"] canvas {
    pointer-events: none !important;
}

.home_cardSlides__u2ORq,
.home_cardSlide__dlTVv {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.home_cardSlides__u2ORq {
    perspective: 80em;
}

.home_cardSlideViewport__ZdBba,
.home_cardItemOccluder__f6wQo {
    position: absolute;
    top: 0.0625em;
    left: 1.3125em;
    width: var(--card-surface-width);
    height: 50.25em;
}

.home_cardSlide__dlTVv[data-state="current"] {
    z-index: 1;
}

.home_cardItemOccluder__f6wQo {
    z-index: 2;
    pointer-events: none;
    will-change: clip-path;
}

.home_cardTransitionFrom__MIiGy {
    position: absolute;
    z-index: 1;
    top: -0.0625em;
    left: -1.3125em;
    width: calc(var(--card-surface-width) + 1.3125em);
    height: 50.375em;
}

.home_cardTransitionCover__L3LwG {
    z-index: 4;
    overflow: visible;
    opacity: 0;
    transform: scale(0.985);
    transform-origin: center;
    will-change: transform, opacity;
}

.home_cardTransitionCoverPage__Ox1Zm {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    /* Same contain behavior as .heroItemCover, avoiding a scaling-mode jump between transition cover and stable-state image. */
    object-fit: contain;
}

.home_cardTransitionCoverPage__Ox1Zm[data-entering="true"] {
    will-change: transform, opacity;
}

.home_cardTransitionCoverPage__Ox1Zm[data-entering="true"][data-direction="next"] {
    animation: home_card-cover-page-next__ci7Bn 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.home_cardTransitionCoverPage__Ox1Zm[data-entering="true"][data-direction="previous"] {
    animation: home_card-cover-page-previous__FDm3X 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes home_card-cover-page-next__ci7Bn {
    0% {
        opacity: 0;
        transform: translate(48px);
    }
}

@keyframes home_card-cover-page-previous__FDm3X {
    0% {
        opacity: 0;
        transform: translate(-48px);
    }
}

.home_cardSlide__dlTVv[data-state="current"][data-transitioning="true"] .home_heroItem__Ts4G1 {
    opacity: 0;
    will-change: transform, opacity;
}

.home_cardWipeLine__UowgY {
    position: absolute;
    z-index: 3;
    top: 0.0625em;
    left: 1.3125em;
    display: block;
    width: var(--card-surface-width);
    height: 50.25em;
    overflow: hidden;
    border-radius: 2.25em;
    opacity: 0;
    will-change: opacity;
}

.home_cardWipeStroke__cLgl0 {
    position: absolute;
    top: 2.889%;
    left: 2.5583%;
    width: 0.5em;
    height: 94.364%;
    border-radius: 999em;
    background: #fff;
    transform: scaleY(0);
    transform-origin: center;
    will-change: left, transform;
}

.home_cardControl__GHTvE {
    position: absolute;
    z-index: 4;
    top: 17.3125em;
    width: 2.8125em;
    height: 15.75em;
    padding: 0;
    background: transparent;
    cursor: pointer;
    pointer-events: none;
}

.home_cardControlPrevious__NI8Un {
    left: 0;
}

.home_cardControlNext__9kx_N {
    right: -1.3125em;
}

.home_cardControl__GHTvE img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    will-change: transform, opacity;
}

.home_cardControlPrevious__NI8Un .home_cardControlNotch__f9CrI {
    transform: translate(-2.8125em);
}

.home_cardControlPrevious__NI8Un .home_cardControlArrow__pF_h8 {
    transform: translate(-3.25em) scale(0.9);
}

.home_cardControlNext__9kx_N .home_cardControlNotch__f9CrI {
    transform: translate(2.8125em) scaleX(-1);
}

.home_cardControlNext__9kx_N .home_cardControlArrow__pF_h8 {
    transform: translate(3.25em) scale(-0.9, 0.9);
}

.home_cardControlNotch__f9CrI {
    transition:
        opacity 0.18s ease-out,
        transform 0.42s cubic-bezier(0.32, 0.72, 0, 1);
}

.home_cardControlArrow__pF_h8 {
    transition:
        opacity 0.16s ease-out 45ms,
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 45ms;
}

.home_cardControl__GHTvE[data-visible="true"] {
    pointer-events: auto;
}

.home_cardControl__GHTvE[data-visible="true"] img {
    opacity: 1;
}

.home_cardControlPrevious__NI8Un[data-visible="true"] img {
    transform: translate(0) scale(1);
}

.home_cardControlNext__9kx_N[data-visible="true"] img {
    transform: translate(0) scaleX(-1);
}

.home_cardControl__GHTvE:active .home_cardControlArrow__pF_h8 {
    opacity: 0.64;
}

.home_cardControlPrevious__NI8Un:active .home_cardControlArrow__pF_h8 {
    transform: translate(-0.1875em) scale(0.96);
}

.home_cardControlNext__9kx_N:active .home_cardControlArrow__pF_h8 {
    transform: translate(0.1875em) scale(-0.96, 0.96);
}

.home_storeTag__xXLZK {
    position: absolute;
    z-index: 2;
    top: 44.375em;
    right: 1.4375em;
    width: max-content;
    height: 4.5em;
    margin: 0;
    color: #000;
    font-size: 1em;
}

.home_storeTagSlide__n_wWn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 2.5em 0 5.290083em;
    align-items: center;
    /* Pill background drawn in CSS (the original tag-bg.svg used preserveAspectRatio="none", so its corners/shadow
       would distort when stretched with the text width); the radius is always half the height, independent of width.
       Shadow params converted from the original SVG drop shadow (dx=3 dy=5.19615 blur=8, 0.0625em per unit vertically). */
    background: #fff;
    border-radius: 2.25em;
    box-shadow: 0.1875em 0.325em 0.5em rgba(9, 1, 3, 0.12);
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
}

.home_storeTagSlide__n_wWn[data-state="current"] {
    position: relative;
    inset: auto;
    width: max-content;
    height: 100%;
    opacity: 1;
}

.home_storeTag__xXLZK[data-transitioning="true"] .home_storeTagSlide__n_wWn[data-state="previous"] {
    animation: home_store-tag-out__rPpIx 0.6s ease-in both;
}

.home_storeTag__xXLZK[data-transitioning="true"] .home_storeTagSlide__n_wWn[data-state="current"] {
    animation: home_store-tag-in__TOpfy 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.25s both;
}

@keyframes home_store-tag-out__rPpIx {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-1.5625em);
    }
}

@keyframes home_store-tag-in__TOpfy {
    0% {
        opacity: 0;
        transform: translateY(1.5625em) scale(0.85);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.home_tagAvatar__yOut8 {
    position: absolute;
    z-index: 1;
    top: 0.5em;
    left: 0.4375em;
    display: block;
    width: 3.625em;
    height: 3.625em;
}

.home_tagLogo__EoLZz {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.home_tagPhoto__YkUid {
    position: absolute;
    top: 0.125em;
    left: 0.125em;
    display: block;
    width: 3.375em;
    height: 3.375em;
    border-radius: 50%;
}

.home_tagPhotoIcon__3Flpb {
    top: 0.5625em;
    left: 0.5625em;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
}

.home_storeTagLabel__cwl55 {
    z-index: 1;
    display: block;
    font-size: 1.375em;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.025em;
    white-space: nowrap;
}

@media (max-width: 91.625em) {
    .home_siteHeader__l8VTB {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 8.625em;
        padding: 2.375em 3.75em 0;
        transform: none;
    }
}

@media (max-width: 73.1666666667em) {
    .home_hero__ltsRd {
        display: flex;
        min-height: 100svh;
        padding: 11.36875em 5em 9em;
        flex-direction: column;
        align-items: flex-start;
    }

    .home_heroCopy__3TUEN,
    .home_featureCard__8U8Le {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
    }

    .home_heroCopy__3TUEN {
        width: 100%;
        max-width: 65.75em;
        height: 43.8125em;
        margin-top: 5.5em;
        align-self: center;
        font-size: min(1em, calc((100vw - 10em) * 0.025974));
    }

    .home_featureCard__8U8Le {
        --card-surface-width: 65.75em;
        order: -1;
        height: 50.375em;
        margin-top: 0;
        align-self: center;
        font-size: min(1em, calc((100vw - 10em) * 0.0152091255));
        transform: translate(-0.65625em);
    }
}

@media (max-width: 66.6666666667em) {
    .home_siteHeader__l8VTB {
        padding-inline: 2.25em;
    }

    .home_hero__ltsRd {
        padding: 11.36875em 2em 7em;
    }

    .home_heroCopy__3TUEN {
        font-size: min(1em, calc((100vw - 4em) * 0.025974));
    }

    .home_featureCard__8U8Le {
        --card-surface-width: clamp(50.25em, calc(100vw - 4em), 65.75em);
        font-size: 1em;
    }

    .home_workspaceStatus__sxLZQ {
        width: min(31.25em, calc(100vw - 4.5em));
    }
}

@media (max-width: 36.2083333333em) {
    .home_featureCard__8U8Le {
        --card-surface-width: 50.25em;
        font-size: min(1em, calc((100vw - 4em) * 0.0199004975));
    }
}

@media (max-width: 28.3125em) {
    .home_hero__ltsRd {
        padding-top: calc(8.625em + (100vw - 4em) * 0.0714285714);
    }
}

@media (max-width: 25.3333333333em) {
    .home_siteHeader__l8VTB {
        padding-inline: 2em;
    }

    .home_solutionNav__J76EH {
        display: none;
    }
}

@media (max-width: 17.7916666667em) {
    .home_siteHeader__l8VTB {
        padding-inline: 1em;
    }

    .home_workspaceEntry__w1a3M,
    .home_workspaceButton__IgRhi {
        width: 3.875em;
        min-width: 3.875em;
    }

    .home_workspaceButton__IgRhi {
        padding: 0;
    }

    .home_workspaceButton__IgRhi .home_workspaceBackground__70Yvy {
        width: 3.75em;
    }

    .home_workspaceLabelWide__5KoVn,
    .home_workspaceLabelCompact__Z_ucX {
        display: none;
    }

    .home_workspaceStatus__sxLZQ {
        right: 0;
        width: calc(100vw - 2em);
    }
}

@supports (-moz-appearance: none) {
    .home_titleLineFirst__VSM8g {
        top: 3.3125em;
    }

    .home_titleLineSecond__jVa25 {
        top: 9.40625em;
    }
}

@media (hover: none), (pointer: coarse) {
    .home_cardControl__GHTvE {
        pointer-events: auto;
    }

    .home_cardControl__GHTvE img {
        opacity: 1;
    }

    .home_cardControlPrevious__NI8Un img {
        transform: translate(0) scale(1);
    }

    .home_cardControlNext__9kx_N img {
        transform: translate(0) scaleX(-1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home_siteShell__AoQPv *,
    .home_siteShell__AoQPv *::before,
    .home_siteShell__AoQPv *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    .home_solutionMenu__o_MeQ,
    .home_workspaceStatus__sxLZQ,
    .home_primaryCta__K3j2q > span {
        transform: none !important;
    }

    .home_pointerGrid__GqCPZ {
        display: none;
    }

    .home_rotatingAction__sl7uH > em,
    .home_cardSlide__dlTVv,
    .home_cardTransitionCoverPage__Ox1Zm[data-entering="true"],
    .home_storeTagSlide__n_wWn {
        animation: none !important;
    }

    .home_cardWipeLine__UowgY,
    .home_cardItemOccluder__f6wQo {
        display: none;
    }

    .home_cardSlide__dlTVv[data-state="current"] .home_heroItem__Ts4G1 {
        opacity: 1 !important;
        transform: none !important;
    }

    .home_rotatingAction__sl7uH > em:not([data-state="current"]),
    .home_cardSlide__dlTVv:not([data-state="current"]),
    .home_storeTagSlide__n_wWn:not([data-state="current"]) {
        opacity: 0 !important;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .home_solutionMenu__o_MeQ,
    .home_workspaceStatus__sxLZQ {
        background: #fff;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .home_siteHeader__l8VTB[data-over-content="true"]::before {
        background: #fff;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media (prefers-contrast: more) {
    .home_solutionMenu__o_MeQ,
    .home_workspaceStatus__sxLZQ {
        border-color: #0b0a22;
        background: #fff;
    }
}