@import '../_base';
.account-side-nav {
    float: left;
    .account-pages {
        display: block;
        padding: 0 10px 0 10px;
        width: 140px;
        .link {
            background-color: transparent;
            border-radius: 3px;
            color: $primary-color;
            height: 20px;
            padding: $gutter 0 $gutter $gutter;
        }
        .link:not(.active):hover {
            background-color: #f8f8f8;
        }
        .link a {
            display: block;
            font-size: $font-size-main;
            line-height: $primary-line-height;
            width: 100%;
            text-decoration: none;
        }
        .active {
            background-color: $primary-color;
            font-weight: 600;
            a {
                color: #fff;
            }
        }
    }
}