strong {
    font-weight: 500
}

.tm {
    box-sizing: border-box;
    width: 100%;
    margin: 40px 0 20px;
    background-color: #f5f5f5;
    color: #2f3032;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 25px;
}

.tm *,
.tm ::after,
.tm ::after,
.tm ::before,
.tm ::before {
    font-family: inherit;
    box-sizing: inherit;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: greyscale
}

.tm-header {
    text-align: left
}

.tm-container {
    padding: 16px
}

pexi-dpg-price::before {
    content: ' ';
}

@media screen and (min-width:650px) {
    .tm-container {
        padding: 32px
    }
}

.tm-flex {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

@media screen and (min-width:650px) {
    .tm-flex {
        align-items: center
    }
}

.tm-account {
    margin-top: 16px;
    font-size: .9375em;
    font-weight: 500;
    text-align: center
}

@media screen and (min-width:650px) {
    .tm-account {
        margin-top: 28px
    }
}

@media screen and (min-width:375px) {
    .tm-account {
        font-size: 1em
    }
}

.tm-account__call2action {
    display: block;
    min-width: 10ch;
    max-width: 300px;
    min-height: 44px;
    margin: 16px auto;
    padding: 12px .75em .25em;
    transition: 220ms all ease-in-out;
    border: 0;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tm-account__call2action:hover {
    background-color: #388f0c
}

.tm-account__call2action:focus {
    outline-color: transparent;
    outline-style: solid;
    box-shadow: 0 0 0 4px #2a6b09
}

.tm-account__call2action:active {
    background-color: #388f0c
}

.tm-account__call2action,
.tm-account__call2action:visited {
    background-color: #46b210;
    color: #fff
}

.tm-account__call2action[href] {
    text-decoration: none
}

.tm-account__call2action[type] {
    cursor: pointer
}

.tm-account__call2action[hidden] {
    display: none
}

.tm-account__call2action .tm-link {
    color: #fff;
    text-decoration: none
}

.tm-account__call2action .tm-link:hover {
    color: #fff
}

.tm-account__call2action .tm-link:focus {
    outline: 0;
    color: #fff
}

.tm-account__call2action .tm-link:visited {
    color: #fff
}

.tm-call2action {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 10ch;
    max-width: 296px;
    min-height: 44px;
    margin-top: 28px;
    margin-right: auto;
    margin-left: auto;
    padding: .25em .75em;
    transition: 220ms all ease-in-out;
    border: 0;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0486be;
    color: #fff;
}

.tm-call2action:hover {
    background-color: #036b98;
    color: white;
}

.tm-call2action:focus {
    outline-color: transparent;
    outline-style: solid;
    box-shadow: 0 0 0 4px #025072;
    color: white;
}

.tm-call2action:active {
    background-color: #036b98;
    color: white;
}

.tm-call2action:visited {
    background-color: #0486be;
    color: #fff;
}

.tm-call2action[href] {
    text-decoration: none
}

.tm-call2action[type] {
    cursor: pointer
}

.tm-call2action[hidden] {
    display: none
}

.tm-call2action__meta {
    display: block;
    padding-top: 4px;
    font-weight: 400;
    text-transform: lowercase
}

@media screen and (min-width:375px) {
    .tm-call2action__meta {
        white-space: nowrap
    }
}

.tm-call2action__suffix {
    color: #6d767e;
    font-weight: 400;
    text-align: center
}

.tm-heading {
    display: inline-block;
    margin: 0 auto .65em;
    font-family: FlamaProSemicond-Bold, "Flama Semicondensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.0625em;
    font-weight: 700;
    text-align: left;
    word-break: break-word;
    overflow-wrap: break-word
}

@media screen and (min-width:650px) {
    .tm-heading {
        font-size: 1.3125em;
        line-height: 1.3
    }
}

.tm-link {
    transition: 220ms all ease-in-out;
    font-weight: inherit;
    text-decoration: underline;
    white-space: nowrap;
    cursor: pointer;
    color: #0486be;
}

.tm-link:hover {
    color: #036b98
}

.tm-link:focus {
    outline: 2px solid #025072;
    text-decoration: none
}

.tm-link:active {
    color: #036b98;
    text-decoration: none
}

.tm-link:visited {
    color: #0486be
}

.tm-paragraph {
    display: block;
    margin: .75em auto 0;
    line-height: 1.5;
    word-break: break-word;
    overflow-wrap: break-word
}

.tm-paragraph:empty {
    display: none
}

.tm-paragraph--muted {
    color: #6d767e;
    font-size: .9375em;
    line-height: 1.2
}

.tm-paragraph {
    text-align: left
}

@media screen and (min-width:650px) {
    .tm-paragraph {
        font-size: 1.3125em;
        font-weight: 300;
        line-height: 1.3
    }
}