/* mypage */
@import "../functions";
@import "../variables";
@import "../custom";
@import "../maps";
@import "../mixins";
@import "../utilities";

.mypage-wrap,
.wish-list-wrap {
    .member-image-wrap {
        background-color: $gray-100;
        width: 100%;

        @include media-breakpoint-up(md) {
            width: auto;
        }

        @include media-breakpoint-up(lg) {
            &:nth-child(1) {
                border-right: 1px dashed $gray-400;
            }
        }
    }

    .member-ouline-wrap {}

    .member-assets {
        width: 100%;

        .list-group {
            width: 100%;
        }

        @include media-breakpoint-up(md) {
            width: auto;

            .list-group {
                width: auto;
            }
        }
    }

    .wish-item {
        background-color: $gray-100;

        .wish-title {
            a {
                color: $gray-700;
            }
        }

        .wish-price,
        .wish-date {
            font-size: .75rem;
        }

        .wish-delete {
            right: 5px;
            bottom: 5px;
        }
        .image-wrap{
            img{
                width: 100%;
                height: auto;
            }
        }
    }
}