.checkout-step[open] {
    border: 1px solid #D435B7;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

.checkout-step[open] summary .step-number circle {
    fill: #F7ECF5;
    stroke: #D435B7;
}

.checkout-step[open] summary .step-number path {
    fill: #D435B7;
}

.checkout-step .done-icon {
    display: none;
}

.checkout-step.completedStep .step-number {
    display: none;
}

.checkout-step.completedStep .done-icon {
    display: block;
}


.select-gift.active {
    border: 2px solid #C903A5;
}

.select-gift.active {
    border: 2px solid #C903A5;
}

.current-btn {
    border-radius: 4px;
}

.current-btn.active {
    border: 1px solid #D435B7;
}

.current-btn.active svg path {
    fill: #D435B7;
    background-color: #EDF3F9;
}

.extra-current-wrapper {
    display: none;
}

.extra-current-wrapper.active {
    display: block;
}

.extra-contract-holder-wrapper {
    display: none;
}

.extra-contract-holder-wrapper.active {
    display: block;
}

.btn-primary:disabled {
    background-image: unset;
    background-color: #D9D9D9;
    color: #74777C;
}

.file-info-container {
    background-color: #F7ECF5;
    border: 1px solid rgba(205, 64, 151, 0.1);
}

.draggable-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.draggable-container::-webkit-scrollbar {
    display: none;
}

.draggable-container.active {
    cursor: grabbing;
}

.hidden-div {
    transition: bottom 0.3s ease, opacity 0.3s ease;
    bottom: -100%;
    opacity: 0;
    z-index: -2;
}

.hidden-div.open {
    bottom: 100%;
    opacity: 1;
    box-shadow: 0 -10px 10px #0000001f;
}