/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/LevelIcon.vue?vue&type=style&index=0&id=7da587c3&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.level-icon[data-v-7da587c3] {
  width: 4.625rem;
  height: 4.625rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-action-secondary);
}
.level-icon.disabled[data-v-7da587c3]{
  opacity: 0.35;
}
.level-icon--circle[data-v-7da587c3] {
  border-radius: 4.625rem;
}
.level-icon_image[data-v-7da587c3] {
  width: 100%;
  height: auto;
  display: block;
}
.level-icon--square[data-v-7da587c3]{
  padding: 2.25rem 0 1.5rem;
  width: 10.625rem;
  height: auto;
  border-radius: 8px;
}
.level-icon--square + .level-icon--square[data-v-7da587c3]{
  margin-left: 1.875rem;
}
.level-icon_info[data-v-7da587c3]{
  margin-top: 0.75rem;
}
.level-icon--circle .level-icon_info[data-v-7da587c3]{
  display: none;
}
.level-icon_info-title[data-v-7da587c3]{
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.level-icon_info-text[data-v-7da587c3]{
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (max-width: 767px){
.level-icon--square + .level-icon--square[data-v-7da587c3]{
    margin-left: 0;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/MiniProfileStat.vue?vue&type=style&index=0&id=5fc7e071&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.mini-profile-stat {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.625rem 0.625rem;
  background: var(--main-secondary-default);
  border-radius: 0.5rem;
}
.mini-profile-stat.--center{
  justify-content: space-around;
  text-align: center;
}
.mini-profile-stat__header,
.mini-profile-stat__value {
  display: block;
}
.mini-profile-stat__header {
  font-size: .8rem;
  line-height: 1.5rem;
}
.mini-profile-stat__value {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px){
.mini-profile-stat{
    justify-content: space-around;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/AccountMenu.vue?vue&type=style&index=0&id=232dccd9&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.account-container{
        margin-top: 100px;
}
.menu{
        padding: 15px;
}
.person-card-avatar .level-icon{
        cursor: pointer;
}
.person-card-avatar-fallback{
        width: 4.625rem;
        height: 4.625rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background-color: var(--bg-action-secondary);
        color: var(--main-default);
}
.person-card-name{
        font-weight: 600;
        line-height: 1.375rem;
        color: var(--text-primary);
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: .75rem;
}
.person-card{
        display: flex;
        flex-direction: row;
        margin: 0 -15px;
        margin-bottom: .75rem;
}
.mini-profile-stat{
        margin: 0 -15px;
        margin-bottom: 0;
}
.main-menu{
        padding: 0;
        margin: 2.5rem -15px;
}
.main-menu b{
        font-size: 14px;
        font-weight: 700;
        line-height: 1.29;
        color: var(--text-primary);
}
.main-menu a{
        display: block;
        font-size: 1rem;
        padding: 0;
        font-weight: 500;
        line-height: 1.625rem;
        color: var(--text-primary);
        padding-bottom: .25rem;
}
.main-menu a > span{
        display: inline-block;
        padding: 5px 0;
        border-radius: 6px;
        padding: .375rem 0.75rem;
        width: 100%;
}
.main-menu a.router-link-exact-active > span, .main-menu a:hover > span{
        color: var(--text-primary);
        background: var(--main-secondary-default);
        position: relative;
}
.person-card-avatar{
        padding: 0;
}
.main-menu--short .main-menu-link{
        display: none;
}
.main-menu--short .main-menu-link--active{
        display: block;
}
.main-menu .menu-arrow-back,
    .main-menu .menu-arrow-next{
        display: none;
}
.main-menu--short .menu-arrow-back{
        display: inline-block;
}
@media only screen and (max-width: 767px){
.menu{
            padding: 0;
}
.account-container{
            margin-top: 0;
            padding: 0 12.5px;
}
.row .person-card{
            margin: 0;
}
.menu .person-card{
            margin-top: 1rem;
}
.person-card-name{
            font-size: 1rem;
}
.person-card-avatar .level-icon{
            width: 3.75rem;
            height: 3.75rem;
}
.person-card-avatar .person-card-avatar-fallback{
            width: 3.75rem;
            height: 3.75rem;
}
.main-menu{
            width: 100%;
            margin: 1.5rem 0 0 0;
            box-sizing: content-box;
}
.main-menu::-webkit-scrollbar {
            display: none;
}
.main-menu li{
            display: block;
}
.main-menu li a > span{
            display: block;
            width: auto;
            padding: 1rem 0;
            line-height: 1.25rem;
            border-radius: 0;
            position: relative;
}
.main-menu li a:hover > span{
            background: transparent;
}
.main-menu .menu-arrow-next{
            display: block;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
}
.main-menu .menu-arrow-next svg{
            width: 1.5rem;
            height: 1.5rem;
            color: var(--text-primary);
}
.main-menu--short{
            margin-top: 0;
}
.main-menu--short .menu-arrow-next{
            display: none;
}
.main-menu--short a > span{
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
}
.main-menu--short a.router-link-exact-active > span, .main-menu--short a:hover > span{
            color: var(--text-primary);
            background: transparent;
            position: relative;
}
.main-menu--short .menu-arrow-back{
            position: absolute;
}
.main-menu--short .menu-arrow-back svg{
            width: 1.5rem;
            height: 1.5rem;
}
.main-menu--short li + li{
            margin-left: 0;
}
.main-menu--short .main-menu-link-text{
            width: 100%;
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
}
.mini-profile-stat{
            margin: 1.5rem 0 0;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/BackButton.vue?vue&type=style&index=0&id=794c9ca3&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.back-button{
    margin: 5px;
    margin-top: .5rem;
    position: relative;
    display: block;
    font-size: 1rem;
    padding: 0;
    font-weight: 500;
    line-height: 1.625rem;
    color: var(--text-primary);
}
.back-button__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}
.back-button__arrow svg {
    width: 1.5rem;
    height: 1.5rem;
}
.back-button__text{
    padding: 1rem 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/base/table.vue?vue&type=style&index=0&id=3829fc63&lang=postcss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.custom-table{
    margin-bottom: 4rem;
}
.custom-table > table{
    width: 100%;
}
.custom-table > table tr th{
    color: var(--text-tertiary);
    border-bottom: 1px solid var(--other-tertiary);
}
.custom-table > table tr th{
    border-top: 1px solid var(--other-tertiary);
}
.custom-table > table tr th:first-child{
    margin-left: -0.5px;
    border-top-left-radius: .5rem;
    border-left: 1px solid var(--other-tertiary);
    display: block;
}
.custom-table > table tr th:last-child{
    margin-right: -0.5px;
    border-top-right-radius: .5rem;
    border-right: 1px solid var(--other-tertiary);
    display: block;
}
.custom-table > table tr td:first-child{
    border-left: 1px solid var(--other-tertiary);
}
.custom-table > table tr td:last-child{
    border-right: 1px solid var(--other-tertiary);
}
.custom-table > table tr:last-child{
    border-bottom: 1px solid var(--other-tertiary);
}
.custom-table > table tr th, .custom-table > table tr td{
    line-height: 24px;
    color: var(--text-tertiary);
    padding: 1rem 1.5rem;
    text-align: left;
}
.custom-table > table tr td{
    color: var(--text-primary);
}
.table-title
{
    width: 100%;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
}
.custom-table > .table .table-cell:last-child a
{
    color: var(--main-default);
}
.table_load-more{
    width: 100%;
    border: 1px solid var(--other-tertiary);
    border-top: 0 solid var(--other-tertiary);
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    text-align: center;
    padding: 1rem 0;
}
.table_load-more .btn{
    margin: 0;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
@media only screen and (max-width: 767px){
.table{
        table-layout: fixed;
}
.custom-table > table tr{
        position: relative;
}
.custom-table > table tr th:first-child {
        position: absolute;
        width: 100%;
        height: 100%;
}
.table-record:nth-child(2) > td{
        border-top: 0;
}
.table-record{
        /* display: flex;
        flex-direction: row;
        justify-content: space-between; */
        line-height: 2;
}
.table-cell{
        white-space: normal;
}
.table-cell-title, .table-cell-value{
        white-space: normal;
        display: inline-block;
        width: 50%;
}
.table-header th{
        height: 100%;
}
}


/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/AccountWishlist.vue?vue&type=style&index=0&id=6f7e34d2&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.account-wishlist-page .product-minicard:nth-child(n+4), .account-wishlist-page .promocard:nth-child(n+4) {
      margin-top: 2rem;
}
.account_wishlist__products{
    margin-top: 2rem;
}
.account-wishlist-page .product-minicard-image{
    box-sizing: border-box;
}
.wishlistempty{
    text-align: center;
    margin: 7.25rem 0 11.5rem 0;
}
.wishlistempty h1{
    font-size: 3rem;
    line-height: 1.5;
    margin: 2rem 0;
}
@media only screen and (max-width: 767px){
.account-wishlist-page .product-minicard:nth-child(n+4), .account-wishlist-page .promocard:nth-child(n+4) {
        margin-top: 0;
}
.account-wishlist-page .product-minicard:nth-child(n+3), .account-wishlist-page .promocard:nth-child(n+3) {
        margin-top: 1.5rem;
}
.account-wishlist-page h4{
        margin-bottom: 1.5rem;
}
.product-minicard-image{
        height: auto;
}
.wishlistempty{
        margin: 8rem 0;
}
.wishlistempty h1{
        font-size: 2rem;
        line-height: 1.5;
        margin: 2rem 0;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/AccountAddressCard.vue?vue&type=style&index=0&id=17d7acdc&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.address-stack__item[data-v-17d7acdc] {
  margin: 0;
  padding: 0;
}
.address-stack__surface[data-v-17d7acdc] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem 1.25rem;
  align-items: start;
  padding: 1.35rem 1.25rem 1.35rem 1.1rem;
  background: var(--bg-secondary, rgba(0, 0, 0, 0.045));
  border-radius: 1rem;
}
@media only screen and (min-width: 640px) {
.address-stack__surface[data-v-17d7acdc] {
    grid-template-columns: auto 1fr auto;
    padding: 1.5rem 1.5rem 1.5rem 1.25rem;
    gap: 1.25rem 1.5rem;
}
}
.address-stack__pick[data-v-17d7acdc] {
  padding-top: 0.15rem;
}
.address-stack__radio[data-v-17d7acdc] {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  cursor: pointer;
  accent-color: var(--main-default);
}
.address-stack__radio[data-v-17d7acdc]:disabled {
  cursor: wait;
  opacity: 0.5;
}
.address-stack__main[data-v-17d7acdc] {
  min-width: 0;
}
.address-stack__person[data-v-17d7acdc] {
  margin: 0 0 0.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.address-stack__address[data-v-17d7acdc] {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  letter-spacing: -0.015em;
  color: var(--text-primary);
}
.address-stack__address--muted[data-v-17d7acdc] {
  color: var(--text-tertiary);
}
.address-stack__tag[data-v-17d7acdc] {
  margin: 0.65rem 0 0;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--main-default);
}
.address-stack__actions[data-v-17d7acdc] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.75rem 1rem;
  padding-top: 0.25rem;
}
@media only screen and (min-width: 640px) {
.address-stack__actions[data-v-17d7acdc] {
    grid-column: auto;
    padding-top: 0;
    align-self: center;
}
}
.address-stack__edit[data-v-17d7acdc] {
  margin: 0;
  padding: 0.4rem 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--main-default);
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
}
.address-stack__edit[data-v-17d7acdc]:hover {
  color: var(--main-hover, var(--main-default));
}
.address-stack__delete[data-v-17d7acdc] {
  margin: 0;
  padding: 0.4rem 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text-tertiary);
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
}
.address-stack__delete[data-v-17d7acdc]:hover:not(:disabled) {
  color: var(--text-primary);
}
.address-stack__delete[data-v-17d7acdc]:disabled {
  opacity: 0.45;
  cursor: wait;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/AccountOrder.vue?vue&type=style&index=0&id=3854469e&scoped=true&lang=postcss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.orders[data-v-3854469e]{
        padding: 0 15px;
}
.order-row h5[data-v-3854469e]{
        font-size: 20px;
        font-weight: 700;
        line-height: 1.3;
        color: var(--text-primary);
        margin: 0;
}
.order-row-link[data-v-3854469e]{
        font-size: 14px;
        line-height: 1.29;
        display: block;
        margin-top: 4px;
        margin-right: 8px;
}
.order-row-status[data-v-3854469e]{
        display: inline-block;
        float:right;
        background-color: var(--main-default);
        font-size: 12px;
        line-height: 1.35;
        color: var(--bg-primary);
        padding: 2px 6px;
        border-radius: 3px;
        cursor: default;
        margin-top: 1rem;
}
.order-row .order-row-date[data-v-3854469e]{
        color: var(--text-tertiary);
        font-size: 14px;
        line-height: 1.29;
        display: inline-block;
}
.order-row .price[data-v-3854469e], .order-row-price div[data-v-3854469e]{
        margin-top: 0;
        font-size: 14px;
}
.order-row .price span[data-v-3854469e]:not(.no):not(.upsale):before {
        top: 13px;
        right: 3px;
        width: 9px;
        height: 0;
        border-bottom: 2px solid;
}
.order-row .price span[data-v-3854469e]{
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        color: var(--text-primary);
}
.order-row-product[data-v-3854469e]{
        width: 80px;
        height: 80px;
        display: flex;
        float: left;
        flex-direction: column;
        justify-content: center;
        background: var(--main-secondary-default);
        padding: .4rem;
}
.order-row-product img[data-v-3854469e]{
        width: 100%;
}
.text-right[data-v-3854469e]{
        text-align: right;
}
.order-status-row[data-v-3854469e]{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
}
.btn-order-more[data-v-3854469e]{
        margin-top: 1rem;
        padding: .2rem 1.5rem;
        border-radius: 15px;
        font-size: .8rem;
}



    /* DIMA */
.order-table[data-v-3854469e]
    {
        width: 100%;
        margin-bottom: 4rem;
}
.order-header[data-v-3854469e]
    {
        width:100%;
        padding-bottom: .5rem;
        margin-bottom: 1rem;
}
.order-title[data-v-3854469e]
    {
        margin-bottom: .5rem;
        font-weight: 400;
        font-size: 1.875rem;
        display: flex;
        align-items: center;
}
.order-status[data-v-3854469e]
    {
        font-size: .8rem;
        padding: 5px 10px;
        border-radius: .3rem;
        background: var(--main-default);
        color: var(--bg-primary);
        margin-left: 1rem;
}
.order-date-line[data-v-3854469e]
    {
        color: var(--text-primary);
        display: flex;
        align-items: center;
}
.order-date[data-v-3854469e]
    {
        margin-left: .5rem;
}
.order-body[data-v-3854469e]
    {
        margin-top: 2rem;
}
.ordered-items-header[data-v-3854469e]
    {
       font-weight: 700;
}
.order-item-wrapper[data-v-3854469e]
    {
        margin-top: 1rem;
        width: 100%;
        padding-bottom: 1rem;
        border-bottom: 1px solid black;
}
.order-item[data-v-3854469e]
    {
        display: flex;
        padding: 1rem 0 .2rem 0 !important;
}
.order-col[data-v-3854469e]
    {
        padding: 0;
        margin:0 !important;
}
.mid[data-v-3854469e]
    {
        text-align: center;
}
.right[data-v-3854469e]
    {
      text-align: right;
}
.order-info-block[data-v-3854469e]
    {
        margin-top: 2rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid black;
        line-height: 1.5rem;
}
.order-info-block.noborder[data-v-3854469e]{
        border-bottom: none;
}
.order-info-block-header[data-v-3854469e]
    {
        margin-top: 1rem;
        font-size: 1rem;
        font-weight: 700;
}
.order-flex-wrapper[data-v-3854469e]
    {
        display: flex;
        margin-top: 1rem;
}
.bottom-line-text[data-v-3854469e]
    {
        font-size: 1.5rem;
}
.bottom[data-v-3854469e]
    {
        padding-bottom: .5rem;
}
.bottom > p[data-v-3854469e]
    {
        margin-top: 3rem;
}
.bottom > p a[data-v-3854469e]
    {
        color: var(--main-default);
}
@media only screen and (max-width: 767px){
.order-page-container[data-v-3854469e]{
            margin-top: 1rem;
}
}


/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/LevelProgress.vue?vue&type=style&index=0&id=7a445a38&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.level-progress[data-v-7a445a38]{
  padding: 1.5rem;
  background: var(--main-secondary-default);
  border-radius: .5rem;
  width: 100%;
}
.level-progress__header[data-v-7a445a38]{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.level-progress__current[data-v-7a445a38]{
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--text-primary);
}
.level-progress__next[data-v-7a445a38]{
  font-weight: 500;
  font-size: 1rem;
  color: var(--main-default);
}
.level-progress__bar[data-v-7a445a38]{
  width: 100%;
  height: 0.75rem;
  background: var(--other-tertiary);
  border-radius: 0.375rem;
  overflow: hidden;
  margin-bottom: 1rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.level-progress__bar-fill[data-v-7a445a38]{
  height: 100%;
  background: linear-gradient(90deg, var(--main-default) 0%, var(--main-hover) 100%);
  border-radius: 0.375rem;
  transition: width 0.5s ease;
  box-shadow: 0 1px 3px rgba(237, 100, 45, 0.3);
}
.level-progress__info[data-v-7a445a38]{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
}
.level-progress__points[data-v-7a445a38]{
  font-weight: 600;
  color: var(--text-primary);
}
.level-progress__remaining[data-v-7a445a38]{
  color: var(--text-tertiary);
}
@media only screen and (max-width: 767px){
.level-progress[data-v-7a445a38]{
    padding: 1rem;
}
.level-progress__header[data-v-7a445a38]{
    margin-bottom: 0.75rem;
}
.level-progress__current[data-v-7a445a38]{
    font-size: 1rem;
}
.level-progress__next[data-v-7a445a38]{
    font-size: 0.875rem;
}
.level-progress__bar[data-v-7a445a38]{
    height: 0.5rem;
    margin-bottom: 0.75rem;
}
.level-progress__info[data-v-7a445a38]{
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/AccountAddressAddCard.vue?vue&type=style&index=0&id=b85e65f6&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.address-stack__item[data-v-b85e65f6] {
  margin: 0;
  padding: 0;
}
.address-stack__adder[data-v-b85e65f6] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem 1.25rem;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 1.35rem 1.25rem 1.35rem 1.1rem;
  text-align: left;
  font-family: inherit;
  background: var(--bg-secondary, rgba(0, 0, 0, 0.045));
  border: none;
  border-radius: 1rem;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.18s ease, transform 0.12s ease;
}
.address-stack__adder[data-v-b85e65f6]:hover {
  background: var(--main-secondary-default, rgba(0, 0, 0, 0.07));
}
.address-stack__adder[data-v-b85e65f6]:active {
  transform: scale(0.995);
}
@media only screen and (min-width: 640px) {
.address-stack__adder[data-v-b85e65f6] {
    grid-template-columns: auto 1fr auto;
    padding: 1.5rem 1.5rem 1.5rem 1.25rem;
    gap: 1.25rem 1.5rem;
}
}
.address-stack__adder-pick[data-v-b85e65f6] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  min-height: 1.125rem;
}
.address-stack__adder-plus[data-v-b85e65f6] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1;
  color: var(--main-default);
  background: var(--bg-primary);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.address-stack__adder-main[data-v-b85e65f6] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}
@media only screen and (min-width: 640px) {
.address-stack__adder-main[data-v-b85e65f6] {
    grid-column: 2 / -1;
}
}
.address-stack__adder-title[data-v-b85e65f6] {
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: var(--text-primary);
}
.address-stack__adder-sub[data-v-b85e65f6] {
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--text-tertiary);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/AccountOrderList.vue?vue&type=style&index=0&id=5ac127de&scoped=true&lang=postcss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.orders[data-v-5ac127de]{
        padding: 0 15px;
}
.order-row[data-v-5ac127de]{
        margin-top: 2.5rem;
}
.order-row[data-v-5ac127de]{
        margin-bottom: 4.375rem;
}
.order-row .order-row-header[data-v-5ac127de]{
        padding: 0;
}
.order-row .white[data-v-5ac127de]{
        margin-top: 1.5rem;
        padding: 0 0 16px;
}
.order-row .order-row-header.lr[data-v-5ac127de]{
        border-top-left-radius: 15px;
}
.order-row .order-row-header.rr[data-v-5ac127de]{
        border-top-right-radius: 15px;
}
.order-row h5[data-v-5ac127de]{
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 2.25rem;
        color: var(--text-primary);
        margin: 0;
        margin-top: 1.125rem;
}
.order-row-link[data-v-5ac127de]{
        font-size: 14px;
        line-height: 1.29;
        display: block;
        margin-top: 4px;
        margin-right: 8px;
}
.order-row-date[data-v-5ac127de]{
        font-size: 1rem;
        line-height: 1.625rem;
        color: var(--text-primary);
}
.order-row-status[data-v-5ac127de]{
        display: inline-block;
        float:right;
        background-color: var(--main-default);
        font-size: 16px;
        line-height: 1.625rem;
        color: var(--bg-primary);
        padding: 2px 12px;
        border-radius: 6px;
        cursor: default;
}
.order-row .price[data-v-5ac127de]{
        margin-top: 0;
        font-size: 14px;
}
.order-row .price span[data-v-5ac127de]:not(.no):not(.upsale):before {
        top: 13px;
        right: 3px;
        width: 9px;
        height: 0;
        border-bottom: 2px solid;
}
.order-row .price span[data-v-5ac127de]{
        font-size: 0.8rem;
        line-height: 1.2;
        color: var(--text-primary);
}
.order-product-couples[data-v-5ac127de]{
        margin-top: -30px;
}
.order-product-couple[data-v-5ac127de]{
        margin-top: 30px;
}
.order-row-product[data-v-5ac127de]{
        width: 100%;
        height: auto;
        display: flex;
        float: left;
        flex-direction: column;
        justify-content: center;
        background: var(--main-secondary-default);
        padding: 10px 6px;
}
.order-row-product .image__item[data-v-5ac127de]{
        width: 100%;
}
.text-right[data-v-5ac127de]{
        text-align: right;
}
.order-status-row[data-v-5ac127de]{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
}
.btn-order-more[data-v-5ac127de]{
        margin-top: 1rem;
        padding: .2rem 1.5rem;
        border-radius: 15px;
        font-size: .8rem;
}
@media only screen and (max-width: 767px){
.order-row[data-v-5ac127de]{
            margin-top: 20px;
            margin-bottom: 0;
}
.order-row-status[data-v-5ac127de]{
            margin-top: 0;
            font-size: .6rem;
            white-space: nowrap;
}
.order-row .order-row-header[data-v-5ac127de]{
                padding: 12px;
}
.order-row .white[data-v-5ac127de]{
                padding: 0 12px 6px;
}
}


/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/form/Checkbox.vue?vue&type=style&index=0&id=13d2f43c&lang=postcss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.form-check{
      margin-bottom: .5rem;
      width: 100%;
      user-select: none;
}
.form-check-input {
    position: absolute;
    opacity: 0;
}
.form-check-label{
    display: flex;
    align-items: center;
}
.form-check-input + label {
      position: relative;
      cursor: pointer;
      font-size: .875rem;
      font-weight: 400;
}
.form-check__box{
    flex-shrink: 0;
    position: relative;
}
.form-check__text{
    margin-left: .5rem;
}
.form-check__box{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px;
    background: var(--bg-primary);
    border: 1px solid var(--text-tertiary);
}
.form-check-input:checked + .form-check-label .form-check__box{
      border-color: var(--main-default);
      background: var(--main-default);
}
.form-check__box .svg-icon{
    color: var(--text-button);
}
.form-check-input:disabled + label {
    color: var(--text-tertiary);
    cursor: auto;
}
.form-check-input:disabled + .form-check__box {
    box-shadow: none;
    background: var(--other-secondary);
}
@media (max-width: 767px) {
.form-check__text{
        font-size: .875rem;
        line-height: 1.125rem;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/LoyaltyPopup.vue?vue&type=style&index=0&id=0a20c24a&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.contact-popup.loyalty-popup.loyalty-popup{
      text-align: left;
}
.loyalty-popup b{
      font-weight: 600;
}
.loyalty-popup .loyalty-popup-form .form-group{
      width: 100%;
      display: block;
}
.loyalty-popup .loyalty-popup-form .form-group label{
      display: block;
}
.loyalty-popup .loyalty-popup-form .form-group + .form-group{
      margin-top: 1rem;
}
.loyalty-popup-form{
      margin: 1.5rem 0;
      width: 100%;
}
.btn-group-contact-popup{
      text-align: right;
}
@media only screen and (max-width: 768px){
.btn-group-contact-popup{
        width: 100%;
        text-align: center;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/base/InfoHint.vue?vue&type=style&index=0&id=37f6ee44&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.info-hint {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative;
}
.info-hint__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 50%;
        border: 1.5px solid var(--text-tertiary-high);
        color: var(--text-tertiary-high);
        font-size: .675rem;
        font-weight: 600;
        line-height: 1;
        flex-shrink: 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/AccountMembership.vue?vue&type=style&index=0&id=c7dddd5a&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.membership-card-block__card{
    position: relative;
}
.membership-card-block__card-image{
    width: 100%;
}
.membership-card-block{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.membership-card-block__card-number{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    white-space: nowrap;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.11em;
    color: var(--text-button);
}
.card__info-decription{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.membership-levels{
    margin-bottom: 4.375rem;
}
.membership-levels__progress-wrapper{
    margin-bottom: 1.625rem;
}
.membership-levels__progress-wrapper .level-progress,
  .membership-levels .level-progress{
    max-width: 48rem;
    margin: 1.5rem 0;
}
.membership-levels__wrapper{
    display: inline-flex;
    flex-direction: row;
}
.membership-levels__list{
    display: flex;
    flex-direction: row;
    margin-top: 1.625rem;
    padding-right: relative;
}
.account-membership-page .account-main p{
    margin-top: 0.75rem;
}
.membership-points-info_columns{
    margin-top: 2rem;
}
.membership-points-info_columns > div{
    display: flex;
    flex-direction: column;
}
.point-description{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
}
.point-description + .point-description{
    margin-top: 1.625rem;
}
.point-description_dashed{
    width: 2rem;
    height: 0px;
    border: 1px dashed var(--other-tertiary);
    margin: 0 7px;
}
.point-description_action{
    font-size: 16px;
    line-height: 26px;
}
.membership-points-info_columns-description{
    margin-bottom: 2rem;
}
.notion-block{
    padding: 1rem 1.5rem;
    background: var(--main-secondary-default);
    border-radius: .5rem;
}
.make-buys{
    margin-top: 1.625rem;
}
.link-to-friends__header {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.link-to-friends{
    margin-top: 1rem;
    margin-bottom: 0;
}
.link-to-friends .share{
    display: flex;
    align-items: center;
    gap: .5rem;
}
.link-to-friend-buttons{
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    gap: .5rem;
}
.link-to-friends_copy{
    display: inline-block;
    background-color: var(--text-success);
    border-radius: 5px;
    color: var(--bg-primary);
    text-align: left;
    white-space: nowrap;
}
.membership-points-blocks{
    margin-top: 4.375rem;
}
.point-block{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.5rem;
    border: 1px solid var(--other-tertiary);
    border-radius: .5rem;
}
.point-block-col:nth-child(n+4){
    margin-top: 2rem;
}
.point-block_icon{
    align-self: flex-start;
    display: inline-block;
    padding: .5rem;
    font-size: 2rem;
    background: rgba(59, 104, 223, 0.07);
    border-radius: .5rem;
    color: var(--main-default);
}
.point-block_title{
    margin-top: 1.5rem;
}
.point-block_description{
    margin-top: .75rem;
    margin-bottom: 1.75rem;
    line-height: 26px;
}
.point-block_btn{
    align-self: flex-start;
    margin-top: auto;
}
.points_history_wrapper{
    margin-top: 5rem;
}
.account-membership-page .account-main b{
    font-weight: 600;
}
.card_info_row{
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1rem;
}
.card-info-wrapper{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.card-info-wrapper .link-to-friends{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card_info_row .mini-profile-stat{
    width: 100%;
    margin:0;
}
@media only screen and (max-width: 767px){
.membership-card-block__card{
      margin-bottom: 1.5rem;
}
.card__info{
      display: block;
}
.card__info + .card__info{
      font-size: 1.125rem;
      line-height: 1.5rem;
}
.card__info-decription{
      position: static;
      margin-top: .75rem;
      font-size: .875rem;
      line-height: 1.25rem;
}
.membership-levels-col:nth-child(n+3){
      margin-top: 1rem;
}
.membership-levels{
      margin: 0 0 2.5rem 0;
}
.membership-levels__progress-wrapper{
      margin-bottom: 1.5rem;
}
.card-info-wrapper{
      display: block;
      height: auto;
}
.card-info-wrapper .link-to-friends{
      margin: 2rem 0;
      flex: none;
}
.point-block-col + .point-block-col{
      margin-top: 1.5rem;
}
.membership-points-info_columns > div + div{
      margin-top: 2rem;
}
.membership-levels-col.odd:last-child{
      width: 100% !important;
}
.membership-levels-col.odd:last-child .level-icon{
      width: 100% !important;
}
.membership-levels .level-icon{
      width: 100%;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/AccountAddressPopup.vue?vue&type=style&index=0&id=2ccd8bd0&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media (min-width: 1025px) {
.account-address-popup[data-v-2ccd8bd0] > .basepopup-wrapper > .basepopup-overlay > .basepopup-content {
    width: min(32rem, calc(100vw - 1.5rem));
    max-width: 32rem;
    max-height: min(92vh, 44rem);
    border-radius: 1.125rem;
    box-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.04),
      0 1px 2px rgba(0, 0, 0, 0.06),
      0 20px 48px -12px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}
.account-address-popup[data-v-2ccd8bd0] 
    > .basepopup-wrapper > .basepopup-overlay > .basepopup-content > .basepopup-header
   {
    padding: 1.5rem 1.5rem 1.125rem;
    border-bottom: none;
}
.account-address-popup[data-v-2ccd8bd0] 
    > .basepopup-wrapper > .basepopup-overlay > .basepopup-content > .basepopup-header h2
   {
    font-size: 1.3125rem;
    padding: 0.125rem 3rem 0 0;
    letter-spacing: -0.035em;
}
.account-address-popup[data-v-2ccd8bd0] 
    > .basepopup-wrapper > .basepopup-overlay > .basepopup-content > .basepopup-header .delete-icon
   {
    top: 1.25rem;
    right: 1.25rem;
}
}
.account-address-popup[data-v-2ccd8bd0] 
    > .basepopup-wrapper > .basepopup-overlay > .basepopup-content > .basepopup-header
   {
  position: relative;
  align-items: flex-start;
  background: var(--bg-primary);
}
.account-address-popup[data-v-2ccd8bd0] 
    > .basepopup-wrapper > .basepopup-overlay > .basepopup-content > .basepopup-header h2
   {
  margin: 0;
  font-weight: 600;
  line-height: 1.25;
  color: var(--text-primary);
}
.account-address-popup[data-v-2ccd8bd0] 
    > .basepopup-wrapper > .basepopup-overlay > .basepopup-content > .basepopup-header .delete-icon
   {
  position: absolute;
  margin: 0;
  width: 2.375rem;
  height: 2.375rem;
  padding: 0;
  border-radius: 50%;
  background: var(--bg-secondary, rgba(0, 0, 0, 0.06));
  color: var(--text-tertiary);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.account-address-popup[data-v-2ccd8bd0] 
    > .basepopup-wrapper > .basepopup-overlay > .basepopup-content > .basepopup-header .delete-icon:hover
   {
  background: var(--main-secondary-default, rgba(0, 0, 0, 0.09));
  color: var(--text-primary);
}
.account-address-popup__body[data-v-2ccd8bd0] {
  padding: 0.5rem 1.5rem 2rem;
  box-sizing: border-box;
}
.account-address-popup[data-v-2ccd8bd0] 
    > .basepopup-wrapper > .basepopup-overlay > .basepopup-content > .basepopup-footer
   {
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--main-secondary-default, rgba(0, 0, 0, 0.1));
  background: var(--bg-primary);
}
.account-address-popup__footer[data-v-2ccd8bd0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.625rem 0.75rem;
  width: 100%;
  padding: 1.125rem 1.5rem 1.375rem;
  box-sizing: border-box;
}
.account-address-popup__cancel[data-v-2ccd8bd0],
.account-address-popup__submit[data-v-2ccd8bd0] {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0.875rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.25;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    opacity 0.15s ease;
}
.account-address-popup__cancel[data-v-2ccd8bd0] {
  border: 1.5px solid var(--main-secondary-default, rgba(0, 0, 0, 0.12));
  background: var(--bg-primary);
  color: var(--text-primary);
}
.account-address-popup__cancel[data-v-2ccd8bd0]:hover {
  border-color: var(--text-tertiary);
  background: var(--bg-secondary, rgba(0, 0, 0, 0.04));
}
.account-address-popup__submit[data-v-2ccd8bd0] {
  border: none;
  background: var(--main-default);
  color: var(--text-on-main, #fff);
}
.account-address-popup__submit[data-v-2ccd8bd0]:hover {
  opacity: 0.92;
}
.account-address-popup__default-row[data-v-2ccd8bd0] {
  margin-top: 0;
}
.account-address-popup__default[data-v-2ccd8bd0] {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--main-secondary-default, rgba(0, 0, 0, 0.1));
}
.account-address-popup__default[data-v-2ccd8bd0] .form-check {
  margin: 0;
  width: 100%;
}
.account-address-popup__default[data-v-2ccd8bd0] .form-check-label {
  align-items: flex-start;
  gap: 0;
  line-height: 1.375rem;
}
.account-address-popup__default[data-v-2ccd8bd0] .form-check__box {
  margin-top: 0.0625rem;
}
.account-address-popup__default[data-v-2ccd8bd0] .form-check__text {
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: var(--text-primary);
}
.account-address-popup__default-hint[data-v-2ccd8bd0] {
  margin: 0.625rem 0 0;
  padding-left: 2.25rem;
  font-size: 0.8125rem;
  line-height: 1.35;
  color: var(--text-tertiary);
}
@media (max-width: 1024px) {
.account-address-popup__body[data-v-2ccd8bd0] {
    padding: 0.25rem 1rem 1.5rem;
}
.account-address-popup__footer[data-v-2ccd8bd0] {
    padding: 1rem;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/AccountAddressesSection.vue?vue&type=style&index=0&id=e30aec12&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.addresses-section[data-v-e30aec12] {
  margin: 4rem 0 0;
  padding: 3.5rem 0 4rem;
}
.addresses-section__shell[data-v-e30aec12] {
  max-width: 42rem;
  margin: 0;
  padding-bottom: 0.5rem;
}
.addresses-section__head[data-v-e30aec12] {
  margin: 0 0 2.25rem;
}
.addresses-section__title[data-v-e30aec12] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--text-primary);
}
.address-stack[data-v-e30aec12] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/form/Radio.vue?vue&type=style&index=0&id=593246f4&lang=postcss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.form-radio{
    margin-bottom: 0;
    width: 100%;
    user-select: none;
}
.form-radio-input{
    position: absolute;
    opacity: 0;
}
.form-radio-label{
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: .75rem .5rem;
    border-radius: .375rem;
    transition: all 0.2s ease;
}
.form-radio-label:hover{
    background: rgba(0, 0, 0, 0.04);
}
.form-radio-input:checked + .form-radio-label{
    background: rgba(0, 0, 0, 0.06);
}
.form-radio__circle{
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    margin-right: .875rem;
    position: relative;
    flex-shrink: 0;
    transition: all 0.2s ease;
}
.form-radio-label:hover .form-radio__circle{
    border-color: rgba(0, 0, 0, 0.4);
}
.form-radio-input:checked + .form-radio-label .form-radio__circle{
    border-color: var(--text-primary);
    background: var(--text-primary);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}
.form-radio-input:checked + .form-radio-label .form-radio__circle:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .375rem;
    height: .375rem;
    background: var(--bg-primary);
    border-radius: 50%;
}
.form-radio__text{
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--text-primary);
    transition: all 0.2s ease;
}
.form-radio-input:checked + .form-radio-label .form-radio__text{
    font-weight: 600;
}
.form-radio-input:disabled + .form-radio-label{
    opacity: 0.5;
    cursor: not-allowed;
}
@media (max-width: 767px){
.form-radio-label{
        padding: .625rem .375rem;
}
.form-radio__circle{
        width: 1.125rem;
        height: 1.125rem;
        margin-right: .75rem;
}
.form-radio-input:checked + .form-radio-label .form-radio__circle:after{
        width: .3125rem;
        height: .3125rem;
}
.form-radio__text{
        font-size: .9375rem;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/form/RadioGroup.vue?vue&type=style&index=0&id=78b8824c&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.radio-group[data-v-78b8824c] {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 1.5rem;
}
.radio-group-label[data-v-78b8824c] {
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--text-primary);
    margin-bottom: 0.75rem;
    font-weight: 500;
    display: block;
}
.radio-group-items[data-v-78b8824c] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 0.75rem;
    overflow: hidden;
    background: var(--bg-secondary);
    border: 1px solid transparent;
}
.radio-group-items[data-v-78b8824c] .form-radio {
    margin-bottom: 0;
}
.radio-group-items[data-v-78b8824c] .form-radio:not(:last-child) .form-radio-label {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.radio-group-items[data-v-78b8824c] .form-radio-label {
    border-radius: 0;
    margin: 0;
    background: var(--bg-secondary);
}
.radio-group-items[data-v-78b8824c] .form-radio-label:hover {
    background: rgba(0, 0, 0, 0.04);
}
.radio-group-items[data-v-78b8824c] .form-radio-input:checked + .form-radio-label {
    background: rgba(0, 0, 0, 0.06);
}
.radio-group-items[data-v-78b8824c] .form-radio__circle {
    border-color: var(--text-tertiary);
}
.radio-group-items[data-v-78b8824c] .form-radio-input:checked + .form-radio-label .form-radio__circle {
    border-color: var(--text-primary);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/PersonalDataPopup.vue?vue&type=style&index=0&id=08a54447&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.personal-data-popup[data-v-08a54447] label{
    font-size: 1rem;
}
.personal-data-popup[data-v-08a54447] .personal-data-form{
    padding: 2rem 2.75rem;
}
.personal-data-popup[data-v-08a54447] .basepopup-footer{
    padding: 0 2.75rem 2rem;
    display: flex;
    gap: 1rem;
}
.personal-data-popup[data-v-08a54447] .basepopup-footer .btn{
    flex: 1;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-5.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/AuthForm.vue?vue&type=style&index=0&id=30cf898a&module=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.norMlmo2zNXZk0tzNsxF {
        position: relative;
        background: var(--bg-primary);
        width: 27.5rem;
        border-radius: 1.25rem;
        padding: 2rem 2.5rem;
}
.GT3Fp3aglMgOLHZL7v9U{
        position: absolute;
        top: 1rem;
        right: 1rem;
}
.luiGSQw_ROoqDKM3lE3U{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        z-index: 5;
        top: 1rem;
        left: 1rem;
        padding: 0;
        height: 2.5rem;
        width: 2.5rem;
        background: var(--main-secondary-default);
        border-radius: 2.5rem;
}
.lXFiTtg0SYTdYuHtnGV0{
        display: flex;
        gap: .75rem;
}
.lXFiTtg0SYTdYuHtnGV0 .form-check{
        width: auto;
}
.a2_RmY7Wyq9d_vksQhBz{
        color: var(--text-tertiary);
}
._jubUFuOX1_OEHcUIsp6{
        display: flex;
        flex-direction: column;
        gap: .5rem;
}
._jubUFuOX1_OEHcUIsp6 button{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: .5rem;
}
.gXlx40NYsn7DoTrdyik5{
        display: block;
        width: 2rem;
        height: 2rem;
}
.EFyi1ipOeeTX30PtZ21Z .luiGSQw_ROoqDKM3lE3U + div{
        padding-top: 2rem;
}
.JiIKrq3SbOZGIqXt878q{
        margin-top: 1rem;
}
.G2u6wlQhfQs8ePMaqzpJ .wy7cnNdBI89rv9zprV2O{
        display: none;
}
.w4Q0ysjaJEbLCuXB1Cnu{
        display: none;
}
.G2u6wlQhfQs8ePMaqzpJ .w4Q0ysjaJEbLCuXB1Cnu{
        display: block;
}
.G2u6wlQhfQs8ePMaqzpJ .JiIKrq3SbOZGIqXt878q{
        margin-top: .25rem !important;
}
.EFyi1ipOeeTX30PtZ21Z {
        background: transparent;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
}
@media only screen and (max-width: 767px){
.norMlmo2zNXZk0tzNsxF {
            width: 100%;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/ContactVerificationPopup.vue?vue&type=style&index=0&id=ba079dda&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.contact-verification-popup[data-v-ba079dda] .basepopup-content{
    width: 27rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Account/PhoneEditPopup.vue?vue&type=style&index=0&id=5e5f5966&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.phone-edit-popup[data-v-5e5f5966] .phone-edit-form {
    padding: 2rem 2.75rem;
}
.phone-edit-popup[data-v-5e5f5966] .basepopup-footer {
    padding: 0 2.75rem 2rem;
    display: flex;
    gap: 1rem;
}
.phone-edit-popup[data-v-5e5f5966] .basepopup-footer .btn {
    flex: 1;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/AccountHome.vue?vue&type=style&index=0&id=6043b175&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.data-item-header{
    display: block;
    color: var(--text-tertiary);
    font-size: .75rem;
    line-height: 1rem;
}
.data-item-value{
    display: block;
    color: var(--text-primary);
    font-size: 1rem;
    line-height: 1.5rem;
}
.data-item + .data-item{
    margin-top: 1.5rem;
}
h4{
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--text-primary);
    margin-bottom: 1.25rem;
}
.btn-edit{
    color: var(--main-default);
    font-size: .875rem;
    line-height: 1.5rem;
}
.account-main{
    margin-bottom: 3rem;
}
@media only screen and (min-width: 768px){
.account-main{
      padding-left: 2.1875rem;
}
}
@media only screen and (max-width: 767px){
.personal-data{
      padding-top: 0;
}
.personal-data .data-item{
      margin-top: 1.5rem;
}
}
.btn-link {
    background: none;
    border: none;
    color: var(--main-default);
    text-decoration: underline;
    cursor: pointer;
    padding: 0 0.5rem;
    font-size: 1rem;
}
.btn-link:hover {
    color: var(--main-hover);
}