.priceContainer.new-design:has(.blind_auction.active) {
    &, .priceInfoHeader, .priceContainerMiddleContentWrap {
        background-color: var(--surface-color);
    }
}

.new-design .blind_auction {
    font-family: Montserrat-Light, sans-serif;
    color: var(--font-color);

    .todo {
        background-color: darkcyan;
        color: darkred;

        & * {
            background-color: darkcyan;
            color: darkred;
        }
    }

    & .event-time {
        padding-inline: 35px;
        padding-block: 8px;

        background-color: var(--card-color);
    }

    .available-amount, .activation-fee {
        padding-block: 16px 8px;
        font-size: 12px;
        text-transform: none;
    }

    .activation-fee {
        text-align: end;

        span {
            font-weight: 600;
        }
    }

    .fix-offer {
        margin-top: 36px;

        .description {
            margin-top: 12px;
            font-family: 'Source Sans Pro', sans-serif;
        }

        .available-amount-label {
            font-size: 12px;
            font-family: 'Source Sans Pro', sans-serif;
        }

        .action-prompt {
            display: grid;
            grid-template-columns: 40% 60%;

            font-size: 12px;
            font-family: 'Source Sans Pro', sans-serif;

            .prompt-content {
                display: grid;
                grid-template-columns: min-content 1fr;
                align-items: center;
                gap: 8px;
            }

            .prompt-icon {
                font-size: 20px;
            }

            .price {
                justify-self: end;
                display: flex;
                flex-flow: column;
                align-items: end;

                .value {
                    font-family: Montserrat-Bold, sans-serif;
                    font-size: 24px;
                    font-weight: bold;
                }

                .currency {
                    font-family: Montserrat-Bold, sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                }
            }
        }

        .available-amount {
            .progress {
                grid-column: span 2;
                background-color: #393940;
                margin-block: 4px 12px;
                height: 10px;
                border-radius: 16px;
            }

            .progress-bar-goopi {
                background-image: -webkit-linear-gradient(top, var(--goopi-color) 0%, var(--goopi-darker-color) 100%);
                background-image: -o-linear-gradient(top, var(--goopi-color) 0%, var(--goopi-darker-color) 100%);
                background-image: -webkit-gradient(linear, left top, left bottom, from(var(--goopi-color)), to(var(--goopi-darker-color)));
                background-image: linear-gradient(to bottom, var(--goopi-color) 0%, var(--goopi-darker-color) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
                background-repeat: repeat-x;
            }
        }
    }

    .priceInfoPriceContainer {
        margin-block: 12px;

        .eventValidUntilCountdown {
            padding-block: 4px;
            margin-bottom: 0;
        }
    }


    .priceContainerMiddleContentWrap.active {
        display: flex;
        flex-flow: column;
    }

    --TODO: "Generic";
    .card {
        background-color: var(--card-color);
        border: 1px solid var(--border-color);

        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;

        height: auto;
        width: auto;

        padding: 12px;
        box-sizing: border-box;
        border-radius: var(--standard-radius);

        hr {
            border-color: var(--surface-color);
            width: 100%;
            margin: 0;
            align-self: center;
        }
    }

    .btn-goopi-new {
        width: 100%;
    }

    .btn-goopi-new[disabled] {
        background-color: var(--surface-color);
        cursor: not-allowed;
    }

    & .card {
        margin-inline: 24px;
        max-width: 100%;
    }

    .priceInfoPriceContainer.price {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        box-sizing: content-box;

        margin-inline: 0;
        padding-block: 0;

        > * {
            grid-column: 1 / span 2;
        }

        > .priceLeft {
            grid-row: 2;
            grid-column: 1;
        }

        > .bidWrapper {
            grid-row: 2;
            grid-column: 2;

            margin-right: -10px;
        }

        .bid-fee-with-currency {
            font-family: "Montserrat-Bold", sans-serif;
            font-weight: bold;
        }

        > .bid-fee {
            margin-block: 8px 12px;
            margin-inline: 12px;
            text-align: end;
            font-size: 12px;
            text-transform: none;
        }
    }

    .buyItBtnWrap > .btn-goopi-new {
        width: auto;
    }
}

.new-design .lottery {
    font-family: Montserrat-Light, sans-serif;
    color: var(--font-color);

    --card-color: #353749;

    & .offer-dates {
        padding-inline: 35px;
        padding-block: 8px;

        background-color: var(--card-color);
    }
}