.dialog.dialog--home-swap {
    max-width: 19rem;
    padding: 1.5rem;
    border: none;
    border-radius: var(--borderRadius);
}

.dialog.dialog--home-swap::backdrop {
    background: var(--greyColor20);
    background: color(from var(--greyColor20) srgb r g b / 0.4);
}

.dialog.fixed {
    top: 50%;
    transform: translateY(-50%);
    height: fit-content;
    bottom: auto;
}

.dialog--home-swap .dialog__header {
    position: relative;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: bold;
    padding-right: 2rem;
    margin-bottom: 1rem;
}

.dialog--home-swap .dialog__close {
    position: absolute;
    border: none;
    top: 0;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    background: transparent url("/frontend/assets/Shared/Component/Dialog/Presentation/Images/Close-6e4bb1b966.svg") no-repeat center center;
}

.dialog--home-swap .dialog__read-more {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.dialog--home-swap .dialog__read-more::after {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background: url("/frontend/assets/Shared/Component/Dialog/HomeSwap/Presentation/Images/Chevron-7947b1389f.svg") no-repeat center center;
}