.pt-nav-my-acc>li>a {
    justify-content: var(--pt-align, start);
    font-size: unset;
    text-transform: unset
}

.pt-nav-my-acc.pt-grid-g {
    display: grid;
    gap: var(--pt-gap)
}

.pt-nav-my-acc>li>a .pt-nav-icon {
    width: 1em;
    line-height: 1;
    text-align: center;
    transition: all .25s ease
}

.pt-nav-my-acc>li>a .pt-nav-icon:before {
    content: var(--pt-my-acc-nav-icon, "\f140");
    display: block;
    font-weight: 400;
    font-family: "Picon"
}

.pt-nav-my-acc.pt-icon-top>li>a {
    flex-direction: column;
    align-items: var(--pt-align, start);
    text-align: var(--pt-align, start)
}

.pt-nav-my-acc.pt-icon-top>li>a .pt-nav-icon {
    margin-inline-end: 15px;
    margin-bottom: 10px;
    padding-right: 15px;
}

.pt-my-acc-wishlist {
    --pt-my-acc-nav-icon: "\e358"
}

.pt-my-acc-waitlist {
    --pt-my-acc-nav-icon: "\f185"
}

.pt-my-acc-edit-account {
    --pt-my-acc-nav-icon: "\e623"
}

.pt-my-acc-orders {
    --pt-my-acc-nav-icon: "\e515"
}

.pt-my-acc-downloads {
    --pt-my-acc-nav-icon: "\f136"
}

.pt-my-acc-payment-methods {
    --pt-my-acc-nav-icon: "\f142"
}

.pt-my-acc-edit-address {
    --pt-my-acc-nav-icon: "\f139"
}

.pt-my-acc-customer-logout {
    --pt-my-acc-nav-icon: "\e428"
}

.pt-my-acc-price-tracker {
    --pt-my-acc-nav-icon: "\f18a"
}

.woocommerce-MyAccount-content>*:not(:last-child) {
    margin-bottom: 20px
}

.woocommerce-MyAccount-content p:not(.form-row):last-child {
    --pt-tags-mb: .001px
}

.woocommerce-MyAccount-content>.button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
    font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
    font-style: var(--btn-accented-font-style, var(--btn-font-style, unset))
}

.woocommerce-MyAccount-content>.button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.woocommerce-MyAccount-content>.button:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

.woocommerce-MyAccount-content :is(address, .woocommerce-Message, .woocommerce-info, .woocommerce-orders-table):last-child {
    margin-bottom: 0
}

.woocommerce-MyAccount-content .pt-wtl-table {
    margin-bottom: 0
}

.elementor-element.woocommerce-MyAccount-content>div>*:not(:last-child) {
    margin-bottom: 20px
}

.elementor-element.woocommerce-MyAccount-content>div>.button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
    font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
    font-style: var(--btn-accented-font-style, var(--btn-font-style, unset))
}

.elementor-element.woocommerce-MyAccount-content>div>.button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.elementor-element.woocommerce-MyAccount-content>div>.button:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

.woocommerce-orders-table th {
    --pt-link-color: var(--color-gray-800);
    --pt-link-color-hover: var(--color-gray-500);
    --pt-link-decor: none;
    --pt-link-decor-hover: none
}

.woocommerce-orders-table td:before {
    color: var(--color-gray-800);
    font-weight: 600
}

.woocommerce-pagination .button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
    font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
    font-style: var(--btn-accented-font-style, var(--btn-font-style, unset))
}

.woocommerce-pagination .button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.woocommerce-pagination .button:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

.account-payment-methods-table .button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
    font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
    font-style: var(--btn-accented-font-style, var(--btn-font-style, unset))
}

.account-payment-methods-table .button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.account-payment-methods-table .button:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

.woocommerce-Address-title .edit {
    color: var(--pt-link-color);
    font-weight: var(--pt-text-font-weight);
    font-style: var(--pt-text-font-style);
    font-family: var(--pt-text-font);
    font-size: 1.1em
}

.woocommerce-Address-title .edit:before {
    margin-inline-end: 7px;
    font-weight: 400;
    content: "\f116";
    font-family: "Picon"
}

.woocommerce-EditAccountForm fieldset {
    margin-top: 40px
}

.pt-email-sub-main {
    margin-top: 25px
}

.pt-email-sub-main~.pt-email-sub {
    margin-inline-start: 10px
}

button[name="save_account_details"],
button[name="save_address"] {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
    font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
    font-style: var(--btn-accented-font-style, var(--btn-font-style, unset))
}

button[name="save_account_details"]:hover,
button[name="save_address"]:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

button[name="save_account_details"]:active,
button[name="save_address"]:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

@media (min-width: 1025px) {
    .woocommerce-MyAccount-content {
        --pt-empty-block-size: 30px
    }

    .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a:not(:last-child) {
        margin-inline-end: 5px
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .woocommerce-orders-table {
        display: block
    }

    .woocommerce-orders-table thead {
        display: none
    }

    .woocommerce-orders-table :is(tbody, tfoot) {
        display: block
    }

    .woocommerce-orders-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--brdcolor-gray-300)
    }

    .woocommerce-orders-table tr:last-child {
        margin-bottom: 0
    }

    .woocommerce-orders-table :is(th, td) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
        padding: 0;
        border-bottom: none
    }

    .woocommerce-orders-table :is(th, td):not(:last-child) {
        padding-bottom: 5px;
        border-bottom: 1px dashed var(--brdcolor-gray-300)
    }

    .woocommerce-orders-table :is(th, td):before {
        content: attr(data-title);
        margin-inline-end: auto
    }
}