.Section__container {
    position:relative;
    z-index:1;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center
}
.Section__layoutContainer {
    width:100%;

}
.Section__layout {

    padding-top: 90px;
}
.Section__masked {
    padding-bottom: 50px;
}
@media (max-width:870px) {
    .Section__masked {
        padding-bottom: 60px;
    }
}

@media (max-width:670px) {
    .Section__layout {

        padding-top: 60px;
    }
    .Section__masked {
        padding-bottom: 80px;
    }
}
.Section__backgroundMask {
    position:absolute;
    width:100%;
    height:100%;
    overflow:visible
}
.BillingInteractiveInvoice__layout {
    display:grid;
    row-gap:32px;
    -webkit-box-align:stretch;
    align-items:stretch
}
@media (min-width:950px) {
    .BillingInteractiveInvoice__layout {
        grid-template-columns:repeat(2,1fr)
    }
}
.BillingInteractiveInvoice__content {
    display:grid;
    row-gap:24px
}
@media (min-width:950px) {
    .BillingInteractiveInvoice__content {
        padding-right:92px
    }
}
.BillingInvoice {
    height:100%;
    min-height:540px;margin-bottom: 0px;
}

.BillingInvoice__card {
    font-size:14px;
    padding:20px 16px 12px
}
.BillingInvoice__card,
.BillingInvoice__table {
    position:relative;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    height:100%
}
.BillingInvoice__table {
    -webkit-box-pack:justify;
    justify-content:space-between
}
.BillingInvoice__sections {
    position:relative
}
.BillingInvoice__title {
    font-weight:500;
    font-size:17px;
    color:var(--text-primary);
    text-align:center;
    margin-bottom:8px
}
.BillingInvoice__dateWrapper {
    position:relative;
    text-align:center;
    height:30px;

    -webkit-transform:translateX(0);
    transform:translateX(0)
}
@media (prefers-reduced-motion:no-preference) {
    .BillingInvoice__dateWrapper {
        -webkit-transition:opacity .3s,-webkit-transform .5s;
        transition:opacity .3s,-webkit-transform .5s;
        transition:opacity .3s,transform .5s;
        transition:opacity .3s,transform .5s,-webkit-transform .5s
    }
}
.BillingInvoice__row--bold {
    font-weight:425;
    color:var(--text-primary)
}
.BillingInvoice__row--subheader {
    color:var(--text-primary)
}
.BillingInvoice__section {
    position:absolute;
    top:0;
    width:100%;
    border-top:1px solid var(--bg-search);
    padding:2px 0;
    opacity:0;
    -webkit-transform:translateY(20px);
    transform:translateY(20px)
}
@media (prefers-reduced-motion:no-preference) {
    .BillingInvoice__section {
        -webkit-transition:opacity .1s,color .1s,-webkit-transform .5s;
        transition:opacity .1s,color .1s,-webkit-transform .5s;
        transition:opacity .1s,transform .5s,color .1s;
        transition:opacity .1s,transform .5s,color .1s,-webkit-transform .5s
    }
}
.BillingInvoice__row--total {
    border-top:1px solid var(--bg-search);
    padding:16px 0
}
.BillingInvoice__row {
    display:grid;
    grid-template-columns:2fr 1fr; color:var(--text-primary);
    padding:8px 0
}
@media (max-width:599px) {
    .BillingInvoice__row .BillingInvoice__price,
    .BillingInvoice__row .BillingInvoice__qty {
        display:none
    }
}
@media (min-width:600px) {
    .BillingInvoice__row {
        grid-template-columns:2fr 1fr 1fr 1fr
    }
}
.BillingInvoice__row span+span {
    text-align:right
}
.BillingInvoice__meta {
    width:100%
}
@media (prefers-reduced-motion:no-preference) {
    .BillingInvoice__meta {
        -webkit-transition:opacity .3s;
        transition:opacity .3s
    }
}
.BillingInvoice__dateWrapper--mobile {
    display:block
}
@media (min-width:600px) {
    .BillingInvoice__dateWrapper--mobile {
        display:none
    }
}
.BillingInvoice__dateWrapper--desktop {
    display:none
}
@media (min-width:600px) {
    .BillingInvoice__dateWrapper--desktop {
        display:block
    }
}
.BillingInvoice__meta:last-of-type {
    opacity:0;
    position:absolute;
    left:50px;
    top:0
}
.BillingInvoice__indent {
    padding-left:16px
}
.BillingInvoice__row--total {
    font-weight:500;
    font-size:17px;
    color:var(--text-primary)
}
.BillingInvoice__totalColumn {
    position:absolute;
    top:0;
    left:0;
    opacity:0
}
.BillingInvoice__section--active {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
@media (prefers-reduced-motion:no-preference) {
    .BillingInvoice__section--active {
        -webkit-transition:opacity .3s ease-in .2s,-webkit-transform .5s;
        transition:opacity .3s ease-in .2s,-webkit-transform .5s;
        transition:opacity .3s ease-in .2s,transform .5s;
        transition:opacity .3s ease-in .2s,transform .5s,-webkit-transform .5s
    }
}
.BillingInvoice__section--active .BillingInvoice__dateWrapper {
    -webkit-transform:translateX(-50px);
    transform:translateX(-50px);
    opacity:1
}
.BillingInvoice__section--active .BillingInvoice__dateWrapper .BillingInvoice__meta:first-of-type {
    opacity:0
}
.BillingInvoice__section--active .BillingInvoice__dateWrapper .BillingInvoice__meta:last-of-type {
    opacity:1
}
.BillingInvoice__section--highlighted {
    color:var(--text-primary)
}
.ChecklistControl {

  font-size: 15px;
    letter-spacing:.2px
}
.Copy .ChecklistControl {
    padding-left:0;
    padding-right:0
}
.ChecklistControl__list {
    margin:0;
    padding:0;
    list-style:none
}
.InvoiceControl {
    position:relative;
    min-width:0
}

.InvoiceControl .SegmentedControl {
    --horizontalOverflowSpacing:32px;
    margin:0 -20px -16px
}
@media (min-width:950px) {
    .InvoiceControl .SegmentedControl {
        display:none
    }
}
.ChecklistControlItem {
    position:relative;
    margin:12px 0;
    padding-left:24px;
    --iconColor:var(--text-primary);
    --iconScale:0.8;
    --iconOpacity:0.5;
    --timerDuration:0ms;
    --timerStrokeDashoffset:64;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.ChecklistControlItem--active {
    --iconOpacity:1;
    --iconScale:1;
    --iconColor:#3490dc
}
@media (pointer:fine) {
    .ChecklistControlItem--highlighted {
        --iconColor:var(--text-primary);
        --iconOpacity:1;
        --iconScale:1
    }
}
.ChecklistControlItem--active:hover {
    --iconColor:#3490dc
}
@media (pointer:fine) {
    .ChecklistControlItem--active:hover {
        --iconOpacity:0.8
    }
}
.ChecklistControlItem--timer {
    --timerDuration:1800ms;
    --timerStrokeDashoffset:0
}
.ChecklistControlItem__input {
    position:absolute;
    opacity:0;
    left:0;
    top:0;
    width:100%;
    height:100%;
    cursor:pointer
}
.ChecklistControlIcon__active {
    opacity:0
}
.ChecklistControlIcon__timer {
    stroke:var(--text-primary);
    stroke-dasharray:64px 64px;
    stroke-dashoffset:var(--timerStrokeDashoffset);
    -webkit-transition:stroke-dashoffset var(--timerDuration) linear;
    transition:stroke-dashoffset var(--timerDuration) linear
}
.ChecklistControlIcon__svg {
    display:block;
    fill:var(--iconColor);
    -webkit-transition:opacity .2s,-webkit-transform .2s;
    transition:opacity .2s,-webkit-transform .2s;
    transition:opacity .2s,transform .2s;
    transition:opacity .2s,transform .2s,-webkit-transform .2s;
    -webkit-transform:scale(var(--iconScale));
    transform:scale(var(--iconScale));
    opacity:var(--iconOpacity)
}
.ChecklistControlIcon__active,
.ChecklistControlIcon__inactive {
    -webkit-transition:opacity .2s;
    transition:opacity .2s
}
.ChecklistControlItem--active .ChecklistControlIcon__inactive {
    opacity:0
}
.ChecklistControlItem--active .ChecklistControlIcon__active {
    opacity:1
}
.ChecklistControlItem--active .ChecklistControlItem__title {
    color:var(--text-primary);
    -webkit-transition:color .3s;
    transition:color .3s
}
.ChecklistControlItem__title {
    font-weight:500;
    font-size: 0.91rem;margin-bottom: 0.2rem;
}
.ChecklistControlItem__body {
    margin-bottom:16px;
    color: var(--text-comonbody);
}
.ChecklistControlItem__icon {
    position:absolute;
    top:2px;
    left:-3px;
    pointer-events:none
}
.ChecklistControlItem__link {
    font-weight:500;
    color:#3490dc
}
.ChecklistControl--hasTitle .ChecklistControlItem__link,
.SiteFooterSection .ChecklistControlItem__link {
    font-weight:400
}
.Copy__body {
    padding: 0px;
    font-size: 0.87rem!important;
    color: var(--text-primary)!important;
}
.Copy__title {
    position: relative;
    font: 500 18px/1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;
    color: #fff;
    letter-spacing: 0.2px;
    padding: 0 32px 0 0px;
}
.Copy, .Copy__header {
    display: grid;
    row-gap: 0px!important;
}
.form-control, .input-group-append {
    background-color: var(--bg-main);
    color: #2e83bc;border-radius: 16.5px;
}
.form-control{
    border: 1px solid var(--amber-wait-border);
}
.partisan-Section {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
.btn {
    font-size: 0.89rem!important;
}
.Copy__caption {
    color: var(--button-secondary-fg)!important;
}
.Card {
    background: var(--bg-phone)!important;
}
.Card--border {
    border: 1px solid var(--amber-wait-border);
}
.copied::after {
    position: absolute;
    top: 12%;
    right: 110%;
    display: block;
    content: "copied";
    font-size: 0.85em;
    padding: 4px 5px;
    color: #fff;
    background-color: var(--link-color);
    border-radius: 3px;
    opacity: 0;
    will-animate: opacity, transform;
    animation: showcopied 1.5s ease;
}

@keyframes showcopied {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    70% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
    }
}
.btn-affilate{font-size: 13px!important;height: 38px!important;
    line-height: 35px!important;margin-left: 5px}