@charset "UTF-8";
.videoThumbWidth.youtube:after {
    background-image: url(youtube-logo-DR7LOmK7.png)
}

.videoThumbWidth.wistia:after {
    background-image: url(data:image/png;base64,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)
}

.videoThumbWidth.vimeo:after {
    background-image: url(/hello-assets/nice-to-meet-you/vimeo-logo-BY_jLCpn.png)
}

.videoThumbWidth.loom:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M35%2017.5871C35%2012.775%2032.2438%208.72812%2028.209%206.79104C26.2719%202.64687%2022.0938%200%2017.5871%200C12.775%200%208.72812%202.75625%206.79104%206.79104C2.64687%208.72812%200%2012.9062%200%2017.5871C0%2022.225%202.75625%2026.2719%206.79104%2028.209C8.72812%2032.3531%2012.9062%2035%2017.5871%2035C22.225%2035%2026.2719%2032.2438%2028.209%2028.209C32.3531%2026.2719%2035%2022.0938%2035%2017.5871ZM21.0697%2013.7562C21.505%2014.9316%2021.7662%2016.1505%2021.7662%2017.4129C21.7662%2018.6971%2021.505%2019.916%2021.0697%2021.0697C19.8943%2021.505%2018.6754%2021.7662%2017.4129%2021.7662C16.1287%2021.7662%2014.9098%2021.505%2013.7562%2021.0697C13.3209%2019.8943%2013.0597%2018.6754%2013.0597%2017.4129C13.0597%2016.1287%2013.3209%2014.9098%2013.7562%2013.7562C14.9316%2013.3209%2016.1505%2013.0597%2017.4129%2013.0597C18.6971%2013.0597%2019.8943%2013.3209%2021.0697%2013.7562ZM17.5871%202.26368C20.3973%202.26368%2023.0906%203.53491%2024.9005%205.74627C24.2541%205.56027%2023.5862%205.49563%2022.9851%205.57214C18.1134%205.49563%2013.9981%208.36129%2012.1891%2012.5373C12.102%2012.4982%2012.102%2012.4982%2012.1891%2012.5373C11.4341%2014.0064%2011.0678%2015.6224%2011.1443%2017.4129C11.0678%2018.014%2011.1324%2018.682%2011.3184%2019.3284C9.1286%2017.5185%207.83582%2014.8252%207.83582%2012.0149C7.83582%206.61604%2012.1882%202.26368%2017.5871%202.26368ZM2.26368%2017.4129C2.26368%2014.6027%203.53491%2011.9094%205.74627%2010.0995C5.56027%2010.7459%205.49563%2011.4138%205.57214%2012.0149C5.49563%2016.8866%208.36129%2021.0019%2012.5373%2022.8109C12.4982%2022.898%2012.4982%2022.898%2012.5373%2022.8109C14.0064%2023.5659%2015.6224%2023.9322%2017.4129%2023.8557C18.014%2023.9322%2018.682%2023.8676%2019.3284%2023.6816C17.5185%2025.8714%2014.8252%2027.1642%2012.0149%2027.1642C6.61604%2027.1642%202.26368%2022.8118%202.26368%2017.4129ZM17.4129%2032.3881C14.6027%2032.3881%2011.9094%2031.1168%2010.0995%2028.9055C10.7459%2029.0915%2011.4138%2029.1561%2012.0149%2029.0796C16.8866%2029.1561%2021.0019%2026.2905%2022.8109%2022.1144C22.898%2022.1536%2022.898%2022.1536%2022.8109%2022.1144C23.5659%2020.6453%2023.9322%2019.0293%2023.8557%2017.2388C23.9322%2016.6377%2023.8676%2015.9698%2023.6816%2015.3234C25.8714%2017.1333%2027.1642%2019.8266%2027.1642%2022.6368C27.1642%2028.0357%2022.8118%2032.3881%2017.4129%2032.3881ZM22.1144%2012.1891C22.1536%2012.102%2022.1536%2012.102%2022.1144%2012.1891C20.6453%2011.4341%2019.0293%2011.0678%2017.2388%2011.1443C16.6377%2011.0678%2015.9698%2011.1324%2015.3234%2011.3184C17.1333%209.1286%2019.8266%207.83582%2022.6368%207.83582C28.0357%207.83582%2032.3881%2012.1882%2032.3881%2017.5871C32.3881%2020.3973%2031.1168%2023.0906%2028.9055%2024.9005C29.0915%2024.2541%2029.1561%2023.5862%2029.0796%2022.9851C29.1561%2018.1134%2026.2905%2013.9981%2022.1144%2012.1891Z'%20fill='white'/%3e%3c/svg%3e")
}

.videoThumbWidth:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 20%;
    background-position: center;
    background-repeat: no-repeat
}

.videoThumbWidth.youtube:after {
    background-image: url(/hello-assets/nice-to-meet-you/youtube-logo-DR7LOmK7.png)
}

.videoThumbWidth.wistia:after {
    background-image: url(data:image/png;base64,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)
}

.videoThumbWidth.vimeo:after {
    background-image: url(/hello-assets/nice-to-meet-you/vimeo-logo-BY_jLCpn.png)
}

.videoThumbWidth.loom:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M35%2017.5871C35%2012.775%2032.2438%208.72812%2028.209%206.79104C26.2719%202.64687%2022.0938%200%2017.5871%200C12.775%200%208.72812%202.75625%206.79104%206.79104C2.64687%208.72812%200%2012.9062%200%2017.5871C0%2022.225%202.75625%2026.2719%206.79104%2028.209C8.72812%2032.3531%2012.9062%2035%2017.5871%2035C22.225%2035%2026.2719%2032.2438%2028.209%2028.209C32.3531%2026.2719%2035%2022.0938%2035%2017.5871ZM21.0697%2013.7562C21.505%2014.9316%2021.7662%2016.1505%2021.7662%2017.4129C21.7662%2018.6971%2021.505%2019.916%2021.0697%2021.0697C19.8943%2021.505%2018.6754%2021.7662%2017.4129%2021.7662C16.1287%2021.7662%2014.9098%2021.505%2013.7562%2021.0697C13.3209%2019.8943%2013.0597%2018.6754%2013.0597%2017.4129C13.0597%2016.1287%2013.3209%2014.9098%2013.7562%2013.7562C14.9316%2013.3209%2016.1505%2013.0597%2017.4129%2013.0597C18.6971%2013.0597%2019.8943%2013.3209%2021.0697%2013.7562ZM17.5871%202.26368C20.3973%202.26368%2023.0906%203.53491%2024.9005%205.74627C24.2541%205.56027%2023.5862%205.49563%2022.9851%205.57214C18.1134%205.49563%2013.9981%208.36129%2012.1891%2012.5373C12.102%2012.4982%2012.102%2012.4982%2012.1891%2012.5373C11.4341%2014.0064%2011.0678%2015.6224%2011.1443%2017.4129C11.0678%2018.014%2011.1324%2018.682%2011.3184%2019.3284C9.1286%2017.5185%207.83582%2014.8252%207.83582%2012.0149C7.83582%206.61604%2012.1882%202.26368%2017.5871%202.26368ZM2.26368%2017.4129C2.26368%2014.6027%203.53491%2011.9094%205.74627%2010.0995C5.56027%2010.7459%205.49563%2011.4138%205.57214%2012.0149C5.49563%2016.8866%208.36129%2021.0019%2012.5373%2022.8109C12.4982%2022.898%2012.4982%2022.898%2012.5373%2022.8109C14.0064%2023.5659%2015.6224%2023.9322%2017.4129%2023.8557C18.014%2023.9322%2018.682%2023.8676%2019.3284%2023.6816C17.5185%2025.8714%2014.8252%2027.1642%2012.0149%2027.1642C6.61604%2027.1642%202.26368%2022.8118%202.26368%2017.4129ZM17.4129%2032.3881C14.6027%2032.3881%2011.9094%2031.1168%2010.0995%2028.9055C10.7459%2029.0915%2011.4138%2029.1561%2012.0149%2029.0796C16.8866%2029.1561%2021.0019%2026.2905%2022.8109%2022.1144C22.898%2022.1536%2022.898%2022.1536%2022.8109%2022.1144C23.5659%2020.6453%2023.9322%2019.0293%2023.8557%2017.2388C23.9322%2016.6377%2023.8676%2015.9698%2023.6816%2015.3234C25.8714%2017.1333%2027.1642%2019.8266%2027.1642%2022.6368C27.1642%2028.0357%2022.8118%2032.3881%2017.4129%2032.3881ZM22.1144%2012.1891C22.1536%2012.102%2022.1536%2012.102%2022.1144%2012.1891C20.6453%2011.4341%2019.0293%2011.0678%2017.2388%2011.1443C16.6377%2011.0678%2015.9698%2011.1324%2015.3234%2011.3184C17.1333%209.1286%2019.8266%207.83582%2022.6368%207.83582C28.0357%207.83582%2032.3881%2012.1882%2032.3881%2017.5871C32.3881%2020.3973%2031.1168%2023.0906%2028.9055%2024.9005C29.0915%2024.2541%2029.1561%2023.5862%2029.0796%2022.9851C29.1561%2018.1134%2026.2905%2013.9981%2022.1144%2012.1891Z'%20fill='white'/%3e%3c/svg%3e")
}

.videoContWidth,
.videoThumbWidth {
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 0
}

.videoContWidth .videoContHeight,
.videoThumbWidth .videoThumbHeight {
    width: 100%;
    display: inline-block
}

.videoContWidth .videoContHeight .video,
.videoContWidth .videoContHeight .videoThumb,
.videoThumbWidth .videoThumbHeight .video,
.videoThumbWidth .videoThumbHeight .videoThumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videoContWidth .videoContHeight .videoThumb,
.videoThumbWidth .videoThumbHeight .videoThumb {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.content {
    line-height: 1.55rem;
    min-height: 40px;
    clear: both
}

.content .category {
    display: inline-block;
    padding: 1px 11px;
    font-size: .9em;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0;
    border-radius: 20px
}

.content .beforeCategories,
.content .afterCategories {
    display: block;
    margin-bottom: 13px;
    height: 0
}

.content audio {
    outline: none !important;
    margin-bottom: 10px
}

.content img {
    object-fit: scale-down;
    height: auto
}

.content hr {
    border-top: solid #e5e5e5;
    border-width: 1px 0 0 0;
    margin: 20px 0 25px
}

.content p,
.content pre {
    margin-bottom: 13px;
    position: relative
}

.content p:last-child,
.content pre:last-child {
    margin-bottom: 0
}

.content ul,
.content ol {
    margin-left: 22px;
    padding: 10px 0 5px
}

.content ul li,
.content ol li {
    list-style: disc;
    padding-left: 6px;
    margin-bottom: 5px
}

.content ol li {
    list-style: decimal
}

.content code,
.content pre {
    font-family: Monaco, Menlo, Courier, Courier New, Andale Mono, Bitstream Vera Sans Mono, Lucida Console, Consolas, Droid Sans Mono;
    font-size: 12px;
    background: #f7f7f7;
    color: #4d5863;
    padding: 4px;
    border-radius: 2px
}

.content pre {
    padding: 8px 12px
}

.content pre code {
    padding: 0
}

.content blockquote {
    color: #47525d;
    padding-left: 10px;
    border-left: solid 4px rgb(204, 204, 204);
    margin: 15px 40px 15px 0
}

.content strong,
.content b {
    font-weight: 500
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-weight: 500;
    margin: 0 0 5px;
    padding: 0
}

.content h1 {
    font-size: 1.3rem
}

.content h2 {
    font-size: 1.15rem
}

.content h3 {
    font-weight: 420;
    font-size: 1rem
}

.content table {
    width: 100%;
    font-size: 13px;
    margin-bottom: 20px
}

.content table thead th {
    padding: 5px 0;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    color: #0000004d
}

.content table tbody td {
    padding: 5px 5px 5px 0;
    border-top: solid 1px #f3f3f3
}

.content .category {
    font-size: 1.05em;
    line-height: 25px
}

#changelog-list a {
    color: #0054ff
}

#changelog-list .changelogItem {
    padding: 25px 0;
    border-bottom: solid 1px #f3f3f3;
    width: 560px;
    max-width: 100%;
    position: relative;
    transition: none
}

#changelog-list .changelogItem .title {
    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.9rem;
    min-height: 35px
}

#changelog-list .changelogItem .title a {
    pointer-events: none;
    cursor: default;
    color: inherit
}

#changelog-list .changelogItem time {
    display: block;
    line-height: 20px;
    margin-right: 15px;
    margin-left: 38px;
    margin-bottom: 5px
}

@media only screen and (min-width: 900px) {
    #changelog-list .changelogItem time {
        display: block;
        position: absolute;
        margin: 0 30px 0 0;
        text-align: right;
        width: 100vw;
        top: 30px;
        right: 560px
    }
}

#changelog-list .changelogItem time a {
    color: #47525d66;
    font-size: 1rem
}

#changelog-list .changelogItem .articleMeta {
    margin: 30px 0 10px
}

#changelog-list .changelogItem .author {
    font-size: 16px;
    line-height: 30px;
    color: #47525d66;
    display: flex
}

#changelog-list .changelogItem .author .authorImage,
#changelog-list .changelogItem .author .authorImagePlaceholder {
    display: flex-1;
    margin-right: 8px;
    width: 30px;
    height: 30px;
    line-height: 30px
}

#changelog-list .changelogItem .author .authorImage {
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center
}

#changelog-list .changelogItem .author .authorImage img {
    max-width: 100%;
    max-height: 100%
}

#changelog-list .changelogItem .author .authorImagePlaceholder {
    background: #47525d66;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase
}

#changelog-list .changelogItem .content .uploadProgress {
    color: #fff;
    background-color: #b361ff;
    padding: 0 10px;
    border-radius: 20px;
    font-size: .9em;
    font-family: Monaco, Menlo, Courier, Courier New, Andale Mono, Bitstream Vera Sans Mono, Lucida Console, Consolas, Droid Sans Mono;
    display: inline-block
}

#changelog-list .changelogItem .content .audioPlaceholder {
    color: #000;
    background-color: #f1f3f4;
    padding: 10px 20px;
    border-radius: 20px;
    margin-bottom: 12px;
    margin-right: 50%;
    font-size: .9em;
    font-family: Monaco, Menlo, Courier, Courier New, Andale Mono, Bitstream Vera Sans Mono, Lucida Console, Consolas, Droid Sans Mono
}

body {
    background: #fff;
    color: #47525d;
    font-size: 15px;
    padding-bottom: 100px;
    overflow-x: hidden
}

body .topAccent {
    position: fixed;
    height: 4px;
    z-index: 400;
    width: 100vw
}

body.noscroll {
    overflow: hidden
}

body .actions {
    transition: opacity .15s ease-in-out
}

body .naggerCont.setup.widget {
    transition: transform .3s ease-in-out, opacity .15s ease-in-out
}

body #global-body {
    transition: padding .15s ease
}

body main,
body header,
body #global-nav {
    transition: all .3s ease, left .15s ease-in-out
}

body.editorOpen .naggerCont.setup.widget {
    transform: translate(-100%)
}

body.editorOpen header {
    position: relative
}

body.editorOpen #body-cont {
    padding-top: 70px
}

@media only screen and (max-width: 620px) {
    body.editorOpen #body-cont {
        padding-top: 15px
    }
}

body.editorOpen header #global-nav {
    transform: translate(-100%)
}

body.editorOpen header #main-nav {
    opacity: 0
}

body.editorOpen header .mCont {
    padding-left: 10px
}

body.editorOpen .changelogModule {
    padding-left: 10px
}

body.editorOpen.editorExpanded main,
body.editorOpen.editorExpanded header {
    width: 55vw;
    left: 0
}

body.editorOpen.editorExpanded #changelog-list .changelogItem .articleMeta time {
    display: none
}

.gnItem {
    display: none !important
}

.embedded main,
.embedded header,
.custom_domain main,
.custom_domain header {
    width: 100vw
}

.embedded #nav-dropdown,
.embedded #main-nav,
.custom_domain #nav-dropdown,
.custom_domain #main-nav {
    display: none
}

main,
header {
    width: 100vw;
    will-change: width
}

.newLogTemplate {
    display: none
}

.icon {
    display: inline-block;
    vertical-align: middle;
    text-rendering: auto;
    fill: currentColor;
    transform: translate(0);
    margin-right: 7px;
    position: relative;
    top: -2px
}

.icon.arrow {
    margin-right: 0;
    margin-left: 7px
}

a {
    outline: none;
    color: #3778ff
}

#nav-cont {
    background: #fff;
    box-shadow: 0 5px 10px #47525d1a, 0 0 0 1px #47525d1a;
    position: fixed;
    top: 20px;
    left: 50px;
    z-index: 200;
    border-radius: 2px;
    min-width: 200px;
    max-width: 100%;
    max-height: 60vh;
    transition: all .12s;
    transform: translate(-10px);
    visibility: hidden;
    opacity: 0;
    overflow-x: hidden
}

#nav-cont a {
    padding: 10px 12px;
    display: block;
    font-size: .85rem;
    color: #47525d
}

#nav-cont .accountItem a {
    font-size: 1.05em;
    padding: 10px 12px
}

#nav-cont .accountItem .accountImage {
    display: inline-flex;
    width: 35px;
    height: 35px;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -1px
}

#nav-cont .accountItem .accountImage img {
    max-width: 100%;
    max-height: 100%
}

#nav-cont .active a {
    border-right: solid 3px #3778ff;
    font-weight: 500
}

#nav-cont .createNew {
    border-top: solid 1px #f3f3f3
}

#nav-cont li:last-child a {
    border-top: solid 1px #f3f3f3;
    color: #47525d66
}

#nav-cont.visibleDropdown {
    visibility: visible;
    opacity: 1;
    transform: translate(0)
}

#global-body {
    overflow: hidden
}

@media only screen and (max-width: 620px) {
    #global-body {
        padding-left: 0
    }
}

#body-cont {
    padding-top: 145px;
    display: flex;
    align-items: stretch;
    flex-direction: row
}

@media only screen and (max-width: 620px) {
    #body-cont {
        padding-top: 90px
    }
}

.mCont {
    width: 560px;
    margin: 0 auto;
    box-sizing: content-box
}

@media only screen and (max-width: 620px) {
    .mCont {
        box-sizing: border-box;
        width: 100%
    }
}

.mCont:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both
}

.changelogModule {
    position: relative;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width: 620px) {
    .changelogModule {
        padding-left: 30px;
        padding-right: 0
    }
}

header {
    position: fixed;
    top: 4px;
    box-sizing: content-box;
    height: 75px;
    background: #ffffffe6;
    z-index: 100;
    will-change: height, padding;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px #0000000d;
    display: flex;
    justify-content: center;
    flex-direction: column
}

header .mCont {
    padding-left: 20px
}

@media only screen and (min-width: 620px) {
    header .mCont {
        padding-left: 30px
    }
}

header a {
    color: #47525d
}

header h1 {
    float: left
}

header h1 .accountImage {
    width: 50px;
    height: 50px;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -10px;
    left: -60px;
    display: none
}

header h1 .accountImage img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

header h1.hasLogo {
    padding-left: 60px
}

header h1.hasLogo .accountImage {
    display: inline-flex
}

header h1 a {
    display: block;
    position: relative;
    padding-bottom: 7px
}

header h1 small a {
    color: #47525d59;
    font-size: .8rem;
    padding-bottom: 0
}

#global-nav {
    transform: none;
    will-change: transform
}

#main-nav {
    will-change: opacity;
    float: right;
    position: relative;
    display: flex
}

#main-nav .badgeCont {
    margin-right: 20px
}

#main-nav .toggleWidget {
    padding-right: 10px
}

@media only screen and (max-width: 620px) {
    #main-nav .toggleWidget .changelogTerm {
        display: none
    }
}

#main-nav #HW_badge_cont {
    position: absolute;
    top: -8px;
    right: 0
}

#subscribe-button {
    position: absolute;
    top: -55px;
    right: 0;
    left: 0;
    text-align: right
}

@media only screen and (max-width: 620px) {
    #subscribe-button {
        left: 0;
        right: 10px;
        width: auto
    }
}

@keyframes slidein {
    0% {
        left: -380px
    }
    to {
        left: 20px
    }
}

@media only screen and (max-width: 620px) {
    .naggerCont {
        display: none
    }
}

.naggerCont {
    position: fixed;
    left: -390px;
    width: 350px;
    z-index: 103
}

.naggerCont.widget {
    bottom: 20px;
    width: 350px
}

.naggerCont.googleConnect {
    bottom: 20px;
    width: 385px
}

.naggerCont.setup.widget {
    height: 87px
}

.naggerCont.setup.widget .bodyCont {
    padding: 13px 10px 10px 90px
}

.naggerCont.show.widget {
    animation-delay: 3s
}

.naggerCont.show.googleConnect {
    animation-delay: 1s
}

.naggerCont.show {
    animation-duration: .7s;
    animation-name: slidein;
    animation-fill-mode: forwards
}

.naggerCont .bodyCont {
    display: block;
    font-size: 14px;
    padding: 25px 15px 15px;
    border-radius: 3px;
    border: solid 1px rgba(0, 0, 0, .05);
    color: #47525d;
    line-height: 1.3rem;
    background: #fff;
    box-shadow: 0 3px 5px #0000000d
}

.naggerCont .bodyCont h3 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    color: #3778ff
}

.naggerCont .bodyCont p {
    margin-bottom: 10px
}

.naggerCont .bodyCont p.button {
    text-align: center;
    padding: 6px 0
}

.naggerCont .bodyCont p.button a {
    background: #3778ff;
    color: #fff;
    padding: 8px 25px;
    font-weight: 500;
    display: inline-block;
    border-radius: 3px
}

.naggerCont .bodyCont:hover {
    text-decoration: none;
    border: solid 1px rgba(0, 0, 0, .09)
}

.naggerCont .picto {
    position: absolute;
    top: 10px;
    left: 10px
}

.naggerCont .closeNagger {
    position: absolute;
    top: -20px;
    right: 0;
    display: block;
    height: 20px;
    font-size: 12px;
    color: #47525d66;
    cursor: pointer
}

.naggerCont .closeNagger:hover {
    text-decoration: underline
}

.mediaAction {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    left: 30px;
    z-index: 300;
    display: none
}

.selectCustom {
    position: relative
}

.selectCustom select {
    cursor: pointer
}

.selectCustom .icon {
    position: absolute;
    top: 17px;
    right: 10px;
    font-size: 14px;
    pointer-events: none
}

.switchCustom {
    cursor: pointer;
    line-height: 40px;
    color: #47525d66;
    transition: color .15s ease-in-out
}

.switchCustom:hover {
    color: #47525d
}

.switchCustom .switchCont {
    background: #ebebeb;
    height: 14px;
    width: 40px;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    transition: all .2s;
    vertical-align: middle;
    top: -2px;
    margin-left: 5px
}

.switchCustom .switchToggle {
    height: 22px;
    width: 22px;
    background: #ccc;
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
    border-radius: 30px;
    transition: all .2s
}

.switchCustom input[type=checkbox] {
    display: none
}

.switchCustom input[type=checkbox]:checked+.switchCont {
    background: #c7d9ff
}

.switchCustom input[type=checkbox]:checked+.switchCont .switchToggle {
    left: 18px;
    background: #3778ff
}

.switchCustom input[type=checkbox]:disabled+.switchCont {
    opacity: .4
}

.switchCustom input[type=checkbox]:disabled+.switchCont .switchToggle {
    box-shadow: 0 0 1px #00000080
}

footer {
    color: #47525d66;
    font-size: .9rem;
    text-align: center;
    margin-top: 50px
}

footer a {
    color: #47525d66
}

footer p {
    margin-bottom: 8px
}

footer p:last-child {
    font-size: .8rem
}

.schema {
    display: none
}

.pagination {
    margin: 40px 0;
    text-align: center
}

.pagination .icon {
    margin-left: 5px
}

.pagination a {
    color: #47525d66
}

.expiredOverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    background: #fffffffa;
    z-index: 50
}

.placeholder {
    display: none;
    padding: 55px 0;
    text-align: center
}

.placeholder h4 {
    margin: 30px 0 10px;
    font-weight: 500
}

.placeholder p {
    margin-bottom: 10px;
    line-height: 1.6rem
}

.placeholder p:last-child {
    font-size: .85rem;
    margin-top: 20px;
    color: #47525d66
}

.placeholder p a {
    color: #47525d66
}

.placeholder.special p a {
    color: #3778ff
}

.placeholder.show {
    display: block
}

.downgradeInfo {
    text-align: left;
    margin-top: 40px;
    font-size: 14px
}

.downgradeInfo li {
    margin-bottom: 6px;
    line-height: 1.3rem;
    list-style: circle;
    margin-left: 15px;
    padding-left: 10px
}

.downgradeInfo ul {
    margin-bottom: 20px
}

.commonButton {
    background: #3778ff;
    border-radius: 40px;
    padding: 0 30px;
    line-height: 40px;
    margin-right: 5px;
    display: inline-block;
    color: #fff;
    border: 0;
    font-weight: 500
}

.commonButton.secondary {
    background: #0000001a
}

.overlay {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s
}

.overlay.visible {
    visibility: visible;
    opacity: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.overlay.settings {
    background: #fff
}

.fileUploadForm {
    display: none
}

@font-face {
    font-family: Graphik Web;
    src: url(https://cdn.4w3.dev/file/Graphik-Medium-Web-BPFsBqAx.woff2) format("woff2"), url(/hello-assets/nice-to-meet-you/Graphik-Medium-Web-hCCsTWT9.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

.Graphik-Medium-Web {
    font-family: Graphik Web;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: Graphik Web;
    src: url(https://cdn.4w3.dev/file/Graphik-Regular-Web-DAZFHOX7.woff2) format("woff2"), url(/hello-assets/nice-to-meet-you/Graphik-Regular-Web-ajoLcnBQ.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

.Graphik-Regular-Web {
    font-family: Graphik Web;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@keyframes animA {
    0% {
        width: 0%
    }
    to {
        width: 50%
    }
}

@keyframes animB {
    30% {
        opacity: 1;
        transform: scale(1);
        left: 50%
    }
    70% {
        opacity: 1;
        transform: scale(1);
        left: 50%
    }
    to {
        left: 0%;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes animC {
    to {
        opacity: 1
    }
}

.awesomeBanner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 55px;
    transition: bottom .25s;
    pointer-events: none;
    will-change: bottom, transform;
    z-index: 900
}

.awesomeBanner .body {
    width: 560px;
    position: relative;
    z-index: 300;
    color: #fff;
    margin: 0 auto;
    height: 55px;
    line-height: 55px
}

.awesomeBanner .body .icon {
    opacity: 0;
    transform: scale(.5);
    position: absolute;
    left: 50%;
    top: 0;
    height: 55px;
    line-height: 55px;
    display: none
}

.awesomeBanner .body span {
    position: relative;
    left: 35px;
    opacity: 0;
    font-weight: 500
}

.awesomeBanner .blind {
    z-index: 200;
    content: "";
    display: block;
    width: 0%;
    position: absolute;
    top: 0;
    height: 55px;
    will-change: width
}

.awesomeBanner .blind:first-child {
    left: 0
}

.awesomeBanner .blind:last-child {
    right: 0
}

.awesomeBanner.ok .blind {
    background: #3aaa55e6
}

.awesomeBanner.ok .bt-check-circle {
    display: block
}

.awesomeBanner.fail .blind {
    background: #ff4548e6
}

.awesomeBanner.fail .bt-times-circle {
    display: block
}

.awesomeBanner.show {
    pointer-events: auto
}

.awesomeBanner.show .blind {
    animation: animA .25s;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}

.awesomeBanner.show .body .icon {
    animation: animB .6s;
    animation-delay: .35s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}

.awesomeBanner.show .body span {
    animation: animC .25s;
    animation-delay: .9s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}

.awesomeBanner.hide {
    bottom: -55px
}

/**
 * rome - Customizable date (and time) picker. Opt-in UI, no jQuery!
 * @version v2.1.22
 * @link https://github.com/bevacqua/rome
 * @license MIT
 */

.rd-container {
    display: none;
    text-align: center;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 1px #47525d4d, 0 8px 30px -2px #47525d40;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 600;
    border-radius: 2px;
    width: 245px;
    font-size: 12px;
    color: #47525d
}

.rd-container-attachment {
    position: absolute
}

.rd-month {
    display: block;
    width: 100%
}

.rd-month-label {
    padding-bottom: 20px;
    color: #47525d66
}

#editor-body.free .rd-month-label:after {
    content: "PRO accounts can schedule posts";
    display: block;
    padding-top: 10px;
    position: relative;
    top: 5px;
    color: #ff6a0c
}

.rd-month:last-child {
    margin-right: 0
}

.rd-back,
.rd-next {
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    padding: 0;
    margin: 0;
    color: #47525d66
}

.rd-back[disabled],
.rd-next[disabled] {
    cursor: default
}

.rd-back {
    float: left
}

.rd-next {
    float: right
}

.rd-back:before {
    display: block;
    content: "←"
}

.rd-next:before {
    display: block;
    content: "→"
}

.rd-day-body {
    cursor: pointer;
    text-align: center;
    padding: 7px;
    border-radius: 20px
}

.rd-day-head {
    padding: 7px
}

.rd-day-selected,
.rd-time-selected,
.rd-time-option:hover {
    cursor: pointer;
    background-color: #3778ff;
    color: #fff
}

.rd-day-prev-month,
.rd-day-next-month {
    color: #47525d66
}

.rd-day-disabled {
    cursor: default;
    color: #47525d66
}

.rd-time {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    min-width: 80px
}

.rd-days {
    width: 100%
}

.rd-time-list {
    display: none;
    position: absolute;
    overflow-y: scroll;
    max-height: 160px;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #333;
    box-shadow: 0 0 1px #47525d4d
}

.rd-time-selected,
.rd-time-option {
    padding: 5px
}

.rd-day-concealed {
    visibility: hidden
}

#editor-body fieldset.head {
    padding: 25px 25px 0;
    color: #fff;
    background: #3778ff;
    position: relative;
    transition: background-color .15s
}

#editor-body fieldset.head>* {
    position: relative;
    z-index: 2
}

#editor-body fieldset.head .background {
    position: absolute;
    inset: 0;
    transition: background .15s;
    opacity: .9;
    z-index: 1
}

html.mobile #editor-body fieldset.head {
    padding: 15px 15px 0
}

html.mobile #editor-body fieldset.head h3 {
    display: none
}

#editor-body #editor {
    position: fixed;
    will-change: transform;
    top: 0;
    bottom: 0;
    right: 0;
    width: 45vw;
    background: #fff;
    z-index: 500;
    transition: none;
    min-width: 500px;
    transform: translate(100%);
    opacity: .7;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 560px) {
    #editor-body #editor {
        min-width: 0;
        width: 90vw
    }
}

#editor-body #editor .editorBody {
    flex-grow: 1;
    position: relative;
    min-height: 100px
}

#editor-body #editor .editorFooter {
    padding: 10px 25px 0
}

html.mobile #editor-body #editor .editorFooter {
    padding: 10px 15px 0
}

#editor-body #editor:focus {
    outline: none
}

#editor-body #editor .title {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.2rem;
    border: 0;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    background: transparent
}

#editor-body #editor .title::-webkit-input-placeholder {
    color: #fff3
}

#editor-body #editor .title::-moz-placeholder {
    color: #fff3
}

#editor-body #editor .title:-ms-input-placeholder {
    color: #fff3
}

#editor-body #editor .title:-moz-placeholder {
    color: #fff3
}

#editor-body #editor .meta {
    padding: 7px 0 20px;
    position: relative
}

#editor-body #editor .meta .calendarCont {
    display: inline-block;
    position: relative;
    margin-top: 13px;
    font-size: 13px;
    margin-left: 5px
}

#editor-body #editor .meta .calendarCont a {
    color: #fffc
}

#editor-body #editor .bodyCont {
    border-bottom: solid 1px #f3f3f3;
    position: absolute;
    inset: 25px 3px 0 25px
}

html.mobile #editor-body #editor .bodyCont {
    inset: 15px 15px 0
}

#editor-body #editor .bodyCont.readyTodropTheBase:after {
    content: "Drop your image here";
    text-align: center;
    position: absolute;
    padding-top: 25%;
    font-size: 17px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3px;
    background: #3778ff4d;
    border: dashed 1px rgba(55, 120, 255, .6);
    color: #0009;
    pointer-events: none
}

#editor-body #editor textarea {
    width: 100%;
    height: 100%;
    border: 0;
    font-family: Monaco, Menlo, Courier, Courier New, Andale Mono, Bitstream Vera Sans Mono, Lucida Console, Consolas, Droid Sans Mono;
    font-size: 13px;
    line-height: 1.55em;
    background: transparent;
    position: absolute;
    inset: 0 0 15px;
    resize: none;
    overscroll-behavior: contain
}

@media all and (-ms-high-contrast: none) {
    #editor-body #editor textarea {
        height: 100%
    }
}

html.mobile #editor-body #editor textarea {
    font-size: 16px
}

#editor-body #editor .dropdownCont {
    display: inline-block;
    position: relative;
    margin-top: 13px;
    margin-right: 10px
}

#editor-body #editor .dropdownCont.hidden {
    display: none
}

#editor-body #editor .dropdownCont select {
    appearance: none;
    border: solid 1px rgba(255, 255, 255, .8);
    color: #fffc;
    background: transparent;
    font-size: 13px;
    padding: 2px 28px 2px 8px;
    border-radius: 20px;
    cursor: pointer;
    margin: 0;
    line-height: 1.3em
}

#editor-body #editor .dropdownCont select option {
    color: #47525d
}

#editor-body #editor .dropdownCont select.author {
    max-width: 110px
}

#editor-body #editor .dropdownCont .icon {
    font-size: 12px;
    position: absolute;
    top: 8px;
    right: 8px;
    pointer-events: none
}

#editor-body .editorOverlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 400;
    background: none;
    pointer-events: none
}

#editor-body .actions {
    height: 42px;
    margin: 20px 0
}

@media only screen and (max-width: 900px) {
    #editor-body .actions {
        margin: 10px 0
    }
}

#editor-body .actions li {
    float: left;
    position: relative
}

#editor-body .actions a {
    line-height: 35px;
    display: inline-block
}

#editor-body .actions .disabler {
    position: absolute;
    inset: 0;
    background: #ffffffb3
}

#editor-body .actions .save,
#editor-body .actions .publish {
    float: right
}

#editor-body .actions .publish {
    transition: color .15s ease-in-out;
    margin-right: 15px
}

#editor-body .actions .publish:hover {
    color: #47525d
}

@media only screen and (max-width: 560px) {
    #editor-body .actions {
        padding-top: 42px;
        height: 84px
    }
}

@media only screen and (max-width: 560px) {
    #editor-body .actions {
        position: relative
    }
    #editor-body .actions .publish {
        position: absolute;
        right: 0;
        margin-right: 0;
        top: -8px
    }
}

#editor-body .actions .save a {
    background: #3778ff;
    color: #fff;
    border-radius: 40px;
    padding: 0 15px
}

#editor-body .actions .delete,
#editor-body .actions .cancel {
    margin-right: 20px
}

#editor-body .actions .delete a {
    color: #ff4548
}

#editor-body .actions .cancel a {
    transition: color .15s ease-in-out;
    color: #47525d66
}

#editor-body .actions .cancel a:hover {
    color: #47525d
}

#editor-body .actions:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both
}

#editor-body h3 {
    text-transform: uppercase;
    color: #fffc;
    letter-spacing: 2px;
    font-size: 12px;
    margin-bottom: 20px
}

#editor-body .help {
    padding: 10px 0;
    color: #47525d66;
    border-bottom: solid 1px #F3F3F3;
    line-height: 25px;
    font-size: .9em
}

#editor-body .help a {
    color: #47525d66;
    text-decoration: underline
}

#editor-body .help strong {
    font-weight: 600
}

@media only screen and (max-width: 320px) {
    #editor-body .help {
        font-size: .96em
    }
}

@media only screen and (max-width: 374px) {
    #editor-body .deleting .actions .save {
        display: none
    }
}

#editor-body #editor.dark-ui h3 {
    color: #47525dcc
}

#editor-body #editor.dark-ui .head {
    background: #eee
}

#editor-body #editor.dark-ui .title {
    color: #47525d;
    border-bottom-color: #47525d33
}

#editor-body #editor.dark-ui .title::placeholder {
    color: #47525d33
}

#editor-body #editor.dark-ui .dropdownCont svg,
#editor-body #editor.dark-ui .calendarCont a {
    color: #47525dcc
}

#editor-body #editor.dark-ui .dropdownCont select {
    border: solid 1px rgba(71, 82, 93, .8);
    color: #47525dcc
}

.editorOpen #editor-body #editor {
    transform: none;
    transition: transform .35s ease
}

.editorOpen #editor-body #editor .editorBody,
.editorOpen #editor-body #editor .editorFooter {
    border-left: solid 1px #f3f3f3
}

.editorOpen #editor-body .editorOverlay {
    pointer-events: auto;
    transition: background .15s ease-in-out
}

.editorOpen.editorExpanded #editor-body #editor {
    opacity: 1
}

@media only screen and (max-width: 1080px) {
    .editorOverlay {
        cursor: pointer
    }
    .editorOpen #editor:after {
        content: "";
        position: absolute;
        inset: 0;
        background: #fffc;
        transition: opacity .15s ease-in-out, visibility 0s .15s;
        opacity: 0;
        cursor: pointer
    }
    .editorOpen #editor {
        box-shadow: 0 0 20px #6666661a;
        border-left: 0
    }
    .editorOpen.editorExpanded #editor:after {
        visibility: hidden
    }
}