@font-face {
    font-family: 'Helvetica Chopard';
    font-display: swap;
    src: local("Helvetica Neue"),local("HelveticaNeue"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Roman.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Roman.woff") format("woff")
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-style: italic;
    font-display: swap;
    src: local("Helvetica Neue Italic"),local("HelveticaNeueItalic"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Italic.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Italic.woff") format("woff")
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-weight: bold;
    font-display: swap;
    src: local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Bd.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Bd.woff") format("woff")
}

@font-face {
    font-family: Walbaum;
    font-display: swap;
    src: url("../../fonts/walbaum/Walbaum18pt-Regular.woff2") format("woff2"),url("../../fonts/walbaum/Walbaum18pt-Regular.woff") format("woff")
}

@font-face {
    font-family: Walbaum;
    font-style: italic;
    font-display: swap;
    src: url("../../fonts/walbaum/Walbaum18pt-Italic.woff2") format("woff2"),url("../../fonts/walbaum/Walbaum18pt-Italic.woff") format("woff")
}

@font-face {
    font-family: Engravers;
    font-display: swap;
    src: url("../../fonts/engravers/EngraversGothicBT-Regular.woff2") format("woff2"),url("../../fonts/engravers/EngraversGothicBT-Regular.woff") format("woff")
}

.text-large {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-size: 2rem;
    letter-spacing: 1.6px
}

@media (min-width: 699px) {
    .text-large {
        font-size:2.5rem;
        letter-spacing: 2px
    }
}

@media (min-width: 1024px) {
    .text-large {
        font-size:3rem;
        letter-spacing: 2.4px
    }
}

.text-medium {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-size: 1.75rem;
    letter-spacing: 1.4px
}

@media (min-width: 699px) {
    .text-medium {
        font-size:2rem;
        letter-spacing: 1.6px
    }
}

@media (min-width: 1024px) {
    .text-medium {
        font-size:2.25rem;
        letter-spacing: 1.8px
    }
}

.text-small {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 1.375rem;
    letter-spacing: 1.4px
}

@media (min-width: 699px) {
    .text-small {
        font-size:1.5rem;
        letter-spacing: 1.2px
    }
}

@media (min-width: 1024px) {
    .text-small {
        font-size:1.5rem;
        letter-spacing: 1.2px
    }
}

.text-xsmall {
    font-family: Engravers;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 1rem;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

@media (min-width: 699px) {
    .text-xsmall {
        font-size:1rem;
        letter-spacing: 1.6px
    }
}

@media (min-width: 1024px) {
    .text-xsmall {
        font-size:1rem;
        letter-spacing: 1.6px
    }
}

.text-deco-big {
    font-family: Walbaum;
    color: #010307;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    font-size: 1.75rem;
    letter-spacing: 0.28px
}

@media (min-width: 699px) {
    .text-deco-big {
        font-size:2rem;
        letter-spacing: 0.32px
    }
}

@media (min-width: 1024px) {
    .text-deco-big {
        font-size:2.25rem;
        letter-spacing: 0.36px
    }
}

.text-deco-small {
    font-family: Walbaum;
    font-style: italic;
    color: #010307;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    font-size: 1.25rem;
    letter-spacing: 0.2px
}

@media (min-width: 699px) {
    .text-deco-small {
        font-size:1.375rem;
        letter-spacing: 0.22px
    }
}

@media (min-width: 1024px) {
    .text-deco-small {
        font-size:1.5rem;
        letter-spacing: 0.24px
    }
}

.text-overline {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.8px;
    text-transform: uppercase
}

.text-label {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.copy-large {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.copy-standard {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.copy-small {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.14px
}

.copy-tiny {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.12px
}

.link-big {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.link-standard {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.link-small {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.4px;
    text-transform: uppercase
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

@media (max-width: 1023.98px) {
    .my-account {
        padding-top:32px
    }
}

.my-account_big-spacing {
    padding: 48px
}

@media (max-width: 1023.98px) {
    .my-account_big-spacing {
        padding:24px
    }
}

@media (min-width: 1920px) {
    .my-account_big-spacing.address-book_info-item {
        margin:0 auto 24px
    }
}

.my-account_small-spacing {
    padding: 32px 24px
}

@media (max-width: 1023.98px) {
    .my-account_small-spacing {
        padding:24px
    }
}

@media (min-width: 1024px) {
    .my-account_navigation .content-desktop {
        height:100%
    }
}

.my-account_navigation .nav-items {
    list-style: none;
    padding: 0;
    margin: 0
}

.my-account_navigation.desktop {
    display: none
}

@media (min-width: 1024px) {
    .my-account_navigation.desktop {
        display:block;
        padding: 48px;
        flex: 0 0 40%;
        max-width: 600px
    }
}

.my-account_navigation.mobile {
    flex-grow: 1;
    height: auto
}

@media (max-width: 1023.98px) {
    .my-account_navigation.mobile {
        width:100%
    }
}

@media (min-width: 1024px) {
    .my-account_navigation.mobile {
        flex:1 0 60%
    }
}

@media (min-width: 1024px) {
    .my-account_navigation.mobile .nav-items {
        height:100%
    }
}

.my-account_main-content {
    padding: 48px 48px 96px 48px;
    height: 100%;
    background-color: #F2F2F3
}

@media (max-width: 1023.98px) {
    .my-account_main-content {
        padding:16px 24px
    }
}

.my-account_main-content>*:not(:last-child) {
    margin-bottom: 8px
}

@media (min-width: 1920px) {
    .my-account_main-content>*:not(:last-child) {
        width:800px;
        margin: 0 auto 24px
    }
}

.my-account_main-content>* {
    background-color: #fefefe
}

@media (min-width: 1024px) {
    .my-account_main-content {
        display:block !important
    }
}

@media (min-width: 1920px) {
    .my-account_main-content .profile-container,.my-account_main-content .password-card {
        width:800px;
        margin: 0 auto 24px;
        display: flex !important;
        flex-direction: column
    }
}

.my-account_main-content .mandatory-fields-label {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.12px;
    color: #515356;
    padding-bottom: 30px
}

.my-account_nav-btn.btn {
    padding: 16px 0px;
    border-bottom: 1px solid #F2F2F3
}

.my-account_nav-btn.btn:first-child {
    border-top: 1px solid #F2F2F3
}

@media (max-width: 1023.98px) {
    .my-account_nav-btn.btn {
        padding:16px 24px
    }
}

.my-account_nav-btn.btn .icon {
    margin: 0px 8px;
    float: left
}

@media (max-width: 1023.98px) {
    .my-account_nav-btn.btn.active>.icon {
        transform:rotate(180deg)
    }
}

@media (min-width: 1024px) {
    .my-account_nav-btn.btn.active {
        background-color:#F2F2F3;
        border-bottom: 1px solid #8D8B8B
    }
}

.my-account_nav-btn.btn.collapsed>.icon {
    transform: rotate(0deg)
}

@media (max-width: 1023.98px) {
    .my-account_title {
        padding-left:24px;
        padding-right: 24px
    }
}

.my-account_logout-btn a {
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 1023.98px) {
    .my-account_logout-btn {
        padding-left:24px;
        padding-right: 24px
    }

    .my-account_logout-btn a {
        width: 100%
    }
}

.my-account .btn-spacing,.my-account .fields-spacing {
    gap: 8px
}

@media (max-width: 1023.98px) {
    .my-account .btn-spacing,.my-account .fields-spacing {
        flex-direction:column
    }
}

.my-account .btn-spacing {
    padding-top: 32px
}

.my-account .btn-spacing button,.my-account .btn-spacing a {
    display: flex;
    justify-content: center
}

.my-account .form-group {
    max-width: 100%
}

.my-account .form-group input[type=radio] ~ label {
    margin-right: 48px
}

.my-account dt {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.12px;
    color: #6C6D70
}

.my-account .personal-info dt {
    padding-top: 32px
}

.my-account .personal-info-header {
    padding-bottom: 29px
}
