* {
    margin: 0;
    padding: 0;
    border: 0
}

ul {
    list-style: none
}

html {
    height: 100%
}

body {
    min-height: 100%
}

#docs {
    left: 0;
    width: 100%;
    min-height: 100%;
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

#docs, #sidebar {
    position: relative;
    top: 0;
    background: #FFF;
}

#sidebar {
    bottom: 0;
    background: #F6F6F6;
    flex: 0;
    display: flex;
    z-index: 5;
    flex-direction: column;
    align-items: flex-end;
    -webkit-user-select: none;
    user-select: none;
    width: calc((100% - 994px) / 2 + 226px);
    min-width: 252px;
    padding-left: calc((100% - 994px) / 2);
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
    -webkit-box-shadow: inset -20px 0 60px -20px #EEE;
    -moz-box-shadow: inset -20px 0 60px -20px #EEE;
    -o-box-shadow: inset -20px 0 60px -20px #EEE;
    box-shadow: inset -20px 0 60px -20px #EEE;
}

#sidebar .nav-border {
    position: absolute;
    top: 55px;
    right: 0;
    width: 226px;
    height: 1px;
    background: rgba(120, 134, 156, .08);
    opacity: 0;
    transition: opacity .15s ease-in-out;
    pointer-events: none
}

#sidebar.bordered .nav-border {
    opacity: 1
}

#sidebar nav {
    top: 25px;
    left: calc(100% - 452px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    padding-top: 87px;
    padding-bottom: 25px;
    padding-left: 226px
}

#sidebar nav, .overlay {
    position: absolute;
    bottom: 0;
    right: 0
}

.overlay {
    top: 0;
    left: 0;
    background: hsla(0, 0%, 100%, .8);
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.overlay.visible {
    opacity: 1
}

h1, h2, h3 {
    margin-left: 0;
    padding-left: 0;
}

#doc {
    position: relative;
    top: -48px;
    display: flex;
    border-bottom: 1px solid rgba(120, 134, 156, .08);
    margin-bottom: -40px;
    flex-shrink: 0;
    min-width: 100%
}

#sidebar .logo {
    overflow: hidden;
    position: absolute;
    transform: translateZ(0);
    z-index: 10;
    top: 14px;
    right: 0;
    width: 226px;
    margin: 0 0 0 -1px
}

#sidebar .logo a.site {
    display: inline-block;
    position: relative;
    width: 62px;
    height: 25px;
    background-image: url(/img/documentation/logo.svg);
    top: 1px
}

#sidebar .logo a.extension {
    display: inline-block;
    height: 22px;
    padding-left: 4px;
    padding-top: 3px;
    font-size: 20px;
    line-height: 20px;
    vertical-align: top;
    color: #0099e5;
    font-weight: 600;
    text-decoration: none
}

#sidebar .logo a:hover {
    opacity: .8
}

#content-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
    outline: none;
    padding: 0 100px 20px 100px;
}

@media screen and (max-width: 991px) {
    #content-wrapper {
        padding: 0 15px 20px 15px;
    }
}

@media screen and (max-width: 425px) {
    #content-wrapper {
        padding: 0;
    }
}

.footer {
    position: relative;
    bottom: 150px;
}

#content-wrapper.has-overlay {
    z-index: 15
}

#content {
    position: relative;
    margin: 124px 25px;
    padding: 20px;
    overflow-x: hidden;
    word-wrap: break-word;
    white-space: initial;
    background: white;
}

#content, header#main-header {
    margin: 95px auto 0;
    max-width: 846px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
}

header#main-header ul {
    text-align: right
}

header#main-header li {
    display: inline-block
}

header#main-header a {
    font-size: 15px;
    line-height: 55px;
    padding-left: 30px;
    color: #0099e5
}

header#main-header a:hover {
    color: #32325d
}

header#main-header .button a:after {
    font: normal 16px StripeIcons;
    content: "\279D";
    padding-left: 5px
}

#loading-bar {
    background: #0099e5;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    transition: opacity .25s ease-in-out, width .4s ease-in-out;
    width: 0;
    transform-origin: 0 0;
    will-change: opacity, width
}

#loading-bar.hidden {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    pointer-events: none
}

#sidebar h1, #sidebar h1 a {
    display: block;
    font-size: 17px;
    color: #0d2b3e;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 0 8px
}

#sidebar h1.legal {
    padding-left: 30px
}

#sidebar h1.legal:hover, #sidebar h1.legal a:hover {
    font-weight: 600 !important;
}

h1 > a.active {
    color: #00A4E2 !important;
    font-weight: 600 !important;
}

#sidebar h1 a {
    cursor: pointer;
    text-decoration: none
}

#sidebar h1 a:active {
    opacity: .8
}

#sidebar h1.references {
    margin-top: 8px;
    padding-top: 5px;
    border-top: 1px solid rgba(120, 134, 156, .08)
}

#sidebar h1:hover {
    cursor: pointer;
}

#sidebar ul {
    padding-left: 30px;
    overflow: hidden
}

#sidebar ul.hidden {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

#sidebar ul li {
    overflow: hidden
}

/*
#sidebar nav h1:nth-of-type(4),
#sidebar nav h1:nth-of-type(6) {
    margin-bottom: 40px
}
*/

#sidebar ul li.category {
    font-weight: 600;
    font-size: 12px;
    color: #939da3;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 4px
}

#sidebar ul li.category:not(:first-child) {
    margin-top: 14px
}

#sidebar ul li a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #4c555a;
    text-decoration: none;
    min-height: 28px;
    line-height: 20px;
    padding: 4px 0
}

#sidebar ul li a:hover {
    font-weight: 600
}

#sidebar ul li a:active {
    color: #181a1a;
    font-weight: 600
}

#sidebar a.external {
    padding-right: 40px;
    position: relative
}

#sidebar a.external:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 14px;
    width: 16px;
    height: 12px;
    background-image: url(/img/documentation/icon-external-link.svg);
    background-size: 100% 48px;
    background-position: 0 0;
    background-repeat: no-repeat
}

#sidebar a.external:active:after {
    background-position: left -12px
}

#sidebar ul li.separator {
    margin-top: 8px;
    padding-top: 5px;
    border-top: 1px solid rgba(120, 134, 156, .08)
}

#sidebar h1 a.selected, #sidebar ul li a.selected {
    color: #0099e5;
    font-weight: 600
}

#sidebar ul ul {
    border-left: none;
    padding-left: 0
}

#sidebar ul ul li:last-child {
    margin-top: 0;
    margin-bottom: 0
}

#sidebar ul ul li a {
    padding-left: 18px
}

article h1 {
    font-size: 33px;
    color: #0d2b3e;
    font-weight: 600;
    line-height: 1.2;
}

@media screen and (max-width: 580px) {
    header h1,
    #subscription-agb h1 {
        font-size: 2em;
    }
}

article h2 {
    font-size: 22px
}

article h2, article h3 {
    color: #282828;
    font-weight: 600
}

article h3 {
    font-size: 20px
}

article h4, article h5, article h6 {
    font-size: 17px;
    color: #282828;
    font-weight: 600
}

article blockquote, article dl, article ol, article p, article table tbody, article ul {
    color: #373e42;
    white-space: normal;
    display: block;
    word-break: break-word;
    word-wrap: initial;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: -.004em;
}

@media screen and (max-width: 768px) {
    article blockquote, article dl, article ol, article p, article table tbody, article ul {
        font-size: 16px;
        line-height: 24px;
    }
}

article p:not(:first-child) {
    padding-top: 17px
}

article blockquote:not(:first-child) {
    margin-top: 17px
}

article .image:first-child + p, article aside:first-child + p {
    padding-top: 0
}

article h1 ~ p {
    padding-top: 20px
}

article h2 ~ p {
    padding-top: 11px
}

article h3 ~ p {
    padding-top: 7px
}

article h4 ~ p, article h5 ~ p, article h6 ~ p {
    padding-top: 5px
}

article h2 {
    margin-top: -20px;
    padding-top: 20px
}

article h2:not(:first-child), article li h2 {
    margin-top: 18px;
    padding-top: 20px
}

article h3 {
    margin-top: -16px;
    padding-top: 16px
}

article h3:not(:first-child), article li h3 {
    margin-top: 18px;
    padding-top: 16px
}

article li h3, article li h4 {
    padding-top: 0
}

article h4, article h5, article h6 {
    margin-top: -10px;
    padding-top: 10px
}

article h4:not(:first-child), article h5:not(:first-child), article h6:not(:first-child), article li h4, article li h5, article li h6 {
    margin-top: 20px;
    padding-top: 10px
}

article ol li h2, article ol li h3, article ol li h4, article ol li h5, article ol li h6 {
    margin-top: 0;
    padding-top: 0
}

article header {
    padding: 0 0 0;
    border-bottom: 2px solid #f4f6f7;
    max-width: 658px;
    margin: 0 auto 20px;
}

article section + header {
    padding-top: 39px
}

article section {
    border-bottom: 2px solid #f4f6f7;
    padding: 39px 0;
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.5s; /* Firefox < 16 */
    -ms-animation: fadein 1.5s; /* Internet Explorer */
    -o-animation: fadein 1.5s; /* Opera < 12.1 */
    animation: fadein 1.5s;
}

article section.col-xs-12 {
    border-bottom: 0;
    padding: 20px 0 0;
    margin-bottom: -20px !important;
}

article section:after {
    content: "";
    display: block;
    clear: both
}

article footer {
    padding: 39px 0
}

article aside.note {
    float: right;
    border-radius: 5px;
    border: 1px solid #f0f4f7;
    border-left-width: 2px;
    width: 262px;
    padding: 16px;
    margin: 15px 0 20px 40px;
    position: relative;
    z-index: 2
}

article aside.note:first-child {
    margin-top: 0
}

article aside.note h3 {
    font-size: 15px;
    color: #373e42;
    font-weight: 600
}

article aside.note p:not(:first-child) {
    padding-top: 10px
}

article aside.note p, article aside.note ul {
    font-size: 13px;
    color: #373e42;
    line-height: 18px
}

article aside.note ul li {
    padding-left: 25px
}

article aside.note ul li:before {
    top: 7px;
    width: 4px;
    height: 4px
}

article aside.important:not(:first-child) {
    margin-top: 20px
}

article aside.important:not(:last-child) {
    margin-bottom: 10px
}

article a.external {
    position: relative;
    padding-right: 20px
}

article code, article strong {
    font-weight: 600;
    color: #0d2b3e;
}

article code {
    font-family: Source Code Pro, monospace
}

article li > code, article p code {
    background: #f5f7f7;
    border-radius: 5px;
    padding: 3px 6px;
    margin: 0 1px
}

article ol, article ul {
    counter-reset: a;
    list-style: none
}

article ol:not(:first-child), article ul:not(:first-child) {
    margin-top: 2px
}

article li > ol, article ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 30px;
}

body.faq article li > ol,
body.faq article ul {
    -webkit-padding-start: 0;
}

article ol > li,
article ul > li {
    position: relative;
    margin: 10px 0;
    padding-left: 0
}

article ul > li.noDot:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    background: transparent;
    display: none;
}

article ul > li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    background: #939da3
}

article li > .code {
    margin-top: 12px !important
}

article li > .code:last-child {
    margin-bottom: 18px
}

article ol > li:before {
    counter-increment: a;
    content: counter(a);
    background: #939da3;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    padding: 4px 0;
    height: 11px;
    width: 19px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 3px
}

article .tabs:not(:first-child) {
    margin-top: 18px
}

.hideableFooter {
    display: none;
}

@media screen and (max-width: 992px) {
    #sidebar {
        display: none;
    }

    #content-wrapper {
        min-width: 100%;
    }

    #content {
        margin: 94px auto 0;
        width: auto;
    }
}

.illustration_photo {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    margin-top: 15px;
!important;
}

.max-width100percent {
    max-width: 100% !important;
}

.common_questions_and_resources {
    padding: 0;
    font-size: 1.25rem;
    margin-bottom: 60px;
}

.common_questions_and_resources .section_content {
    width: 60rem;
    margin: 0 auto;
    padding: 0 0 0 15.625rem
}

.common_questions_and_resources p {
    margin-bottom: .75rem;
    line-height: 1.75rem;
}

@media screen and (max-width: 480px) {
    .common_questions_and_resources .question_category {
        padding-top: 0
    }
}

.common_questions_and_resources ul.question_list {
    list-style: none !important;
    margin-left: 0;
    margin-bottom: 0;
    line-height: normal;
}

.common_questions_and_resources ul.question_list li {
    border-bottom: none;
    margin: 0;
    height: 90px;
    padding: 10px 0;
    text-align: left;
    border-radius: 6px;
    border-left: 2px solid transparent;
}

.common_questions_and_resources ul.question_list li.expanded {
    background-color: rgb(255, 246, 199);
    border-left: none;
    height: auto;
    margin-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.common_questions_and_resources ul.question_list li.expanded > h4 {
    margin-top: 5px;
}

.common_questions_and_resources ul.question_list li.expanded + li.expanded {
    margin-top: 0;
}

.common_questions_and_resources ul.question_list li h4 {
    margin-bottom: 1rem;
    margin-top: 0;
    float: left;
    width: 100%;
    line-height: 1.7em;
}

.common_questions_and_resources ul.question_list li h4 a {
    display: block;
    position: relative;
    padding-right: 20px;
    color: #2b3645;
    font-weight: 500;
    font-size: 24px;
}

.common_questions_and_resources ul.question_list li h4 a:hover {
    color: #2b3645;
    text-decoration: none
}

.common_questions_and_resources ul.question_list li h4 a i {
    float: right;
    text-align: right;
    margin-left: 30px;
    padding-right: 13px;
    position: absolute;
    right: 10px;
    color: #68686f;
}

.common_questions_and_resources ul.question_list li h4 a:hover i {
    color: #282828;
}

.common_questions_and_resources ul.question_list li p,
.common_questions_and_resources ul.question_list li ul {
    display: none;
    padding-right: 1em;
    font-size: 1em;
    line-height: 1.4;
    color: #68686f;
    margin-top: 0 !important;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.common_questions_and_resources ul.question_list li li {
    border-bottom: none;
    margin-bottom: .75rem;
    padding-top: 0;
    padding-bottom: 0;
    list-style-type: disc
}

.common_questions_and_resources ul.question_list li.expanded h4 a i.fa {
    color: #9e9ea6
}

.common_questions_and_resources ul.question_list li.expanded p,
.common_questions_and_resources ul.question_list li.expanded ul {
    display: block;
    -webkit-animation: fadein .8s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein .8s; /* Firefox < 16 */
    -ms-animation: fadein .8s; /* Internet Explorer */
    -o-animation: fadein .8s; /* Opera < 12.1 */
    animation: fadein .8s;
}

.common_questions_and_resources ul.question_list li.expanded:hover h4 a i.fa {
    color: #282828
}

.common_questions_and_resources ul.question_list li.expanded h4 a i.fa:before {
    content: '\f147';
}

.story-container,
.story > .col-xs-12:not(.footer) {
    margin: 0 auto;
    max-width: 658px;
}

h2.bio-name {
    font-size: 26px;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    line-height: 1;
    margin-bottom: 4px;
    padding-top: 0;
}

@media only screen and (min-width: 740px) {
    h2.bio-name {
        font-size: 26px;
        font-weight: 600 !important;
        letter-spacing: -0.01em;
        line-height: 1;
        margin-bottom: 4px;
    }
}

@media only screen and (min-width: 1020px) {
    h2.bio-name {
        font-size: 26px;
        font-weight: 600 !important;
        letter-spacing: -0.01em;
        line-height: 1;
        margin-bottom: 4px;
    }
}

.grid-container {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

.grid-container--fullWidth {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width: 740px) {
    .grid-container {
        width: auto
    }
}

@media only screen and (min-width: 1020px) {
    .grid-container {
        width: auto
    }
}

@media only screen and (min-width: 1180px) {
    .grid-container {
        width: auto
    }
}

.grid-row {
    zoom: 1;
    position: relative;
    margin-left: -15px;
    margin-right: -15px
}

.grid-row:before, .grid-row:after {
    content: " ";
    display: table
}

.grid-row:after {
    clear: both
}

.bioCard {
    display: block;
    padding: 10px 0;
    min-height: 80px
}

.bioCard-portrait {
    float: left;
    width: 60px;
    height: 60px;
    position: relative;
    top: -5px
}

.bioCard-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition-property: filter -webkit-filter;
    -moz-transition-property: filter -webkit-filter;
    -o-transition-property: filter -webkit-filter;
    transition-property: filter -webkit-filter;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms
}

.bioCard:hover .bioCard-image {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0)
}

.bioCard-highlight {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    z-index: -200;
    opacity: 0
}

.supports.csstransforms.borderradius .bioCard-highlight {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform opacity;
    -moz-transition-property: transform opacity;
    -o-transition-property: transform opacity;
    transition-property: transform opacity;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(.46, .265, .285, 1.635)
}

.supports.csstransforms.borderradius .bioCard:hover .bioCard-highlight {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    opacity: 1
}

.bioCard-text {
    margin-left: 75px
}

.bioCard-text--noShortBio {
    margin-top: 10px
}

.bioCard-text--noTitle {
    margin-top: 10px
}

.bioCard-name {
    margin: 0;
    font-size: 18px
}

.bioCard-title {
    font-size: 14px;
    font-weight: 600;
    color: #212121;
    margin: .2em 0 0 0
}

.bioCard-bio {
    font-size: 14px;
    display: block;
    color: #757575;
    line-height: 1.4
}

@media only screen and (min-width: 740px) {
    .bioCard {
        padding: 20px 0;
        min-height: 140px
    }

    .bioCard-portrait {
        width: 100px;
        height: 100px;
        top: -10px
    }

    .bioCard-image {
        width: 100px
    }

    .bioCard-highlight {
        width: 100px;
        height: 100px
    }

    .bioCard-text {
        margin-left: 120px
    }

    .bioCard-title {
        font-size: 16px;
        margin: .15em 0
    }

    #investing {
        padding-top: 40px
    }
}

.bio-header {
    margin: 50px 0 10px;
    zoom: 1
}

.bio-header:before, .bio-header:after {
    content: " ";
    display: table
}

.bio-header:after {
    clear: both
}

.bio-photo {
    width: 99px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 50%;
    margin-bottom: 15px;
    margin-top: 10px;
    height: 99px;
}

.bio-name {
    margin: 0
}

.bio-title {
    font-size: 18px;
    margin-top: 0;
    padding-top: 0 !important;
}

.bio-contents {
    font-size: 16px
}

.bio-contents p {
    margin: 0 0 1em 0;
}

@media only screen and (min-width: 500px) {
    .bio-photo {
        float: left
    }

    .bio-headerText {
        margin-left: 119px;
        padding-top: 0;
    }
}

.bio-contents p {
    line-height: 1.6 !important;
    font-size: 18px !important;
}

@media only screen and (min-width: 740px) {
    .bio-header {
        margin: 50px 0 10px
    }

    .bio-photo {
        width: 130px;
        height: 130px;
        margin-top: -5px;
    }

    .bio-headerText {
        margin-left: 159px;
        padding-top: 0;
    }

    .bio-contents {
        font-size: 18px;
        line-height: 1.8
    }
}

.assurance-elem {
    background-position: left center;
    margin: 0 15px 0 0;
    background-repeat: no-repeat;
    background-size: auto 80px;
    display: inline-block;
    height: 100px;
    width: 100px;
}

.assurance-elem.aicpa {
    background-image: url(/static/images/docs/aicpa.png);
}

.assurance-elem.iso {
    background-image: url(/static/images/docs/iso27001.png);
}

.assurance-elem.soc {
    background-image: url(/static/images/docs/soc3.png);
}

.assurance-elem.pci {
    background-image: url(/static/images/docs/pci.png);
    width: 230px;
}

@media screen and (max-width: 425px) {
    .assurance-elem {
        background-size: auto 65px;
        margin-right: 10px;
        width: 80px;
    }

    .assurance-elem.pci {
        width: 200px;
    }

    article section.col-xs-12 {
        text-align: left !important;
    }
}

#content div[role="main"] > .col-xs-12:not(.rollup_modal) {
    padding-bottom: 40px;
}

.rollup_modal.rollup_helper {
    width: calc(100% + 40px);
    height: 69px !important;
    position: relative;
    margin: 30px 0 0 -20px;
    bottom: 0;
    top: initial !important;
}

@media screen and (max-width: 425px) {
    .rollup_modal.rollup_helper {
        width: calc(100% + 20px);
        margin: 0 0 0 -10px;
    }
}

.rollup_modal.rollup_helper .rollup_modal_btn .ts_icon.back,
.rollup_modal.rollup_helper .rollup_modal_btn .ts_icon.up {
    top: 0;
    background-position: center center;
}

.rollup_modal.rollup_helper .rollup_modal_btn.rollup_modal_back_btn,
.rollup_modal.rollup_helper .rollup_modal_btn.rollup_modal_up_btn {
    left: 0;
    top: 0;
    background: white;
    box-shadow: none;
}

.rollup_modal.rollup_helper .rollup_modal_btn.rollup_modal_up_btn {
    right: 0;
    left: initial;
}

@media only screen and (max-width: 768px) {
    .rollup_modal.rollup_helper .rollup_modal_btn .ts_icon.back,
    .rollup_modal.rollup_helper .rollup_modal_btn .ts_icon.up {
        height: 3em;
    }
}

.rollup_modal.topper {
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    top: 97px !important;
    left: 10%;
    left: calc(50vw - 820px / 2);
    overflow-y: hidden;
}

.rollup_modal.topper.listing-creator {
    top: 60px !important;
    left: 5px;
}

@media only screen and (max-width: 768px) {
    .rollup_modal.topper {
        top: 65px !important;
        left: 10px;
    }

    .rollup_modal.topper.listing-creator {
        top: -5px !important;
        left: 10px;
    }
}

.rollup_modal.topper .rollup_modal_btn .ts_icon.back {
    top: 0;
    background-position: center center;
}

.rollup_modal.topper .rollup_modal_btn.rollup_modal_back_btn {
    left: 0;
    top: 8px;
    background: white;
    box-shadow: none;
}

.rollup_modal.topper.listing-creator {
    background: transparent;
}

@media only screen and (max-width: 768px) {
    .rollup_modal.topper .rollup_modal_btn .ts_icon.back {
        height: 3em;
    }
}