@charset "utf-8";

@font-face { font-family: powrconsv4; font-display: swap; src: url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.ttf?x949ix") format("truetype"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.woff?x949ix") format("woff"); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: powrconsv4 !important; }

.icon-imdb1::before { content: ""; }

.icon-strava::before { content: ""; }

.icon-telegram::before { content: ""; }

.icon-scrolltotop::before { content: ""; }

.icon-chat::before { content: ""; }

.icon-booking::before { content: ""; }

.icon-instagramfeed::before { content: ""; }

.icon-socialmediaicons::before { content: ""; }

.icon-notificationbar::before { content: ""; }

.icon-menu::before { content: ""; }

.icon-vegan::before { content: ""; }

.icon-jobboard::before { content: ""; }

.icon-businessbooster::before { content: ""; }

.icon-bloglovin::before { content: ""; }

.icon-aboutme::before { content: ""; }

.icon-angellist::before { content: ""; }

.icon-vimeogallery::before { content: ""; }

.icon-goodreads::before { content: ""; }

.icon-academia::before { content: ""; }

.icon-houzz::before { content: ""; }

.icon-paypalbutton::before { content: ""; }

.icon-celsius::before { content: ""; }

.icon-fahrenheit::before { content: ""; }

.icon-kelvin::before { content: ""; }

.icon-blogger::before { content: ""; }

.icon-plug::before { content: ""; }

.icon-yelp::before { content: ""; }

.icon-meetup::before { content: ""; }

.icon-01d::before { content: ""; }

.icon-o1n::before { content: ""; }

.icon-02d::before { content: ""; }

.icon-02n::before { content: ""; }

.icon-50n::before { content: ""; }

.icon-09n::before { content: ""; }

.icon-13n::before { content: ""; }

.icon-11n::before { content: ""; }

.icon-50d::before { content: ""; }

.icon-09d::before { content: ""; }

.icon-13d::before { content: ""; }

.icon-11d::before { content: ""; }

.icon-03d::before { content: ""; }

.icon-03n::before { content: ""; }

.icon-04d::before { content: ""; }

.icon-04n::before { content: ""; }

.icon-10d::before { content: ""; }

.icon-10n::before { content: ""; }

.icon-musicplayer::before { content: ""; }

.icon-logo::before { content: ""; }

.icon-helpscout-icon::before { content: ""; }

.icon-helpscout-icon2::before { content: ""; }

.icon-aboutus::before { content: ""; }

.icon-bannerslider::before { content: ""; }

.icon-button::before { content: ""; }

.icon-comments::before { content: ""; }

.icon-contactform::before { content: ""; }

.icon-countdowntimer::before { content: ""; }

.icon-countuptimer::before { content: ""; }

.icon-digitaldownload::before { content: ""; }

.icon-ecommerce::before { content: ""; }

.icon-eventgallery::before { content: ""; }

.icon-eventslider::before { content: ""; }

.icon-facebookfeed::before { content: ""; }

.icon-faq::before { content: ""; }

.icon-feed::before { content: ""; }

.icon-fileembed::before { content: ""; }

.icon-flickrgallery::before { content: ""; }

.icon-formbuilder::before { content: ""; }

.icon-gallery::before { content: ""; }

.icon-graph::before { content: ""; }

.icon-hitcounter::before { content: ""; }

.icon-holidaycountdown::before { content: ""; }

.icon-imageresizer::before { content: ""; }

.icon-imageslider::before { content: ""; }

.icon-imdb::before { content: ""; }

.icon-mailinglist::before { content: ""; }

.icon-map::before { content: ""; }

.icon-mediagallery::before { content: ""; }

.icon-microblog::before { content: ""; }

.icon-multislider::before { content: ""; }

.icon-orderform::before { content: ""; }

.icon-paypalbutton2::before { content: ""; }

.icon-photoeditor::before { content: ""; }

.icon-photofilter::before { content: ""; }

.icon-photogallery::before { content: ""; }

.icon-photowatermark::before { content: ""; }

.icon-pinterestfeed::before { content: ""; }

.icon-plancomparison::before { content: ""; }

.icon-poll::before { content: ""; }

.icon-popup::before, .icon-salespop::before { content: ""; }

.icon-pricetable::before { content: ""; }

.icon-resume::before { content: ""; }

.icon-reviews::before { content: ""; }

.icon-rssfeed::before { content: ""; }

.icon-slider::before { content: ""; }

.icon-socialfeed::before { content: ""; }

.icon-survey::before { content: ""; }

.icon-tabs::before { content: ""; }

.icon-telegram-small::before { content: ""; }

.icon-tumblrfeed::before { content: ""; }

.icon-twitterfeed::before { content: ""; }

.icon-videogallery::before { content: ""; }

.icon-videoslider::before { content: ""; }

.icon-views::before { content: ""; }

.icon-vimeogallery2::before { content: ""; }

.icon-lookbook::before { content: ""; }

.icon-bandcamp::before { content: ""; }

.icon-mosaichub::before { content: ""; }

.icon-flipboard::before { content: ""; }

.icon-delicious::before { content: ""; }

.icon-deviantart::before { content: ""; }

.icon-stumbleupon::before { content: ""; }

.icon-reverbnation::before { content: ""; }

.icon-itunes::before { content: ""; }

.icon-spotify::before { content: ""; }

.icon-myspace::before { content: ""; }

.icon-etsy::before { content: ""; }

.icon-crunchbase::before { content: ""; }

.icon-medium::before { content: ""; }

.icon-slideshare::before { content: ""; }

.icon-sketchfab::before { content: ""; }

.icon-teacherspayteachers::before { content: ""; }

.icon-linemessanger::before { content: ""; }

.icon-weather::before { content: ""; }

.icon-youtubegallery::before { content: ""; }

.icon-discord::before { font-family: "Font Awesome 6 Brands"; content: ""; }

.icon-patreon::before { font-family: "Font Awesome 6 Brands"; content: ""; }

.icon-fiverr::before { content: ""; display: inline-block; vertical-align: bottom; mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4Ij48cGF0aCBmaWxsPSdjdXJyZW50Q29sb3InIGQ9J00gMjUgMiBDIDEyLjMwOTI4OCAyIDIgMTIuMzA5Mjk3IDIgMjUgQyAyIDM3LjY5MDcwMyAxMi4zMDkyODggNDggMjUgNDggQyAzNy42OTA3MTIgNDggNDggMzcuNjkwNzAzIDQ4IDI1IEMgNDggMTIuMzA5Mjk3IDM3LjY5MDcxMiAyIDI1IDIgWiBNIDI1IDQgQyAzNi42MDk4MzMgNCA0NiAxMy4zOTAxNzUgNDYgMjUgQyA0NiAzNi42MDk4MjUgMzYuNjA5ODMzIDQ2IDI1IDQ2IEMgMTMuMzkwMTY3IDQ2IDQgMzYuNjA5ODI1IDQgMjUgQyA0IDEzLjM5MDE3NSAxMy4zOTAxNjcgNCAyNSA0IFogTSAyNi41IDExIEMgMjEuNTc5IDExIDE4LjQwOTEwOSAxNC4wMzcgMTguMDM3MTA5IDE5IEwgMTQgMTkgTCAxNCAyNSBMIDE4IDI1IEwgMTggMzYgTCAyNCAzNiBMIDI0IDI1IEwgMjggMjUgTCAyOCAzNiBMIDM0IDM2IEwgMzQgMTkgTCAyNC4wNjY0MDYgMTkgQyAyNC4zNjA0MDYgMTcuMDAxIDI1LjU3OSAxNyAyNi41IDE3IEwgMjkuMDMxMjUgMTcgTCAyOS4wMzEyNSAxMSBMIDI2LjUgMTEgeicvPjwvc3ZnPg==") center center / contain no-repeat; }

@font-face { font-family: "Gordita Black"; src: local("Gordita Black"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Black Italic"; src: local("Gordita Black Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Bold"; src: local("Gordita Bold"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Bold Italic"; src: local("Gordita Bold Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Light"; src: local("Gordita Light"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Light Italic"; src: local("Gordita Light Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Medium"; src: local("Gordita Medium"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Medium Italic"; src: local("Gordita Medium Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: Gordita; src: local("Gordita"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Italic"; src: local("Gordita Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Thin"; src: local("Gordita Thin"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Thin Italic"; src: local("Gordita Thin Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Ultra"; src: local("Gordita Ultra"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Ultra Italic"; src: local("Gordita Ultra Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body, html { color: rgb(99, 107, 117); font-family: Gordita; position: relative; height: 100%; width: 100%; font-size: 100%; background: none; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .standard-tutorial__step::before, .h5, .h6 { font-family: "Gordita Bold"; color: rgb(53, 64, 81); }

h1 { font-size: 2rem; }

@media (min-width: 768px) {
  h1 { font-size: 2.5rem; }
}

@media (min-width: 992px) {
  h1 { font-size: 3rem; }
}

h2 { font-size: 1.625rem; }

@media (min-width: 768px) {
  h2 { font-size: 2rem; }
}

@media (min-width: 992px) {
  h2 { font-size: 2.5rem; }
}

h3 { font-size: 1.325rem; }

@media (min-width: 768px) {
  h3 { font-size: 2rem; }
}

h4 { font-size: 1.125rem; }

@media (min-width: 768px) {
  h4 { font-size: 1.5rem; }
}

h5 { font-size: 1.1rem; }

@media (min-width: 768px) {
  h5 { font-size: 1.25rem; }
}

h6 { font-size: 1rem; }

p { color: rgb(99, 107, 117); line-height: 26px; font-size: 1rem; }

p, a, a:active, a:visited, a:hover, a:link { font-weight: 400; }

a, a:active, a:visited, a:hover, a:link { color: inherit; text-decoration: none; }

.section { padding: 32px 0px; }

.site-wrapper { min-height: 100%; padding-top: 60px; width: 100%; }

.site-wrapper .btn-danger, .site-wrapper .btn-success { color: rgb(255, 255, 255); }

#apps-settings .site-wrapper, #apps-wix_settings .site-wrapper, #apps-weebly_settings .site-wrapper { padding-top: 0px; }

#apps-wix_settings .site-wrapper { padding-top: 0px; }

.reseller-nav-hack .site-wrapper { padding-top: 100px; }

.reseller-nav-hack #appSettings .navContainer { top: 104px; }

.reseller-nav-hack #edit-topbar-container, .reseller-nav-hack .topbar-nav { top: 40px; }

.reseller-nav-hack .publish-uber-panel { padding-top: 140px; }

.reseller-nav-hack #product-navigation-bar-container { position: fixed; z-index: 99991; }

.reseller-nav-hack .sideBar.increase-sales-sidebar { padding-top: 104px; }

.reseller-nav-hack .powrDrilldown .powrDrilldownContent { height: calc(100% - 104px); top: 104px; }

.reseller-nav-hack .product-updates { top: 100px; }

.reseller-nav-hack .publish-topbar-container { top: 40px; }

.has-promo-banner .site-wrapper { padding-top: 114px; }

.has-promo-banner #appSettings .navContainer { top: 114px; }

.has-promo-banner #appSettings .sectionContainer .section { height: 95vh; }

.has-promo-banner #edit-topbar-container, .has-promo-banner .topbar-nav { top: 50px; }

.has-promo-banner #product-navigation-bar-container { position: fixed; z-index: 99991; }

.has-promo-banner .sideBar.increase-sales-sidebar { padding-top: 114px; }

.has-promo-banner .powrDrilldown .powrDrilldownContent { height: calc(100% - 114px); top: 114px; }

.has-promo-banner .product-updates { top: 110px; }

.has-promo-banner .get-started-modal-wrapper .topbar-nav { top: 0px; }

.has-promo-banner .powr-checkout-container { top: 100px; }

.has-promo-banner .pricing-usage .powr-checkout-container, .has-promo-banner .powr-checkout-container.powr-checkout-container--modal-mode { top: 0px; }

.has-promo-banner #appView .headerPositioning, .has-promo-banner #appView .powrNotificationBar { margin-top: 50px; }

@media screen and (max-width: 768px) {
  .has-promo-banner.increase-banner-height-on-mobile .site-wrapper { padding-top: 158px; }
  .has-promo-banner.increase-banner-height-on-mobile #appSettings .navContainer { top: 172px; }
  .has-promo-banner.increase-banner-height-on-mobile #edit-topbar-container, .has-promo-banner.increase-banner-height-on-mobile .topbar-nav { top: 108px; }
  .has-promo-banner.increase-banner-height-on-mobile .sideBar.increase-sales-sidebar { padding-top: 172px; }
  .has-promo-banner.increase-banner-height-on-mobile .powrDrilldown .powrDrilldownContent { height: calc(100% - 172px); top: 172px; }
  .has-promo-banner.increase-banner-height-on-mobile .product-updates { top: 168px; }
  .has-promo-banner.increase-banner-height-on-mobile .powr-checkout-container { top: 158px; }
  .has-promo-banner.increase-banner-height-on-mobile #appView { bottom: 108px; }
  .has-promo-banner.increase-banner-height-on-mobile #appView .headerPositioning, .has-promo-banner.increase-banner-height-on-mobile #appView .powrNotificationBar { margin-top: 108px; }
}

.has-promo-banner .lead-collection-dashboard > div { margin-top: 50px; }

@media (min-width: 768px) {
  .col-sm-15 { width: 20%; float: left; }
}

@media (min-width: 992px) {
  .col-md-15 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
  .col-lg-15 { width: 20%; float: left; }
}

@media (min-width: 768px) {
  .col-sm-19 { width: 11%; float: left; }
}

@media (min-width: 992px) {
  .col-md-19 { width: 11%; float: left; }
}

@media (min-width: 1200px) {
  .col-lg-19 { width: 11%; float: left; }
}

@media (max-width: 992px) {
  #appViewWrapper { padding: 10px !important; }
  #appViewWrapper #appView { margin: 0% !important; }
}

.promo-banner.valentines_day_2021 .cont_corazon { margin-top: -12px; width: 50px; height: 50px; transform: scale(0.15) translate(-120px, -60px); }

.promo-banner.valentines_day_2021 .cont_corazon > hr { width: 300px; }

.promo-banner.valentines_day_2021 #rect3810, .promo-banner.valentines_day_2021 #rect3802, .promo-banner.valentines_day_2021 #rect3826, .promo-banner.valentines_day_2021 #rect3806, .promo-banner.valentines_day_2021 #rect3820, .promo-banner.valentines_day_2021 #rect3818, .promo-banner.valentines_day_2021 #rect3822, .promo-banner.valentines_day_2021 #rect3824 { z-index: -5; position: relative; animation-name: mov_1; animation-duration: 200ms; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.promo-banner.valentines_day_2021 #rect3808, .promo-banner.valentines_day_2021 #rect3828, .promo-banner.valentines_day_2021 #rect3812, .promo-banner.valentines_day_2021 #rect3814 { position: relative; animation-name: mov_1; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in; }

.promo-banner.valentines_day_2021 #rect3804 { z-index: -5; position: relative; }

@-webkit-keyframes mov_1 { 
  0% { opacity: 1; transform: translate(4px, -1px); }
  100% { transform: translate(-5px, -1px); opacity: 0; }
}

@keyframes mov_1 { 
  0% { opacity: 1; transform: translate(4px, -1px); }
  100% { transform: translate(-5px, -1px); opacity: 0; }
}

@-webkit-keyframes mov_2 { 
  0% { opacity: 1; transform: translate(-4px, -1px); }
  100% { transform: translate(-8px, -1px); }
}

@keyframes mov_2 { 
  0% { opacity: 1; transform: translate(-4px, -1px); }
  100% { transform: translate(-8px, -1px); }
}

.promo-banner.valentines_day_2021 svg { position: relative; animation-name: mov_heart; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; }

@-webkit-keyframes mov_heart { 
  0% { transform: translate(0px, 10px); }
  50% { transform: translate(0px, 0px); }
  100% { transform: translate(0px, 10px); }
}

@keyframes mov_heart { 
  0% { transform: translate(0px, 10px); }
  50% { transform: translate(0px, 0px); }
  100% { transform: translate(0px, 10px); }
}

.row.no-pad { margin-right: 0px; margin-left: 0px; }

.row.no-pad > [class*="col-"] { padding-right: 0px; padding-left: 0px; }

.clearfix { clear: both; }

.cursor-pointer { cursor: pointer; }

.dropdown-component__label { color: rgb(53, 64, 81); font-size: 1rem; font-weight: bold; }

.list-reset, .plugins-card__card-menu .links-container ul, .open-account-menu .account-menu-list, .app-market-nav__list { list-style: none; padding: 0px; margin: 0px; }

.text-transform-capitalize { text-transform: capitalize; }

.text-transform-uppercase { text-transform: uppercase; }

.upper-first-key::first-letter { text-transform: uppercase; }

.text-transform-capitalize-first-letter::first-letter { text-transform: uppercase; }

button.text-underline, a.text-underline, .text-underline { text-decoration: underline; }

.font-normal { font-weight: normal; }

.font-regular { font-family: Gordita; }

.font-medium { font-family: "Gordita Medium"; }

.font-bold { font-weight: bold; }

.bold-font { font-family: "Gordita Bold"; }

.font-italic { font-style: italic; }

.upgrade { color: rgb(149, 82, 223); }

.primary { color: rgb(59, 140, 255); }

.danger-text { color: rgb(215, 69, 69); }

.paragraph-text { color: rgb(99, 107, 117); }

.color7 { color: rgb(53, 64, 81); }

.color8 { color: rgb(160, 171, 190); }

.color10 { color: rgb(149, 82, 223); }

.color12-500 { color: rgb(253, 90, 71); }

.color-14 { color: rgb(0, 176, 125); }

.color-2 { color: rgb(255, 255, 255); }

.f1 { font-size: 2rem; }

.f2 { font-size: 1.5rem; }

.f3 { font-size: 1.125rem; }

.f4 { font-size: 1rem; }

.f5 { font-size: 0.875rem; }

.f6 { font-size: 0.75rem; }

.weight500 { font-weight: 500; }

.weight700 { font-weight: 700; }

.has-shadow, .toastify, .product-updates, .notification-toast { box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; }

.has-shadow-dark { box-shadow: rgb(160, 171, 190) 0px 1px 4px 0px; }

.has-bottom-shadow { box-shadow: rgba(85, 102, 125, 0.3) 0px 10px 10px -10px; }

.position-relative { position: relative; }

.vertical-align-parent { font-size: 0px; position: relative; }

.align-text-bottom { vertical-align: text-bottom; }

.vertical-align { display: inline-block; float: none; font-size: 1rem; vertical-align: middle; }

.flex-row, .text-with-button { display: flex; }

.flex-column { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.flex-wrap { flex-wrap: wrap; }

.flex-center { display: flex; justify-content: center; align-items: center; }

.flex-grow { flex-grow: 1; }

.align-items-center { align-items: center; }

.align-items-end { align-items: flex-end; }

.justify-content-start { justify-content: flex-start; }

.justify-content-space-evenly { justify-content: space-evenly; }

.justify-content-between { justify-content: space-between; }

.justify-content-center { justify-content: center; }

.justify-content-end { justify-content: flex-end; }

.align-items-stretch { align-items: stretch; }

.align-items-stretch { align-items: stretch; }

.align-items-start { -webkit-box-align: start; align-items: start; }

.align-items-end { align-items: flex-end; }

.align-self-start { align-self: flex-start; }

.align-self-end { align-self: flex-end; }

.align-self-center { align-self: center; }

.align-self-stretch { align-self: stretch; }

.align-items-baseline { align-items: baseline; }

.flex-1 { flex: 1 1 0%; }

.flex-3 { flex: 3 1 0%; }

.flex-4 { flex: 4 1 0%; }

.flex-5 { flex: 5 1 0%; }

.border-none { border: none; }

.border-bottom-light { border-bottom: 1px solid rgb(224, 230, 234); }

.border-light { border: 1px solid rgb(224, 230, 234); }

.button-default, .button-l, .button, .button-s, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more { border: 1px solid rgba(0, 0, 0, 0); border-radius: 3px; cursor: pointer; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; transition: 0.1s; }

.button-l { font-size: 1.25rem; padding: 8px 32px; }

.button { font-size: 1rem; padding: 8px 16px; }

.button .fa { margin-right: 8px; }

.button-s, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more { font-size: 0.875rem; padding: 4px 8px; }

.button--small { font-size: 0.875rem; font-family: "Gordita Medium"; }

.button-full-width, .details-view-header__app-cta > button { width: 100%; }

a.button-primary-outline, .button-primary-outline, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more { background-color: rgba(0, 0, 0, 0); border-color: rgb(59, 140, 255); color: rgb(59, 140, 255); }

a.button-primary-outline:focus, .button-primary-outline:focus, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more:focus { outline: none; }

a.button-primary-outline:hover, .button-primary-outline:hover, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more:hover { background-color: rgba(59, 140, 255, 0.075); border-color: rgb(8, 110, 255); color: rgb(8, 110, 255); }

a.button-primary-outline.is-disabled, .button-primary-outline.is-disabled, .topbar-nav .nav-links-group li .is-disabled.pricing-nav-tab__business-banner-learn-more { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-upgrade-outline, .button-upgrade-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(149, 82, 223); color: rgb(149, 82, 223); }

a.button-upgrade-outline:focus, .button-upgrade-outline:focus { outline: none; }

a.button-upgrade-outline:hover, .button-upgrade-outline:hover { background-color: rgba(149, 82, 223, 0.075); border-color: rgb(123, 40, 214); color: rgb(123, 40, 214); }

a.button-upgrade-outline.is-disabled, .button-upgrade-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-success-outline, .button-success-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(54, 196, 81); color: rgb(54, 196, 81); }

a.button-success-outline:focus, .button-success-outline:focus { outline: none; }

a.button-success-outline:hover, .button-success-outline:hover { background-color: rgba(54, 196, 81, 0.075); border-color: rgb(43, 156, 64); color: rgb(43, 156, 64); }

a.button-success-outline.is-disabled, .button-success-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-failure-outline, .button-failure-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(215, 69, 69); color: rgb(215, 69, 69); }

a.button-failure-outline:focus, .button-failure-outline:focus { outline: none; }

a.button-failure-outline:hover, .button-failure-outline:hover { background-color: rgba(215, 69, 69, 0.075); border-color: rgb(192, 41, 41); color: rgb(192, 41, 41); }

a.button-failure-outline.is-disabled, .button-failure-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-caution-outline, .button-caution-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(255, 196, 0); color: rgb(255, 196, 0); }

a.button-caution-outline:focus, .button-caution-outline:focus { outline: none; }

a.button-caution-outline:hover, .button-caution-outline:hover { background-color: rgba(255, 196, 0, 0.075); border-color: rgb(204, 157, 0); color: rgb(204, 157, 0); }

a.button-caution-outline.is-disabled, .button-caution-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-white-outline, .button-white-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }

a.button-white-outline:focus, .button-white-outline:focus { outline: none; }

a.button-white-outline:hover, .button-white-outline:hover { background-color: rgba(255, 255, 255, 0.075); border-color: rgb(230, 230, 230); color: rgb(230, 230, 230); }

a.button-white-outline.is-disabled, .button-white-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-secondary-outline, .button-secondary-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(190, 198, 202); color: rgb(59, 140, 255); }

a.button-secondary-outline:focus, .button-secondary-outline:focus { outline: none; }

a.button-secondary-outline:hover, .button-secondary-outline:hover { background-color: rgba(190, 198, 202, 0.075); border-color: rgb(162, 173, 179); color: rgb(162, 173, 179); }

a.button-secondary-outline.is-disabled, .button-secondary-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-secondary-outline:hover, .button-secondary-outline:hover { color: rgb(8, 110, 255); }

a.button-paragraph-outline, .button-paragraph-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(190, 198, 202); color: rgb(99, 107, 117); }

a.button-paragraph-outline:focus, .button-paragraph-outline:focus { outline: none; }

a.button-paragraph-outline:hover, .button-paragraph-outline:hover { background-color: rgba(190, 198, 202, 0.075); border-color: rgb(162, 173, 179); color: rgb(162, 173, 179); }

a.button-paragraph-outline.is-disabled, .button-paragraph-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-paragraph-outline:hover, .button-paragraph-outline:hover { color: rgb(8, 110, 255); }

a.button-primary, a:link.button-primary, .button-primary { background-color: rgb(59, 140, 255); border-color: rgb(59, 140, 255); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-primary:focus, a:link.button-primary:focus, .button-primary:focus { outline: none; }

a.button-primary:hover, a:link.button-primary:hover, .button-primary:hover { background: rgb(79, 152, 255); }

a.button-primary:active, a:link.button-primary:active, .button-primary:active { background: rgb(8, 110, 255); }

a.button-primary.is-disabled, a:link.button-primary.is-disabled, .button-primary.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-primary.is-disabled-with-color, a:link.button-primary.is-disabled-with-color, .button-primary.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-secondary, a:link.button-secondary, .button-secondary { background-color: rgb(53, 64, 81); border-color: rgb(53, 64, 81); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-secondary:focus, a:link.button-secondary:focus, .button-secondary:focus { outline: none; }

a.button-secondary:hover, a:link.button-secondary:hover, .button-secondary:hover { background: rgb(61, 74, 93); }

a.button-secondary:active, a:link.button-secondary:active, .button-secondary:active { background: rgb(33, 40, 50); }

a.button-secondary.is-disabled, a:link.button-secondary.is-disabled, .button-secondary.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-secondary.is-disabled-with-color, a:link.button-secondary.is-disabled-with-color, .button-secondary.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-dark, .button-dark { background-color: rgb(53, 64, 81); border-color: rgb(53, 64, 81); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-dark:focus, .button-dark:focus { outline: none; }

a.button-dark:hover, .button-dark:hover { background: rgb(61, 74, 93); }

a.button-dark:active, .button-dark:active { background: rgb(33, 40, 50); }

a.button-dark.is-disabled, .button-dark.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-dark.is-disabled-with-color, .button-dark.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-dark-outline, .button-dark-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(99, 107, 117); color: rgb(99, 107, 117); }

a.button-dark-outline:focus, .button-dark-outline:focus { outline: none; }

a.button-dark-outline:hover, .button-dark-outline:hover { background-color: rgba(99, 107, 117, 0.075); border-color: rgb(76, 82, 89); color: rgb(76, 82, 89); }

a.button-dark-outline.is-disabled, .button-dark-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-upgrade, a:link.button-upgrade, .button-upgrade { background-color: rgb(149, 82, 223); border-color: rgb(149, 82, 223); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-upgrade:focus, a:link.button-upgrade:focus, .button-upgrade:focus { outline: none; }

a.button-upgrade:hover, a:link.button-upgrade:hover, .button-upgrade:hover { background: rgb(160, 99, 226); }

a.button-upgrade:active, a:link.button-upgrade:active, .button-upgrade:active { background: rgb(123, 40, 214); }

a.button-upgrade.is-disabled, a:link.button-upgrade.is-disabled, .button-upgrade.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-upgrade.is-disabled-with-color, a:link.button-upgrade.is-disabled-with-color, .button-upgrade.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-success, a:link.button-success, .button-success { background-color: rgb(54, 196, 81); border-color: rgb(54, 196, 81); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-success:focus, a:link.button-success:focus, .button-success:focus { outline: none; }

a.button-success:hover, a:link.button-success:hover, .button-success:hover { background: rgb(67, 203, 93); }

a.button-success:active, a:link.button-success:active, .button-success:active { background: rgb(43, 156, 64); }

a.button-success.is-disabled, a:link.button-success.is-disabled, .button-success.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-success.is-disabled-with-color, a:link.button-success.is-disabled-with-color, .button-success.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-failure, a:link.button-failure, .button-failure { background-color: rgb(215, 69, 69); border-color: rgb(215, 69, 69); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-failure:focus, a:link.button-failure:focus, .button-failure:focus { outline: none; }

a.button-failure:hover, a:link.button-failure:hover, .button-failure:hover { background: rgb(219, 86, 86); }

a.button-failure:active, a:link.button-failure:active, .button-failure:active { background: rgb(192, 41, 41); }

a.button-failure.is-disabled, a:link.button-failure.is-disabled, .button-failure.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-failure.is-disabled-with-color, a:link.button-failure.is-disabled-with-color, .button-failure.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-caution, a:link.button-caution, .button-caution { background-color: rgb(255, 196, 0); border-color: rgb(255, 196, 0); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-caution:focus, a:link.button-caution:focus, .button-caution:focus { outline: none; }

a.button-caution:hover, a:link.button-caution:hover, .button-caution:hover { background: rgb(255, 201, 20); }

a.button-caution:active, a:link.button-caution:active, .button-caution:active { background: rgb(204, 157, 0); }

a.button-caution.is-disabled, a:link.button-caution.is-disabled, .button-caution.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-caution.is-disabled-with-color, a:link.button-caution.is-disabled-with-color, .button-caution.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-facebook, .button-facebook { background-color: rgb(76, 102, 164); border-color: rgb(76, 102, 164); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-facebook:focus, .button-facebook:focus { outline: none; }

a.button-facebook:hover, .button-facebook:hover { background: rgb(84, 111, 176); }

a.button-facebook:active, .button-facebook:active { background: rgb(60, 80, 129); }

a.button-facebook.is-disabled, .button-facebook.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-facebook.is-disabled-with-color, .button-facebook.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-google, .button-google { background-color: rgb(249, 1, 1); border-color: rgb(249, 1, 1); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-google:focus, .button-google:focus { outline: none; }

a.button-google:hover, .button-google:hover { background: rgb(254, 16, 16); }

a.button-google:active, .button-google:active { background: rgb(198, 1, 1); }

a.button-google.is-disabled, .button-google.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-google.is-disabled-with-color, .button-google.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-yahoo, .button-yahoo { background-color: rgb(123, 0, 153); border-color: rgb(123, 0, 153); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-yahoo:focus, .button-yahoo:focus { outline: none; }

a.button-yahoo:hover, .button-yahoo:hover { background: rgb(139, 0, 173); }

a.button-yahoo:active, .button-yahoo:active { background: rgb(82, 0, 102); }

a.button-yahoo.is-disabled, .button-yahoo.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-yahoo.is-disabled-with-color, .button-yahoo.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-disabled, .button-disabled { transition: background 0.2s; color: rgb(160, 171, 190); background-color: rgb(204, 213, 226); border: none; }

a.button-disabled:focus, .button-disabled:focus { outline: none; }

a.button-disabled:hover, .button-disabled:hover { background: rgb(172, 182, 198); }

a.button-disabled:active, .button-disabled:active { background: rgb(130, 144, 169); }

a.button-disabled.is-disabled, .button-disabled.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-disabled.is-disabled-with-color, .button-disabled.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-upgrade-gradient { background: linear-gradient(to right, rgb(123, 40, 214), rgb(200, 109, 215)); border-color: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); }

a.button-info, .button-info { background: linear-gradient(161.04deg, rgb(96, 179, 253) 26.97%, rgb(170, 116, 229) 132.65%, rgb(59, 140, 255) 186.86%); color: rgb(255, 255, 255); border: none; }

.button-icon-animation { position: relative; padding-left: 36px; }

.button-icon-animation i { position: absolute; left: 12px; top: 53%; transform: translateY(-50%); transition: 0.2s linear; font-size: 1rem; }

.button-icon-animation--zoom:hover i { left: 9px; font-size: 1.5rem; }

.button-icon-animation--rotate { transform: rotate(0deg); }

.button-icon-animation--rotate:hover i { top: 12px; transform: rotate(72deg); }

.colored-icon.color2 { color: rgb(255, 255, 255); }

.colored-icon.color10 { color: rgb(149, 82, 223); }

.colored-icon.color12-500 { color: rgb(253, 90, 71); }

.colored-icon.color11-300 { color: rgb(255, 195, 75); }

a.link, .link, .standard-tutorial__step_show_me { background-color: rgba(0, 0, 0, 0); border: none; color: rgb(59, 140, 255); cursor: pointer; outline: none; padding: 4px; text-decoration: none; font-family: "Gordita Medium"; font-size: 14px; transition: color 0.2s linear; }

a.link:hover, .link:hover, .standard-tutorial__step_show_me:hover { color: rgb(53, 72, 184); }

a.link-underline, .link-underline { text-decoration: underline; }

a.link-white, .link-white { color: rgb(255, 255, 255); }

a.link-nostyle, .link-nostyle { background: none; color: inherit; border: none; padding: 0px; font: inherit; cursor: pointer; outline: none; }

a.link-nostyle--blue, .link-nostyle--blue { color: rgb(59, 140, 255); }

.currency-component__input-group { display: flex; border: 1px solid rgb(190, 198, 202); background-color: rgb(255, 255, 255); border-radius: 3px; padding: 8px; transition: 0.2s; }

.currency-component__input-group.is-focused { outline: none; border-color: rgb(59, 140, 255); }

.currency-component__input { border: none; box-shadow: none; color: rgb(53, 64, 81); font-weight: 300; font-size: 1rem; padding: 0px; width: 100%; transform: scale(1); }

.currency-component__input:focus { box-shadow: none; outline: none; }

.currency-component__icon { font-weight: 300; font-size: 1rem; color: rgb(53, 64, 81); }

.text-component__label { color: rgb(53, 64, 81); display: block; font-size: 1rem; font-weight: bold; margin-bottom: 8px; }

.text-component__label__hint { color: rgb(160, 171, 190); font-size: 14px; margin-bottom: 8px; }

.text-component__input, .text-component__textarea, .text-component__select { border: 1px solid rgb(190, 198, 202); border-radius: 3px; box-shadow: none; color: rgb(53, 64, 81); font-weight: 300; font-size: 1rem; padding: 8px; width: 100%; transition: 0.2s; transform: scale(1); }

.text-component__input:focus, .text-component__textarea:focus, .text-component__select:focus { box-shadow: none; outline: none; border-color: rgb(59, 140, 255); }

.text-component__input--border-caution, .text-component__textarea--border-caution, .text-component__select--border-caution { border: 1px solid rgb(255, 196, 0); }

.text-component__textarea { min-height: 50px; }

.text-component__message { font-size: 0.875rem; }

.text-component select.text-component__input { height: 40px; }

.text-component ::-webkit-input-placeholder { opacity: 0.7; }

.text-component--failure .text-component__input, .text-component--failure .text-component__textarea, .text-component--failure .text-component__select { border: 1px solid rgb(215, 69, 69); }

.text-component--failure .text-component__message { color: rgb(215, 69, 69); }

.text-component--caution.text-component__input, .text-component--caution.text-component__textarea { border: 1px solid rgb(255, 196, 0); }

.text-component--caution .text-component__message { color: rgb(53, 64, 81); }

.text-component--caution .text-component__icon { color: rgb(255, 196, 0); }

.text-component--small .text-component__textarea { height: 100px; }

.text-component--no-resize .text-component__textarea { resize: none; }

.non-editable, .embed-code textarea { background: rgb(229, 242, 253); border: 1px solid rgb(190, 198, 202); border-radius: 3px; }

.non-editable--url { color: rgb(53, 64, 81); }

.non-editable--code, .embed-code textarea { resize: none; font-family: Monaco, monospace; color: rgb(99, 107, 117); font-size: 0.875rem; text-align: center; }

.text-with-button button, .text-with-button .button { margin-left: -4px; }

.non-editable, .embed-code textarea { background: rgb(229, 242, 253); border: 1px solid rgb(190, 198, 202); border-radius: 3px; }

.non-editable--url { color: rgb(53, 64, 81); }

.non-editable--code, .embed-code textarea { resize: none; font-family: Monaco, monospace; color: rgb(99, 107, 117); font-size: 0.875rem; text-align: center; }

.dropdown-component__select { background-color: rgb(255, 255, 255); border: 1px solid rgb(190, 198, 202); border-radius: 3px; box-shadow: none; color: rgb(53, 64, 81); font-weight: 300; font-size: 1rem; height: 36px; padding: 8px; width: 100%; transition: 0.2s; transform: scale(1); }

.dropdown-component__select:focus { border-color: rgb(136, 185, 255); box-shadow: none; outline: none; }

.tab-component-controls-list { border-bottom: 2px solid rgb(190, 198, 202); list-style-type: none; margin: 16px 0px; padding: 0px; }

.tab-component-controls-list__item { display: inline-block; position: relative; text-align: center; }

.tab-component-controls-list__item.active a.tab-component-controls-list__link { color: rgb(59, 140, 255); }

.tab-component-controls-list__item.active::after { background-color: rgb(59, 140, 255); content: ""; height: 2px; left: 0px; position: absolute; bottom: -2px; width: 100%; }

.tab-component-controls-list__link { background-color: rgba(0, 0, 0, 0); border: none; color: rgb(99, 107, 117); cursor: pointer; display: inline-block; min-width: 75px; padding: 8px 16px; }

.tab-component-controls-list__link.link-gap { padding: 8px 11px; }

.tab-component-controls-list a.tab-component-controls-list__link { color: rgb(99, 107, 117); }

.tab-component__pane { padding: 32px 0px; }

.modal__title { text-align: center; }

.modal__close { border: none; color: rgb(160, 171, 190); cursor: pointer; font-size: 1.25rem; font-weight: bold; opacity: 0.5; position: absolute; right: 15px; top: 10px; appearance: none; }

.modal__close:hover { opacity: 1; }

button.modal__close { background: rgba(0, 0, 0, 0); }

.circled-close, .fal.publish-uber-panel__close, .fal.upsell-success__close { font-size: 1.5rem; cursor: pointer; color: rgb(59, 140, 255); background-color: rgb(239, 242, 244); border-radius: 100%; width: 45px; height: 45px; z-index: 1; display: flex; align-items: center; justify-content: center; transition: 0.4s; }

.circled-close:hover, .fal.publish-uber-panel__close:hover, .fal.upsell-success__close:hover { transform: scale(1.1); }

.modal__content { background-clip: padding-box; background-color: rgb(255, 255, 255); border: none; border-radius: 3px; box-shadow: rgba(53, 64, 81, 0.2) 0px 0px 5px 2px; outline: 0px; padding: 32px; position: relative; }

.modal__body { text-align: center; }

.modal__footer { margin-top: 32px; text-align: center; }

.modal-backdrop { background-color: rgba(53, 64, 81, 0.8); z-index: 9999; }

.editor-simulator { background-color: rgb(239, 242, 244); height: 500px; width: 400px; }

.card { background-color: rgb(255, 255, 255); border-radius: 3px; padding: 16px; position: relative; min-height: 100px; transition: 0.2s; }

.card.has-shadow, .card.toastify, .card.product-updates, .card.notification-toast { border: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; }

.card--shadow { border: 1px solid rgb(224, 230, 234); box-shadow: rgba(85, 102, 125, 0.3) 0px 10px 10px -10px; }

.notification-banner { border-radius: 3px; box-shadow: rgb(160, 171, 190) 0px 2px 5px -1px; margin: 16px 0px; padding: 16px; width: 100%; }

.notification-banner--primary { background-color: rgb(238, 245, 255); border-top: 3px solid rgb(59, 140, 255); color: rgb(53, 64, 81); }

.notification-banner--caution { background-color: rgb(255, 245, 224); border-top: 3px solid rgb(255, 196, 0); color: rgb(53, 64, 81); }

.notification-banner--caution a { color: rgb(59, 140, 255); }

.notification-banner--failure { background-color: rgb(255, 238, 240); border-top: 3px solid rgb(215, 69, 69); color: rgb(215, 69, 69); }

.notification-banner--failure a { color: rgb(59, 140, 255); }

.notification-banner--success { background-color: rgb(219, 245, 224); border-top: 3px solid rgb(91, 210, 114); color: rgb(53, 64, 81); }

.notification-banner--upgrade { background-color: rgb(228, 211, 247); border-top: 3px solid rgb(162, 104, 227); }

.notification-banner--upgrade-secondary { background-color: rgb(248, 249, 250); border-top: 3px solid rgb(162, 104, 227); }

.notification-banner--upgrade-secondary i { color: rgb(162, 104, 227); }

.notification-banner .close { position: relative; z-index: 1; }

.notification-banner .actionBtn { color: rgb(59, 140, 255); margin-top: 12px; display: inline-block; }

.notification-banner .actionBtn:hover { cursor: pointer; }

.notification-banner-close { position: absolute; top: 8px; right: 10px; cursor: pointer; color: rgb(160, 171, 190); }

.notification-banner_expanded { position: relative; }

.notification-banner_expanded > i { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 32px; }

.notification-banner_expanded > div { padding: 10px 0px 0px 45px; line-height: 1.5; font-size: 14px; }

.notification-toast { border-radius: 3px; margin: 16px auto; max-width: 400px; padding: 8px 16px; text-align: center; width: 100%; }

.notification-toast--primary { background-color: rgb(238, 245, 255); border: 1px solid rgb(59, 140, 255); color: rgb(53, 64, 81); }

.notification-toast--caution { background-color: rgb(255, 246, 214); border-top: 3px solid rgb(255, 208, 51); color: rgb(53, 64, 81); }

.notification-toast--failure { background-color: rgb(253, 245, 245); border-top: 3px solid rgb(224, 111, 111); color: rgb(215, 69, 69); }

.notification-toast--failure a { color: rgb(59, 140, 255); }

.notification-toast--success { background-color: rgb(219, 245, 224); border-top: 3px solid rgb(91, 210, 114); color: rgb(53, 64, 81); }

.product-caution-banner { z-index: 1030; position: fixed; top: 0px; padding-top: 11px; }

.promo-banner { align-items: stretch; background-color: blue; box-sizing: border-box; display: flex; height: 50px; padding: 8px; width: 100%; z-index: 1030; top: 0px; cursor: pointer; }

.promo-banner.increase-height-on-mobile { height: 108px; }

@media only screen and (max-width: 833px) {
  .promo-banner__timer, .promo-banner__sale-ends { display: none; }
}

@media only screen and (max-width: 543px) {
  .promo-banner__title { font-size: 0.75rem; }
}

.promo-banner.shopify-banner { position: relative; margin-top: 32px; margin-bottom: 32px; border-radius: 4px; height: 60px !important; }

.promo-banner.banner-position { position: fixed; }

.promo-banner.is-primary { background-color: rgb(59, 140, 255); }

.promo-banner.is-primary .promo-banner__title, .promo-banner.is-primary .promo-banner__message, .promo-banner.is-primary .promo-banner__sale-ends, .promo-banner.is-primary .promo-banner__timer, .promo-banner.is-primary .promo-banner__link, .promo-banner.is-primary .promo-banner__close { color: rgb(255, 255, 255); }

.promo-banner.is-secondary { background-color: rgb(238, 245, 255); }

.promo-banner.is-secondary .promo-banner__title, .promo-banner.is-secondary .promo-banner__message, .promo-banner.is-secondary .promo-banner__sale-ends, .promo-banner.is-secondary .promo-banner__timer, .promo-banner.is-secondary .promo-banner__link, .promo-banner.is-secondary .promo-banner__close { color: rgb(53, 64, 81); }

.promo-banner.is-gray { background-color: rgb(53, 64, 81); }

.promo-banner.is-gray .promo-banner__title, .promo-banner.is-gray .promo-banner__message, .promo-banner.is-gray .promo-banner__sale-ends, .promo-banner.is-gray .promo-banner__timer, .promo-banner.is-gray .promo-banner__link, .promo-banner.is-gray .promo-banner__close { color: rgb(255, 255, 255); }

.promo-banner.is-gray .promo-banner__title { font-family: Gordita; }

@media only screen and (max-width: 543px) {
  .promo-banner .new-timer { margin-top: 16px; }
}

.promo-banner.black-friday .promo-banner__title, .promo-banner.black-friday .promo-banner__message, .promo-banner.black-friday .promo-banner__sale-ends, .promo-banner.black-friday .promo-banner__timer, .promo-banner.cyber-week .promo-banner__title, .promo-banner.cyber-week .promo-banner__message, .promo-banner.cyber-week .promo-banner__sale-ends, .promo-banner.cyber-week .promo-banner__timer { font-size: 20px; font-family: "Gordita Bold"; }

@media only screen and (max-width: 543px) {
  .promo-banner.black-friday .promo-banner__title, .promo-banner.black-friday .promo-banner__message, .promo-banner.black-friday .promo-banner__sale-ends, .promo-banner.black-friday .promo-banner__timer, .promo-banner.cyber-week .promo-banner__title, .promo-banner.cyber-week .promo-banner__message, .promo-banner.cyber-week .promo-banner__sale-ends, .promo-banner.cyber-week .promo-banner__timer { font-size: 0.75rem; }
}

.promo-banner.black-friday .promo-banner__img, .promo-banner.cyber-week .promo-banner__img { height: 50px; width: 100px; }

@media only screen and (max-width: 543px) {
  .promo-banner.black-friday .promo-banner__img, .promo-banner.cyber-week .promo-banner__img { background-image: url("https://www.powrcdn.com/images/svgs/promo/bags.svg"); }
}

.promo-banner.black-friday .promo-banner__img { background-image: url("https://www.powrcdn.com/images/svgs/promo/cat-bag.svg"); }

.promo-banner.cyber-week .promo-banner__img { background-image: url("https://www.powrcdn.com/images/svgs/promo/bags.svg"); }

.promo-banner.promo-container .promo-banner__content { column-gap: 24px; }

.promo-banner.promo-container .promo-banner__img { width: 71px; height: 50px; background-image: url("https://www.powrcdn.com/nuvemshopnudge/nudge_icon_gif.gif"); }

.promo-banner.promo-container .promo-banner__text-container { padding-top: 4px; column-gap: 24px; }

.promo-banner.promo-container .promo-banner__description.desktop { display: block; }

.promo-banner.promo-container .promo-banner__description.mobile { display: none; }

@media screen and (max-width: 1024px) {
  .promo-banner.promo-container .promo-banner__img { background-image: url("https://www.powrcdn.com/nuvemshopnudge/nudge_icon_gif_mobile.gif"); }
  .promo-banner.promo-container .promo-banner__title { font-size: 1rem; }
  .promo-banner.promo-container .promo-banner__description { font-size: 0.875rem; }
}

@media screen and (max-width: 768px) {
  .promo-banner.promo-container .promo-banner__description.desktop { display: none; }
  .promo-banner.promo-container .promo-banner__description.mobile { display: block; }
}

@media screen and (max-width: 500px) {
  .promo-banner.promo-container button { display: none; }
  .promo-banner.promo-container .promo-banner__title { font-size: 0.875rem; text-decoration: underline; }
  .promo-banner.promo-container .promo-banner__description { font-size: 0.75rem; }
}

.promo-banner.valentines_day_2021 { background: linear-gradient(45deg, rgb(255, 238, 240) 0%, rgb(241, 231, 250) 100%); }

.promo-banner.valentines_day_2021 .promo-banner__content { flex-wrap: wrap; }

.promo-banner.valentines_day_2021 .promo-banner__title, .promo-banner.valentines_day_2021 .promo-banner__message, .promo-banner.valentines_day_2021 .promo-banner__sale-ends, .promo-banner.valentines_day_2021 .promo-banner__timer { font-family: "Gordita Bold"; }

.promo-banner.valentines_day_2021 .promo-banner__link { text-decoration: none; }

.promo-banner.valentines_day_2021 .promo-banner__img { background-image: url("https://www.powrcdn.com/images/svgs/promo/holiday_present.png"); height: 100%; width: 50px; margin-right: 16px; }

.promo-banner.valentines_day_2021 #promo-countdown { margin: -4px 0px 0px 8px; }

.promo-banner.valentines_day_2021 .snow { height: 100%; position: absolute; width: 100%; z-index: -1; }

.promo-banner.valentines_day_2021 .number-with-text { position: relative; width: 35px; display: inline-block; }

.promo-banner.valentines_day_2021 .timer-number { font-size: 1.5rem; display: inline-block; width: 100%; text-align: center; }

.promo-banner.valentines_day_2021 .number-descr { position: absolute; bottom: -12px; left: 0px; width: 100%; font-size: 11px; font-family: "Gordita Light"; text-align: center; opacity: 0.6; }

.promo-banner.valentines_day_2021 .valentines_day_2021__link { color: rgb(252, 90, 71); }

@media only screen and (max-width: 543px) {
  .promo-banner.valentines_day_2021 .promo-banner__title, .promo-banner.valentines_day_2021 .promo-banner__message, .promo-banner.valentines_day_2021 .promo-banner__sale-ends { font-size: 0.875rem; }
  .promo-banner.valentines_day_2021 .promo-banner__message { width: 100%; text-align: center; }
  .promo-banner.valentines_day_2021 .promo-banner__sale-ends { margin-top: 16px; }
}

@media screen and (max-width: 768px) {
  .promo-banner.valentines_day_2021 { height: 108px; padding-bottom: 16px; }
  .promo-banner.valentines_day_2021 .promo-banner__img { height: 40px; }
}

@media screen and (max-width: 500px) {
  .promo-banner.valentines_day_2021 .promo-banner__img { display: none; }
}

.promo-banner__content { align-items: center; display: flex; justify-content: center; width: 100%; }

.promo-banner .promo-banner__title, .promo-banner .promo-banner__message, .promo-banner .promo-banner__sale-ends, .promo-banner .promo-banner__timer { line-height: 1.3; }

.promo-banner .promo-banner__link, .promo-banner a.promo-banner__link { text-decoration: none; }

.promo-banner .promo-banner__close { align-items: center; cursor: pointer; display: flex; opacity: 0.5; transition: 0.2s; }

.promo-banner .promo-banner__close:hover { opacity: 1; }

.promo-banner__img { background-size: contain; background-position: center center; background-repeat: no-repeat; }

.promo-banner.trial-banner { background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); }

.promo-banner.trial-banner .promo-banner__title, .promo-banner.trial-banner .promo-banner__message, .promo-banner.trial-banner .promo-banner__sale-ends, .promo-banner.trial-banner .promo-banner__timer, .promo-banner.trial-banner .promo-banner__link, .promo-banner.trial-banner .promo-banner__close { color: rgb(255, 255, 255); }

.promo-banner.trial-banner .promo-banner__link a { text-decoration: underline; font-weight: 600; }

.promo-banner.trial-banner .promo-banner__link a:hover { opacity: 0.8; }

.promo-banner.trial-banner .promo-banner__link a.js-show-trial-features { background: rgba(255, 255, 255, 0.2); padding: 4px 12px; border-radius: 20px; text-decoration: none; font-weight: 600; transition: 0.2s; margin-right: 8px; }

.promo-banner.trial-banner .promo-banner__link a.js-show-trial-features:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }

.promo-banner.trial-banner .promo-banner__link a.js-show-trial-features::before { content: "🎉 "; margin-right: 4px; }

.promo-banner.trial-banner.trial-expiring { background: linear-gradient(135deg, rgb(255, 107, 107) 0%, rgb(238, 90, 36) 100%); }

.promo-banner.trial-banner.trial-expiring .js-show-trial-features { background: rgba(255, 255, 255, 0.15); }

.promo-banner.trial-banner.trial-expiring .js-show-trial-features:hover { background: rgba(255, 255, 255, 0.25); }

.promo-banner.trial-banner.trial-expiring .js-show-trial-features::before { content: "⏰ "; }

.promo-banner.trial-banner.trial-welcome { background: linear-gradient(135deg, rgb(79, 172, 254) 0%, rgb(0, 242, 254) 100%); }

.promo-banner.trial-banner.trial-welcome .js-show-trial-features { background: rgba(255, 255, 255, 0.2); }

.promo-banner.trial-banner.trial-welcome .js-show-trial-features:hover { background: rgba(255, 255, 255, 0.3); }

.promo-banner.trial-banner.trial-welcome .js-show-trial-features::before { content: "✨ "; }

@media screen and (min-width: 768px) {
  .promo-banner { padding: 8px 1%; }
  .promo-banner.increase-height-on-mobile { height: 50px; }
  .promo-banner .promo-banner__link { margin: 0px 8px; }
}

.wide { max-width: 700px; }

.theme-1 { background-color: rgb(59, 140, 255); color: rgb(255, 255, 255); }

.theme-1 h1, .theme-1 h2, .theme-1 h3, .theme-1 h4, .theme-1 p { color: rgb(255, 255, 255); }

.theme-1 .card { background-color: rgb(34, 125, 255); }

.theme-2 { background-color: rgb(53, 64, 81); }

.theme-2 h1, .theme-2 h2, .theme-2 h3, .theme-2 h4 { color: rgb(255, 255, 255); }

.theme-2 p { color: rgb(123, 132, 144); }

.theme-2 .card { background-color: rgb(59, 71, 90); }

.theme-danger { background-color: rgb(242, 195, 195); }

.theme-danger h1, .theme-danger h2, .theme-danger h3, .theme-danger h4 { color: rgb(215, 69, 69); }

.theme-danger p { color: rgb(215, 69, 69); }

.theme-danger .card { background-color: rgb(218, 82, 82); }

.theme-3 { background-color: rgb(239, 242, 244); }

.theme-3 h1, .theme-3 h2, .theme-3 h3, .theme-3 h4 { color: rgb(53, 64, 81); }

.theme-3 p { color: rgb(99, 107, 117); }

.theme-3 .card { border-radius: 4px; border: 1px solid var(--color-6-dark, #E0E6EA); background: var(--white, #FFF); box-shadow: rgba(85, 102, 125, 0.3) 0px 10px 10px -10px; }

.theme-4 { background-color: rgb(224, 230, 234); }

.theme-4 h1, .theme-4 h2, .theme-4 h3, .theme-4 h4 { color: rgb(53, 64, 81); }

.theme-4 p { color: rgb(99, 107, 117); }

.theme-4 .card { background-color: rgb(255, 255, 255); }

.theme-5 { background-color: rgb(248, 249, 250); }

.theme-5 h1, .theme-5 h2, .theme-5 h3, .theme-5 h4 { color: rgb(53, 64, 81); }

.theme-5 p { color: rgb(99, 107, 117); }

.theme-5 .card { background-color: rgb(255, 255, 255); }

.theme-5 .subtle-card:hover:hover { background-color: rgb(239, 242, 244); cursor: pointer; }

.bg-mystic-shaded { background-color: rgb(239, 242, 244); }

.bg-mystic-dark-shaded { background-color: rgb(224, 230, 234); }

.bg-primary-shaded { background-color: rgb(238, 245, 255); }

.bg-gray-light { background-color: rgb(248, 249, 250); }

.page-title { margin-bottom: 32px; margin-top: 64px; }

.content-section { margin-bottom: 124px; }

.content { margin-bottom: 32px; }

.small-caption { font-size: 0.75rem; }

.medium-caption { font-size: 0.875rem; }

.word-wrap-break { overflow-wrap: break-word; }

.word-break-all { word-break: break-all; }

.underline { text-decoration: underline; }

.base-line-clamp, .line-clamp-4, .line-clamp-3, .line-clamp-2, .line-clamp-1 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; }

.line-clamp-1 { -webkit-line-clamp: 1; }

.line-clamp-2 { -webkit-line-clamp: 2; }

.line-clamp-3 { -webkit-line-clamp: 3; }

.line-clamp-4 { -webkit-line-clamp: 4; }

.line-height-1-2 { line-height: 1.2; }

.pad-nil { padding: 0px; }

.pad-xs { padding: 4px; }

.pad-s { padding: 8px; }

.pad-m { padding: 16px; }

.pad-l { padding: 32px; }

.pad-xl { padding: 64px; }

.pad-xxl { padding: 124px; }

.pad-v-nil { padding-top: 0px; padding-bottom: 0px; }

.pad-v-xs { padding-top: 4px; padding-bottom: 4px; }

.pad-v-s { padding-top: 8px; padding-bottom: 8px; }

.pad-v-m { padding-top: 16px; padding-bottom: 16px; }

.pad-v-l { padding-top: 32px; padding-bottom: 32px; }

.pad-v-xl { padding-top: 64px; padding-bottom: 64px; }

.pad-v-xxl { padding-top: 124px; padding-bottom: 124px; }

.pad-h-nil { padding-left: 0px; padding-right: 0px; }

.pad-h-xs { padding-left: 4px; padding-right: 4px; }

.pad-h-s { padding-left: 8px; padding-right: 8px; }

.pad-h-m { padding-left: 16px; padding-right: 16px; }

.pad-h-l { padding-left: 32px; padding-right: 32px; }

.pad-h-xl { padding-left: 64px; padding-right: 64px; }

.pad-h-xxl { padding-left: 124px; padding-right: 124px; }

.pad-top-nil { padding-top: 0px; }

.pad-top-xs { padding-top: 4px; }

.pad-top-s { padding-top: 8px; }

.pad-top-m { padding-top: 16px; }

.pad-top-l { padding-top: 32px; }

.pad-top-xl { padding-top: 64px; }

.pad-top-xxl { padding-top: 124px; }

.pad-right-nil { padding-right: 0px; }

.pad-right-xs { padding-right: 4px; }

.pad-right-s { padding-right: 8px; }

.pad-right-m { padding-right: 16px; }

.pad-right-l { padding-right: 32px; }

.pad-right-xl { padding-right: 64px; }

.pad-right-xxl { padding-right: 124px; }

.pad-bottom-nil { padding-bottom: 0px; }

.pad-bottom-xs { padding-bottom: 4px; }

.pad-bottom-s { padding-bottom: 8px; }

.pad-bottom-m { padding-bottom: 16px; }

.pad-bottom-l { padding-bottom: 32px; }

.pad-bottom-xl { padding-bottom: 64px; }

.pad-bottom-xxl { padding-bottom: 124px; }

.pad-left-nil { padding-left: 0px; }

.pad-left-xs { padding-left: 4px; }

.pad-left-s { padding-left: 8px; }

.pad-left-m { padding-left: 16px; }

.pad-left-l { padding-left: 32px; }

.pad-left-xl { padding-left: 64px; }

.pad-left-xxl { padding-left: 124px; }

.pad-nil-force { padding: 0px !important; }

.margin-nil { margin: 0px; }

.margin-xs { margin: 4px; }

.margin-s { margin: 8px; }

.margin-m { margin: 16px; }

.margin-l { margin: 32px; }

.margin-xl { margin: 64px; }

.margin-xxl { margin: 124px; }

.margin-v-nil { margin-top: 0px; margin-bottom: 0px; }

.margin-v-xs { margin-top: 4px; margin-bottom: 4px; }

.margin-v-s { margin-top: 8px; margin-bottom: 8px; }

.margin-v-m { margin-top: 16px; margin-bottom: 16px; }

.margin-v-l { margin-top: 32px; margin-bottom: 32px; }

.margin-v-xl { margin-top: 64px; margin-bottom: 64px; }

.margin-v-xxl { margin-top: 124px; margin-bottom: 124px; }

.margin-h-nil { margin-left: 0px; margin-right: 0px; }

.margin-h-xs { margin-left: 4px; margin-right: 4px; }

.margin-h-s { margin-left: 8px; margin-right: 8px; }

.margin-h-m { margin-left: 16px; margin-right: 16px; }

.margin-h-l { margin-left: 32px; margin-right: 32px; }

.margin-h-xl { margin-left: 64px; margin-right: 64px; }

.margin-h-xxl { margin-left: 124px; margin-right: 124px; }

.margin-top-nil { margin-top: 0px; }

.margin-top-xs { margin-top: 4px; }

.margin-top-s { margin-top: 8px; }

.margin-top-m { margin-top: 16px; }

.margin-top-l { margin-top: 32px; }

.margin-top-xl { margin-top: 64px; }

.margin-top-xxl { margin-top: 124px; }

.margin-right-nil { margin-right: 0px; }

.margin-right-xxs { margin-right: 2px; }

.margin-right-xs { margin-right: 4px; }

.margin-right-s { margin-right: 8px; }

.margin-right-m { margin-right: 16px; }

.margin-right-l { margin-right: 32px; }

.margin-right-xl { margin-right: 64px; }

.margin-right-xxl { margin-right: 124px; }

.margin-bottom-nil { margin-bottom: 0px; }

.margin-bottom-xs { margin-bottom: 4px; }

.margin-bottom-s { margin-bottom: 8px; }

.margin-bottom-m { margin-bottom: 16px; }

.margin-bottom-l { margin-bottom: 32px; }

.margin-bottom-xl { margin-bottom: 64px; }

.margin-bottom-xxl { margin-bottom: 124px; }

.margin-left-nil { margin-left: 0px; }

.margin-left-xs { margin-left: 4px; }

.margin-left-s { margin-left: 8px; }

.margin-left-m { margin-left: 16px; }

.margin-left-l { margin-left: 32px; }

.margin-left-xl { margin-left: 64px; }

.margin-left-xxl { margin-left: 124px; }

.margin-h-auto { margin-left: auto; margin-right: auto; }

.margin-top-auto { margin-top: auto; }

.margin-right-auto { margin-right: auto; }

.margin-top-xl2 { margin-top: 96px; }

.margin-bottom-xl2 { margin-bottom: 96px; }

.margin-bottom-m2 { margin-bottom: 24px; }

.gap-nil { gap: 0px; }

.gap-xs { gap: 4px; }

.gap-s { gap: 8px; }

.gap-m { gap: 16px; }

.gap-l { gap: 32px; }

.gap-xl { gap: 64px; }

.gap-xxl { gap: 124px; }

.row-gap-nil { row-gap: 0px; }

.row-gap-xs { row-gap: 4px; }

.row-gap-s { row-gap: 8px; }

.row-gap-m { row-gap: 16px; }

.row-gap-l { row-gap: 32px; }

.row-gap-xl { row-gap: 64px; }

.row-gap-xxl { row-gap: 124px; }

.column-gap-nil { column-gap: 0px; }

.column-gap-xs { column-gap: 4px; }

.column-gap-s { column-gap: 8px; }

.column-gap-m { column-gap: 16px; }

.column-gap-l { column-gap: 32px; }

.column-gap-xl { column-gap: 64px; }

.column-gap-xxl { column-gap: 124px; }

.opacity-0 { opacity: 0; }

.opacity-25 { opacity: 0.25; }

.opacity-50 { opacity: 0.5; }

.opacity-75 { opacity: 0.75; }

.opacity-100 { opacity: 1; }

@-webkit-keyframes fade-in-bottom { 
  0% { transform: translateY(25px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

@keyframes fade-in-bottom { 
  0% { transform: translateY(25px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

@-webkit-keyframes scale-in { 
  0% { transform: scale(0.9); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes scale-in { 
  0% { transform: scale(0.9); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; }
}

@-webkit-keyframes ani_blink { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes ani_blink { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes ani_random_blink { 
  0% { opacity: 0; }
  1% { transform: scaleX(1); }
  49% { opacity: 0; }
  50% { opacity: 1; }
  55% { opacity: 0; }
  56% { transform: scaleX(-1); }
  95% { opacity: 0; }
  96% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes ani_random_blink { 
  0% { opacity: 0; }
  1% { transform: scaleX(1); }
  49% { opacity: 0; }
  50% { opacity: 1; }
  55% { opacity: 0; }
  56% { transform: scaleX(-1); }
  95% { opacity: 0; }
  96% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes ani_glow { 
  0% { text-shadow: rgb(255, 255, 255) 0px 0px 10px; }
  50% { text-shadow: rgb(102, 102, 102) 0px 0px 5px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 10px; }
}

@keyframes ani_glow { 
  0% { text-shadow: rgb(255, 255, 255) 0px 0px 10px; }
  50% { text-shadow: rgb(102, 102, 102) 0px 0px 5px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 10px; }
}

@-webkit-keyframes ani_tada { 
  0% { transform: scale(1); }
  10%, 20% { transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@keyframes ani_tada { 
  0% { transform: scale(1); }
  10%, 20% { transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@-webkit-keyframes ani_parralax_a { 
  0% { left: -120px; top: -100px; }
  50% { left: -200px; top: -80px; }
  100% { left: -120px; top: -100px; }
}

@keyframes ani_parralax_a { 
  0% { left: -120px; top: -100px; }
  50% { left: -200px; top: -80px; }
  100% { left: -120px; top: -100px; }
}

@-webkit-keyframes ani_parralax_b { 
  0% { left: 0px; top: 0px; }
  50% { left: -20px; top: 0px; }
  100% { left: 0px; top: 0px; }
}

@keyframes ani_parralax_b { 
  0% { left: 0px; top: 0px; }
  50% { left: -20px; top: 0px; }
  100% { left: 0px; top: 0px; }
}

@-webkit-keyframes loading { 
  0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(360deg); }
}

@keyframes loading { 
  0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(360deg); }
}

@-webkit-keyframes fade_in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade_in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes delay_fade_in { 
  0% { opacity: 0; }
  10% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes delay_fade_in { 
  0% { opacity: 0; }
  10% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes delay_pop_in { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes delay_pop_in { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fade_out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fade_out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes ani_shake { 
  0% { transform: translate(2px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(0px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(2px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(2px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes ani_shake { 
  0% { transform: translate(2px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(0px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(2px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(2px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@-webkit-keyframes ani_fadeIn { 
  0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes ani_fadeIn { 
  0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@-webkit-keyframes ani_fadeOut { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-20px); }
}

@keyframes ani_fadeOut { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-20px); }
}

@-webkit-keyframes ani_spin { 
  0% { transform: rotateY(0deg); }
  100% { }
}

@keyframes ani_spin { 
  0% { transform: rotateY(0deg); }
  100% { }
}

@-webkit-keyframes ani_spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes ani_spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes pulse_light { 
  0% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); opacity: 0.85; }
}

@keyframes pulse_light { 
  0% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); opacity: 0.85; }
}

@-webkit-keyframes ani_pulse { 
  0% { color: rgb(255, 255, 255); text-shadow: none; }
  50% { color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 204) -1px 1px 5px, rgb(255, 255, 255) 1px -1px 5px; }
  100% { color: rgb(255, 255, 255); text-shadow: none; }
}

@keyframes ani_pulse { 
  0% { color: rgb(255, 255, 255); text-shadow: none; }
  50% { color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 204) -1px 1px 5px, rgb(255, 255, 255) 1px -1px 5px; }
  100% { color: rgb(255, 255, 255); text-shadow: none; }
}

@-webkit-keyframes ani_across { 
  0% { left: -200px; }
  100% { left: 105%; }
}

@keyframes ani_across { 
  0% { left: -200px; }
  100% { left: 105%; }
}

@-webkit-keyframes shimmer { 
  0% { background-position: left top; }
  20% { background-position: right top; }
  100% { background-position: right top; }
}

@keyframes shimmer { 
  0% { background-position: left top; }
  20% { background-position: right top; }
  100% { background-position: right top; }
}

@-webkit-keyframes ani_hover { 
  0% { transform: rotate(7deg); }
  50% { transform: rotate(-7deg); }
  100% { transform: rotate(7deg); }
}

@keyframes ani_hover { 
  0% { transform: rotate(7deg); }
  50% { transform: rotate(-7deg); }
  100% { transform: rotate(7deg); }
}

@-webkit-keyframes ani_grow { 
  0% { left: 100%; }
  100% { left: 0%; }
}

@keyframes ani_grow { 
  0% { left: 100%; }
  100% { left: 0%; }
}

@-webkit-keyframes floating_ghost { 
  0% { top: 2%; right: 0%; transform: rotate(0deg); }
  25% { top: 50%; right: 50%; transform: rotate(45deg); }
  75% { top: 2%; right: 50%; transform: rotate(0deg); }
  100% { top: 50%; right: 0%; transform: rotate(45deg); }
}

@keyframes floating_ghost { 
  0% { top: 2%; right: 0%; transform: rotate(0deg); }
  25% { top: 50%; right: 50%; transform: rotate(45deg); }
  75% { top: 2%; right: 50%; transform: rotate(0deg); }
  100% { top: 50%; right: 0%; transform: rotate(45deg); }
}

@-webkit-keyframes bounceIn { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes bounceIn { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes ani_rise { 
  0% { bottom: -450px; }
  100% { bottom: 0px; }
}

@keyframes ani_rise { 
  0% { bottom: -450px; }
  100% { bottom: 0px; }
}

@-webkit-keyframes ani_homepage_one { 
  0% { opacity: 1; }
  33% { opacity: 0; }
  66% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes ani_homepage_one { 
  0% { opacity: 1; }
  33% { opacity: 0; }
  66% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes ani_homepage_two { 
  0% { opacity: 0; }
  33% { opacity: 1; }
  66% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes ani_homepage_two { 
  0% { opacity: 0; }
  33% { opacity: 1; }
  66% { opacity: 0; }
  100% { opacity: 0; }
}

@-webkit-keyframes ani_homepage_three { 
  0% { opacity: 0; }
  33% { opacity: 0; }
  66% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes ani_homepage_three { 
  0% { opacity: 0; }
  33% { opacity: 0; }
  66% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes animateSolar { 
  100% { inset: -12px; opacity: 0; }
}

@keyframes animateSolar { 
  100% { inset: -12px; opacity: 0; }
}

@-webkit-keyframes ani_pointer { 
  0% { left: 3%; }
  50% { left: 5%; }
  100% { left: 3%; }
}

@keyframes ani_pointer { 
  0% { left: 3%; }
  50% { left: 5%; }
  100% { left: 3%; }
}

@-webkit-keyframes shake { 
  10%, 90% { transform: translate3d(-1px, 0px, 0px); }
  20%, 80% { transform: translate3d(2px, 0px, 0px); }
  30%, 50%, 70% { transform: translate3d(-4px, 0px, 0px); }
  40%, 60% { transform: translate3d(4px, 0px, 0px); }
}

@keyframes shake { 
  10%, 90% { transform: translate3d(-1px, 0px, 0px); }
  20%, 80% { transform: translate3d(2px, 0px, 0px); }
  30%, 50%, 70% { transform: translate3d(-4px, 0px, 0px); }
  40%, 60% { transform: translate3d(4px, 0px, 0px); }
}

@-webkit-keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@-webkit-keyframes ani_pop { 
  0% { transform: scale(1, 1); }
  50% { transform: scale(1.1, 1.1); }
  100% { transform: scale(1, 1); }
}

@keyframes ani_pop { 
  0% { transform: scale(1, 1); }
  50% { transform: scale(1.1, 1.1); }
  100% { transform: scale(1, 1); }
}

.ani_pointer { animation: 2s ease-in-out 0s infinite normal none running ani_pointer; }

.ani_homepage_one { animation: 8s ease 0s infinite normal none running ani_homepage_one; }

.ani_homepage_two { animation: 8s ease 0s infinite normal none running ani_homepage_two; }

.ani_homepage_three { animation: 8s ease 0s infinite normal none running ani_homepage_three; }

.ani_all { animation: 1s linear 0s infinite normal none running all; }

.Ani_floating_ghost { animation: 10s linear 0s infinite alternate none running floating_ghost; }

.ani_blink { animation: 1s linear 0s infinite normal none running ani_blink; }

.ani_glow { animation: 2s linear 0s infinite normal none running ani_glow; }

.ani_fadeIn { animation: 3s ease 0s 1 normal none running ani_fadeIn; }

.ani_fadeOut { animation: 3s ease 0s 1 normal none running ani_fadeOut; }

.ani_tada { animation: 1s ease 0s 1 normal none running ani_tada; }

.ani_parralax_a { transform: translate3d(0px, 0%, 0px); animation: 12s linear 0s infinite alternate none running ani_parralax_a; }

.ani_parralax_b { transform: translate3d(0px, 0%, 0px); animation: 12s linear 0s infinite alternate none running ani_parralax_b; }

.ani_loading { animation: 1s ease 0s infinite normal none running loading; }

.ani_fade_in_500 { animation: 0.5s ease 0s 1 normal none running fade_in; }

.ani_fade_in_fast { animation: 1s ease 0s 1 normal none running fade_in; }

.ani_fade_in_med { animation: 2s ease 0s 1 normal none running fade_in; }

.ani_fade_in_slow { animation: 4s ease 0s 1 normal none running fade_in; }

.ani_shake { transform-origin: 50% 50%; }

.ani_spin { animation: 10s linear 0s infinite normal none running ani_spin; }

.ani_pulse_light { animation: 2s ease 0s infinite normal none running pulse_light; }

.ani_across_super_slow { animation: 55s linear 0s infinite normal none running ani_across; }

.ani_across_slow { animation: 35s linear 0s infinite normal none running ani_across; }

.ani_across_medium { animation: 20s linear 0s infinite normal none running ani_across; }

.ani_across_fast { animation: 10s linear 0s infinite normal none running ani_across; }

.ani_across_super_slow_2 { animation: 35s linear 0s infinite normal none running ani_across; }

.ani_across_slow_2 { animation: 13s linear 0s infinite normal none running ani_across; }

.ani_across_medium_2 { animation: 10s linear 0s infinite normal none running ani_across; }

.ani_across_fast_2 { animation: 5s linear 0s infinite normal none running ani_across; }

.ani_across_medium_3 { animation: 14s linear 0s infinite normal none running ani_across; }

.ani_across_fast_3 { animation: 7s linear 0s infinite normal none running ani_across; }

.ani_pulse { animation: 2s linear 0s infinite normal none running ani_pulse; }

.ani_grow { animation: 0.2s linear 0s 1 normal none running ani_grow; }

.ani_bounceIn { animation: 0.5s linear 0s 1 normal none running bounceIn; }

.ani_rise { animation: 1s linear 0s 1 normal none running ani_rise; }

.ani_slow_blink { animation: 1s linear 2s infinite normal none running ani_blink; }

.ani_random_blink { animation: 1s linear 2s infinite normal none running ani_random_blink; }

.ani_hover { animation: 8s ease 0s infinite normal none running ani_hover; }

.ani_spinner { animation: 20s linear 0s infinite normal none running ani_spinner; }

.ani_slide_up, #appView .powrModal .contentWrapper.cornerPositioning, #appView .powrModal .popupPowrMarkContainer.cornerPositioning { animation: 0.4s linear 0s 1 normal none running slideInUp; }

.shake { animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both running shake; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; perspective: 1000px; }

.scale-in { animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-in; }

.scale-in-ease { animation: 0.5s ease 0s 1 normal none running scale-in; }

.ani_pop { animation: 0.3s ease 0s 2 normal none running ani_pop; }

.powrbutton, a.powrbutton:link, a.powrbutton:hover, a.powrbutton:visited, a.powrbutton:active { color: rgb(255, 255, 255); background-color: rgb(59, 140, 255); line-height: 1; position: relative; padding: 10px 20px; text-align: center; font-size: 1em; text-decoration: none; border: 0px; user-select: none; vertical-align: middle; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, box-shadow 0.2s ease-in-out; appearance: none; font-weight: 600; border-radius: 3px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; cursor: pointer; }

.scheme-1, .scheme-1-gradient { background-color: rgb(59, 140, 255); color: rgb(255, 255, 255); border-color: rgb(34, 125, 255); }

.scheme-1 .powrbutton, .scheme-1 a.powrbutton:link, .scheme-1 a.powrbutton:hover, .scheme-1 a.powrbutton:visited, .scheme-1 a.powrbutton:active, .scheme-1-gradient .powrbutton, .scheme-1-gradient a.powrbutton:link, .scheme-1-gradient a.powrbutton:hover, .scheme-1-gradient a.powrbutton:visited, .scheme-1-gradient a.powrbutton:active { color: rgb(59, 140, 255); background-color: rgb(255, 255, 255); border: 2px solid rgb(237, 237, 237); }

.scheme-1 .hover-scheme:hover, .scheme-1-gradient .hover-scheme:hover, .scheme-1 .hover-scheme:focus, .scheme-1-gradient .hover-scheme:focus { color: rgb(59, 140, 255); background-color: rgb(255, 255, 255); }

.scheme-1 h1, .scheme-1-gradient h1, .scheme-1 h2, .scheme-1-gradient h2, .scheme-1 h3, .scheme-1-gradient h3, .scheme-1 h4, .scheme-1-gradient h4, .scheme-1 p, .scheme-1-gradient p { color: rgb(255, 255, 255); }

.scheme-1-gradient { background: -webkit-radial-gradient(center center, ellipse cover, rgb(59, 140, 255) 0%, rgb(23, 119, 255) 100%); }

.scheme-2 { background-color: rgb(255, 255, 255); color: rgb(59, 140, 255); border-color: rgb(242, 242, 242); }

.scheme-2 .hover-scheme:hover, .scheme-2 .hover-scheme:focus { color: rgb(255, 255, 255); background-color: rgb(59, 140, 255); }

.scheme-3 { background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); }

.scheme-4 { background-color: rgb(238, 238, 238); color: rgb(102, 102, 102); border-color: rgb(225, 225, 225); }

.scheme-5 { background-color: rgb(221, 221, 221); color: rgb(102, 102, 102); border-color: rgb(208, 208, 208); }

.scheme-shopify-embed { background-color: rgb(241, 241, 241); color: rgb(102, 102, 102); }

.scheme-failure { color: rgb(255, 255, 255); background-color: rgb(215, 69, 69); }

.powrbutton.secondary, a.secondary.powrbutton:link, a.secondary.powrbutton:hover, a.secondary.powrbutton:visited, a.secondary.powrbutton:active { color: rgb(59, 140, 255); background-color: rgb(255, 255, 255); border: 2px solid rgb(237, 237, 237); }

.powrbutton.success, a.success.powrbutton:link, a.success.powrbutton:hover, a.success.powrbutton:visited, a.success.powrbutton:active { color: rgb(255, 255, 255); background-color: rgb(54, 196, 81); border: 2px solid rgb(46, 168, 69); }

.powrbutton.failure, a.failure.powrbutton:link, a.failure.powrbutton:hover, a.failure.powrbutton:visited, a.failure.powrbutton:active { color: rgb(255, 255, 255); background-color: rgb(215, 69, 69); border: 2px solid rgb(204, 44, 44); }

.powrbutton.upgrade, a.upgrade.powrbutton:link, a.upgrade.powrbutton:hover, a.upgrade.powrbutton:visited, a.upgrade.powrbutton:active { color: rgb(255, 255, 255); background-color: rgb(149, 82, 223); }

.powrbutton.facebook, a.facebook.powrbutton:link, a.facebook.powrbutton:hover, a.facebook.powrbutton:visited, a.facebook.powrbutton:active { background-color: rgb(43, 65, 112); color: rgb(255, 255, 255); border: 2px solid rgb(33, 50, 86); }

.powrbutton.linkedin, a.linkedin.powrbutton:link, a.linkedin.powrbutton:hover, a.linkedin.powrbutton:visited, a.linkedin.powrbutton:active { background-color: rgb(0, 115, 178); color: rgb(255, 255, 255); border: 2px solid rgb(0, 92, 142); }

.powrbutton.twitter, a.twitter.powrbutton:link, a.twitter.powrbutton:hover, a.twitter.powrbutton:visited, a.twitter.powrbutton:active { background-color: rgb(0, 129, 206); color: rgb(255, 255, 255); border: 2px solid rgb(0, 107, 170); }

.powrbutton.small, a.small.powrbutton:link, a.small.powrbutton:hover, a.small.powrbutton:visited, a.small.powrbutton:active { padding: 5px 10px; }

.sp-preview, .sp-alpha, .sp-thumb-el { background-image: none; }

.sp-container button { background-image: none; width: 100%; padding: 10px 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(201, 205, 207); border-radius: 2px; transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; color: rgb(41, 144, 234); text-align: center; outline: none; cursor: pointer; }

.ws-po-box { color: rgb(0, 0, 0); }

.prototype { display: none !important; }

.modal { z-index: 2147483647; outline: none; }

.modal-lg .modal-dialog { width: 800px; }

.truncated { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hid { display: none; }

.fa.hid, .fab.hid, .fad.hid, .fal.hid, .far.hid, .fas.hid { display: none; }

@media print {
  .no-print { display: none !important; }
}

.slash { text-decoration: line-through; }

.debug * { border: 3px dashed red !important; }

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

.quote::before, .quote::after { content: "\""; }

.width100 { width: 100%; }

.width50 { width: 50%; }

.min300 { min-width: 300px; max-width: 100%; }

.fullHeight { height: 100%; }

.centerChild { display: inline-block; vertical-align: middle; width: 100%; }

.noPad { padding: 0px; }

.noPadLeft { padding-left: 0px; }

.noPadRight { padding-right: 0px; }

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: left; }

.col-xs-19, .col-sm-19, .col-md-19, .col-lg-19 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-19 { width: 11%; float: left; }

.row .col-xs-7 .text-component__label .powrTooltip i.fa-question-circle { left: 0px; }

.notice { width: 100%; padding: 20px; text-align: center; }

.notice--primary { background-color: rgb(238, 245, 255); color: rgb(53, 64, 81); }

img { max-width: 100%; }

.failure { color: rgb(208, 66, 57); }

.success:not(.section) { color: rgb(54, 196, 81); }

.caution { color: rgb(255, 196, 0); }

.powrbutton.hid, a.hid.powrbutton:link, a.hid.powrbutton:hover, a.hid.powrbutton:visited, a.hid.powrbutton:active { display: none; }

.navbar-fixed-top { z-index: 1030000; }

.position-relative { position: relative; }

.position-absolute { position: absolute; }

.position-absolute--bot { bottom: 0px; }

.position-absolute--top { top: 0px; }

.position-absolute--left { left: 0px; }

.position-absolute--right { right: 0px; }

.display-block { display: block; }

.display-inline-block { display: inline-block; }

.button-nostyle, .button-nostyle-muted { background: none; color: inherit; border: none; padding: 0px; font: inherit; cursor: pointer; outline: none; }

.button-nostyle-muted:hover { color: rgb(59, 140, 255); }

.button-nostyle-blue { background: none; color: rgb(59, 140, 255); border: none; padding: 0px; font: inherit; cursor: pointer; outline: none; }

.button-round-blue { background-color: rgb(255, 255, 255); border: none; color: rgb(59, 140, 255); text-align: center; display: inline-block; font-size: 14px; margin: 4px 2px; width: 35px; border-radius: 60px; box-shadow: rgb(59, 140, 255) 0px 0px 2px; padding: 0.5em 0.9em; outline: none; }

.normalWhiteSpace { white-space: normal; }

@media (max-width: 762px) {
  .normalWhiteSpaceXs { white-space: normal; }
}

.nowrap { white-space: nowrap; }

.wix-col-4 { width: 25%; float: left; }

.wix-col-3 { width: 33.3333%; float: left; }

.wix-col-2 { width: 50%; float: left; }

.visible { overflow: visible; }

.desktop-only-flex, .mobile-only-flex { display: none; }

@media (min-width: 833px) {
  .desktop-only-flex { display: flex; flex-shrink: 0; }
}

@media (max-width: 834px) {
  .mobile-only-flex { display: flex; flex-shrink: 0; }
  .mobile-full-width { width: 100% !important; }
}

@media (max-width: 834px) and (orientation: portrait) {
  .hidden-tablet-portrait { display: none !important; }
  .show-tablet-portrait { display: flex !important; }
}

@media (min-width: 1024px) and (orientation: landscape) {
  .hidden-tablet-landscape { display: none !important; }
}

@media (min-width: 1200px) and (orientation: landscape) {
  .hidden-tablet-landscape { display: flex !important; }
}

.no-scrollbar { scrollbar-width: none; }

.no-scrollbar::-webkit-scrollbar { display: none; }

#edit-topbar-container { position: fixed; z-index: 1031; width: 100%; height: 64px; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; }

#edit-topbar-container .edit-topbar { background-color: rgb(255, 255, 255); padding: 12px; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }

#edit-topbar-container .edit-topbar .logo-container { padding-top: 4px; }

@media (max-width: 600px) {
  #edit-topbar-container .edit-topbar .logo-container { display: none; }
}

#edit-topbar-container .edit-topbar .logo-container .icon-logo { width: 10%; }

#edit-topbar-container .edit-topbar .arrow-container { color: rgb(59, 140, 255); font-size: 1rem; cursor: pointer; display: flex; justify-content: center; align-items: center; }

#edit-topbar-container .edit-topbar .arrow-container .back-message { color: rgb(53, 64, 81); }

#edit-topbar-container .edit-topbar .untitled-nickname { display: inline-block; cursor: pointer; font-style: italic; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 110px; }

@media screen and (min-width: 768px) {
  #edit-topbar-container .edit-topbar .untitled-nickname { width: 170px; }
}

#edit-topbar-container .edit-topbar .left-group { align-self: flex-start; align-items: center; justify-content: center; display: flex; height: 36px; }

@media (max-width: 600px) {
  #edit-topbar-container .edit-topbar .left-group { padding-top: 4px; }
}

#edit-topbar-container .edit-topbar .left-group .nickname-container { font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 110px; cursor: pointer; }

@media screen and (min-width: 768px) {
  #edit-topbar-container .edit-topbar .left-group .nickname-container { font-size: 1.1rem; width: 170px; }
}

#edit-topbar-container .edit-topbar .left-group .nickname-container input { padding: 4px; }

#edit-topbar-container .edit-topbar .left-group .plan-indicator { background-color: rgb(238, 245, 255); font-size: 0.6rem; font-weight: 600; color: rgb(59, 140, 255); border-radius: 3px; padding: 4px 8px; cursor: default; }

@media (max-width: 600px) {
  #edit-topbar-container .edit-topbar .left-group .plan-indicator { display: none; }
}

@media (max-width: 900px) {
  #edit-topbar-container .edit-topbar .center-group { display: none; }
}

#edit-topbar-container .edit-topbar .notification-link { color: rgb(59, 140, 255); }

#edit-topbar-container .edit-topbar .save-indicator span { font-size: 0.8rem; color: rgb(160, 171, 190); }

@media (max-width: 600px) {
  #edit-topbar-container .edit-topbar .save-indicator { display: none; }
}

#edit-topbar-container .edit-topbar .right-group { display: flex; align-self: flex-end; align-items: center; height: inherit; }

#edit-topbar-container .edit-topbar .right-group .dashboard-link-settings { font-size: 0.8rem; }

#edit-topbar-container .edit-topbar .right-group .dashboard-link-settings i { margin-right: 4px; }

@media (max-width: 320px) {
  #edit-topbar-container .edit-topbar .right-group .dashboard-link-settings { display: none; }
}

#edit-topbar-container .edit-topbar .right-group .top-support-link { display: none; }

@media screen and (min-width: 600px) {
  #edit-topbar-container .edit-topbar .right-group .top-support-link { display: inline-block; }
}

#edit-topbar-container .edit-topbar .right-group .upgrade-account-group { display: flex; align-items: center; }

@media screen and (min-width: 1024px) {
  #edit-topbar-container .edit-topbar .right-group .upgrade-account-group { border-left: 1px solid rgb(224, 230, 234); margin: 0px 0px 0px 15px; }
}

#edit-topbar-container .edit-topbar .topbar-tooltip-container .tobar-tooltip-body { visibility: hidden; width: 200px; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); text-align: center; padding: 6px 0px; border-radius: 3px; position: absolute; z-index: 1; }

#edit-topbar-container .edit-topbar__back-button { display: block; border-right: 1px solid rgb(224, 230, 234); padding: 8px 16px; color: rgb(85, 102, 125); font-family: Gordita; font-size: 0.875rem; cursor: pointer; }

#edit-topbar-container .edit-topbar__back-button:hover { color: rgb(59, 140, 255); }

#edit-topbar-container .edit-topbar__back-button i { font-weight: 300; }

.meta-nav__container { display: flex; justify-content: space-evenly; align-items: center; cursor: default; padding: 4px; }

.meta-nav__container .meta-nav__button { text-align: center; white-space: nowrap; }

.meta-nav__container .meta-nav__button:first-child { margin-left: 0px; }

.meta-nav__container--popup .meta-nav__button { width: 100%; margin-left: 0px; }

.meta-nav__container--appointments .meta-nav__button { position: fixed; bottom: -8px; left: calc(50% - 86px); padding: 8px 18px; color: rgb(255, 255, 255); border-radius: 3px 3px 0px 0px; background-color: rgb(149, 82, 223); z-index: 2; }

.edit-topbar .meta-nav__container { padding-right: 10px; }

.backNextContainer .meta-nav__container { padding-top: 10px; }

.settings-feedback__wix-embeds a { color: rgb(85, 102, 125); font-family: Gordita; }

.powrreact-radio-image-component .feature-blocker { cursor: pointer; }

.powrreact-radio-image-component .powrRadioImage { list-style-type: none; display: flex; }

.powrreact-radio-image-component .powrRadioImage__content { cursor: pointer; margin-right: 16px; }

.powrreact-radio-image-component .opinionSelect, .powrreact-radio-image-component .reviewSelect, .powrreact-radio-image-component .helpSelect { justify-content: center; }

.powrreact-radio-image-component .radio-image-list { list-style-type: none; display: flex; flex-flow: wrap; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active { transition: 0.2s; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active path { fill: rgb(59, 140, 255); }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active rect { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer { display: flex; flex-direction: column; justify-content: space-evenly; height: 120px; background-color: rgb(255, 255, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer .radioCaption { margin: 0px; line-height: 0.7; font-size: 16px; }

[data-qa*="GradientOrientation"] .radioImageContainer img { width: 75%; }

[data-qa*="GradientOrientation"] .radioImageContainer svg { width: 40px; height: 40px; }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active { color: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg path { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg rect { fill: rgb(59, 140, 255); }

@keyframes preloader-scale { 
  0% { background-color: rgb(59, 140, 255); transform: scale(0.5); }
  50% { background-color: rgba(0, 0, 0, 0); transform: scale(1); }
  100% { background-color: rgb(59, 140, 255); transform: scale(0.5); }
}

.preloader { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }

.preloader .preloader__box { animation: 2s ease 0s infinite normal none running preloader-scale; border: 1px solid rgb(59, 140, 255); border-radius: 3px; height: 10px; left: 0px; position: absolute; width: 10px; }

.preloader .preloader__box:nth-child(n) { animation-delay: 0s; left: -18px; }

.preloader .preloader__box:nth-child(2n) { animation-delay: 0.2s; left: 0px; }

.preloader .preloader__box:nth-child(3n) { animation-delay: 0.4s; left: 18px; }

.preloader .preloader__message { position: absolute; width: 300px; left: -150px; top: 16px; text-align: center; }

.preloader.inline { position: relative; transform: none; width: 0px; min-height: 30px; }

.preloader.center { left: 0px; right: 0px; margin: 0px auto; }

.loader { margin: 0px auto; width: 100%; max-width: 400px; text-align: center; }

.loader .circle { background-color: rgb(82, 135, 223); border-radius: 100%; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running scale-loader; vertical-align: middle; }

.loader .small { width: 10px; height: 10px; opacity: 0.3; }

.loader .medium { width: 30px; height: 30px; opacity: 0.7; }

.loader .powr-logo-icon { fill: rgb(82, 135, 223); width: 60px; height: 60px; opacity: 1; vertical-align: middle; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running scale-loader; }

.loader .small { animation-delay: -0.48s; }

.loader .medium { animation-delay: -0.32s; }

@-webkit-keyframes scale-loader { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

@keyframes scale-loader { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

.app-search { margin-bottom: 32px; }

.app-search.is-popover { margin-bottom: 0px; }

.app-search__input-group { position: relative; }

.app-search__search-icon { color: rgb(160, 171, 190); font-size: 1.125rem; left: 16px; position: absolute; top: 22px; }

.app-search__search-input { border-radius: 3px; border: 1px solid rgb(190, 198, 202); color: rgb(53, 64, 81); display: block; font-size: 1.125rem; padding: 16px 16px 16px 40px; text-indent: 5px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.app-search__search-input:focus { border-color: rgb(59, 140, 255); outline: none; }

.app-search__search-input::placeholder { color: rgb(160, 171, 190); }

.app-search__search-input.is-popover { border-radius: 3px 3px 0px 0px; border-bottom: 1px solid rgb(190, 198, 202); border-top: none; border-left: none; border-right: none; }

.app-search__text_search { margin-bottom: 15px; }

.app-search__text_input_search { padding-top: 8px; padding-bottom: 10px; font-size: 0.875rem; padding-left: 38px; }

.app-search__text_search_icon { top: 14px; font-size: 0.875rem; }

.app-search--sm { margin-bottom: 0px; }

.app-search--sm .app-search__search-icon { font-size: 1rem; left: 8px; top: 10px; }

.app-search--sm .app-search__search-input { font-size: 0.875rem; padding: 6px 8px 6px 24px; }

.no-search-results { margin-top: 64px; text-align: center; width: 100%; }

.embed-code { text-align: center; }

.embed-code button { margin: 32px; }

.sidenav-mobile-icon { z-index: 2; display: block; position: fixed; top: 16px; left: 16px; color: rgb(99, 107, 117); font-size: 2rem; }

.side-nav { border: 1px solid rgb(224, 230, 234); height: 100vh; width: 340px; z-index: 1; transition: 0.5s; background-color: rgb(255, 255, 255); position: relative; overflow: hidden; }

.side-nav--fixed-left { left: 0px; top: 0px; position: fixed; }

.side-nav--fixed-right { right: 0px; top: 0px; position: fixed; }

.side-nav__items { overflow-y: auto; }

.side-nav__item-row { cursor: pointer; overflow-wrap: break-word; padding: 16px 32px; }

.side-nav__item-row.active { background-color: rgb(229, 242, 253); color: rgb(59, 140, 255); font-weight: bold; }

.side-nav__item-row.active .side-nav__item-label, .side-nav__item-row.active .side-nav__item-icon { color: rgb(59, 140, 255); }

.side-nav__item-row:hover { background-color: rgba(229, 242, 253, 0.5); }

.side-nav__item-row.is-not-clickable { cursor: unset; }

.side-nav__item-row.is-not-clickable:hover { background-color: unset; }

.side-nav__item-label { color: rgb(53, 64, 81); }

.side-nav__item-icon { width: 24px; color: rgb(53, 64, 81); }

.side-nav__subitems-wrapper { overflow: hidden; }

.side-nav__subitems { transition: 300ms; }

.side-nav__subitems .side-nav__item-row { padding: 8px 64px; }

.side-nav__subitems .side-nav__item-label, .side-nav__subitems .side-nav__item-icon { color: rgb(99, 107, 117); }

.side-nav__chevron { margin-left: auto; }

.side-nav.collapsed { left: -100%; width: 328px; }

.side-nav__items_and_feedback { overflow-y: auto; }

.side-nav__feedback { margin-top: 16px; height: 300px; }

.subitems-animation-enter { margin-top: -100%; }

.subitems-animation-enter-active { margin-top: 0px; }

.subitems-animation-exit { margin-top: 0px; }

.subitems-animation-exit-active { margin-top: -100%; }

.side-nav__item-new-feature { color: rgb(59, 140, 255); position: absolute; right: 40px; text-transform: uppercase; }

.platforms-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)); gap: 8px; }

.platform-card:hover { border-color: rgb(157, 202, 248); }

.platform-card .platform-card__logo-container { width: 62px; height: 62px; overflow: hidden; position: relative; margin-inline: auto; }

.platform-card .platform-card__logo-container.no-image { background-color: rgb(255, 229, 179); border-radius: 100%; }

.platform-card .platform-card__logo-container .platform-card__image { background-size: contain; background-repeat: no-repeat; margin-inline: auto; width: 100%; }

.platform-card .platform-card__logo-container .platform-card__initial-letter { font-size: 1.875rem; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.platform-card__platform-name { line-height: 1.125rem; height: 2rem; font-size: 0.875rem; }

.big-commerce-installations-wrapper { flex: 0 1 0%; padding-bottom: 40px; }

.big-commerce-card { font-size: 0.8rem; border: 1px solid rgb(224, 230, 234); background-color: rgb(255, 255, 255); border-radius: 3px; }

.big-commerce-card-clickable { cursor: pointer; }

.big-commerce-card-clickable:hover { transition: 0.2s; border-color: rgb(54, 196, 81); }

.big-commerce-card-promo-banner { width: 95%; }

.big-commerce-label { background-color: rgb(219, 245, 224); color: rgb(54, 196, 81); width: fit-content; border-radius: 3px; }

.big-commerce-title { font-weight: bold; font-size: 1rem; color: rgb(53, 64, 81); }

.collapsible .rc-collapse-anim-active { }

.collapsible .collapsible__panel-content { border-width: 1px 1px 0px; border-style: solid; border-color: rgb(190, 198, 202); }

.collapsible .collapsible__panel-content:first-child { border-radius: 3px 3px 0px 0px; }

.collapsible .collapsible__panel-content:last-child { border-bottom: 1px solid rgb(190, 198, 202); border-radius: 0px 0px 3px 3px; }

.collapsible__panel-header { display: block; align-items: center; cursor: pointer; font-weight: bold; padding: 16px 0px; text-align: left; }

.collapsible__panel-header:hover { color: rgb(59, 140, 255); transition: 0.2s; }

.collapsible__panel-header:focus { outline: 0px; }

.collapsible__panel-header.is-open { color: rgb(59, 140, 255); }

.collapsible__panel-header i.arrow { float: right; }

.collapsible__panel-content { padding: 16px; overflow: hidden; }

.collapsible__panel-content p:first-child { text-align: left; }

.collapsible__panel-content .share-component > h4 { display: none; }

.collapsible__panel-content .share-component > p { text-align: left; }

.collapsible__panel-content .share-component h5 { font-size: 1rem; }

.collapsible__panel-content .rc-collapse-content-inactive { display: none; transition: 0.3s ease-in-out; opacity: 0; }

.collapsible__panel-content .rc-collapse-content-active { transition: 0.4s ease-in; opacity: 1; margin-top: 16px; }

.max752 { max-width: 752px; margin: 0px auto; }

.max770 { max-width: 770px; margin: 0px auto; }

.blur { filter: blur(4px); cursor: pointer; }

a.website-link { margin: 0px auto; color: rgb(59, 140, 255); text-align: center; font-size: 1.6rem; }

.weebly-backend-faq { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.powrbutton, a.powrbutton:link, a.powrbutton:hover, a.powrbutton:visited, a.powrbutton:active { text-align: center; margin: 0px auto; }

.outer-install-container { position: relative; max-width: 1600px; width: 100%; display: flex; }

@media (max-width: 1150px) {
  .outer-install-container { margin-bottom: 150px; }
}

.publish-nav-container { height: 100vh; overflow-y: auto; }

.js-choose-site-container-publish { display: none; height: 100vh; overflow-y: auto; position: relative; z-index: 100000; }

.party-popper__icon { font-size: 2rem; }

.install-container.publish-uber-panel__container { margin-bottom: 64px; background-color: rgb(255, 255, 255); }

.install-container.publish-uber-panel__container.with-sidenav { padding-left: 372px; padding-top: 64px; }

.install-container.publish-uber-panel__container.with-sidenav h3 { margin-top: 0px; }

@media only screen and (max-width: 991px) {
  .install-container.publish-uber-panel__container.with-sidenav { padding-right: 40px; }
}

@media only screen and (max-width: 833px) {
  .install-container.publish-uber-panel__container.with-sidenav { padding-right: 40px; }
}

.install-container.publish-uber-panel__container .install-container__content { max-width: 780px; margin: 0px auto; padding: 0px; }

@media (max-width: 1150px) {
  .install-container.publish-uber-panel__container { flex-direction: column; width: 100%; max-width: 100%; margin: 0px 0px 32px; padding: 0px 100px 32px; }
}

@media (max-width: 768px) {
  .install-container.publish-uber-panel__container { padding: 32px 50px; }
}

@media (max-width: 768px) {
  .install-container.publish-uber-panel__container { padding: 32px 10px; }
}

.callout-sidebar-wrapper { width: 300px; margin-left: 16px; position: absolute; }

.callout-sidebar { width: auto; position: fixed; bottom: 0px; right: 16px; }

.callout-sidebar-container { width: 264px; }

.callout { border-radius: 3px; right: 0px; width: auto; background: rgb(248, 249, 250); padding: 16px; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(59, 140, 255) rgb(224, 230, 234) rgb(224, 230, 234); border-image: initial; text-align: center; align-items: center; justify-content: center; margin: 0px 0px 16px; box-shadow: rgb(239, 242, 244) 0px 2px 4px 0px; }

.callout-shopify { border-radius: 3px; right: 0px; width: auto; background-color: rgb(255, 255, 255); text-align: center; align-items: center; justify-content: center; border-top: 1px solid rgb(224, 230, 234); }

.fade-container { padding: 32px 0px; position: relative; }

.fade-container-shopify { width: 100%; max-width: 380px; padding: 24px 16px; position: relative; }

@media (max-width: 1150px) {
  .outer-install-container { flex-wrap: wrap; }
  .callout-sidebar-wrapper { width: 100%; margin-left: 0px; top: 100%; }
  .callout-sidebar { position: relative; left: 0px; }
  .callout-sidebar-container { width: 100%; }
  .callout { position: relative; top: 0px; order: 0; }
}

.callout__headline { margin-top: 0px; }

.callout__button { padding: 8px 16px; font-size: 0.9rem; }

.platform-selector .popular { flex-wrap: wrap; align-items: center; margin-left: -8px; }

.platform-selector .radio-image-list-item { width: 20%; min-width: 130px; }

.platform-selector .radio-image-component { margin-bottom: 32px; max-width: 900px; }

.platform-selector .radioImageContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px; margin: 0px; }

.platform-selector .radioCaption { margin: 0px auto; }

.platform-selector .radio-image-item-component__content { border-radius: 3px; margin: 8px; border: 1px solid rgb(239, 242, 244); }

.platform-selector .radio-image-item-component__content img { max-width: 100px; margin-top: -16px; }

.popular-platforms-selector { margin-top: 24px; }

.platform-img { height: 40px; }

.tutorial-container { width: 100%; }

@media (max-width: 1150px) {
  .tutorial-container { order: 2; }
}

.shopify-promo-wrap__banner { background: rgb(255, 229, 179); min-height: 248px; height: 100%; padding: 32px 0px 16px; display: flex; flex-direction: column-reverse; }

.shopify-promo-wrap__banner-mini { height: 166px; width: 604px; min-height: 166px; padding: 8px 0px 8px 32px; flex-direction: row; }

.shopify-promo-wrap__banner-mini .shopify-svg-logos { height: 140px; }

.shopify-promo-wrap__banner-mini .person-svg { height: 130px; margin-left: 32px; z-index: 10; }

.shopify-promo-wrap__banner-mini .shopify_text { font-size: 14px; font-weight: bold; }

@media only screen and (min-width: 992px) {
  .shopify-promo-wrap__banner { padding: 8px 0px 8px 32px; flex-direction: row; }
}

.shopify-promo-wrap__banner__left { margin: 0px auto; max-width: 80%; text-align: center; }

.shopify-promo-wrap__banner__left p { color: rgb(53, 64, 81); font-weight: 500; font-size: 16px; }

@media only screen and (min-width: 992px) {
  .shopify-promo-wrap__banner__left { max-width: 268px; margin-top: 32px; text-align: left; }
}

@media only screen and (max-width: 991px) {
  .shopify-promo-wrap__banner__right { justify-content: center; }
}

@media only screen and (min-width: 992px) {
  .shopify-promo-wrap__banner__right .shopify-svg-logos { position: absolute; right: 0px; }
}

.payment-success-banner { align-items: center; display: flex; position: relative; }

.payment-success-banner .payment-success-banner__icon-container { background-color: rgba(54, 196, 81, 0.38); border-radius: 50%; height: 33px; margin-right: 16px; padding: 4px; text-align: center; width: 33px; }

.payment-success-banner .payment-success-banner__icon { color: rgb(54, 196, 81); font-size: 1.5rem; }

.payment-success-banner .payment-success-banner__title { font-size: 1.125rem; }

.payment-success-banner .payment-success-banner__message { color: rgb(99, 107, 117); font-size: 1rem; }

.payment-success-banner .payment-success-banner__close { color: rgba(99, 107, 117, 0.5); position: absolute; right: 10px; top: 10px; cursor: pointer; }

.tutorial-greeting { padding: 8px 0px; text-align: center; }

@media (max-width: 1150px) {
  .tutorial-greeting { order: 1; }
}

.install-options { font-weight: bold; border-bottom: 1px solid rgb(224, 230, 234); padding-bottom: 32px; margin: 16px auto; }

.install-options__item { border: 1px solid rgb(224, 230, 234); cursor: pointer; display: flex; flex-direction: column; justify-content: center; min-height: 130px; }

.install-options__item.active { border: 1px solid rgb(59, 140, 255); color: rgb(59, 140, 255); background-color: rgb(248, 249, 250); }

.install-options__item.active .install-options__item_icon { color: rgb(59, 140, 255); }

.install-options__item_icon { font-size: 2.4rem; color: rgb(160, 171, 190); }

.change-platform { color: rgb(59, 140, 255); font-weight: bold; cursor: pointer; }

.all-platforms-buttons-container { display: flex; flex-wrap: wrap; align-items: center; max-width: 900px; margin-left: -16px; }

@media (max-width: 768px) {
  .all-platforms-buttons-container { justify-content: center; }
}

.all-platforms-buttons-container .platform-button { margin: 16px; color: rgb(123, 132, 144); border: 1px solid rgb(160, 171, 190); border-radius: 3px; padding: 8px 16px; min-width: 160px; background: rgb(255, 255, 255); }

.all-platforms-buttons-container .platform-button:hover { border: 1px solid rgb(54, 196, 81); }

.social-share-button { width: 40px; height: 40px; border-radius: 3px; color: rgb(255, 255, 255); outline: none; border: none; font-size: 1.5rem; }

.social-share-button:hover { opacity: 0.8; }

.social-share-button.facebook { background-color: rgb(59, 89, 152); }

.social-share-button.twitter { background-color: rgb(0, 173, 237); }

.social-share-button.linkedin { background-color: rgb(0, 119, 181); }

.success-section { height: 370px; border: 1px solid rgb(224, 230, 234); border-radius: 3px; }

@media (min-width: 768px) {
  .success-section { background: url("https://www.powrcdn.com/ab_images/install_flow/wavy_bg.png") left center / contain no-repeat; }
}

.tutorial-back-button { font-size: 1.5rem; }

.powrreact-radio-image-component .feature-blocker { cursor: pointer; }

.powrreact-radio-image-component .powrRadioImage { list-style-type: none; display: flex; }

.powrreact-radio-image-component .powrRadioImage__content { cursor: pointer; margin-right: 16px; }

.powrreact-radio-image-component .opinionSelect, .powrreact-radio-image-component .reviewSelect, .powrreact-radio-image-component .helpSelect { justify-content: center; }

.powrreact-radio-image-component .radio-image-list { list-style-type: none; display: flex; flex-flow: wrap; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active { transition: 0.2s; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active path { fill: rgb(59, 140, 255); }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active rect { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer { display: flex; flex-direction: column; justify-content: space-evenly; height: 120px; background-color: rgb(255, 255, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer .radioCaption { margin: 0px; line-height: 0.7; font-size: 16px; }

[data-qa*="GradientOrientation"] .radioImageContainer img { width: 75%; }

[data-qa*="GradientOrientation"] .radioImageContainer svg { width: 40px; height: 40px; }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active { color: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg path { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg rect { fill: rgb(59, 140, 255); }

.feedback-container { height: 0px; }

.feedback-container .feedback-container__close-icon { display: block; z-index: 1032; position: absolute; left: 94%; }

.feedback-container .feedback-container__fade-entered { position: absolute; margin: 0px; z-index: 1031; width: 100%; border: none; height: 100%; }

.feedback-container .feedback-container__fade-entered h4 { margin: 64px 0px; padding-top: 32px; }

.feedback-container .feedback-container__fade-entered .powrRadioImage { justify-content: space-evenly; }

.feedback-container .feedback-container__fade-entered .powrRadioImage .radioImageContainer { border: 2px solid rgba(0, 0, 0, 0); padding: 4px; cursor: pointer; }

.feedback-container .feedback-container__fade-entered .powrRadioImage .radioImageContainer img { width: 90px; margin: 0px; }

.feedback-container .feedback-container__fade-entered .powrRadioImage .radioImageContainer:hover { border-color: rgb(54, 196, 81); }

.give-feedback-container .review__select { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.give-feedback-container .review__select__sidebar { padding: 0px 26px 36px 0px; }

.give-feedback-container a.site-link { margin-right: 8px; color: rgb(59, 140, 255); text-decoration: underline; }

.give-feedback-container .opinionSelect, .give-feedback-container .reviewSelect { display: flex; align-items: center; justify-content: center; }

.give-feedback-container .askForReview { display: flex; align-items: center; justify-content: center; flex-direction: column; border-bottom: 1px solid rgb(224, 230, 234); max-width: 80%; margin-bottom: 32px; }

.give-feedback-container .review-star-icon { width: 240px; cursor: pointer; }

.give-feedback-container .radioImageContainer { margin-right: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.give-feedback-container .radioImage { margin-bottom: 8px; height: 100px; width: 100px; }

.give-feedback-container .radio-image-component { margin-top: 32px; }

.give-feedback-container .radio-image-item-component { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 160px; width: 160px; border-radius: 3px; margin: 16px 64px; padding: 16px; border: 1px solid rgba(0, 0, 0, 0); cursor: pointer; }

@media (max-width: 900px) {
  .give-feedback-container .radio-image-item-component { margin: 8px; }
}

.give-feedback-container .radio-image-item-component:hover { border-color: rgb(54, 196, 81); }

.give-feedback-container .radio-image-item-component:hover .radioImageContainer { border-color: rgba(0, 0, 0, 0); }

.close-icon { position: relative; z-index: 1; display: none; }

.template-review { display: grid; grid-template-columns: minmax(min-content, 416px); justify-content: center; }

.template-review__title { font-family: "Gordita Medium", sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 24px; text-align: center; color: rgb(53, 64, 81); }

.template-review__content { display: grid; row-gap: 16px; grid-template-areas: "subtitle" "buttons" "link"; }

.template-review__subtitle { grid-area: subtitle; font-family: Gordita, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; text-align: center; color: rgb(85, 102, 125); margin-top: 6px; margin-bottom: 0px; }

.template-review__buttons { gap: 12px 22px; grid-area: buttons; display: grid; grid-template-columns: repeat(auto-fit, minmax(197px, 1fr)); }

.template-review__link { grid-area: link; padding: 8px 20px; font-family: "Gordita Medium", sans-serif; font-size: 14px; line-height: 21px; font-weight: 500; background-color: rgb(59, 140, 255); color: rgb(255, 255, 255) !important; }

.template-review__callout { background-color: rgb(233, 239, 251); width: 170px; position: absolute; left: 16px; top: 16px; text-align: left; }

button.template-review__review-text, button.template-review__link { padding: 8px 20px; white-space: pre-wrap; font-family: "Gordita Medium", sans-serif; font-size: 14px; line-height: 21px; font-weight: 500; color: rgb(59, 140, 255); }

button.template-review__review-text.button-primary-outline, .topbar-nav .nav-links-group li button.template-review__review-text.pricing-nav-tab__business-banner-learn-more { border-color: rgb(59, 140, 255); color: rgb(59, 140, 255); }

.emoji-review__options { display: flex; flex-direction: row; column-gap: 24px; align-items: center; }

.emoji-review { display: flex; flex-direction: row; align-items: center; justify-content: center; }

.opinion-many { display: grid; grid-template-columns: minmax(min-content, 416px); justify-content: center; }

.opinion-many__sidebar { padding: 0px 16px; }

.opinion-many__title { font-family: "Gordita Medium"; font-weight: 700; font-size: 16px; line-height: 21px; text-align: center; color: rgb(53, 64, 81); }

.opinion-many__title.opinion-many__unselected { font-family: Gordita; font-style: normal; font-weight: 400; font-size: 16px; line-height: 23px; color: rgb(85, 102, 125); }

.opinion-many__subtitle { grid-area: subtitle; font-family: Gordita; font-style: normal; font-weight: 400; font-size: 13px; line-height: 19px; color: rgb(85, 102, 125); margin-top: 8px; margin-bottom: 16px; word-spacing: 2px; }

.opinion-many__emojis-container { display: flex; justify-content: center; }

.opinion-many__emoji { margin: 4px; height: 48px; width: 48px; box-sizing: border-box; border-radius: 5px; border: 1px solid rgb(239, 242, 244); }

.opinion-many__emoji-publish { background: center center no-repeat rgb(248, 249, 250); }

.opinion-many__emoji-modal { box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 4px; background: center center no-repeat rgb(255, 255, 255); }

.opinion-many__angry2, .opinion-many__angry2-disabled { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-angry-red2.png"); }

.opinion-many__angry2:hover, .opinion-many__angry2-selected { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-angry-red2.png"); border: 1px solid rgb(253, 90, 71); }

.opinion-many__meh2, .opinion-many__meh2-disabled { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-meh-yellow2.png"); }

.opinion-many__meh2:hover, .opinion-many__meh2-selected { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-meh-yellow2.png"); border: 1px solid rgb(255, 168, 0); }

.opinion-many__grin2, .opinion-many__grin2-disabled { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-grin-green2.png"); }

.opinion-many__grin2:hover, .opinion-many__grin2-selected { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-grin-green2.png"); border: 1px solid rgb(54, 196, 81); }

.opinion-many__success { height: 39px; width: 39px; background-image: url("https://www.powrcdn.com/radioImages/reviews/review-success.png"); }

.opinion-many__buttons-container { display: flex; gap: 12px; justify-content: flex-end; }

.opinion-many__buttons { width: 99px; height: 37px; font-size: 14px; font-weight: 600; }

.opinion-many__cancel_btn { border: none; }

.opinion-many__cancel_btn:hover { border: 1.5px solid rgb(59, 140, 255); }

.opinion-many__textarea { padding: 16px; height: 92px; overflow: hidden; resize: none; }

.opinion-many__textarea.invalid { border: 1px solid rgb(208, 66, 57); }

.opinion-many__warning-msg { font-family: Gordita; font-style: normal; font-weight: 400; font-size: 12px; color: rgb(208, 66, 57); margin-top: 4px; text-align: left; }

.ReactModal__Content.react-modal-review { background: none !important; box-shadow: none !important; }

.ReactModal__Content.react-modal-review .react-modal-close { margin-right: 30px; margin-top: 16px; z-index: 1; }

.grin-modal-buttons { display: flex; margin-top: 32px; justify-content: center; gap: 16px; }

.grin-modal-buttons > div > div { padding: 0px !important; }

.rewards-container { width: 100%; }

.rewards-section { display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 900px; width: 80%; margin: auto; }

@media (max-width: 600px) {
  .rewards-section { width: 100%; }
}

.unique-link-container { max-width: 900px; width: 100%; }

.rewards-giftbox { width: 400px; }

.rewards-link-label { align-self: flex-start; font-size: 1.2rem; color: rgb(160, 171, 190); margin-top: 32px; }

.shareURL { font-size: 1.6rem; width: 100%; height: 80px; }

@media (max-width: 600px) {
  .shareURL { font-size: 1rem; }
}

.share-button { width: 30%; }

@media (max-width: 600px) {
  .share-button { width: 100%; margin: 8px 0px; }
}

.rewards-share-buttons { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; color: rgb(255, 255, 255); width: 100%; height: 92px; }

@media (max-width: 600px) {
  .rewards-share-buttons { height: auto; }
}

.rewards-share-buttons .button { height: 60px; width: 100%; font-size: 1.4rem; display: flex; justify-content: flex-start; align-items: center; }

@media (max-width: 600px) {
  .rewards-share-buttons .button { margin: 8px 0px; }
}

.rewards-share-buttons .icon-holder { width: 50px; border-right: 1px solid rgb(238, 245, 255); padding-right: 16px; margin-right: 16px; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; }

.rewards-share-buttons .button-text-holder { display: flex; justify-content: center; }

.rewards-share-buttons .button-primary-outline, .rewards-share-buttons .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more, .topbar-nav .nav-links-group li .rewards-share-buttons .pricing-nav-tab__business-banner-learn-more { color: rgb(59, 140, 255); }

.rewards-link { color: rgb(59, 140, 255); font-size: 0.8rem; margin-top: 16px; }

.rewards-link a { color: inherit; }

.is-highlighted { color: rgb(59, 140, 255); }

.publish-uber-panel { position: relative; margin-bottom: 0px; width: 100%; z-index: 3; background-color: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; height: 100%; min-height: 100vh; overflow-y: auto; }

.publish-uber-panel .save-success-notification-banner { max-width: 1600px; text-align: center; width: 100%; padding: 0px 8px; margin-bottom: 32px; }

.publish-uber-panel .save-success-notification-banner .publish-success-icon { font-size: 1.5rem; vertical-align: bottom; }

.firefox-scroll-hack { position: relative; min-height: 100px; border: 1px solid rgba(0, 0, 0, 0); }

.publish-uber-panel__container { background-color: rgb(255, 255, 255); width: 100%; max-width: 1600px; min-width: 320px; border-radius: 3px; padding: 32px 32px 64px; margin-bottom: 100px; }

@media (max-width: 1150px) {
  .publish-uber-panel__container { margin-top: 16px; margin-bottom: 150px; }
}

@media (max-width: 600px) {
  .publish-uber-panel__container { padding-left: 4px; padding-right: 4px; }
}

.price-table { height: 100%; }

.select-plan-container.publish-uber-panel__container { min-height: initial; }

@media (max-width: 900px) {
  .select-plan-container.publish-uber-panel__container { width: 100%; margin-bottom: 150px; }
}

.select-plan-container.publish-uber-panel__container .preloader { top: 20%; }

@media (max-width: 600px) {
  .select-plan-container.publish-uber-panel__container { padding-top: 0px; }
}

.fal.publish-uber-panel__close, .fal.upsell-success__close { top: 64px; right: 32px; position: fixed; display: flex; justify-content: center; }

.fal.upsell-success__close { top: 70px; }

.powrreact-radio-image-component .feature-blocker { cursor: pointer; }

.powrreact-radio-image-component .powrRadioImage { list-style-type: none; display: flex; }

.powrreact-radio-image-component .powrRadioImage__content { cursor: pointer; margin-right: 16px; }

.powrreact-radio-image-component .opinionSelect, .powrreact-radio-image-component .reviewSelect, .powrreact-radio-image-component .helpSelect { justify-content: center; }

.powrreact-radio-image-component .radio-image-list { list-style-type: none; display: flex; flex-flow: wrap; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active { transition: 0.2s; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active path { fill: rgb(59, 140, 255); }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active rect { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer { display: flex; flex-direction: column; justify-content: space-evenly; height: 120px; background-color: rgb(255, 255, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer .radioCaption { margin: 0px; line-height: 0.7; font-size: 16px; }

[data-qa*="GradientOrientation"] .radioImageContainer img { width: 75%; }

[data-qa*="GradientOrientation"] .radioImageContainer svg { width: 40px; height: 40px; }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active { color: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg path { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg rect { fill: rgb(59, 140, 255); }

.platform-select-dropdown { margin-bottom: 15px; position: relative; }

.platform-select-dropdown .dropdown-arrow { color: rgb(99, 107, 117); font-size: 1.3rem; position: absolute; right: 10px; top: 10px; }

.platform-select-dropdown.open .platform-select-dropdown-btn { background-color: rgb(238, 245, 255); }

.platform-select-dropdown-btn { background: rgba(0, 0, 0, 0); border: 1px solid rgb(190, 198, 202); border-radius: 3px; padding: 10px; transition: 0.3s; width: 100%; z-index: 1; }

.platform-container { border: none; box-shadow: rgb(160, 171, 190) 0px 0px 6px -2px; padding: 10px; width: 100%; }

.platform-container .dropdown-divider { background-color: rgb(237, 237, 237); height: 1px; margin: 20px 0px; width: 100%; }

.platform-container .platforms-list { margin: 15px 0px; padding: 0px; }

.platform-container .platforms-list .platforms-list-item { box-sizing: border-box; display: inline-block; text-align: center; width: 32%; }

.platform-container .platforms-list .platforms-list-item .dropdown-item { border-radius: 3px; display: block; height: 100%; padding: 10px; transition: 0.3s; width: 100%; }

.platform-container .platforms-list .platforms-list-item .dropdown-item:hover { background-color: rgb(238, 245, 255); }

.platform-container .platforms-list .platforms-list-item.popular { font-size: 1rem; }

.platform-container .platforms-list .platforms-list-item.popular .dropdown-tem { padding: 10px; }

.platform-container .platforms-list .platforms-list-item.all { font-size: 0.8rem; }

.platform-container .platforms-list .platforms-list-item.all .dropdown-tem { padding: 5px; }

.platform-container .platforms-list .platforms-list-item .platform-logo { display: block; height: 48px; margin: 0px auto; width: 48px; }

#apps-standalone .platforms-list .platforms-list-item { display: inline-block; }

@media (min-width: 768px) {
  .app-card-cta .platform-container { min-width: 400px; }
}

@media (min-width: 1200px) {
  .app-card-cta .platform-container { float: none; left: 100%; transform: translateY(-40%); }
}

@keyframes preloader-scale { 
  0% { background-color: rgb(59, 140, 255); transform: scale(0.5); }
  50% { background-color: rgba(0, 0, 0, 0); transform: scale(1); }
  100% { background-color: rgb(59, 140, 255); transform: scale(0.5); }
}

.preloader { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }

.preloader .preloader__box { animation: 2s ease 0s infinite normal none running preloader-scale; border: 1px solid rgb(59, 140, 255); border-radius: 3px; height: 10px; left: 0px; position: absolute; width: 10px; }

.preloader .preloader__box:nth-child(n) { animation-delay: 0s; left: -18px; }

.preloader .preloader__box:nth-child(2n) { animation-delay: 0.2s; left: 0px; }

.preloader .preloader__box:nth-child(3n) { animation-delay: 0.4s; left: 18px; }

.preloader .preloader__message { position: absolute; width: 300px; left: -150px; top: 16px; text-align: center; }

.preloader.inline { position: relative; transform: none; width: 0px; min-height: 30px; }

.preloader.center { left: 0px; right: 0px; margin: 0px auto; }

.loader { margin: 0px auto; width: 100%; max-width: 400px; text-align: center; }

.loader .circle { background-color: rgb(82, 135, 223); border-radius: 100%; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running scale-loader; vertical-align: middle; }

.loader .small { width: 10px; height: 10px; opacity: 0.3; }

.loader .medium { width: 30px; height: 30px; opacity: 0.7; }

.loader .powr-logo-icon { fill: rgb(82, 135, 223); width: 60px; height: 60px; opacity: 1; vertical-align: middle; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running scale-loader; }

.loader .small { animation-delay: -0.48s; }

.loader .medium { animation-delay: -0.32s; }

@-webkit-keyframes scale-loader { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

@keyframes scale-loader { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

.app-search { margin-bottom: 32px; }

.app-search.is-popover { margin-bottom: 0px; }

.app-search__input-group { position: relative; }

.app-search__search-icon { color: rgb(160, 171, 190); font-size: 1.125rem; left: 16px; position: absolute; top: 22px; }

.app-search__search-input { border-radius: 3px; border: 1px solid rgb(190, 198, 202); color: rgb(53, 64, 81); display: block; font-size: 1.125rem; padding: 16px 16px 16px 40px; text-indent: 5px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.app-search__search-input:focus { border-color: rgb(59, 140, 255); outline: none; }

.app-search__search-input::placeholder { color: rgb(160, 171, 190); }

.app-search__search-input.is-popover { border-radius: 3px 3px 0px 0px; border-bottom: 1px solid rgb(190, 198, 202); border-top: none; border-left: none; border-right: none; }

.app-search__text_search { margin-bottom: 15px; }

.app-search__text_input_search { padding-top: 8px; padding-bottom: 10px; font-size: 0.875rem; padding-left: 38px; }

.app-search__text_search_icon { top: 14px; font-size: 0.875rem; }

.app-search--sm { margin-bottom: 0px; }

.app-search--sm .app-search__search-icon { font-size: 1rem; left: 8px; top: 10px; }

.app-search--sm .app-search__search-input { font-size: 0.875rem; padding: 6px 8px 6px 24px; }

.no-search-results { margin-top: 64px; text-align: center; width: 100%; }

.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }

.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }

.slick-track::before, .slick-track::after { display: table; content: ""; }

.slick-track::after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid rgba(0, 0, 0, 0); }

.slick-arrow.slick-hidden { display: none; }

.slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: rgba(0, 0, 0, 0); border: none; outline: none; background: rgba(0, 0, 0, 0); }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: rgba(0, 0, 0, 0); outline: none; background: rgba(0, 0, 0, 0); }

.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; }

.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; }

.slick-prev::before, .slick-next::before { font-family: "Font Awesome 5 Pro"; font-size: 20px; line-height: 1; opacity: 0.75; -webkit-font-smoothing: antialiased; color: rgb(99, 107, 117) !important; }

.slick-prev { left: -20px; }

[dir="rtl"] .slick-prev { right: -20px; left: auto; }

.slick-prev::before { content: ""; }

[dir="rtl"] .slick-prev::before { content: ""; }

.slick-next { right: -20px; }

[dir="rtl"] .slick-next { right: auto; left: -20px; }

.slick-next::before { content: ""; }

[dir="rtl"] .slick-next::before { content: ""; }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: rgba(0, 0, 0, 0); border: 0px; outline: none; background: rgba(0, 0, 0, 0); }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; }

.slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: rgb(0, 0, 0); -webkit-font-smoothing: antialiased; }

.slick-dots li.slick-active button::before { opacity: 0.75; color: rgb(0, 0, 0); }

.app-market { background-color: rgb(248, 249, 250); display: flex; flex-flow: wrap; margin: 0px auto; max-width: 2000px; padding: 32px 0px; width: 100%; }

.app-market__sidebar { display: none; }

.app-market__main-view { padding: 0px 32px; width: 100%; }

@media (min-width: 1200px) {
  .app-market__sidebar { display: flex; justify-content: center; width: 15%; }
  .app-market__main-view { width: 85%; margin: 0px auto; }
  .app-market__pricing-view { width: 100%; }
}

.app-market-nav { position: relative; }

.app-market-nav__list-item { color: rgb(53, 64, 81); cursor: pointer; font-size: 1rem; margin-bottom: 16px; transition: 0.2s; }

.app-market-nav__list-item:hover { color: rgb(59, 140, 255); }

.app-market-nav__list-item.is-active { color: rgb(59, 140, 255); font-weight: bold; }

.app-market-nav__category-icon { margin-right: 8px; width: 20px; }

.app-market-nav__category-icon--all { color: rgb(160, 171, 190); }

.app-market-nav__category-icon--popular { color: rgb(59, 140, 255); }

.app-market-nav__category-icon--boost-conversions { color: rgb(62, 194, 143); }

.app-market-nav__category-icon--get-more-followers { color: rgb(236, 64, 122); }

.app-market-nav__category-icon--collect-information { color: rgb(77, 208, 225); }

.app-market-nav__category-icon--engage-visitors { color: rgb(149, 117, 205); }

.app-market-nav__category-icon--support-customers { color: rgb(247, 146, 86); }

.app-market-nav__title { color: rgb(160, 171, 190); font-size: 0.875rem; text-transform: uppercase; font-weight: bold; }

.app-market-category-dropdown { margin-bottom: 16px; }

.app-market-category-dropdown__label { color: rgb(160, 171, 190); font-size: 1rem; font-weight: bold; }

.app-market-category-dropdown__select { background-color: rgb(255, 255, 255); border: 1px solid rgb(190, 198, 202); border-radius: 3px; color: rgb(53, 64, 81); height: 50px; width: 100%; }

@media (min-width: 1200px) {
  .app-market-category-dropdown { display: none; }
}

.app-category { background-color: rgba(0, 0, 0, 0); box-sizing: border-box; border-radius: 3px; margin-bottom: 32px; position: relative; width: 100%; }

.app-category__category-container { border-radius: 3px; border-left: 2px solid rgba(0, 0, 0, 0); margin-bottom: 32px; }

.app-category__header { border-radius: 3px; display: block; padding: 16px 16px 0px; position: relative; width: 100%; }

.app-category__header--popular .app-category__category-icon { color: rgb(59, 140, 255); }

.app-category__header--boost-conversions .app-category__category-icon { color: rgb(62, 194, 143); }

.app-category__header--get-more-followers .app-category__category-icon { color: rgb(236, 64, 122); }

.app-category__header--collect-information .app-category__category-icon { color: rgb(77, 208, 225); }

.app-category__header--engage-visitors .app-category__category-icon { color: rgb(149, 117, 205); }

.app-category__header--support-customers .app-category__category-icon { color: rgb(247, 146, 86); }

.app-category__category-icon { font-size: 2rem; margin-right: 16px; }

.app-category__category-icon i { vertical-align: top; }

.app-category__title { align-items: center; display: flex; margin: 0px; }

.app-category__description { margin-bottom: 0px; margin-top: 8px; }

.app-category__title-desc-container { margin-bottom: 8px; min-width: 300px; width: 100%; }

.app-category__view-all-btn-container { min-width: 300px; width: 100%; }

.app-category__body { display: flex; border-radius: 0px 0px 3px 3px; flex-wrap: wrap; }

@media screen and (min-width: 992px) {
  .app-category__header { align-items: flex-start; display: flex; }
  .app-category__title-desc-container { width: 75%; }
  .app-category__view-all-btn-container { align-self: flex-start; display: flex; justify-content: flex-end; width: 25%; }
}

.app-card { background-color: rgb(255, 255, 255); display: block; margin: 1%; min-width: 200px; overflow: hidden; padding: 16px; position: relative; width: 100%; }

.app-card:hover { box-shadow: rgba(160, 171, 190, 0.5) 0px 0px 10px 1px; }

.app-card:hover .app-card__icon { transform: translateY(-150%); }

.app-card:hover .app-card__action-items { transform: translateY(-15px); }

.app-card:hover .app-card__title-desc-container { transform: translateY(-50px); }

.app-card__title-desc-container { background-color: rgb(255, 255, 255); padding-top: 20px; text-align: center; transition: 0.3s; width: 100%; }

.app-card__title { color: rgb(53, 64, 81); font-size: 1rem; font-family: "Gordita Bold"; margin-bottom: 8px; }

.app-card__icon { background: linear-gradient(to right, rgb(97, 185, 255), rgb(59, 140, 255)); border-radius: 3px; color: rgb(255, 255, 255); margin: 0px auto; text-align: center; -webkit-text-stroke: 1px; transition: 0.3s; width: 60px; height: 60px; }

.app-card__description { font-size: 0.875rem; line-height: 20px; }

.app-card__action-items { bottom: 0px; left: 0px; transform: translateY(200%); transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; right: 0px; text-align: center; width: 100%; }

.app-card__link { font-weight: bold; letter-spacing: 0.5px; }

@media (min-width: 768px) {
  .app-card { width: 48%; }
}

@media (min-width: 1024px) {
  .app-card { width: 31.3333%; }
}

@media (min-width: 1024px) and (orientation: landscape) {
  .app-card { width: 23%; }
}

@media (min-width: 1200px) {
  .app-card { width: 23%; }
}

.app-details-section { margin-bottom: 32px; width: 100%; }

.details-view-header { align-items: center; display: flex; padding: 32px 0px; }

.details-view-header__app-name-container { align-items: center; justify-content: space-between; width: 100%; }

.details-view-header__app-icon-container { margin-right: 16px; }

.details-view-header__app-icon { border-radius: 3px; color: rgb(255, 255, 255); font-size: 4rem; text-align: center; -webkit-text-stroke: 1px; width: 100px; min-width: 60px; min-height: 60px; }

.details-view-content__app-screenshots { background-color: rgba(0, 0, 0, 0); width: 100%; }

.details-view-content__app-long-description { margin-top: 32px; }

@media (min-width: 576px) {
  .details-view-header__app-name-container { display: flex; }
  .details-view-header__cta > button { width: auto; }
}

@media (min-width: 1200px) {
  .app-details-section { margin-left: auto; margin-right: auto; width: 75%; }
}

#static-embed { background-color: rgb(248, 249, 250); }

#static-embed .embed-code-snippet { margin: 0px auto; max-width: 1200px; min-width: 300px; width: 100%; }

#static-embed .back-button { display: inline-block; }

#static-embed p { color: rgb(99, 107, 117); }

#static-embed h3 { color: rgb(53, 64, 81); }

.sprite { background: url("//www.powrcdn.com/brand-logos/brandsprite11.png") left top no-repeat; width: 70px; height: 70px; }

.sprite.brand-3dcart { background-position: 0px 0px; }

.sprite.brand-bigcartel { background-position: -80px 0px; }

.sprite.brand-bigcommerce { background-position: -160px 0px; }

.sprite.brand-blogger { background-position: -240px 0px; }

.sprite.brand-blogspot { background-position: -240px 0px; }

.sprite.brand-drupal { background-position: -320px 0px; }

.sprite.brand-facebook { background-position: -400px 0px; }

.sprite.brand-google { background-position: -480px 0px; }

.sprite.brand-html { background-position: -560px 0px; }

.sprite.brand-ibuildapp { background-position: -640px 0px; }

.sprite.brand-iframe { background-position: -720px 0px; }

.sprite.brand-jimdo { background-position: -800px 0px; }

.sprite.brand-joomla { background-position: -880px 0px; }

.sprite.brand-jumpseller { background-position: -960px 0px; }

.sprite.brand-moonfruit { background-position: -1040px 0px; }

.sprite.brand-mozello { background-position: -1120px 0px; }

.sprite.brand-muse { background-position: -1200px 0px; }

.sprite.brand-ning { background-position: -1280px 0px; }

.sprite.brand-godaddy { background-position: -1360px 0px; }

.sprite.brand-oneandone { background-position: -1440px 0px; }

.sprite.brand-shopify { background-position: -1520px 0px; }

.sprite.brand-spacecraft { background-position: -1600px 0px; }

.sprite.brand-squarespace { background-position: -1680px 0px; }

.sprite.brand-tumblr { background-position: -1760px 0px; }

.sprite.brand-volusion { background-position: -1840px 0px; }

.sprite.brand-web { background-position: -1920px 0px; }

.sprite.brand-webs { background-position: -2000px 0px; }

.sprite.brand-webydo { background-position: -2080px 0px; }

.sprite.brand-weebly { background-position: -2160px 0px; }

.sprite.brand-wix { background-position: -2240px 0px; }

.sprite.brand-wordpress { background-position: -2320px 0px; }

.sprite.brand-yola { background-position: -2400px 0px; }

.sprite.brand-duda { background-position: -2470px 0px; }

.sprite.brand-imcreator { background-position: -2540px 0px; }

.sprite.brand-lightcms { background-position: -2846px 0px; }

.sprite.brand-showit { background-position: -2925px 0px; }

.sprite.brand-webstarts { background-position: -2610px 0px; }

.sprite.brand-strikingly { background-position: -2680px 0px; }

.sprite.brand-material { background-position: -2760px 0px; }

.sprite.brand-pulsecms { background-position: -3000px 0px; }

.sprite.brand-lightspeed { background-position: -3068px 0px; }

.sprite.brand-seoshop { background-position: -3140px 0px; }

.sprite.brand-bookmark { background-position: -3220px 0px; }

.sprite.brand-magento { background-position: -3300px 0px; }

.sprite.brand-pagecloud { background-position: -3380px 0px; }

.sprite.brand-webself { background-position: -3460px 0px; }

.sprite.brand-b12 { background-position: -3540px 0px; }

.sprite.brand-americommerce { background-position: -3617px 0px; }

.sprite.brand-zoho { background-position: -3694px 0px; }

.sprite.brand-cloudflare { background-position: -3776px 0px; }

.sprite.brand-ecwid { background-image: url("https://www.powrcdn.com/integrations/ecwid.svg"); background-size: contain; }

.recommened-apps-section h1 { font-size: 2.5rem; }

.recommened-apps-section .app-market { background-color: rgb(255, 255, 255); }

.recommened-apps-section .app-category__category-icon .sprite { transform: scale(0.55); transform-origin: left top; margin-right: -35px; margin-bottom: -35px; }

.standard-tutorial__steps { list-style: none; counter-reset: steps-counter 0; padding-left: 0px; }

.standard-tutorial__step { counter-increment: steps-counter 1; margin-bottom: 32px; position: relative; }

.standard-tutorial__step::before { content: counter(steps-counter) "."; font-size: 1.125rem; position: absolute; top: -3px; }

.standard-tutorial__step_content { width: 100%; }

.standard-tutorial__step_title { margin: 0px 0px 8px 24px; }

.standard-tutorial__step_show_me_icon { color: rgb(99, 107, 117); margin-right: 4px; }

.standard-tutorial__step_embed_code_wrapper { margin-bottom: 16px; }

.standard-tutorial__step_embed_code_wrapper .embed-code { text-align: left; }

.standard-tutorial__step_embed_code_wrapper .embed-code button { margin: 16px 0px 0px; }

.standard-tutorial__step_embed_code_wrapper .embed-code textarea { margin-top: 16px; }

.standard-tutorial__switch_option { border-radius: 3px; transition: 0.2s; border: 1px solid rgb(224, 230, 234); cursor: pointer; padding: 16px; text-align: center; color: rgb(53, 64, 81); font-size: 1.125rem; font-weight: bold; outline: none; margin-right: 16px; margin-top: 8px; }

.standard-tutorial__switch_option:hover, .standard-tutorial__switch_option.active { border-color: rgb(59, 140, 255); background-color: rgb(248, 249, 250); color: rgb(59, 140, 255); }

.standard-tutorial__feedback { width: 800px; height: 90px; border: 0px; position: absolute; top: -40px; left: -160px; }

.standard-tutorial__feedback-container { position: relative; margin-right: 200px; }

.standard-tutorial__feedback-container .was-this-helpful { color: rgb(123, 132, 144); font-size: 0.875rem; }

.showme-screen-modal { position: fixed; inset: 0px; overflow: auto; }

.showme-screen-modal .modal-description { margin-bottom: 16px; }

.showme-screen-modal .modal-video { min-height: 400px; width: 100%; }

.showme-screen-modal .showme-screen-modal-content.ReactModal__Content.ReactModal__Content--after-open { max-width: 1000px; min-width: 300px; width: 90%; margin: 100px auto; }

.showme-screen-modal .modal-body .preloader { position: relative; display: table; }

.showme-screen-modal .over-powr-loader { z-index: 1; position: relative; }

.clientInviteEmail, .clientInviteNote { border-radius: 3px; color: rgb(160, 171, 190); box-shadow: none; }

.star-before-input { position: absolute; left: -16px; top: 8px; }

.no-collaborators .fa-users { color: rgb(224, 230, 234); font-size: 2.75rem; }

.remove-collaborator { color: rgb(215, 69, 69); }

.powrone-ad-banner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 70px; height: auto; padding: 16px 31px 16px 24px; border-radius: 4px; cursor: pointer; }

.powrone-ad-banner__small { background: linear-gradient(120deg, transparent 0px, transparent 80%, rgb(20, 42, 96) calc(80% + 1px), rgb(20, 42, 96) 100%), linear-gradient(40deg, rgb(255, 212, 128) 0px, rgb(255, 212, 128) 68%, rgba(255, 212, 128, 0.8) 68%, rgba(255, 212, 128, 0.8) 100%); min-width: 440px; width: fit-content; }

@media (max-width: 460px) {
  .powrone-ad-banner__small { min-width: auto; background: linear-gradient(145deg, transparent 0px, transparent 66%, rgb(20, 42, 96) calc(66% + 1px), rgb(20, 42, 96) 100%), linear-gradient(40deg, rgb(255, 212, 128) 0px, rgb(255, 212, 128) 66%, rgba(255, 212, 128, 0.8) 66%, rgba(255, 212, 128, 0.8) 10%); }
}

.powrone-ad-banner__large { background: linear-gradient(145deg, transparent 0px, transparent 66%, rgb(20, 42, 96) calc(66% + 1px), rgb(20, 42, 96) 100%), linear-gradient(40deg, rgb(255, 212, 128) 0px, rgb(255, 212, 128) 66%, rgba(255, 212, 128, 0.8) 66%, rgba(255, 212, 128, 0.8) 10%); width: 100%; margin-bottom: 60px; }

@media (min-width: 768px) {
  .powrone-ad-banner__large { min-height: 150px; }
}

.powrone-ad-banner__wrapper { display: flex; align-items: center; }

.powrone-ad-banner__wrapper__small { gap: 8px; }

.powrone-ad-banner__wrapper__large { gap: 8px; }

@media (min-width: 768px) {
  .powrone-ad-banner__wrapper__large { gap: 32px; }
}

.powrone-ad-banner__text { color: rgb(20, 42, 96); }

.powrone-ad-banner__text :first-child { font-weight: 700; font-size: 18px; line-height: 24px; color: rgb(20, 42, 96) !important; margin: 0px !important; }

.powrone-ad-banner__text :last-child { font-weight: 700; font-size: 14px; line-height: 18px; margin-top: 8px; }

@media (max-width: 767px) {
  .powrone-ad-banner__text :last-child { display: none; }
}

.powrone-ad-banner__text__large { max-width: 50%; }

.powrone-ad-banner__icon__small { width: 24px; }

.powrone-ad-banner__icon__large { width: 56px; }

@media (max-width: 767px) {
  .powrone-ad-banner__icon__large { width: 24px; }
}

.powrone-ad-banner__arrow { color: rgb(255, 212, 128); width: 14px; font-weight: 500 !important; }

.powrone-ad-banner__arrow__large { display: none !important; }

.powrone-ad-banner__image__large { position: absolute; display: none; }

@media (min-width: 768px) {
  .powrone-ad-banner__image__large { display: block; bottom: -48px; right: 20px; }
}

.powrone-ad-banner__button__close { color: rgb(255, 255, 255); position: absolute; top: 5px; right: 10px; }

.powrone-ad-banner.hid { display: none !important; }

#publish-navigation-container { z-index: 1031; position: relative; width: 100%; }

@media (max-width: 600px) {
  #publish-navigation-container { position: absolute; width: 100%; }
}

#publish-navigation-container .publish-navigation { z-index: 1030; position: fixed; width: 100%; bottom: 0px; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px -2px 1px -2px; height: 100px; padding: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation { height: 150px; justify-content: center; }
}

#publish-navigation-container .publish-navigation__back-button { padding: 8px 32px; border-radius: 3px; font-size: 1rem; margin-left: 64px; height: 50px; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__back-button { margin: 0px 4px; width: 90%; padding: 0px; height: 40px; font-size: 0.8rem; }
}

#publish-navigation-container .publish-navigation__advance-button { padding: 8px 32px; border-radius: 3px; font-size: 1rem; margin-right: 64px; height: 50px; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__advance-button { margin: 0px 8px; width: 90%; padding: 0px; height: 40px; font-size: 0.8rem; }
}

#publish-navigation-container .publish-navigation__advance-text { margin-right: 64px; cursor: pointer; color: rgb(59, 140, 255); }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__advance-text { font-size: 0.8rem; margin-right: 8px; }
}

#publish-navigation-container .disabled { cursor: not-allowed; opacity: 0.5; }

@media (max-width: 600px) {
  #publish-navigation-container .hide-mobile { display: none; }
}

#publish-navigation-container .publish-navigation__nav-point { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 130px; font-size: 0.8rem; transition: 0.2s; }

#publish-navigation-container .publish-navigation__nav-point:hover { color: rgb(59, 140, 255); }

#publish-navigation-container .publish-navigation__nav-point .publish-navigation__step-label { height: 20px; margin-bottom: 8px; }

#publish-navigation-container .publish-navigation__nav-point .publish-navigation__icon-bg { font-size: 0px; }

#publish-navigation-container .publish-navigation__nav-point .publish-navigation__nav-point-icon:not(.inner-dot) { font-size: 1.2rem; }

#publish-navigation-container .publish-navigation__center { display: flex; flex-direction: column; align-items: center; justify-content: center; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__center { order: 0; }
}

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__center { margin-bottom: 16px; }
}

#publish-navigation-container .publish-navigation__left { width: 300px; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__left { order: 2; width: 50%; }
}

#publish-navigation-container .publish-navigation__right { width: 300px; text-align: right; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__right { order: 2; width: 50%; text-align: center; }
}

#publish-navigation-container .publish-navigation-meter { display: flex; }

#publish-navigation-container .publish-navigation__rewards-label { display: flex; }

#publish-navigation-container .publish-navigation__nav-points { display: flex; z-index: 2; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__nav-points .install { display: none; }
}

#publish-navigation-container .publish-navigation__rewards-icon { height: 15px; }

#publish-navigation-container .publish-navigation__not-future { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }

#publish-navigation-container .publish-navigation__icon-bg { background-color: rgb(255, 255, 255); border-radius: 50%; width: fit-content; margin-left: auto; margin-right: auto; }

#publish-navigation-container .icon-container { position: relative; }

#publish-navigation-container .inner-dot { color: rgb(59, 140, 255); font-size: 6px; height: 7px; width: 5px; margin: auto; position: absolute; inset: 0px; }

#publish-navigation-container .publish-navigation__nav-point--isPast { color: rgb(53, 64, 81); cursor: pointer; }

#publish-navigation-container .publish-navigation__nav-point--isPast .isPast-icon { color: rgb(59, 140, 255); }

#publish-navigation-container .publish-navigation__nav-point--isCurrent { color: rgb(59, 140, 255); cursor: pointer; }

#publish-navigation-container .publish-navigation__nav-point--isCurrent .publish-navigation__step-label { font-size: 0.9rem; font-weight: bold; }

#publish-navigation-container .publish-navigation__nav-point--isCurrent .isCurrent-icon { color: rgb(59, 140, 255); }

#publish-navigation-container .publish-navigation__nav-point--isFuture { color: rgb(160, 171, 190); cursor: pointer; }

#publish-navigation-container .publish-navigation__nav-point--isFuture .disabled { cursor: not-allowed; }

#publish-navigation-container .publish-navigation__line-container { height: 2px; background-color: rgb(160, 171, 190); width: 400px; position: relative; top: -11px; z-index: 0; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__line-container { width: 270px; }
}

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter { height: 2px; background-color: rgb(59, 140, 255); position: absolute; left: 0px; z-index: 1; }

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-select_plan { width: 0px; }

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-install { width: 130px; }

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-give_feedback { width: 270px; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-give_feedback { width: 130px; }
}

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-rewards { width: 390px; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-rewards { width: 260px; }
}

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-2 { width: 140px; }

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-2 .publish-navigation__line-meter-rewards { width: 140px; }

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-3 { width: 260px; }

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-3 .publish-navigation__line-meter-rewards { width: 260px; }

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-4 { width: 400px; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-4 { width: 260px; }
}

@media (max-width: 600px) {
  #publish-navigation-container .publish { display: none; }
}

#publish-navigation-container .simple-loader { font-size: 6rem; margin: 100px 50%; color: rgb(224, 230, 234); }

#publish-navigation-container .publish-navigation__afterpublish-templates { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 1600px; min-width: 320px; }

#publish-navigation-container .publish-navigation__afterpublish-templates.with-sidenav { padding-left: 372px; }

.integration-screen-container { z-index: 1031; position: relative; width: 100%; top: 0px; }

@media (max-width: 600px) {
  .integration-screen-container { position: absolute; width: 100%; }
}

.integration-screen-container .integrations-screen { background-color: rgb(255, 255, 255); overflow: auto; position: absolute; width: 100%; height: 100vh; top: 0px; bottom: 0px; padding-bottom: 64px; }

.integration-screen-container .integrations-screen .integrations-screen__close { position: fixed; top: 30px; right: 30px; color: rgb(160, 171, 190); cursor: pointer; font-size: 1.6rem; }

@media (max-width: 600px) {
  .integration-screen-container .integrations-screen .integrations-screen__close { top: 15px; right: 15px; }
}

.integration-screen-container .integrations-screen .integrations-screen__content { width: 100%; max-width: 740px; margin: 100px auto 0px; }

@media (max-width: 600px) {
  .integration-screen-container .integrations-screen .integrations-screen__content { max-width: 600px; margin: 0px auto; padding: 60px; }
}

.integration-screen-container .integrations-screen .general-customer-radio-inputs input { margin-right: 16px; }

.integration-screen-container .notion-integration-controls__database-container .feature-blocker-container { width: 40%; margin-bottom: 32px; }

.integration-screen-container .integrations-screen.fading-out { transition: opacity 300ms; opacity: 0; }

.integration-screen-container .integrations-screen__divider { color: rgb(160, 171, 190); margin: 32px 0px; }

.delete { color: rgb(160, 171, 190); font-size: 1.4rem; }

.mailchimp-integration-controls, .vcita-integration-controls, .notion-integration-controls { position: relative; }

.mailchimp-integration-controls .powrreact-select-component, .vcita-integration-controls .powrreact-select-component, .notion-integration-controls .powrreact-select-component { width: 300px; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .powrreact-select-component, .vcita-integration-controls .powrreact-select-component, .notion-integration-controls .powrreact-select-component { width: 180px; }
}

.mailchimp-integration-controls .is-disabled.button-secondary-outline:hover, .vcita-integration-controls .is-disabled.button-secondary-outline:hover, .notion-integration-controls .is-disabled.button-secondary-outline:hover { color: rgb(255, 255, 255); }

.mailchimp-integration-controls .mailchimp-integration-controls__logo, .mailchimp-integration-controls .vcita-integration-controls__logo, .mailchimp-integration-controls .notion-integration-controls__logo, .vcita-integration-controls .mailchimp-integration-controls__logo, .vcita-integration-controls .vcita-integration-controls__logo, .vcita-integration-controls .notion-integration-controls__logo, .notion-integration-controls .mailchimp-integration-controls__logo, .notion-integration-controls .vcita-integration-controls__logo, .notion-integration-controls .notion-integration-controls__logo { width: 60px; height: 60px; position: absolute; left: -74px; top: -16px; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .mailchimp-integration-controls__logo, .mailchimp-integration-controls .vcita-integration-controls__logo, .mailchimp-integration-controls .notion-integration-controls__logo, .vcita-integration-controls .mailchimp-integration-controls__logo, .vcita-integration-controls .vcita-integration-controls__logo, .vcita-integration-controls .notion-integration-controls__logo, .notion-integration-controls .mailchimp-integration-controls__logo, .notion-integration-controls .vcita-integration-controls__logo, .notion-integration-controls .notion-integration-controls__logo { left: -60px; }
}

.mailchimp-integration-controls .mailchimp-integration-controls__title_tag, .vcita-integration-controls .mailchimp-integration-controls__title_tag, .notion-integration-controls .mailchimp-integration-controls__title_tag { display: flex; flex-direction: row; }

.mailchimp-integration-controls .mailchimp-integration-controls__connected-tag, .mailchimp-integration-controls .vcita-integration-controls__connected-tag, .vcita-integration-controls .mailchimp-integration-controls__connected-tag, .vcita-integration-controls .vcita-integration-controls__connected-tag, .notion-integration-controls .mailchimp-integration-controls__connected-tag, .notion-integration-controls .vcita-integration-controls__connected-tag { border-radius: 3px; background-color: rgb(219, 245, 224); color: rgb(53, 64, 81); padding: 4px 8px; font-size: 0.8rem; }

.mailchimp-integration-controls .mailchimp-integration-controls__not-connected-tag, .vcita-integration-controls .mailchimp-integration-controls__not-connected-tag, .notion-integration-controls .mailchimp-integration-controls__not-connected-tag { border-radius: 3px; background-color: rgb(253, 245, 245); color: rgb(53, 64, 81); padding: 4px 8px; font-size: 0.8rem; }

.mailchimp-integration-controls .mailchimp-integration-controls__connected-as, .mailchimp-integration-controls .vcita-integration-controls__connected-as, .vcita-integration-controls .mailchimp-integration-controls__connected-as, .vcita-integration-controls .vcita-integration-controls__connected-as, .notion-integration-controls .mailchimp-integration-controls__connected-as, .notion-integration-controls .vcita-integration-controls__connected-as { color: rgb(160, 171, 190); font-size: 0.8rem; }

.mailchimp-integration-controls .mailchimp-integration-controls__bottom-button-container .generic-tooltip__bubble, .mailchimp-integration-controls .vcita-integration-controls__bottom-button-container .generic-tooltip__bubble, .vcita-integration-controls .mailchimp-integration-controls__bottom-button-container .generic-tooltip__bubble, .vcita-integration-controls .vcita-integration-controls__bottom-button-container .generic-tooltip__bubble, .notion-integration-controls .mailchimp-integration-controls__bottom-button-container .generic-tooltip__bubble, .notion-integration-controls .vcita-integration-controls__bottom-button-container .generic-tooltip__bubble { margin-bottom: 10px; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container table, .vcita-integration-controls .mailchimp-integration-controls__fields-container table, .notion-integration-controls .mailchimp-integration-controls__fields-container table { width: 100%; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container th, .vcita-integration-controls .mailchimp-integration-controls__fields-container th, .notion-integration-controls .mailchimp-integration-controls__fields-container th { color: rgb(123, 132, 144); font-size: 0.8rem; font-weight: normal; padding-bottom: 16px; width: 50%; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container td, .vcita-integration-controls .mailchimp-integration-controls__fields-container td, .notion-integration-controls .mailchimp-integration-controls__fields-container td { color: rgb(53, 64, 81); padding-bottom: 16px; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning, .vcita-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning, .notion-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning { width: 300px; font-size: 0.8rem; color: rgb(123, 132, 144); line-height: 1.1; display: flex; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning, .vcita-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning, .notion-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning { width: 215px; }
}

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .mailchimpField, .mailchimp-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField, .mailchimp-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField-status, .vcita-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .mailchimpField, .vcita-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField, .vcita-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField-status, .notion-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .mailchimpField, .notion-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField, .notion-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField-status { cursor: pointer; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .fa-trash-o, .vcita-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .fa-trash-o, .notion-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .fa-trash-o { color: rgb(160, 171, 190); }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .mailchimpField, .vcita-integration-controls .mailchimp-integration-controls__fields-container .mailchimpField, .notion-integration-controls .mailchimp-integration-controls__fields-container .mailchimpField { vertical-align: top; padding-top: 8px; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField { display: flex; justify-content: space-between; align-items: center; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField-status, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField-status, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField-status { font-size: 1.4rem; padding-left: 32px; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField-status, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField-status, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField-status { padding-left: 8px; }
}

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField-requireError .Select .Select-control, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField-requireError .Select .Select-control, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField-requireError .Select .Select-control { border-color: rgb(215, 69, 69); }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField-typeWarned .Select .Select-control, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField-typeWarned .Select .Select-control, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField-typeWarned .Select .Select-control { border-color: rgb(255, 196, 0); }

.mailchimp-integration-controls .notion-integration-controls__fields-container table, .vcita-integration-controls .notion-integration-controls__fields-container table, .notion-integration-controls .notion-integration-controls__fields-container table { width: 100%; }

.mailchimp-integration-controls .notion-integration-controls__fields-container th, .vcita-integration-controls .notion-integration-controls__fields-container th, .notion-integration-controls .notion-integration-controls__fields-container th { color: rgb(123, 132, 144); font-size: 0.875rem; font-weight: normal; padding-bottom: 16px; width: 50%; }

.mailchimp-integration-controls .notion-integration-controls__fields-container td, .vcita-integration-controls .notion-integration-controls__fields-container td, .notion-integration-controls .notion-integration-controls__fields-container td { color: rgb(53, 64, 81); padding-bottom: 16px; }

.mailchimp-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning, .vcita-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning, .notion-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning { width: 300px; font-size: 0.8rem; color: rgb(123, 132, 144); line-height: 1.1; display: flex; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning, .vcita-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning, .notion-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning { width: 215px; }
}

.mailchimp-integration-controls .notion-integration-controls__fields-container .hoverDelete .notionField, .mailchimp-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField, .mailchimp-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField-status, .vcita-integration-controls .notion-integration-controls__fields-container .hoverDelete .notionField, .vcita-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField, .vcita-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField-status, .notion-integration-controls .notion-integration-controls__fields-container .hoverDelete .notionField, .notion-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField, .notion-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField-status { cursor: pointer; }

.mailchimp-integration-controls .notion-integration-controls__fields-container .hoverDelete .fa-trash-o, .vcita-integration-controls .notion-integration-controls__fields-container .hoverDelete .fa-trash-o, .notion-integration-controls .notion-integration-controls__fields-container .hoverDelete .fa-trash-o { color: rgb(160, 171, 190); }

.mailchimp-integration-controls .notion-integration-controls__fields-container .notionpField, .vcita-integration-controls .notion-integration-controls__fields-container .notionpField, .notion-integration-controls .notion-integration-controls__fields-container .notionpField { vertical-align: top; padding-top: 8px; }

.mailchimp-integration-controls .notion-integration-controls__fields-container .powrField, .vcita-integration-controls .notion-integration-controls__fields-container .powrField, .notion-integration-controls .notion-integration-controls__fields-container .powrField { display: flex; justify-content: space-between; align-items: center; }

.mailchimp-integration-controls .notion-integration-controls__fields-container .powrField-status, .vcita-integration-controls .notion-integration-controls__fields-container .powrField-status, .notion-integration-controls .notion-integration-controls__fields-container .powrField-status { font-size: 1.4rem; padding-left: 32px; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .notion-integration-controls__fields-container .powrField-status, .vcita-integration-controls .notion-integration-controls__fields-container .powrField-status, .notion-integration-controls .notion-integration-controls__fields-container .powrField-status { padding-left: 8px; }
}

.mailchimp-integration-controls .notion-integration-controls__fields-container .powrField-requireError .Select .Select-control, .vcita-integration-controls .notion-integration-controls__fields-container .powrField-requireError .Select .Select-control, .notion-integration-controls .notion-integration-controls__fields-container .powrField-requireError .Select .Select-control { border-color: rgb(215, 69, 69); }

.mailchimp-integration-controls .notion-integration-controls__fields-container .powrField-typeWarned .Select .Select-control, .vcita-integration-controls .notion-integration-controls__fields-container .powrField-typeWarned .Select .Select-control, .notion-integration-controls .notion-integration-controls__fields-container .powrField-typeWarned .Select .Select-control { border-color: rgb(255, 196, 0); }

.vcita-required-warning { font-size: 0.8rem; display: flex; }

.open-account-menu .account-menu-list__link.has-notification::after, .account-menu .avatar--has-notification::after { border-radius: 100%; border: 2px solid rgb(255, 255, 255); box-sizing: border-box; content: ""; background-image: linear-gradient(45deg, rgb(255, 78, 80) 0%, rgb(249, 212, 35) 100%); height: 15px; position: absolute; width: 15px; }

.react-account-container { display: flex; align-items: center; }

.account-menu { display: flex; align-items: center; cursor: pointer; position: relative; }

.account-menu .account-menu__mobile-icon { color: rgb(53, 64, 81); font-size: 1.5rem; }

.account-menu .avatar--has-notification { position: relative; }

.account-menu .avatar--has-notification::after { border: 2px solid rgb(255, 255, 255); inset: -2px -5px auto auto; }

.account-menu .avatar-placeholder { border-radius: 50%; background-color: rgb(239, 242, 244); height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; }

.account-menu .avatar-placeholder .alert-indicator { position: absolute; top: -5px; left: -5px; }

.account-menu .avatar-placeholder .alert-indicator i { color: rgb(255, 196, 0); font-weight: 900; }

.account-menu .avatar-placeholder i { font-size: 1.1rem; }

.account-menu i { color: rgb(99, 107, 117); font-weight: lighter; }

.account-menu .signed-in-menu, .account-menu .signed-out-menu { display: flex; align-items: center; }

.avatar-image { border-radius: 50%; height: 36px; width: 36px; }

.avatar-image-menu { border-radius: 50%; height: 36px; width: 36px; margin-right: 16px; }

.open-account-menu { position: absolute; z-index: 3; background-color: rgb(255, 255, 255); top: 76px; right: 14px; width: 210px; border-radius: 3px; box-shadow: rgb(160, 171, 190) 0px 1px 4px 0px; }

@media screen and (orientation: landscape) and (max-height: 400px) {
  .open-account-menu { height: 300px; overflow: auto; }
}

.open-account-menu .email-container { padding: 24px 24px 10px; font-size: 0.9rem; color: rgb(160, 171, 190); display: block; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.open-account-menu .sign-out-container { padding: 20px 24px; cursor: pointer; border-top: 1px solid rgb(239, 242, 244); }

.open-account-menu .sign-out-container:hover { background-color: rgb(239, 242, 244); border-radius: 0px 0px 3px 3px; }

.open-account-menu .account-menu-list__link { display: block; padding: 12px 24px; cursor: pointer; }

.open-account-menu .account-menu-list__link:hover { background-color: rgb(239, 242, 244); }

.open-account-menu .account-menu-list__link.has-icon { align-items: center; display: flex; }

.open-account-menu .account-menu-list__link.has-notification { position: relative; }

.open-account-menu .account-menu-list__link.has-notification::after { inset: 15px auto auto 5px; }

.open-account-menu .account-menu-list__link--share { padding: 0px; }

.open-account-menu .account-menu-list__link--share .button-nostyle-muted { padding: 12px 24px; text-align: left; width: 100%; }

.open-account-menu .account-menu-list__link--share .button-nostyle-muted:hover { color: rgb(99, 107, 117); }

.open-account-menu .account-menu-list__img { height: 20px; margin-left: 10px; }

.plugins-cards-container { display: flex; flex-wrap: wrap; align-items: center; }

.plugins-card { border: 1px solid rgb(224, 230, 234); position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 240px; margin: 16px; background-color: rgb(224, 230, 234); border-radius: 3px; transition: 0.2s; width: calc(100% - 32px); cursor: pointer; }

.plugins-card__paused { position: absolute; bottom: 100%; left: 0px; text-align: center; width: 100%; color: rgb(255, 255, 255); background: rgba(53, 64, 81, 0.4); }

@media screen and (min-width: 600px) {
  .plugins-card { width: calc(50% - 32px); }
}

@media screen and (min-width: 1024px) {
  .plugins-card { width: calc(33.3333% - 32px); }
}

@media screen and (min-width: 1200px) {
  .plugins-card { width: calc(25% - 32px); }
}

.plugins-card__link { width: 100px; margin: 0px auto; }

.plugins-card__top-menu { display: flex; justify-content: space-between; }

.plugins-card__app-status-tag { display: flex; justify-content: center; align-items: center; height: 24px; font-size: 0.8rem; padding: 0px 16px; border-radius: 3px; color: rgb(255, 255, 255); cursor: default; }

.plugins-card__app-status-tag.published { background: rgb(54, 196, 81); }

.plugins-card__app-status-tag.unpublished-content { background: rgb(255, 196, 0); }

.plugins-card__app-status-tag.draft { background: rgb(99, 107, 117); }

.plugins-card__nickname-container { color: rgb(53, 64, 81); width: 240px; font-size: 1.1rem; text-align: center; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px auto; padding: 0px 16px; cursor: pointer; }

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .plugins-card__nickname-container { width: 200px; }
}

@media screen and (min-width: 1200px) and (max-width: 1275px) {
  .plugins-card__nickname-container { width: 175px; }
}

@media screen and (min-width: 1275px) and (max-width: 1450px) {
  .plugins-card__nickname-container { width: 200px; }
}

.plugins-card__nickname-container input { width: 100%; font-size: 1rem; text-align: center; margin-bottom: 4px; }

.plugins-card__details { background: rgb(255, 255, 255); padding: 8px; border-radius: 0px 0px 3px 3px; }

.plugins-card__attributes { display: flex; flex-flow: wrap; justify-content: center; align-items: center; margin: 4px 0px; }

.plugins-card__apptype-display { color: rgb(160, 171, 190); font-size: 0.7rem; font-weight: bold; letter-spacing: 0.5px; }

.plugins-card__plan-indicator { display: flex; justify-content: center; align-items: center; background-color: rgb(238, 245, 255); font-size: 0.2rem; color: rgb(59, 140, 255); border-radius: 3px; cursor: default; height: 19px; padding: 0px 4px; }

.plugins-card__upgrade-indicator { display: flex; justify-content: center; align-items: center; background-color: rgb(241, 231, 250); font-size: 0.2rem; color: rgb(149, 82, 223); border-radius: 3px; cursor: pointer; height: 19px; padding: 0px 4px; }

.plugins-card__hover-menu { box-sizing: border-box; background-color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; border-top: 1px solid rgb(239, 242, 244); bottom: 0px; width: 100%; font-size: 0.8rem; padding: 8px; border-radius: 0px 0px 3px 3px; }

.plugins-card__hover-menu-edit:hover { color: rgb(59, 140, 255); }

.plugins-card__hover-menu-button { border-radius: 3px; }

.plugins-card__card-menu-trigger { color: rgb(99, 107, 117); font-size: 1.2rem; cursor: pointer; }

.plugins-card__card-menu { width: 130px; position: absolute; z-index: 3; background: rgb(255, 255, 255); top: 24px; right: -48px; font-size: 0.8rem; border-radius: 3px; box-shadow: rgb(160, 171, 190) 0px 1px 4px 0px; }

@media screen and (max-width: 768px) {
  .plugins-card__card-menu { right: -30px; }
}

.plugins-card__card-menu .links-container { padding: 0px; }

.plugins-card__card-menu .links-container .plugins-card__card-menu-link { display: block; font-size: 0.875rem; padding: 8px 16px; cursor: pointer; color: rgb(99, 107, 117); }

.plugins-card__card-menu .links-container .plugins-card__card-menu-link.last-updated { color: rgb(160, 171, 190); font-size: 0.6rem; width: 100%; }

.plugins-card__card-menu .links-container .plugins-card__card-menu-delete { color: rgb(215, 69, 69); }

.plugins-card__card-menu .links-container li:hover { background-color: rgb(239, 242, 244); }

.status-tooltip { font-size: 0.8rem; }

.update-status { text-decoration: underline; color: rgb(59, 140, 255) !important; }

.auto-generated-feed-modal-overlay, .app-draft-status-update-modal-overlay { position: fixed; inset: 0px; z-index: 9999; background-color: rgba(53, 64, 81, 0.5); }

.ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open.app-draft-status-update-modal-content { left: 0px; margin-left: auto; margin-right: auto; position: absolute; right: 0px; max-width: 525px; }

.generic-tooltip { position: relative; display: inline; }

.generic-tooltip .generic-tooltip__bubble { min-width: 120px; max-width: 300px; position: absolute; z-index: 10; border-color: rgb(53, 64, 81); }

.generic-tooltip .generic-tooltip__bubble::after { content: ""; position: absolute; }

.generic-tooltip .generic-tooltip__content { background: rgb(53, 64, 81); border-radius: 3px; color: rgb(255, 255, 255); font-size: 0.9rem; line-height: 1.25rem; padding: 8px; }

.generic-tooltip .generic-tooltip__title { font-size: 1.125rem; font-weight: bold; margin-bottom: 8px; }

.generic-tooltip .generic-tooltip__close { float: right; }

.generic-tooltip .generic-tooltip__close-icon { color: rgb(73, 88, 112); }

.generic-tooltip .generic-tooltip__close-icon:hover { color: rgb(83, 101, 127); }

.generic-tooltip .is-light { color: rgb(238, 245, 255); background-color: rgb(123, 132, 144); }

.generic-tooltip .is-light.generic-tooltip__bubble.is-light { border-bottom: rgb(123, 132, 144); background-color: rgba(0, 0, 0, 0); border-top-color: rgb(123, 132, 144); border-right-color: rgb(123, 132, 144); border-left-color: rgb(123, 132, 144); }

.generic-tooltip .is-white.generic-tooltip__bubble { border-color: rgb(255, 255, 255); }

.generic-tooltip .is-white.generic-tooltip__content { background: rgb(255, 255, 255); color: rgb(53, 64, 81); }

.generic-tooltip .is-blue.generic-tooltip__bubble { border-color: rgb(59, 140, 255); }

.generic-tooltip .is-blue.generic-tooltip__content { background: rgb(59, 140, 255); color: rgb(255, 255, 255); }

.generic-tooltip .is-top { bottom: 100%; left: 50%; padding-bottom: 9px; transform: translateX(-50%); }

.generic-tooltip .is-top::after { border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-top-width: 9px; border-top-style: solid; border-top-color: inherit; bottom: 0px; left: 50%; transform: translateX(-50%); }

.generic-tooltip .is-bottom { top: 100%; left: 50%; padding-top: 12px; transform: translateX(-50%); }

.generic-tooltip .is-bottom::after { border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: inherit; top: 4px; left: 50%; transform: translateX(-50%); }

.generic-tooltip .is-corner-bottom { top: 100%; left: -60px; padding-top: 12px; transform: translateX(-50%); }

.generic-tooltip .is-corner-bottom::after { border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: inherit; top: 4px; left: 83%; transform: translateX(-50%); }

.generic-tooltip .is-left { top: 50%; right: 100%; padding-right: 9px; transform: translateY(-50%); }

.generic-tooltip .is-left::after { border-left-width: 9px; border-left-style: solid; border-left-color: inherit; border-top: 9px solid rgba(0, 0, 0, 0); border-bottom: 9px solid rgba(0, 0, 0, 0); top: 50%; right: 0px; transform: translateY(-50%); }

.generic-tooltip .is-right { top: 50%; left: 100%; padding-left: 9px; transform: translateY(-50%); }

.generic-tooltip .is-right::after { border-right-width: 9px; border-right-style: solid; border-right-color: inherit; border-top: 9px solid rgba(0, 0, 0, 0); border-bottom: 9px solid rgba(0, 0, 0, 0); top: 50%; left: 0px; transform: translateY(-50%); }

.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open.recover-changes-modal-overlay { position: fixed; inset: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7) !important; }

.ReactModalPortal .buttonOptions { display: flex; justify-content: center; }

.product-updates { background-color: rgb(255, 255, 255); border-left: 1px solid rgb(224, 230, 234); height: 100%; top: 60px; position: fixed; right: 0px; transition: 0.5s; transform: translateX(100%); width: 300px; z-index: 4; }

@media screen and (min-width: 400px) {
  .product-updates { width: 400px; }
}

@media screen and (min-width: 768px) {
  .product-updates { width: 500px; }
}

.product-updates.is-open { transform: translateX(0px); }

.product-updates .product-updates__header { align-items: center; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 230, 234); display: flex; height: 64px; justify-content: space-between; padding: 32px; width: 100%; z-index: 3; }

.product-updates .product-updates__title { color: rgb(99, 107, 117); margin: 0px; }

.product-updates .product-updates__body { height: calc(100% - 64px); overflow: hidden auto; padding-bottom: 64px; }

.product-updates .pu-post { padding: 16px 32px; }

.product-updates .pu-post__title { line-height: 1.75rem; }

.product-updates .pu-post__details { align-items: center; color: rgb(160, 171, 190); display: flex; font-size: 0.875rem; }

.product-updates .pu-post__tag { background-color: rgb(149, 82, 223); border-radius: 3px; color: rgb(255, 255, 255); margin-right: 16px; min-width: 50px; padding: 2px 4px; text-align: center; text-transform: capitalize; }

.product-updates .pu-post__tag.is-fix { background-color: rgb(54, 196, 81); }

.product-updates .pu-post__tag.is-feature { background-color: rgb(149, 82, 223); }

.product-updates .pu-post__tag.is-bug { background-color: rgb(215, 69, 69); }

.product-updates .pu-post__tag.is-announcement { background-color: rgb(59, 140, 255); }

.product-updates .pu-post__content-container { margin: 16px 0px; }

.product-updates .pu-post__image-container { margin: 16px 0px; }

.product-updates .pu-post__image { max-height: 400px; }

.product-updates .pu-post__footer { align-items: center; display: flex; justify-content: space-between; margin-top: 16px; }

.product-updates .pu-post__footer-link-container { color: rgb(59, 140, 255); }

.product-updates .pu-post__likes { color: rgb(160, 171, 190); cursor: pointer; transition: 0.2s; }

.product-updates .pu-post__likes:hover { color: rgb(59, 140, 255); }

.product-updates .pu-post__likes.has-voted { color: rgb(59, 140, 255); }

.product-updates .no-more-product-updates { color: rgb(160, 171, 190); padding: 32px; text-align: center; }

.powrReactPopoverContainer { position: absolute; z-index: 5; }

.powrReactPopoverContainer .popover-arrow { height: 15px; width: 15px; background: rgb(255, 255, 255); transform-origin: 0px 100%; position: absolute; transform: rotate(45deg); }

.powrReactPopoverContainer .popover-arrow-bottom { border-top: 1px solid rgb(224, 230, 234); border-left: 1px solid rgb(224, 230, 234); }

.powrReactPopoverContainer .popover-arrow-top { border-bottom: 1px solid rgb(224, 230, 234); border-right: 1px solid rgb(224, 230, 234); }

.powrReactPopoverContainer.tooltip-icon-class-helper { z-index: -1; opacity: 0; pointer-events: none; }

.powrReactPopoverContainer.tooltip-icon-class-helper.visible { z-index: 5; opacity: 1; transition: opacity 1s; pointer-events: auto; }

.modal-backdrop-disable { position: absolute; inset: 0px; z-index: 1031; background-color: rgba(53, 64, 81, 0.8); }

.cookie_shim { height: 50px; width: 100%; display: none; }

@media (max-width: 1140px) {
  .cookie_shim { height: 60px; }
}

.cookie_modal_fix { margin-top: 60px; }

.cookie_bar, .maintenance-mode { width: 100%; z-index: 999999; position: fixed; transition: 0.2s; }

@media (max-width: 992px) {
  .cookie_bar, .maintenance-mode { font-size: 0.8rem; }
}

.cookie_bar { min-height: 50px; display: none; font-size: 0.8rem; }

.maintenance-mode { min-height: 60px; display: block; }

.cookie_info_toggle { cursor: pointer; }

.cookie_button_on { display: none; }

@media (max-width: 992px) {
  .cookie_button_on, .cookie_button_off { margin-bottom: 10px; }
}

.cookie_info_buttons { display: inline-block; }

.cookie_fine_top { font-size: 1rem; }

.cookie_info { width: 500px; top: 44px; right: 10px; position: fixed; z-index: 999999; transition: 0.2s; font-size: 0.8rem; display: none; }

.cookie_info p { font-size: 0.8rem; line-height: 1.2rem; padding-bottom: 0.3rem; }

.cookie_info a { font-weight: 600; }

@media (max-width: 954px) {
  .cookie_info { width: 400px; top: 150px; left: 0px; position: absolute; }
}

@media (max-width: 400px) {
  .cookie_info { width: 400px; top: 170px; left: 0px; position: absolute; }
}

.nav-mobile-menu { display: none; height: 100%; left: 0px; overflow: hidden; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 99999; }

.nav-mobile-menu .menu-close { color: rgb(53, 64, 81); cursor: pointer; font-size: 1.5rem; padding: 16px 32px; }

.nav-mobile-menu .nav-item { color: rgb(53, 64, 81); border-bottom: 1px solid rgb(190, 198, 202); display: block; font-size: 1.5rem; padding: 32px 0px; transition: 0.2s; }

.nav-mobile-menu .nav-item:hover, .nav-mobile-menu .nav-item:active { background-color: rgb(255, 255, 255); }

.nav-mobile-menu .signedOut { display: block; margin: 16px auto; max-width: 500px; }

.topbar-nav { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; height: 64px; padding: 0px 1%; position: fixed; top: 0px; width: 100%; z-index: 1031; display: flex; }

.topbar-nav .nav-logo, .topbar-nav .nav-account-settings { height: 100%; }

@media (max-width: 992px) {
  .topbar-nav .nav-link { display: none; }
}

.topbar-nav .nav-wrapper { display: flex; width: 100%; }

@media (max-width: 992px) {
  .topbar-nav .nav-wrapper .upgrade-button { display: none; }
}

.topbar-nav .nav-account-settings { margin-left: auto; }

@media (max-width: 992px) {
  .topbar-nav .nav-account-settings { width: 50%; }
}

.topbar-nav .nav-account-settings #js-user-journey { display: none; }

.topbar-nav .nav-logo { display: flex; align-items: center; }

.topbar-nav .nav-logo > a { white-space: nowrap; }

.topbar-nav .nav-account-settings { display: flex; justify-content: flex-end; }

.topbar-nav .nav-account-settings .nav-desktop { display: flex; }

@media (max-width: 1150px) {
  .topbar-nav .nav-account-settings .nav-desktop .triggerHelp, .topbar-nav .nav-account-settings .nav-desktop .button-upgrade { display: none; }
}

.topbar-nav .nav-account-settings .signed-in-container, .topbar-nav .nav-account-settings .signed-out-container { display: flex; align-items: center; }

@media (max-width: 992px) {
  .topbar-nav .nav-account-settings .signed-out-container .button { padding: 8px; }
}

.topbar-nav .nav-account-settings .signedOut { display: flex; align-items: center; }

.topbar-nav .nav-account-settings .nav-item { cursor: pointer; }

.topbar-nav .nav-account-settings .nav-item:not(.button-upgrade) { color: rgb(99, 107, 117); transition: 0.2s; }

.topbar-nav .nav-account-settings .nav-item:not(.button-upgrade) i { color: rgb(160, 171, 190); }

.topbar-nav .nav-account-settings .nav-item:not(.button-upgrade):hover { color: rgb(59, 140, 255); }

.topbar-nav .nav-account-settings-mobile .signed-out-container .signedOut { font-family: "Gordita Medium"; font-size: 1.125rem; width: 50%; }

.topbar-nav .nav-mobile { display: none; }

@media (max-width: 1150px) {
  .topbar-nav .nav-mobile { display: flex; width: 100%; }
  .topbar-nav .nav-mobile i.fal { color: rgb(53, 64, 81); font-size: 30px; }
  .topbar-nav .nav-account-settings, .topbar-nav .nav-logo { display: none; }
}

.topbar-nav .nav-user-settings { min-width: 160px; position: relative; text-align: left; }

.topbar-nav .nav-user-settings .userAccountWithoutArrow, .topbar-nav .nav-user-settings .user-image-container { display: inline-block; vertical-align: middle; max-width: 300px; overflow: hidden; }

.topbar-nav .nav-user-settings .user-image-container { background-color: rgba(0, 0, 0, 0); border-radius: 100%; cursor: pointer; height: 35px; position: relative; overflow: hidden; width: 35px; }

.topbar-nav .nav-user-settings .user-image-container .user-image { border-radius: 100%; background-position: center center; background-size: cover; height: 100%; position: relative; vertical-align: top; width: 100%; }

.topbar-nav .nav-user-settings .user-image-container .user-image.placeholder { border: 1px solid rgb(224, 230, 234); }

.topbar-nav .nav-user-settings .user-account-popover { background-color: rgb(255, 255, 255); border-radius: 3px; cursor: default; display: none; min-width: 200px; position: absolute; right: 0px; top: 48px; width: 100%; box-shadow: rgb(160, 171, 190) 0px 1px 4px 0px; }

.topbar-nav .nav-user-settings .user-account-popover .user-account { padding: 16px; text-align: center; }

.topbar-nav .nav-user-settings .user-account-popover .user-account .user-image-container { height: 45px; width: 45px; }

.topbar-nav .nav-user-settings .user-account-popover .user-account-details { line-height: 25px; }

.topbar-nav .nav-user-settings .user-account-popover .user-account-details .userAccountWithoutArrow { display: block; color: rgb(53, 64, 81); font-weight: bold; }

.topbar-nav .nav-user-settings .user-account-popover .user-account-details .member-since { color: rgb(123, 132, 144); font-size: 0.8rem; }

.topbar-nav .nav-user-settings .user-account-popover .user-menu { border-top: 1px solid rgb(190, 198, 202); border-radius: 0px 0px 3px 3px; display: block; color: rgb(99, 107, 117); transition: 0.2s; }

.topbar-nav .nav-user-settings .user-account-popover .user-sign-out { background-color: rgb(239, 242, 244); border-top: 1px solid rgb(190, 198, 202); border-radius: 0px 0px 3px 3px; color: rgb(59, 140, 255); display: block; text-align: center; transition: 0.2s; }

.topbar-nav .nav-user-settings .user-account-popover .user-sign-out:hover { background-color: rgb(224, 230, 234); }

.topbar-nav .nav-user-settings .user-account-popover.is-open { animation: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running fade-in-bottom; display: block; }

@media (max-width: 1150px) {
  .topbar-nav #nav-links-group { display: none; }
}

.topbar-nav .nav-links-group { padding: 0px; margin-top: 0px; margin-bottom: 0px; list-style: none; }

.topbar-nav .nav-links-group li { height: 100%; position: relative; margin: 0px 16px; }

.topbar-nav .nav-links-group li:not(.pricing-nav-tab):hover a { color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li a { transition: 0.2s; display: block; font-size: 16px; padding: 16px 0px; white-space: nowrap; color: rgb(85, 102, 125); font-family: "Gordita Medium"; }

.topbar-nav .nav-links-group li.active-link a { color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li.active-link a::before { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 3px; border-radius: 3px; background-color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li .pricing-nav-tab__button { display: flex; align-items: center; padding: 16px 0px; background: none; color: rgb(85, 102, 125); font-family: "Gordita Medium"; border: none; outline: none; cursor: pointer; }

.topbar-nav .nav-links-group li .pricing-nav-tab__button:hover { color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li .pricing-nav-tab__button i { margin-top: 3px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown { position: absolute; top: 78px; left: 16px; width: 820px; padding: 40px 64px 40px 32px; background-color: rgb(255, 255, 255); border: 1px solid rgb(224, 230, 234); border-radius: 3px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown .row::before, .topbar-nav .nav-links-group li .pricing-nav-tab__dropdown .row::after { display: inline-block; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-arrow { display: block; height: 20px; width: 20px; background-color: inherit; border: inherit; position: absolute; top: -10px; left: 40px; clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(135deg); border-radius: 3px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-close-icon { position: absolute; top: 16px; right: 16px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-link, .topbar-nav .nav-links-group li .pricing-nav-tab__view-all-link { display: inline-block; color: rgb(53, 64, 81); padding: 0px; cursor: pointer; margin-top: 16px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-link:hover, .topbar-nav .nav-links-group li .pricing-nav-tab__view-all-link:hover { color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-link:first-child, .topbar-nav .nav-links-group li .pricing-nav-tab__view-all-link:first-child { }

.topbar-nav .nav-links-group li .pricing-nav-tab__view-all-link { position: absolute; bottom: 0px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner { padding: 32px; background-color: rgb(242, 248, 254); border-radius: 3px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-subtitle { color: rgb(99, 107, 117); margin-bottom: 32px; }

.topbar-nav .nav-links-group--mobile { padding: 0px 30px; }

.topbar-nav .nav-links-group--mobile li { margin: 0px; }

.topbar-nav .nav-links-group--mobile li a, .topbar-nav .nav-links-group--mobile li a:link, .topbar-nav .nav-links-group--mobile li a:hover, .topbar-nav .nav-links-group--mobile li a:visited, .topbar-nav .nav-links-group--mobile li a:active { padding-left: 0px; padding-right: 0px; font-size: 20px; }

.topbar-nav .nav-links-group--mobile li a::before, .topbar-nav .nav-links-group--mobile li a:link::before, .topbar-nav .nav-links-group--mobile li a:hover::before, .topbar-nav .nav-links-group--mobile li a:visited::before, .topbar-nav .nav-links-group--mobile li a:active::before { bottom: 4px; }

.topbar-nav .nav-links-group--mobile li.active-link { display: inline-block; }

.slide-menu-container { display: none; position: fixed; top: 63px; left: 0px; width: 100%; height: 100%; z-index: 1035; }

.slide-menu-container nav { top: 0px; left: -100%; position: absolute; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 2; }

@media (max-width: 1112px) and (min-width: 414px) {
  .slide-menu-container nav { width: 100%; }
}

.slide-menu-container .nav-menu-divider { border-top: 1px solid rgb(224, 230, 234); margin: 32px 0px; }

.slide-menu-container .nav-account-settings-mobile .account-name, .slide-menu-container .nav-account-settings-mobile .sign-out-link { font-size: 20px; color: rgb(85, 102, 125); font-family: "Gordita Medium"; }

#static-home .topbar-nav { transition: background-color 0.2s; }

#static-home .topbar-nav:not(.is-scrolling) { background-color: rgba(0, 0, 0, 0); border-bottom: none; box-shadow: none; }

#static-home .topbar-nav:not(.is-scrolling) a.nav-link { color: rgb(255, 255, 255); }

#static-home .topbar-nav:not(.is-scrolling) .nav-mobile { color: rgb(255, 255, 255); }

#static-home .topbar-nav:not(.is-scrolling) .nav-logo { color: rgb(255, 255, 255); }

#static-home .topbar-nav:not(.is-scrolling) a.signUpTab { background-color: rgb(255, 255, 255); background-image: none; border: 2px solid rgba(0, 0, 0, 0); color: rgb(59, 140, 255); }

#static-home .topbar-nav:not(.is-scrolling) a.signUpTab:hover { color: rgb(59, 140, 255); }

#static-home .topbar-nav:not(.is-scrolling) a.signInTab { background-color: rgba(0, 0, 0, 0); border: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); }

#apps-wix_settings .topbar-nav, #mailchimp-connect .topbar-nav, #static-embed .topbar-nav { display: none; }

.step-badge { border-radius: 3px; width: 35px; height: 20px; background-color: rgb(248, 206, 212); text-align: center; }

@media (max-width: 992px) {
  .journey-title { white-space: nowrap; }
}

.journey-progress-bar { height: 6px; background-color: rgb(194, 222, 251); border-radius: 3px; cursor: pointer; }

.journey-progress-bar__completed { width: 0px; background-color: rgb(59, 140, 255); }

.journey-progress-bar .is-25 { width: 25%; }

.journey-progress-bar .is-33 { width: 33%; }

.journey-progress-bar .is-50 { width: 50%; }

.journey-progress-bar .is-66 { width: 66%; }

.journey-progress-bar .is-75 { width: 75%; }

.journey-progress-bar .is-99 { width: 99%; }

.journey-progress-bar .is-100 { width: 100%; }

.journey-tooltip { border-radius: 3px; box-shadow: rgba(160, 171, 190, 0.3) 0px 5px 10px; border: 1px solid rgb(224, 230, 234); background-color: rgb(255, 255, 255); width: 312px; }

@media (max-width: 762px) {
  .journey-tooltip { width: 218px; font-size: 0.8rem; }
}

.tooltip-controls { padding: 8px 8px 0px 16px; }

.tooltip-body { padding: 0px 16px 16px; }

.step-icon__is-checked { border-radius: 50%; background-color: rgb(219, 245, 224); color: rgb(54, 196, 81); padding: 3px; }

.step-icon__is-unchecked { color: rgb(224, 230, 234); font-size: 24px; }

.step-title__is-checked { color: rgb(160, 171, 190); text-decoration-line: line-through; }

.step-title__is-unchecked { color: rgb(53, 64, 81); cursor: pointer; }

.is-disabled { color: rgb(160, 171, 190); }

.chevron-icon { font-size: 14px; cursor: pointer; }

.chevron-icon__is-disabled { cursor: unset; color: rgb(160, 171, 190); }

.price-badge { border-radius: 3px; background-color: rgb(219, 245, 224); color: rgb(54, 196, 81); font-size: 0.7rem; vertical-align: middle; white-space: nowrap; }

@media (max-width: 762px) {
  .price-badge { width: 218px; font-size: 0.4rem; }
}

.back-button { font-size: 14px; color: rgb(102, 102, 102); }

.back-arrow { color: rgb(160, 171, 190); font-size: 16px; }

.optional-text { color: rgb(160, 171, 190); font-size: 12px; }

.sub-title { font-size: 14px; }

.secondary-text { color: rgb(160, 171, 190); font-size: 14px; }

.cursor-pointer { cursor: pointer; }

.progress-bar-container:hover { background-color: rgb(239, 242, 244); }

.topbar-nav-container { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; height: 64px; padding: 0px 1%; position: fixed; top: -64px; transition: top 0.3s; width: 100%; z-index: 1031; display: flex; justify-content: center; }

.topbar-nav-container .container { top: -64px; padding: 0px 15px; transition: top 0.3s; }

.topbar-nav-container .container .start-free-button { display: none; }

.topbar-nav-container .container .sign-up-btn, .topbar-nav-container .container .log-in-btn { font-weight: 500; font-size: 16px; line-height: 24px; font-family: Gordita; }

@media (max-width: 768px) {
  .topbar-nav-container .container .sign-up-btn, .topbar-nav-container .container .log-in-btn { font-size: 14px; }
}

.topbar-nav-container .container .sign-up-btn { background: rgb(59, 140, 255); border-radius: 5px; color: rgb(255, 255, 255); border: none; padding: 8px 22px; }

@media (max-width: 768px) {
  .topbar-nav-container .container .sign-up-btn { margin-right: 0px; }
}

.topbar-nav-container .container .log-in-btn { color: rgb(53, 64, 81); border: none; }

.topbar-nav-container.topbar-container .upgrade-button { display: none; }

.topbar-nav-container.topbar-container .account-button { display: none; }

.topbar-nav-container.topbar-container .start-free-button { display: block; }

#toast-container { position: fixed; width: 100%; bottom: 25px; display: flex; justify-content: center; z-index: 1031; }

#toast-container .url-link { color: rgb(59, 140, 255); text-decoration: underline; }

#toast-container .publish-success { font-size: 1.2rem; }

#toastify-container { z-index: 1031; }

.toastify { border-radius: 3px; max-width: 400px; padding: 8px 16px; text-align: center; width: 100%; z-index: 1; position: relative; }

.toastify a { text-decoration: underline; }

.toastify--primary { background-color: rgb(238, 245, 255); border: 1px solid rgb(59, 140, 255); color: rgb(53, 64, 81); }

.toastify--caution { background-color: rgb(255, 246, 214); border-top: 3px solid rgb(255, 208, 51); color: rgb(53, 64, 81); }

.toastify--failure { background-color: rgb(253, 245, 245); border-top: 3px solid rgb(224, 111, 111); color: rgb(215, 69, 69); }

.toastify--failure a { color: rgb(59, 140, 255); }

.toastify--success { background-color: rgb(219, 245, 224); border-top: 3px solid rgb(91, 210, 114); color: rgb(53, 64, 81); }

.toastify--unblock-feature { background-color: rgb(53, 64, 81); color: rgb(248, 249, 250); text-align: left; }

.toastify_with-icon > i { top: 20px; left: 15px; position: absolute; font-size: 32px; }

.toastify_with-icon > i.unblock-feature { color: rgb(149, 82, 223); }

.toastify_with-icon > div { padding: 10px 10px 10px 45px; font-size: 14px; }

.toastify-reset.Toastify__toast-container { padding: 0px; width: inherit; }

.toastify-reset.Toastify__toast--default { background: inherit; }

.toastify-reset .Toastify__toast { padding: 0px; background: rgba(0, 0, 0, 0); box-shadow: none; }

.toastify-reset .Toastify__close-button { position: absolute; color: rgb(255, 255, 255); top: 4px; right: 9px; z-index: 1; }

.toastify-popout.Toastify__toast-container { width: 100%; }

.Toastify__toast-container { z-index: 9999; transform: translate3d(0px, 0px, 9999px); position: fixed; padding: 4px; width: 320px; box-sizing: border-box; color: rgb(255, 255, 255); }

.Toastify__toast-container--top-left { top: 1em; left: 1em; }

.Toastify__toast-container--top-center { top: 1em; left: 50%; margin-left: -160px; }

.Toastify__toast-container--top-right { top: 1em; right: 1em; }

.Toastify__toast-container--bottom-left { bottom: 1em; left: 1em; }

.Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; margin-left: -160px; }

.Toastify__toast-container--bottom-right { bottom: 1em; right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container { width: 100vw; padding: 0px; left: 0px; margin: 0px; }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: 0px; }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: 0px; }
  .Toastify__toast-container--rtl { right: 0px; left: initial; }
}

.Toastify__toast { position: relative; min-height: 64px; box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px, rgba(0, 0, 0, 0.05) 0px 2px 15px 0px; display: flex; justify-content: space-between; max-height: 800px; overflow: hidden; font-family: sans-serif; cursor: pointer; direction: ltr; }

.Toastify__toast--rtl { direction: rtl; }

.Toastify__toast--default { background: rgb(255, 255, 255); color: rgb(170, 170, 170); }

.Toastify__toast--info { background: rgb(52, 152, 219); }

.Toastify__toast--success { background: rgb(7, 188, 12); }

.Toastify__toast--warning { background: rgb(241, 196, 15); }

.Toastify__toast--error { background: rgb(231, 76, 60); }

.Toastify__toast-body { margin: auto 0px; flex: 1 1 0%; }

@media only screen and (max-width: 480px) {
  .Toastify__toast { margin-bottom: 0px; }
}

.Toastify__close-button { color: rgb(255, 255, 255); font-weight: bold; font-size: 14px; background: rgba(0, 0, 0, 0); outline: none; border: none; padding: 0px; cursor: pointer; opacity: 0.7; transition: 0.3s; align-self: flex-start; }

.Toastify__close-button--default { color: rgb(0, 0, 0); opacity: 0.3; }

.Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; }

@keyframes Toastify__trackProgress { 
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}

.Toastify__progress-bar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 5px; z-index: 9999; opacity: 0.7; background-color: rgba(255, 255, 255, 0.7); transform-origin: left center; }

.Toastify__progress-bar--animated { animation: auto linear 0s 1 normal forwards running Toastify__trackProgress; }

.Toastify__progress-bar--controlled { transition: transform 0.2s; }

.Toastify__progress-bar--rtl { right: 0px; left: initial; transform-origin: right center; }

.Toastify__progress-bar--default { background: linear-gradient(to right, rgb(76, 217, 100), rgb(90, 200, 250), rgb(0, 122, 255), rgb(52, 170, 220), rgb(88, 86, 214), rgb(255, 45, 85)); }

@keyframes Toastify__bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes Toastify__bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

@keyframes Toastify__bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes Toastify__bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

@keyframes Toastify__bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

@keyframes Toastify__bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}

@keyframes Toastify__bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@keyframes Toastify__zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}

.Toastify__zoom-enter { animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit { animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn { 
  0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { transform: perspective(400px); }
}

@keyframes Toastify__flipOut { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}

.Toastify__flip-enter { animation-name: Toastify__flipIn; }

.Toastify__flip-exit { animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight { 
  0% { transform: translate3d(110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__slideInLeft { 
  0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__slideInUp { 
  0% { transform: translate3d(0px, 110%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__slideInDown { 
  0% { transform: translate3d(0px, -110%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__slideOutRight { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(110%, 0px, 0px); }
}

@keyframes Toastify__slideOutLeft { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(-110%, 0px, 0px); }
}

@keyframes Toastify__slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 500px, 0px); }
}

@keyframes Toastify__slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -500px, 0px); }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; }

.fade-entering { opacity: 0; transition: opacity 0.5s; }

.fade-entered { opacity: 1; transition: opacity 0.5s; }

.fade-exiting { opacity: 0; transition: opacity 0.5s; }

.fade-exited { opacity: 0; transition: opacity 0.5s; }

.notification-banner--review { background-color: rgb(255, 255, 255); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; width: 100%; }

.notification-banner__ratings { display: flex; color: rgb(59, 140, 255); justify-content: flex-start; flex-direction: column; float: left; }

.notification-banner__ratings .rate { padding: 8px; min-width: 45px; min-height: 45px; display: inline-block; border-radius: 5px; cursor: pointer; margin: 8px 8px 8px 0px; border: 2px solid; text-align: center; }

.notification-banner__ratings .rate:hover { border: 2px solid; }

.button-card { border: 1px solid rgba(0, 0, 0, 0); transition: 0.2s; background-color: rgb(255, 255, 255); }

.button-card:hover { box-shadow: rgba(56, 104, 216, 0.12) 0px 4px 20px 0px; }

.button-card__button { position: relative; z-index: 2; }

.flex-row .button-card, .text-with-button .button-card { margin-right: 20px; }

.flex-row .button-card:last-child, .text-with-button .button-card:last-child { margin-right: 0px; }

@font-face { font-family: powrconsv4; font-display: swap; src: url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.ttf?x949ix") format("truetype"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.woff?x949ix") format("woff"); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: powrconsv4 !important; }

.icon-imdb1::before { content: ""; }

.icon-strava::before { content: ""; }

.icon-telegram::before { content: ""; }

.icon-scrolltotop::before { content: ""; }

.icon-chat::before { content: ""; }

.icon-booking::before { content: ""; }

.icon-instagramfeed::before { content: ""; }

.icon-socialmediaicons::before { content: ""; }

.icon-notificationbar::before { content: ""; }

.icon-menu::before { content: ""; }

.icon-vegan::before { content: ""; }

.icon-jobboard::before { content: ""; }

.icon-businessbooster::before { content: ""; }

.icon-bloglovin::before { content: ""; }

.icon-aboutme::before { content: ""; }

.icon-angellist::before { content: ""; }

.icon-vimeogallery::before { content: ""; }

.icon-goodreads::before { content: ""; }

.icon-academia::before { content: ""; }

.icon-houzz::before { content: ""; }

.icon-paypalbutton::before { content: ""; }

.icon-celsius::before { content: ""; }

.icon-fahrenheit::before { content: ""; }

.icon-kelvin::before { content: ""; }

.icon-blogger::before { content: ""; }

.icon-plug::before { content: ""; }

.icon-yelp::before { content: ""; }

.icon-meetup::before { content: ""; }

.icon-01d::before { content: ""; }

.icon-o1n::before { content: ""; }

.icon-02d::before { content: ""; }

.icon-02n::before { content: ""; }

.icon-50n::before { content: ""; }

.icon-09n::before { content: ""; }

.icon-13n::before { content: ""; }

.icon-11n::before { content: ""; }

.icon-50d::before { content: ""; }

.icon-09d::before { content: ""; }

.icon-13d::before { content: ""; }

.icon-11d::before { content: ""; }

.icon-03d::before { content: ""; }

.icon-03n::before { content: ""; }

.icon-04d::before { content: ""; }

.icon-04n::before { content: ""; }

.icon-10d::before { content: ""; }

.icon-10n::before { content: ""; }

.icon-musicplayer::before { content: ""; }

.icon-logo::before { content: ""; }

.icon-helpscout-icon::before { content: ""; }

.icon-helpscout-icon2::before { content: ""; }

.icon-aboutus::before { content: ""; }

.icon-bannerslider::before { content: ""; }

.icon-button::before { content: ""; }

.icon-comments::before { content: ""; }

.icon-contactform::before { content: ""; }

.icon-countdowntimer::before { content: ""; }

.icon-countuptimer::before { content: ""; }

.icon-digitaldownload::before { content: ""; }

.icon-ecommerce::before { content: ""; }

.icon-eventgallery::before { content: ""; }

.icon-eventslider::before { content: ""; }

.icon-facebookfeed::before { content: ""; }

.icon-faq::before { content: ""; }

.icon-feed::before { content: ""; }

.icon-fileembed::before { content: ""; }

.icon-flickrgallery::before { content: ""; }

.icon-formbuilder::before { content: ""; }

.icon-gallery::before { content: ""; }

.icon-graph::before { content: ""; }

.icon-hitcounter::before { content: ""; }

.icon-holidaycountdown::before { content: ""; }

.icon-imageresizer::before { content: ""; }

.icon-imageslider::before { content: ""; }

.icon-imdb::before { content: ""; }

.icon-mailinglist::before { content: ""; }

.icon-map::before { content: ""; }

.icon-mediagallery::before { content: ""; }

.icon-microblog::before { content: ""; }

.icon-multislider::before { content: ""; }

.icon-orderform::before { content: ""; }

.icon-paypalbutton2::before { content: ""; }

.icon-photoeditor::before { content: ""; }

.icon-photofilter::before { content: ""; }

.icon-photogallery::before { content: ""; }

.icon-photowatermark::before { content: ""; }

.icon-pinterestfeed::before { content: ""; }

.icon-plancomparison::before { content: ""; }

.icon-poll::before { content: ""; }

.icon-popup::before, .icon-salespop::before { content: ""; }

.icon-pricetable::before { content: ""; }

.icon-resume::before { content: ""; }

.icon-reviews::before { content: ""; }

.icon-rssfeed::before { content: ""; }

.icon-slider::before { content: ""; }

.icon-socialfeed::before { content: ""; }

.icon-survey::before { content: ""; }

.icon-tabs::before { content: ""; }

.icon-telegram-small::before { content: ""; }

.icon-tumblrfeed::before { content: ""; }

.icon-twitterfeed::before { content: ""; }

.icon-videogallery::before { content: ""; }

.icon-videoslider::before { content: ""; }

.icon-views::before { content: ""; }

.icon-vimeogallery2::before { content: ""; }

.icon-lookbook::before { content: ""; }

.icon-bandcamp::before { content: ""; }

.icon-mosaichub::before { content: ""; }

.icon-flipboard::before { content: ""; }

.icon-delicious::before { content: ""; }

.icon-deviantart::before { content: ""; }

.icon-stumbleupon::before { content: ""; }

.icon-reverbnation::before { content: ""; }

.icon-itunes::before { content: ""; }

.icon-spotify::before { content: ""; }

.icon-myspace::before { content: ""; }

.icon-etsy::before { content: ""; }

.icon-crunchbase::before { content: ""; }

.icon-medium::before { content: ""; }

.icon-slideshare::before { content: ""; }

.icon-sketchfab::before { content: ""; }

.icon-teacherspayteachers::before { content: ""; }

.icon-linemessanger::before { content: ""; }

.icon-weather::before { content: ""; }

.icon-youtubegallery::before { content: ""; }

.icon-discord::before { font-family: "Font Awesome 6 Brands"; content: ""; }

.icon-patreon::before { font-family: "Font Awesome 6 Brands"; content: ""; }

.icon-fiverr::before { content: ""; display: inline-block; vertical-align: bottom; mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4Ij48cGF0aCBmaWxsPSdjdXJyZW50Q29sb3InIGQ9J00gMjUgMiBDIDEyLjMwOTI4OCAyIDIgMTIuMzA5Mjk3IDIgMjUgQyAyIDM3LjY5MDcwMyAxMi4zMDkyODggNDggMjUgNDggQyAzNy42OTA3MTIgNDggNDggMzcuNjkwNzAzIDQ4IDI1IEMgNDggMTIuMzA5Mjk3IDM3LjY5MDcxMiAyIDI1IDIgWiBNIDI1IDQgQyAzNi42MDk4MzMgNCA0NiAxMy4zOTAxNzUgNDYgMjUgQyA0NiAzNi42MDk4MjUgMzYuNjA5ODMzIDQ2IDI1IDQ2IEMgMTMuMzkwMTY3IDQ2IDQgMzYuNjA5ODI1IDQgMjUgQyA0IDEzLjM5MDE3NSAxMy4zOTAxNjcgNCAyNSA0IFogTSAyNi41IDExIEMgMjEuNTc5IDExIDE4LjQwOTEwOSAxNC4wMzcgMTguMDM3MTA5IDE5IEwgMTQgMTkgTCAxNCAyNSBMIDE4IDI1IEwgMTggMzYgTCAyNCAzNiBMIDI0IDI1IEwgMjggMjUgTCAyOCAzNiBMIDM0IDM2IEwgMzQgMTkgTCAyNC4wNjY0MDYgMTkgQyAyNC4zNjA0MDYgMTcuMDAxIDI1LjU3OSAxNyAyNi41IDE3IEwgMjkuMDMxMjUgMTcgTCAyOS4wMzEyNSAxMSBMIDI2LjUgMTEgeicvPjwvc3ZnPg==") center center / contain no-repeat; }

@font-face { font-family: "Gordita Black"; src: local("Gordita Black"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Black Italic"; src: local("Gordita Black Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Bold"; src: local("Gordita Bold"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Bold Italic"; src: local("Gordita Bold Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Light"; src: local("Gordita Light"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Light Italic"; src: local("Gordita Light Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Medium"; src: local("Gordita Medium"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Medium Italic"; src: local("Gordita Medium Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: Gordita; src: local("Gordita"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Italic"; src: local("Gordita Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Thin"; src: local("Gordita Thin"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Thin Italic"; src: local("Gordita Thin Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Ultra"; src: local("Gordita Ultra"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gordita Ultra Italic"; src: local("Gordita Ultra Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff2.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body, html { color: rgb(85, 102, 125); font-family: Gordita, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; position: relative; height: 100%; width: 100%; font-size: 100%; background: none; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .standard-tutorial__step::before, .h5, .h6 { font-family: "Gordita Bold", sans-serif; color: rgb(53, 64, 81); }

h1 { font-size: 2rem; }

@media (min-width: 768px) {
  h1 { font-size: 2.5rem; }
}

@media (min-width: 992px) {
  h1 { font-size: 3rem; }
}

h2 { font-size: 1.625rem; }

@media (min-width: 768px) {
  h2 { font-size: 2rem; }
}

@media (min-width: 992px) {
  h2 { font-size: 2.5rem; }
}

h3 { font-size: 1.325rem; }

@media (min-width: 768px) {
  h3 { font-size: 2rem; }
}

h4 { font-size: 1.125rem; }

@media (min-width: 768px) {
  h4 { font-size: 1.5rem; }
}

h5 { font-size: 1.1rem; }

@media (min-width: 768px) {
  h5 { font-size: 1.25rem; }
}

h6 { font-size: 1rem; }

p { color: rgb(85, 102, 125); line-height: 26px; font-size: 1rem; }

p, a, a:link, a:hover, a:visited, a:active { font-weight: 400; }

a, a:link, a:hover, a:visited, a:active { color: inherit; text-decoration: none; }

.section { padding: 32px 0px; }

.site-wrapper { min-height: 100%; padding-top: 60px; width: 100%; }

.site-wrapper .btn-danger, .site-wrapper .btn-success { color: rgb(255, 255, 255); }

#apps-settings .site-wrapper, #apps-wix_settings .site-wrapper, #apps-weebly_settings .site-wrapper { padding-top: 0px; }

#apps-wix_settings .site-wrapper { padding-top: 0px; }

.reseller-nav-hack .site-wrapper { padding-top: 100px; }

.reseller-nav-hack #appSettings .navContainer { top: 104px; }

.reseller-nav-hack #edit-topbar-container, .reseller-nav-hack .topbar-nav { top: 40px; }

.reseller-nav-hack .publish-uber-panel { padding-top: 140px; }

.reseller-nav-hack #product-navigation-bar-container { position: fixed; z-index: 99991; }

.reseller-nav-hack .sideBar.increase-sales-sidebar { padding-top: 104px; }

.reseller-nav-hack .powrDrilldown .powrDrilldownContent { height: calc(100% - 104px); top: 104px; }

.reseller-nav-hack .product-updates { top: 100px; }

.reseller-nav-hack .publish-topbar-container { top: 40px; }

.has-promo-banner .site-wrapper { padding-top: 114px; }

.has-promo-banner #appSettings .navContainer { top: 114px; }

.has-promo-banner #appSettings .sectionContainer .section { height: 95vh; }

.has-promo-banner #edit-topbar-container, .has-promo-banner .topbar-nav { top: 50px; }

.has-promo-banner #product-navigation-bar-container { position: fixed; z-index: 99991; }

.has-promo-banner .sideBar.increase-sales-sidebar { padding-top: 114px; }

.has-promo-banner .powrDrilldown .powrDrilldownContent { height: calc(100% - 114px); top: 114px; }

.has-promo-banner .product-updates { top: 110px; }

.has-promo-banner .get-started-modal-wrapper .topbar-nav { top: 0px; }

.has-promo-banner .powr-checkout-container { top: 100px; }

.has-promo-banner .pricing-usage .powr-checkout-container, .has-promo-banner .powr-checkout-container.powr-checkout-container--modal-mode { top: 0px; }

.has-promo-banner #appView .headerPositioning, .has-promo-banner #appView .powrNotificationBar { margin-top: 50px; }

@media screen and (max-width: 768px) {
  .has-promo-banner.increase-banner-height-on-mobile .site-wrapper { padding-top: 158px; }
  .has-promo-banner.increase-banner-height-on-mobile #appSettings .navContainer { top: 172px; }
  .has-promo-banner.increase-banner-height-on-mobile #edit-topbar-container, .has-promo-banner.increase-banner-height-on-mobile .topbar-nav { top: 108px; }
  .has-promo-banner.increase-banner-height-on-mobile .sideBar.increase-sales-sidebar { padding-top: 172px; }
  .has-promo-banner.increase-banner-height-on-mobile .powrDrilldown .powrDrilldownContent { height: calc(100% - 172px); top: 172px; }
  .has-promo-banner.increase-banner-height-on-mobile .product-updates { top: 168px; }
  .has-promo-banner.increase-banner-height-on-mobile .powr-checkout-container { top: 158px; }
  .has-promo-banner.increase-banner-height-on-mobile #appView { bottom: 108px; }
  .has-promo-banner.increase-banner-height-on-mobile #appView .headerPositioning, .has-promo-banner.increase-banner-height-on-mobile #appView .powrNotificationBar { margin-top: 108px; }
}

.has-promo-banner .lead-collection-dashboard > div { margin-top: 50px; }

@media (min-width: 768px) {
  .col-sm-15 { width: 20%; float: left; }
}

@media (min-width: 992px) {
  .col-md-15 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
  .col-lg-15 { width: 20%; float: left; }
}

@media (min-width: 768px) {
  .col-sm-19 { width: 11%; float: left; }
}

@media (min-width: 992px) {
  .col-md-19 { width: 11%; float: left; }
}

@media (min-width: 1200px) {
  .col-lg-19 { width: 11%; float: left; }
}

@media (max-width: 992px) {
  #appViewWrapper { padding: 10px !important; }
  #appViewWrapper #appView { margin: 0% !important; }
}

.promo-banner.valentines_day_2021 .cont_corazon { margin-top: -12px; width: 50px; height: 50px; transform: scale(0.15) translate(-120px, -60px); }

.promo-banner.valentines_day_2021 .cont_corazon > hr { width: 300px; }

.promo-banner.valentines_day_2021 #rect3810, .promo-banner.valentines_day_2021 #rect3802, .promo-banner.valentines_day_2021 #rect3826, .promo-banner.valentines_day_2021 #rect3806, .promo-banner.valentines_day_2021 #rect3820, .promo-banner.valentines_day_2021 #rect3818, .promo-banner.valentines_day_2021 #rect3822, .promo-banner.valentines_day_2021 #rect3824 { z-index: -5; position: relative; animation-name: mov_1; animation-duration: 200ms; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.promo-banner.valentines_day_2021 #rect3808, .promo-banner.valentines_day_2021 #rect3828, .promo-banner.valentines_day_2021 #rect3812, .promo-banner.valentines_day_2021 #rect3814 { position: relative; animation-name: mov_1; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in; }

.promo-banner.valentines_day_2021 #rect3804 { z-index: -5; position: relative; }

@-webkit-keyframes mov_1 { 
  0% { opacity: 1; transform: translate(4px, -1px); }
  100% { transform: translate(-5px, -1px); opacity: 0; }
}

@keyframes mov_1 { 
  0% { opacity: 1; transform: translate(4px, -1px); }
  100% { transform: translate(-5px, -1px); opacity: 0; }
}

@-webkit-keyframes mov_2 { 
  0% { opacity: 1; transform: translate(-4px, -1px); }
  100% { transform: translate(-8px, -1px); }
}

@keyframes mov_2 { 
  0% { opacity: 1; transform: translate(-4px, -1px); }
  100% { transform: translate(-8px, -1px); }
}

.promo-banner.valentines_day_2021 svg { position: relative; animation-name: mov_heart; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; }

@-webkit-keyframes mov_heart { 
  0% { transform: translate(0px, 10px); }
  50% { transform: translate(0px, 0px); }
  100% { transform: translate(0px, 10px); }
}

@keyframes mov_heart { 
  0% { transform: translate(0px, 10px); }
  50% { transform: translate(0px, 0px); }
  100% { transform: translate(0px, 10px); }
}

.row.no-pad { margin-right: 0px; margin-left: 0px; }

.row.no-pad > [class*="col-"] { padding-right: 0px; padding-left: 0px; }

.clearfix { clear: both; }

.cursor-pointer { cursor: pointer; }

.dropdown-component__label { color: rgb(53, 64, 81); font-size: 1rem; font-weight: bold; }

.list-reset, .app-market-nav__list, .open-account-menu .account-menu-list, .plugins-card__card-menu .links-container ul { list-style: none; padding: 0px; margin: 0px; }

.text-transform-capitalize { text-transform: capitalize; }

.text-transform-uppercase { text-transform: uppercase; }

.upper-first-key::first-letter { text-transform: uppercase; }

.text-transform-capitalize-first-letter::first-letter { text-transform: uppercase; }

button.text-underline, a.text-underline, .text-underline { text-decoration: underline; }

.font-normal { font-weight: normal; }

.font-regular { font-family: Gordita, sans-serif; }

.font-medium { font-family: "Gordita Medium", sans-serif; }

.font-bold { font-weight: bold; }

.bold-font { font-family: "Gordita Bold", sans-serif; }

.font-italic { font-style: italic; }

.upgrade { color: rgb(117, 96, 223); }

.primary { color: rgb(59, 140, 255); }

.danger-text { color: rgb(235, 130, 129); }

.paragraph-text { color: rgb(85, 102, 125); }

.color7 { color: rgb(53, 64, 81); }

.color8 { color: rgb(160, 171, 190); }

.color10 { color: rgb(117, 96, 223); }

.color12-500 { color: rgb(253, 90, 71); }

.color-14 { color: rgb(0, 176, 125); }

.color-2 { color: rgb(255, 255, 255); }

.f1 { font-size: 2rem; }

.f2 { font-size: 1.5rem; }

.f3 { font-size: 1.125rem; }

.f4 { font-size: 1rem; }

.f5 { font-size: 0.875rem; }

.f6 { font-size: 0.75rem; }

.weight500 { font-weight: 500; }

.weight700 { font-weight: 700; }

.has-shadow, .notification-toast, .product-updates, .toastify { box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; }

.has-shadow-dark { box-shadow: rgb(160, 171, 190) 0px 1px 4px 0px; }

.has-bottom-shadow { box-shadow: rgba(85, 102, 125, 0.3) 0px 10px 10px -10px; }

.position-relative { position: relative; }

.vertical-align-parent { font-size: 0px; position: relative; }

.align-text-bottom { vertical-align: text-bottom; }

.vertical-align { display: inline-block; float: none; font-size: 1rem; vertical-align: middle; }

.flex-row, .text-with-button { display: flex; }

.flex-column { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.flex-wrap { flex-wrap: wrap; }

.flex-center { display: flex; justify-content: center; align-items: center; }

.flex-grow { flex-grow: 1; }

.align-items-center { align-items: center; }

.align-items-end { align-items: flex-end; }

.justify-content-start { justify-content: flex-start; }

.justify-content-space-evenly { justify-content: space-evenly; }

.justify-content-between { justify-content: space-between; }

.justify-content-center { justify-content: center; }

.justify-content-end { justify-content: flex-end; }

.align-items-stretch { align-items: stretch; }

.align-items-stretch { align-items: stretch; }

.align-items-start { -webkit-box-align: start; align-items: start; }

.align-items-end { align-items: flex-end; }

.align-self-start { align-self: flex-start; }

.align-self-end { align-self: flex-end; }

.align-self-center { align-self: center; }

.align-self-stretch { align-self: stretch; }

.align-items-baseline { align-items: baseline; }

.flex-1 { flex: 1 1 0%; }

.flex-3 { flex: 3 1 0%; }

.flex-4 { flex: 4 1 0%; }

.flex-5 { flex: 5 1 0%; }

.border-none { border: none; }

.border-bottom-light { border-bottom: 1px solid rgb(224, 230, 234); }

.border-light { border: 1px solid rgb(224, 230, 234); }

.button-default, .button-l, .button, .button-s, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more { border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; cursor: pointer; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; transition: 0.1s; }

.button-l { font-size: 1.25rem; padding: 8px 32px; }

.button { font-size: 1rem; padding: 8px 16px; }

.button .fa { margin-right: 8px; }

.button-s, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more { font-size: 0.875rem; padding: 4px 8px; }

.button--small { font-size: 0.875rem; font-family: "Gordita Medium", sans-serif; }

.button-full-width, .details-view-header__app-cta > button { width: 100%; }

a.button-primary-outline, .button-primary-outline, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more { background-color: rgba(0, 0, 0, 0); border-color: rgb(59, 140, 255); color: rgb(59, 140, 255); }

a.button-primary-outline:focus, .button-primary-outline:focus, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more:focus { outline: none; }

a.button-primary-outline:hover, .button-primary-outline:hover, .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more:hover { background-color: rgba(59, 140, 255, 0.075); border-color: rgb(8, 110, 255); color: rgb(8, 110, 255); }

a.button-primary-outline.is-disabled, .button-primary-outline.is-disabled, .topbar-nav .nav-links-group li .is-disabled.pricing-nav-tab__business-banner-learn-more { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-upgrade-outline, .button-upgrade-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(117, 96, 223); color: rgb(117, 96, 223); }

a.button-upgrade-outline:focus, .button-upgrade-outline:focus { outline: none; }

a.button-upgrade-outline:hover, .button-upgrade-outline:hover { background-color: rgba(117, 96, 223, 0.075); border-color: rgb(80, 54, 214); color: rgb(80, 54, 214); }

a.button-upgrade-outline.is-disabled, .button-upgrade-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-success-outline, .button-success-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(54, 196, 81); color: rgb(54, 196, 81); }

a.button-success-outline:focus, .button-success-outline:focus { outline: none; }

a.button-success-outline:hover, .button-success-outline:hover { background-color: rgba(54, 196, 81, 0.075); border-color: rgb(43, 156, 64); color: rgb(43, 156, 64); }

a.button-success-outline.is-disabled, .button-success-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-failure-outline, .button-failure-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(235, 130, 129); color: rgb(235, 130, 129); }

a.button-failure-outline:focus, .button-failure-outline:focus { outline: none; }

a.button-failure-outline:hover, .button-failure-outline:hover { background-color: rgba(235, 130, 129, 0.075); border-color: rgb(228, 86, 85); color: rgb(228, 86, 85); }

a.button-failure-outline.is-disabled, .button-failure-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-caution-outline, .button-caution-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(255, 212, 128); color: rgb(255, 212, 128); }

a.button-caution-outline:focus, .button-caution-outline:focus { outline: none; }

a.button-caution-outline:hover, .button-caution-outline:hover { background-color: rgba(255, 212, 128, 0.075); border-color: rgb(255, 195, 77); color: rgb(255, 195, 77); }

a.button-caution-outline.is-disabled, .button-caution-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-white-outline, .button-white-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }

a.button-white-outline:focus, .button-white-outline:focus { outline: none; }

a.button-white-outline:hover, .button-white-outline:hover { background-color: rgba(255, 255, 255, 0.075); border-color: rgb(230, 230, 230); color: rgb(230, 230, 230); }

a.button-white-outline.is-disabled, .button-white-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-secondary-outline, .button-secondary-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(190, 198, 202); color: rgb(59, 140, 255); }

a.button-secondary-outline:focus, .button-secondary-outline:focus { outline: none; }

a.button-secondary-outline:hover, .button-secondary-outline:hover { background-color: rgba(190, 198, 202, 0.075); border-color: rgb(162, 173, 179); color: rgb(162, 173, 179); }

a.button-secondary-outline.is-disabled, .button-secondary-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-secondary-outline:hover, .button-secondary-outline:hover { color: rgb(8, 110, 255); }

a.button-paragraph-outline, .button-paragraph-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(190, 198, 202); color: rgb(85, 102, 125); }

a.button-paragraph-outline:focus, .button-paragraph-outline:focus { outline: none; }

a.button-paragraph-outline:hover, .button-paragraph-outline:hover { background-color: rgba(190, 198, 202, 0.075); border-color: rgb(162, 173, 179); color: rgb(162, 173, 179); }

a.button-paragraph-outline.is-disabled, .button-paragraph-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-paragraph-outline:hover, .button-paragraph-outline:hover { color: rgb(8, 110, 255); }

a.button-primary, a:link.button-primary, .button-primary { background-color: rgb(59, 140, 255); border-color: rgb(59, 140, 255); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-primary:focus, a:link.button-primary:focus, .button-primary:focus { outline: none; }

a.button-primary:hover, a:link.button-primary:hover, .button-primary:hover { background: rgb(79, 152, 255); }

a.button-primary:active, a:link.button-primary:active, .button-primary:active { background: rgb(8, 110, 255); }

a.button-primary.is-disabled, a:link.button-primary.is-disabled, .button-primary.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-primary.is-disabled-with-color, a:link.button-primary.is-disabled-with-color, .button-primary.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-secondary, a:link.button-secondary, .button-secondary { background-color: rgb(53, 64, 81); border-color: rgb(53, 64, 81); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-secondary:focus, a:link.button-secondary:focus, .button-secondary:focus { outline: none; }

a.button-secondary:hover, a:link.button-secondary:hover, .button-secondary:hover { background: rgb(61, 74, 93); }

a.button-secondary:active, a:link.button-secondary:active, .button-secondary:active { background: rgb(33, 40, 50); }

a.button-secondary.is-disabled, a:link.button-secondary.is-disabled, .button-secondary.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-secondary.is-disabled-with-color, a:link.button-secondary.is-disabled-with-color, .button-secondary.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-dark, .button-dark { background-color: rgb(53, 64, 81); border-color: rgb(53, 64, 81); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-dark:focus, .button-dark:focus { outline: none; }

a.button-dark:hover, .button-dark:hover { background: rgb(61, 74, 93); }

a.button-dark:active, .button-dark:active { background: rgb(33, 40, 50); }

a.button-dark.is-disabled, .button-dark.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-dark.is-disabled-with-color, .button-dark.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-dark-outline, .button-dark-outline { background-color: rgba(0, 0, 0, 0); border-color: rgb(85, 102, 125); color: rgb(85, 102, 125); }

a.button-dark-outline:focus, .button-dark-outline:focus { outline: none; }

a.button-dark-outline:hover, .button-dark-outline:hover { background-color: rgba(85, 102, 125, 0.075); border-color: rgb(64, 77, 95); color: rgb(64, 77, 95); }

a.button-dark-outline.is-disabled, .button-dark-outline.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-upgrade, a:link.button-upgrade, .button-upgrade { background-color: rgb(117, 96, 223); border-color: rgb(117, 96, 223); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-upgrade:focus, a:link.button-upgrade:focus, .button-upgrade:focus { outline: none; }

a.button-upgrade:hover, a:link.button-upgrade:hover, .button-upgrade:hover { background: rgb(132, 113, 226); }

a.button-upgrade:active, a:link.button-upgrade:active, .button-upgrade:active { background: rgb(80, 54, 214); }

a.button-upgrade.is-disabled, a:link.button-upgrade.is-disabled, .button-upgrade.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-upgrade.is-disabled-with-color, a:link.button-upgrade.is-disabled-with-color, .button-upgrade.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-success, a:link.button-success, .button-success { background-color: rgb(54, 196, 81); border-color: rgb(54, 196, 81); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-success:focus, a:link.button-success:focus, .button-success:focus { outline: none; }

a.button-success:hover, a:link.button-success:hover, .button-success:hover { background: rgb(67, 203, 93); }

a.button-success:active, a:link.button-success:active, .button-success:active { background: rgb(43, 156, 64); }

a.button-success.is-disabled, a:link.button-success.is-disabled, .button-success.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-success.is-disabled-with-color, a:link.button-success.is-disabled-with-color, .button-success.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-failure, a:link.button-failure, .button-failure { background-color: rgb(235, 130, 129); border-color: rgb(235, 130, 129); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-failure:focus, a:link.button-failure:focus, .button-failure:focus { outline: none; }

a.button-failure:hover, a:link.button-failure:hover, .button-failure:hover { background: rgb(238, 147, 147); }

a.button-failure:active, a:link.button-failure:active, .button-failure:active { background: rgb(228, 86, 85); }

a.button-failure.is-disabled, a:link.button-failure.is-disabled, .button-failure.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-failure.is-disabled-with-color, a:link.button-failure.is-disabled-with-color, .button-failure.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-caution, a:link.button-caution, .button-caution { background-color: rgb(255, 212, 128); border-color: rgb(255, 212, 128); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-caution:focus, a:link.button-caution:focus, .button-caution:focus { outline: none; }

a.button-caution:hover, a:link.button-caution:hover, .button-caution:hover { background: rgb(255, 219, 148); }

a.button-caution:active, a:link.button-caution:active, .button-caution:active { background: rgb(255, 195, 77); }

a.button-caution.is-disabled, a:link.button-caution.is-disabled, .button-caution.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-caution.is-disabled-with-color, a:link.button-caution.is-disabled-with-color, .button-caution.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-facebook, .button-facebook { background-color: rgb(76, 102, 164); border-color: rgb(76, 102, 164); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-facebook:focus, .button-facebook:focus { outline: none; }

a.button-facebook:hover, .button-facebook:hover { background: rgb(84, 111, 176); }

a.button-facebook:active, .button-facebook:active { background: rgb(60, 80, 129); }

a.button-facebook.is-disabled, .button-facebook.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-facebook.is-disabled-with-color, .button-facebook.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-google, .button-google { background-color: rgb(249, 1, 1); border-color: rgb(249, 1, 1); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-google:focus, .button-google:focus { outline: none; }

a.button-google:hover, .button-google:hover { background: rgb(254, 16, 16); }

a.button-google:active, .button-google:active { background: rgb(198, 1, 1); }

a.button-google.is-disabled, .button-google.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-google.is-disabled-with-color, .button-google.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-yahoo, .button-yahoo { background-color: rgb(123, 0, 153); border-color: rgb(123, 0, 153); color: rgb(255, 255, 255); transition: background 0.2s; }

a.button-yahoo:focus, .button-yahoo:focus { outline: none; }

a.button-yahoo:hover, .button-yahoo:hover { background: rgb(139, 0, 173); }

a.button-yahoo:active, .button-yahoo:active { background: rgb(82, 0, 102); }

a.button-yahoo.is-disabled, .button-yahoo.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-yahoo.is-disabled-with-color, .button-yahoo.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-disabled, .button-disabled { transition: background 0.2s; color: rgb(160, 171, 190); background-color: rgb(204, 213, 226); border: none; }

a.button-disabled:focus, .button-disabled:focus { outline: none; }

a.button-disabled:hover, .button-disabled:hover { background: rgb(172, 182, 198); }

a.button-disabled:active, .button-disabled:active { background: rgb(130, 144, 169); }

a.button-disabled.is-disabled, .button-disabled.is-disabled { background-color: rgb(160, 171, 190); border-color: rgb(160, 171, 190); color: rgb(255, 255, 255); opacity: 0.4; cursor: not-allowed; }

a.button-disabled.is-disabled-with-color, .button-disabled.is-disabled-with-color { opacity: 0.4; cursor: not-allowed; }

a.button-upgrade-gradient { background: linear-gradient(to right, rgb(80, 54, 214), rgb(200, 109, 215)); border-color: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); }

a.button-info, .button-info { background: linear-gradient(161.04deg, rgb(96, 179, 253) 26.97%, rgb(170, 116, 229) 132.65%, rgb(59, 140, 255) 186.86%); color: rgb(255, 255, 255); border: none; }

.button-icon-animation { position: relative; padding-left: 36px; }

.button-icon-animation i { position: absolute; left: 12px; top: 53%; transform: translateY(-50%); transition: 0.2s linear; font-size: 1rem; }

.button-icon-animation--zoom:hover i { left: 9px; font-size: 1.5rem; }

.button-icon-animation--rotate { transform: rotate(0deg); }

.button-icon-animation--rotate:hover i { top: 12px; transform: rotate(72deg); }

.colored-icon.color2 { color: rgb(255, 255, 255); }

.colored-icon.color10 { color: rgb(117, 96, 223); }

.colored-icon.color12-500 { color: rgb(253, 90, 71); }

.colored-icon.color11-300 { color: rgb(255, 195, 75); }

a.link, .link, .standard-tutorial__step_show_me { background-color: rgba(0, 0, 0, 0); border: none; color: rgb(59, 140, 255); cursor: pointer; outline: none; padding: 4px; text-decoration: none; font-family: "Gordita Medium", sans-serif; font-size: 14px; transition: color 0.2s linear; }

a.link:hover, .link:hover, .standard-tutorial__step_show_me:hover { color: rgb(53, 72, 184); }

a.link-underline, .link-underline { text-decoration: underline; }

a.link-white, .link-white { color: rgb(255, 255, 255); }

a.link-nostyle, .link-nostyle { background: none; color: inherit; border: none; padding: 0px; font: inherit; cursor: pointer; outline: none; }

a.link-nostyle--blue, .link-nostyle--blue { color: rgb(59, 140, 255); }

.currency-component__input-group { display: flex; border: 1px solid rgb(190, 198, 202); background-color: rgb(255, 255, 255); border-radius: 4px; padding: 8px; transition: 0.2s; }

.currency-component__input-group.is-focused { outline: none; border-color: rgb(59, 140, 255); }

.currency-component__input { border: none; box-shadow: none; color: rgb(53, 64, 81); font-weight: 300; font-size: 1rem; padding: 0px; width: 100%; transform: scale(1); }

.currency-component__input:focus { box-shadow: none; outline: none; }

.currency-component__icon { font-weight: 300; font-size: 1rem; color: rgb(53, 64, 81); }

.text-component__label { color: rgb(53, 64, 81); display: block; font-size: 1rem; font-weight: bold; margin-bottom: 8px; }

.text-component__label__hint { color: rgb(160, 171, 190); font-size: 14px; margin-bottom: 8px; }

.text-component__input, .text-component__textarea, .text-component__select { border: 1px solid rgb(190, 198, 202); border-radius: 4px; box-shadow: none; color: rgb(53, 64, 81); font-weight: 300; font-size: 1rem; padding: 8px; width: 100%; transition: 0.2s; transform: scale(1); }

.text-component__input:focus, .text-component__textarea:focus, .text-component__select:focus { box-shadow: none; outline: none; border-color: rgb(59, 140, 255); }

.text-component__input--border-caution, .text-component__textarea--border-caution, .text-component__select--border-caution { border: 1px solid rgb(255, 212, 128); }

.text-component__textarea { min-height: 50px; }

.text-component__message { font-size: 0.875rem; }

.text-component select.text-component__input { height: 40px; }

.text-component ::-webkit-input-placeholder { opacity: 0.7; }

.text-component--failure .text-component__input, .text-component--failure .text-component__textarea, .text-component--failure .text-component__select { border: 1px solid rgb(235, 130, 129); }

.text-component--failure .text-component__message { color: rgb(235, 130, 129); }

.text-component--caution.text-component__input, .text-component--caution.text-component__textarea { border: 1px solid rgb(255, 212, 128); }

.text-component--caution .text-component__message { color: rgb(53, 64, 81); }

.text-component--caution .text-component__icon { color: rgb(255, 212, 128); }

.text-component--small .text-component__textarea { height: 100px; }

.text-component--no-resize .text-component__textarea { resize: none; }

.non-editable, .embed-code textarea { background: rgb(228, 243, 255); border: 1px solid rgb(190, 198, 202); border-radius: 4px; }

.non-editable--url { color: rgb(53, 64, 81); }

.non-editable--code, .embed-code textarea { resize: none; font-family: Monaco, monospace; color: rgb(85, 102, 125); font-size: 0.875rem; text-align: center; }

.text-with-button button, .text-with-button .button { margin-left: -4px; }

.non-editable, .embed-code textarea { background: rgb(228, 243, 255); border: 1px solid rgb(190, 198, 202); border-radius: 4px; }

.non-editable--url { color: rgb(53, 64, 81); }

.non-editable--code, .embed-code textarea { resize: none; font-family: Monaco, monospace; color: rgb(85, 102, 125); font-size: 0.875rem; text-align: center; }

.dropdown-component__select { background-color: rgb(255, 255, 255); border: 1px solid rgb(190, 198, 202); border-radius: 4px; box-shadow: none; color: rgb(53, 64, 81); font-weight: 300; font-size: 1rem; height: 36px; padding: 8px; width: 100%; transition: 0.2s; transform: scale(1); }

.dropdown-component__select:focus { border-color: rgb(136, 185, 255); box-shadow: none; outline: none; }

.tab-component-controls-list { border-bottom: 2px solid rgb(190, 198, 202); list-style-type: none; margin: 16px 0px; padding: 0px; }

.tab-component-controls-list__item { display: inline-block; position: relative; text-align: center; }

.tab-component-controls-list__item.active a.tab-component-controls-list__link { color: rgb(59, 140, 255); }

.tab-component-controls-list__item.active::after { background-color: rgb(59, 140, 255); content: ""; height: 2px; left: 0px; position: absolute; bottom: -2px; width: 100%; }

.tab-component-controls-list__link { background-color: rgba(0, 0, 0, 0); border: none; color: rgb(85, 102, 125); cursor: pointer; display: inline-block; min-width: 75px; padding: 8px 16px; }

.tab-component-controls-list__link.link-gap { padding: 8px 11px; }

.tab-component-controls-list a.tab-component-controls-list__link { color: rgb(85, 102, 125); }

.tab-component__pane { padding: 32px 0px; }

.modal__title { text-align: center; }

.modal__close { border: none; color: rgb(160, 171, 190); cursor: pointer; font-size: 1.25rem; font-weight: bold; opacity: 0.5; position: absolute; right: 15px; top: 10px; appearance: none; }

.modal__close:hover { opacity: 1; }

button.modal__close { background: rgba(0, 0, 0, 0); }

.circled-close, .fal.publish-uber-panel__close, .fal.upsell-success__close { font-size: 1.5rem; cursor: pointer; color: rgb(59, 140, 255); background-color: rgb(239, 242, 244); border-radius: 100%; width: 45px; height: 45px; z-index: 1; display: flex; align-items: center; justify-content: center; transition: 0.4s; }

.circled-close:hover, .fal.publish-uber-panel__close:hover, .fal.upsell-success__close:hover { transform: scale(1.1); }

.modal__content { background-clip: padding-box; background-color: rgb(255, 255, 255); border: none; border-radius: 4px; box-shadow: rgba(53, 64, 81, 0.2) 0px 0px 5px 2px; outline: 0px; padding: 32px; position: relative; }

.modal__body { text-align: center; }

.modal__footer { margin-top: 32px; text-align: center; }

.modal-backdrop { background-color: rgba(53, 64, 81, 0.8); z-index: 9999; }

.editor-simulator { background-color: rgb(239, 242, 244); height: 500px; width: 400px; }

.card { background-color: rgb(255, 255, 255); border-radius: 4px; padding: 16px; position: relative; min-height: 100px; transition: 0.2s; }

.card.has-shadow, .card.notification-toast, .card.product-updates, .card.toastify { border: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; }

.card--shadow { border: 1px solid rgb(224, 230, 234); box-shadow: rgba(85, 102, 125, 0.3) 0px 10px 10px -10px; }

.notification-banner { border-radius: 4px; box-shadow: rgb(160, 171, 190) 0px 2px 5px -1px; margin: 16px 0px; padding: 16px; width: 100%; }

.notification-banner--primary { background-color: rgb(238, 245, 255); border-top: 3px solid rgb(59, 140, 255); color: rgb(53, 64, 81); }

.notification-banner--caution { background-color: rgb(255, 245, 224); border-top: 3px solid rgb(255, 212, 128); color: rgb(53, 64, 81); }

.notification-banner--caution a { color: rgb(59, 140, 255); }

.notification-banner--failure { background-color: rgb(255, 238, 240); border-top: 3px solid rgb(235, 130, 129); color: rgb(235, 130, 129); }

.notification-banner--failure a { color: rgb(59, 140, 255); }

.notification-banner--success { background-color: rgb(219, 245, 224); border-top: 3px solid rgb(91, 210, 114); color: rgb(53, 64, 81); }

.notification-banner--upgrade { background-color: rgb(228, 223, 249); border-top: 3px solid rgb(135, 117, 227); }

.notification-banner--upgrade-secondary { background-color: rgb(248, 249, 250); border-top: 3px solid rgb(135, 117, 227); }

.notification-banner--upgrade-secondary i { color: rgb(135, 117, 227); }

.notification-banner .close { position: relative; z-index: 1; }

.notification-banner .actionBtn { color: rgb(59, 140, 255); margin-top: 12px; display: inline-block; }

.notification-banner .actionBtn:hover { cursor: pointer; }

.notification-banner-close { position: absolute; top: 8px; right: 10px; cursor: pointer; color: rgb(160, 171, 190); }

.notification-banner_expanded { position: relative; }

.notification-banner_expanded > i { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 32px; }

.notification-banner_expanded > div { padding: 10px 0px 0px 45px; line-height: 1.5; font-size: 14px; }

.notification-toast { border-radius: 4px; margin: 16px auto; max-width: 400px; padding: 8px 16px; text-align: center; width: 100%; }

.notification-toast--primary { background-color: rgb(238, 245, 255); border: 1px solid rgb(59, 140, 255); color: rgb(53, 64, 81); }

.notification-toast--caution { background-color: rgb(255, 255, 255); border-top: 3px solid rgb(255, 229, 179); color: rgb(53, 64, 81); }

.notification-toast--failure { background-color: rgb(255, 255, 255); border-top: 3px solid rgb(242, 174, 173); color: rgb(235, 130, 129); }

.notification-toast--failure a { color: rgb(59, 140, 255); }

.notification-toast--success { background-color: rgb(219, 245, 224); border-top: 3px solid rgb(91, 210, 114); color: rgb(53, 64, 81); }

.product-caution-banner { z-index: 1030; position: fixed; top: 0px; padding-top: 11px; }

.promo-banner { align-items: stretch; background-color: blue; box-sizing: border-box; display: flex; height: 50px; padding: 8px; width: 100%; z-index: 1030; top: 0px; cursor: pointer; }

.promo-banner.increase-height-on-mobile { height: 108px; }

@media only screen and (max-width: 833px) {
  .promo-banner__timer, .promo-banner__sale-ends { display: none; }
}

@media only screen and (max-width: 543px) {
  .promo-banner__title { font-size: 0.75rem; }
}

.promo-banner.shopify-banner { position: relative; margin-top: 32px; margin-bottom: 32px; border-radius: 4px; height: 60px !important; }

.promo-banner.banner-position { position: fixed; }

.promo-banner.is-primary { background-color: rgb(59, 140, 255); }

.promo-banner.is-primary .promo-banner__title, .promo-banner.is-primary .promo-banner__message, .promo-banner.is-primary .promo-banner__sale-ends, .promo-banner.is-primary .promo-banner__timer, .promo-banner.is-primary .promo-banner__link, .promo-banner.is-primary .promo-banner__close { color: rgb(255, 255, 255); }

.promo-banner.is-secondary { background-color: rgb(238, 245, 255); }

.promo-banner.is-secondary .promo-banner__title, .promo-banner.is-secondary .promo-banner__message, .promo-banner.is-secondary .promo-banner__sale-ends, .promo-banner.is-secondary .promo-banner__timer, .promo-banner.is-secondary .promo-banner__link, .promo-banner.is-secondary .promo-banner__close { color: rgb(53, 64, 81); }

.promo-banner.is-gray { background-color: rgb(53, 64, 81); }

.promo-banner.is-gray .promo-banner__title, .promo-banner.is-gray .promo-banner__message, .promo-banner.is-gray .promo-banner__sale-ends, .promo-banner.is-gray .promo-banner__timer, .promo-banner.is-gray .promo-banner__link, .promo-banner.is-gray .promo-banner__close { color: rgb(255, 255, 255); }

.promo-banner.is-gray .promo-banner__title { font-family: Gordita, sans-serif; }

@media only screen and (max-width: 543px) {
  .promo-banner .new-timer { margin-top: 16px; }
}

.promo-banner.black-friday .promo-banner__title, .promo-banner.black-friday .promo-banner__message, .promo-banner.black-friday .promo-banner__sale-ends, .promo-banner.black-friday .promo-banner__timer, .promo-banner.cyber-week .promo-banner__title, .promo-banner.cyber-week .promo-banner__message, .promo-banner.cyber-week .promo-banner__sale-ends, .promo-banner.cyber-week .promo-banner__timer { font-size: 20px; font-family: "Gordita Bold", sans-serif; }

@media only screen and (max-width: 543px) {
  .promo-banner.black-friday .promo-banner__title, .promo-banner.black-friday .promo-banner__message, .promo-banner.black-friday .promo-banner__sale-ends, .promo-banner.black-friday .promo-banner__timer, .promo-banner.cyber-week .promo-banner__title, .promo-banner.cyber-week .promo-banner__message, .promo-banner.cyber-week .promo-banner__sale-ends, .promo-banner.cyber-week .promo-banner__timer { font-size: 0.75rem; }
}

.promo-banner.black-friday .promo-banner__img, .promo-banner.cyber-week .promo-banner__img { height: 50px; width: 100px; }

@media only screen and (max-width: 543px) {
  .promo-banner.black-friday .promo-banner__img, .promo-banner.cyber-week .promo-banner__img { background-image: url("https://www.powrcdn.com/images/svgs/promo/bags.svg"); }
}

.promo-banner.black-friday .promo-banner__img { background-image: url("https://www.powrcdn.com/images/svgs/promo/cat-bag.svg"); }

.promo-banner.cyber-week .promo-banner__img { background-image: url("https://www.powrcdn.com/images/svgs/promo/bags.svg"); }

.promo-banner.promo-container .promo-banner__content { column-gap: 24px; }

.promo-banner.promo-container .promo-banner__img { width: 71px; height: 50px; background-image: url("https://www.powrcdn.com/nuvemshopnudge/nudge_icon_gif.gif"); }

.promo-banner.promo-container .promo-banner__text-container { padding-top: 4px; column-gap: 24px; }

.promo-banner.promo-container .promo-banner__description.desktop { display: block; }

.promo-banner.promo-container .promo-banner__description.mobile { display: none; }

@media screen and (max-width: 1024px) {
  .promo-banner.promo-container .promo-banner__img { background-image: url("https://www.powrcdn.com/nuvemshopnudge/nudge_icon_gif_mobile.gif"); }
  .promo-banner.promo-container .promo-banner__title { font-size: 1rem; }
  .promo-banner.promo-container .promo-banner__description { font-size: 0.875rem; }
}

@media screen and (max-width: 768px) {
  .promo-banner.promo-container .promo-banner__description.desktop { display: none; }
  .promo-banner.promo-container .promo-banner__description.mobile { display: block; }
}

@media screen and (max-width: 500px) {
  .promo-banner.promo-container button { display: none; }
  .promo-banner.promo-container .promo-banner__title { font-size: 0.875rem; text-decoration: underline; }
  .promo-banner.promo-container .promo-banner__description { font-size: 0.75rem; }
}

.promo-banner.valentines_day_2021 { background: linear-gradient(45deg, rgb(255, 238, 240) 0%, rgb(237, 232, 250) 100%); }

.promo-banner.valentines_day_2021 .promo-banner__content { flex-wrap: wrap; }

.promo-banner.valentines_day_2021 .promo-banner__title, .promo-banner.valentines_day_2021 .promo-banner__message, .promo-banner.valentines_day_2021 .promo-banner__sale-ends, .promo-banner.valentines_day_2021 .promo-banner__timer { font-family: "Gordita Bold", sans-serif; }

.promo-banner.valentines_day_2021 .promo-banner__link { text-decoration: none; }

.promo-banner.valentines_day_2021 .promo-banner__img { background-image: url("https://www.powrcdn.com/images/svgs/promo/holiday_present.png"); height: 100%; width: 50px; margin-right: 16px; }

.promo-banner.valentines_day_2021 #promo-countdown { margin: -4px 0px 0px 8px; }

.promo-banner.valentines_day_2021 .snow { height: 100%; position: absolute; width: 100%; z-index: -1; }

.promo-banner.valentines_day_2021 .number-with-text { position: relative; width: 35px; display: inline-block; }

.promo-banner.valentines_day_2021 .timer-number { font-size: 1.5rem; display: inline-block; width: 100%; text-align: center; }

.promo-banner.valentines_day_2021 .number-descr { position: absolute; bottom: -12px; left: 0px; width: 100%; font-size: 11px; font-family: "Gordita Light", sans-serif; text-align: center; opacity: 0.6; }

.promo-banner.valentines_day_2021 .valentines_day_2021__link { color: rgb(252, 90, 71); }

@media only screen and (max-width: 543px) {
  .promo-banner.valentines_day_2021 .promo-banner__title, .promo-banner.valentines_day_2021 .promo-banner__message, .promo-banner.valentines_day_2021 .promo-banner__sale-ends { font-size: 0.875rem; }
  .promo-banner.valentines_day_2021 .promo-banner__message { width: 100%; text-align: center; }
  .promo-banner.valentines_day_2021 .promo-banner__sale-ends { margin-top: 16px; }
}

@media screen and (max-width: 768px) {
  .promo-banner.valentines_day_2021 { height: 108px; padding-bottom: 16px; }
  .promo-banner.valentines_day_2021 .promo-banner__img { height: 40px; }
}

@media screen and (max-width: 500px) {
  .promo-banner.valentines_day_2021 .promo-banner__img { display: none; }
}

.promo-banner__content { align-items: center; display: flex; justify-content: center; width: 100%; }

.promo-banner .promo-banner__title, .promo-banner .promo-banner__message, .promo-banner .promo-banner__sale-ends, .promo-banner .promo-banner__timer { line-height: 1.3; }

.promo-banner .promo-banner__link, .promo-banner a.promo-banner__link { text-decoration: none; }

.promo-banner .promo-banner__close { align-items: center; cursor: pointer; display: flex; opacity: 0.5; transition: 0.2s; }

.promo-banner .promo-banner__close:hover { opacity: 1; }

.promo-banner__img { background-size: contain; background-position: center center; background-repeat: no-repeat; }

.promo-banner.trial-banner { background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); }

.promo-banner.trial-banner .promo-banner__title, .promo-banner.trial-banner .promo-banner__message, .promo-banner.trial-banner .promo-banner__sale-ends, .promo-banner.trial-banner .promo-banner__timer, .promo-banner.trial-banner .promo-banner__link, .promo-banner.trial-banner .promo-banner__close { color: rgb(255, 255, 255); }

.promo-banner.trial-banner .promo-banner__link a { text-decoration: underline; font-weight: 600; }

.promo-banner.trial-banner .promo-banner__link a:hover { opacity: 0.8; }

.promo-banner.trial-banner .promo-banner__link a.js-show-trial-features { background: rgba(255, 255, 255, 0.2); padding: 4px 12px; border-radius: 20px; text-decoration: none; font-weight: 600; transition: 0.2s; margin-right: 8px; }

.promo-banner.trial-banner .promo-banner__link a.js-show-trial-features:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }

.promo-banner.trial-banner .promo-banner__link a.js-show-trial-features::before { content: "🎉 "; margin-right: 4px; }

.promo-banner.trial-banner.trial-expiring { background: linear-gradient(135deg, rgb(255, 107, 107) 0%, rgb(238, 90, 36) 100%); }

.promo-banner.trial-banner.trial-expiring .js-show-trial-features { background: rgba(255, 255, 255, 0.15); }

.promo-banner.trial-banner.trial-expiring .js-show-trial-features:hover { background: rgba(255, 255, 255, 0.25); }

.promo-banner.trial-banner.trial-expiring .js-show-trial-features::before { content: "⏰ "; }

.promo-banner.trial-banner.trial-welcome { background: linear-gradient(135deg, rgb(79, 172, 254) 0%, rgb(0, 242, 254) 100%); }

.promo-banner.trial-banner.trial-welcome .js-show-trial-features { background: rgba(255, 255, 255, 0.2); }

.promo-banner.trial-banner.trial-welcome .js-show-trial-features:hover { background: rgba(255, 255, 255, 0.3); }

.promo-banner.trial-banner.trial-welcome .js-show-trial-features::before { content: "✨ "; }

@media screen and (min-width: 768px) {
  .promo-banner { padding: 8px 1%; }
  .promo-banner.increase-height-on-mobile { height: 50px; }
  .promo-banner .promo-banner__link { margin: 0px 8px; }
}

.wide { max-width: 700px; }

.theme-1 { background-color: rgb(59, 140, 255); color: rgb(255, 255, 255); }

.theme-1 h1, .theme-1 h2, .theme-1 h3, .theme-1 h4, .theme-1 p { color: rgb(255, 255, 255); }

.theme-1 .card { background-color: rgb(34, 125, 255); }

.theme-2 { background-color: rgb(53, 64, 81); }

.theme-2 h1, .theme-2 h2, .theme-2 h3, .theme-2 h4 { color: rgb(255, 255, 255); }

.theme-2 p { color: rgb(107, 127, 154); }

.theme-2 .card { background-color: rgb(59, 71, 90); }

.theme-danger { background-color: rgb(255, 255, 255); }

.theme-danger h1, .theme-danger h2, .theme-danger h3, .theme-danger h4 { color: rgb(235, 130, 129); }

.theme-danger p { color: rgb(235, 130, 129); }

.theme-danger .card { background-color: rgb(237, 143, 142); }

.theme-3 { background-color: rgb(239, 242, 244); }

.theme-3 h1, .theme-3 h2, .theme-3 h3, .theme-3 h4 { color: rgb(53, 64, 81); }

.theme-3 p { color: rgb(85, 102, 125); }

.theme-3 .card { border-radius: 4px; border: 1px solid var(--color-6-dark, #E0E6EA); background: var(--white, #FFF); box-shadow: rgba(85, 102, 125, 0.3) 0px 10px 10px -10px; }

.theme-4 { background-color: rgb(224, 230, 234); }

.theme-4 h1, .theme-4 h2, .theme-4 h3, .theme-4 h4 { color: rgb(53, 64, 81); }

.theme-4 p { color: rgb(85, 102, 125); }

.theme-4 .card { background-color: rgb(255, 255, 255); }

.theme-5 { background-color: rgb(248, 249, 250); }

.theme-5 h1, .theme-5 h2, .theme-5 h3, .theme-5 h4 { color: rgb(53, 64, 81); }

.theme-5 p { color: rgb(85, 102, 125); }

.theme-5 .card { background-color: rgb(255, 255, 255); }

.theme-5 .subtle-card:hover:hover { background-color: rgb(239, 242, 244); cursor: pointer; }

.bg-mystic-shaded { background-color: rgb(239, 242, 244); }

.bg-mystic-dark-shaded { background-color: rgb(224, 230, 234); }

.bg-primary-shaded { background-color: rgb(238, 245, 255); }

.bg-gray-light { background-color: rgb(248, 249, 250); }

.page-title { margin-bottom: 32px; margin-top: 64px; }

.content-section { margin-bottom: 124px; }

.content { margin-bottom: 32px; }

.small-caption { font-size: 0.75rem; }

.medium-caption { font-size: 0.875rem; }

.word-wrap-break { overflow-wrap: break-word; }

.word-break-all { word-break: break-all; }

.underline { text-decoration: underline; }

.base-line-clamp, .line-clamp-1, .line-clamp-2, .line-clamp-3, .line-clamp-4 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; }

.line-clamp-1 { -webkit-line-clamp: 1; }

.line-clamp-2 { -webkit-line-clamp: 2; }

.line-clamp-3 { -webkit-line-clamp: 3; }

.line-clamp-4 { -webkit-line-clamp: 4; }

.line-height-1-2 { line-height: 1.2; }

.pad-nil { padding: 0px; }

.pad-xs { padding: 4px; }

.pad-s { padding: 8px; }

.pad-m { padding: 16px; }

.pad-l { padding: 32px; }

.pad-xl { padding: 64px; }

.pad-xxl { padding: 124px; }

.pad-v-nil { padding-top: 0px; padding-bottom: 0px; }

.pad-v-xs { padding-top: 4px; padding-bottom: 4px; }

.pad-v-s { padding-top: 8px; padding-bottom: 8px; }

.pad-v-m { padding-top: 16px; padding-bottom: 16px; }

.pad-v-l { padding-top: 32px; padding-bottom: 32px; }

.pad-v-xl { padding-top: 64px; padding-bottom: 64px; }

.pad-v-xxl { padding-top: 124px; padding-bottom: 124px; }

.pad-h-nil { padding-left: 0px; padding-right: 0px; }

.pad-h-xs { padding-left: 4px; padding-right: 4px; }

.pad-h-s { padding-left: 8px; padding-right: 8px; }

.pad-h-m { padding-left: 16px; padding-right: 16px; }

.pad-h-l { padding-left: 32px; padding-right: 32px; }

.pad-h-xl { padding-left: 64px; padding-right: 64px; }

.pad-h-xxl { padding-left: 124px; padding-right: 124px; }

.pad-top-nil { padding-top: 0px; }

.pad-top-xs { padding-top: 4px; }

.pad-top-s { padding-top: 8px; }

.pad-top-m { padding-top: 16px; }

.pad-top-l { padding-top: 32px; }

.pad-top-xl { padding-top: 64px; }

.pad-top-xxl { padding-top: 124px; }

.pad-right-nil { padding-right: 0px; }

.pad-right-xs { padding-right: 4px; }

.pad-right-s { padding-right: 8px; }

.pad-right-m { padding-right: 16px; }

.pad-right-l { padding-right: 32px; }

.pad-right-xl { padding-right: 64px; }

.pad-right-xxl { padding-right: 124px; }

.pad-bottom-nil { padding-bottom: 0px; }

.pad-bottom-xs { padding-bottom: 4px; }

.pad-bottom-s { padding-bottom: 8px; }

.pad-bottom-m { padding-bottom: 16px; }

.pad-bottom-l { padding-bottom: 32px; }

.pad-bottom-xl { padding-bottom: 64px; }

.pad-bottom-xxl { padding-bottom: 124px; }

.pad-left-nil { padding-left: 0px; }

.pad-left-xs { padding-left: 4px; }

.pad-left-s { padding-left: 8px; }

.pad-left-m { padding-left: 16px; }

.pad-left-l { padding-left: 32px; }

.pad-left-xl { padding-left: 64px; }

.pad-left-xxl { padding-left: 124px; }

.pad-nil-force { padding: 0px !important; }

.margin-nil { margin: 0px; }

.margin-xs { margin: 4px; }

.margin-s { margin: 8px; }

.margin-m { margin: 16px; }

.margin-l { margin: 32px; }

.margin-xl { margin: 64px; }

.margin-xxl { margin: 124px; }

.margin-v-nil { margin-top: 0px; margin-bottom: 0px; }

.margin-v-xs { margin-top: 4px; margin-bottom: 4px; }

.margin-v-s { margin-top: 8px; margin-bottom: 8px; }

.margin-v-m { margin-top: 16px; margin-bottom: 16px; }

.margin-v-l { margin-top: 32px; margin-bottom: 32px; }

.margin-v-xl { margin-top: 64px; margin-bottom: 64px; }

.margin-v-xxl { margin-top: 124px; margin-bottom: 124px; }

.margin-h-nil { margin-left: 0px; margin-right: 0px; }

.margin-h-xs { margin-left: 4px; margin-right: 4px; }

.margin-h-s { margin-left: 8px; margin-right: 8px; }

.margin-h-m { margin-left: 16px; margin-right: 16px; }

.margin-h-l { margin-left: 32px; margin-right: 32px; }

.margin-h-xl { margin-left: 64px; margin-right: 64px; }

.margin-h-xxl { margin-left: 124px; margin-right: 124px; }

.margin-top-nil { margin-top: 0px; }

.margin-top-xs { margin-top: 4px; }

.margin-top-s { margin-top: 8px; }

.margin-top-m { margin-top: 16px; }

.margin-top-l { margin-top: 32px; }

.margin-top-xl { margin-top: 64px; }

.margin-top-xxl { margin-top: 124px; }

.margin-right-nil { margin-right: 0px; }

.margin-right-xxs { margin-right: 2px; }

.margin-right-xs { margin-right: 4px; }

.margin-right-s { margin-right: 8px; }

.margin-right-m { margin-right: 16px; }

.margin-right-l { margin-right: 32px; }

.margin-right-xl { margin-right: 64px; }

.margin-right-xxl { margin-right: 124px; }

.margin-bottom-nil { margin-bottom: 0px; }

.margin-bottom-xs { margin-bottom: 4px; }

.margin-bottom-s { margin-bottom: 8px; }

.margin-bottom-m { margin-bottom: 16px; }

.margin-bottom-l { margin-bottom: 32px; }

.margin-bottom-xl { margin-bottom: 64px; }

.margin-bottom-xxl { margin-bottom: 124px; }

.margin-left-nil { margin-left: 0px; }

.margin-left-xs { margin-left: 4px; }

.margin-left-s { margin-left: 8px; }

.margin-left-m { margin-left: 16px; }

.margin-left-l { margin-left: 32px; }

.margin-left-xl { margin-left: 64px; }

.margin-left-xxl { margin-left: 124px; }

.margin-h-auto { margin-left: auto; margin-right: auto; }

.margin-top-auto { margin-top: auto; }

.margin-right-auto { margin-right: auto; }

.margin-top-xl2 { margin-top: 96px; }

.margin-bottom-xl2 { margin-bottom: 96px; }

.margin-bottom-m2 { margin-bottom: 24px; }

.gap-nil { gap: 0px; }

.gap-xs { gap: 4px; }

.gap-s { gap: 8px; }

.gap-m { gap: 16px; }

.gap-l { gap: 32px; }

.gap-xl { gap: 64px; }

.gap-xxl { gap: 124px; }

.row-gap-nil { row-gap: 0px; }

.row-gap-xs { row-gap: 4px; }

.row-gap-s { row-gap: 8px; }

.row-gap-m { row-gap: 16px; }

.row-gap-l { row-gap: 32px; }

.row-gap-xl { row-gap: 64px; }

.row-gap-xxl { row-gap: 124px; }

.column-gap-nil { column-gap: 0px; }

.column-gap-xs { column-gap: 4px; }

.column-gap-s { column-gap: 8px; }

.column-gap-m { column-gap: 16px; }

.column-gap-l { column-gap: 32px; }

.column-gap-xl { column-gap: 64px; }

.column-gap-xxl { column-gap: 124px; }

.opacity-0 { opacity: 0; }

.opacity-25 { opacity: 0.25; }

.opacity-50 { opacity: 0.5; }

.opacity-75 { opacity: 0.75; }

.opacity-100 { opacity: 1; }

@-webkit-keyframes fade-in-bottom { 
  0% { transform: translateY(25px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

@keyframes fade-in-bottom { 
  0% { transform: translateY(25px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

@-webkit-keyframes scale-in { 
  0% { transform: scale(0.9); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes scale-in { 
  0% { transform: scale(0.9); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; }
}

@-webkit-keyframes ani_blink { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes ani_blink { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes ani_random_blink { 
  0% { opacity: 0; }
  1% { transform: scaleX(1); }
  49% { opacity: 0; }
  50% { opacity: 1; }
  55% { opacity: 0; }
  56% { transform: scaleX(-1); }
  95% { opacity: 0; }
  96% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes ani_random_blink { 
  0% { opacity: 0; }
  1% { transform: scaleX(1); }
  49% { opacity: 0; }
  50% { opacity: 1; }
  55% { opacity: 0; }
  56% { transform: scaleX(-1); }
  95% { opacity: 0; }
  96% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes ani_glow { 
  0% { text-shadow: rgb(255, 255, 255) 0px 0px 10px; }
  50% { text-shadow: rgb(102, 102, 102) 0px 0px 5px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 10px; }
}

@keyframes ani_glow { 
  0% { text-shadow: rgb(255, 255, 255) 0px 0px 10px; }
  50% { text-shadow: rgb(102, 102, 102) 0px 0px 5px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 10px; }
}

@-webkit-keyframes ani_tada { 
  0% { transform: scale(1); }
  10%, 20% { transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@keyframes ani_tada { 
  0% { transform: scale(1); }
  10%, 20% { transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@-webkit-keyframes ani_parralax_a { 
  0% { left: -120px; top: -100px; }
  50% { left: -200px; top: -80px; }
  100% { left: -120px; top: -100px; }
}

@keyframes ani_parralax_a { 
  0% { left: -120px; top: -100px; }
  50% { left: -200px; top: -80px; }
  100% { left: -120px; top: -100px; }
}

@-webkit-keyframes ani_parralax_b { 
  0% { left: 0px; top: 0px; }
  50% { left: -20px; top: 0px; }
  100% { left: 0px; top: 0px; }
}

@keyframes ani_parralax_b { 
  0% { left: 0px; top: 0px; }
  50% { left: -20px; top: 0px; }
  100% { left: 0px; top: 0px; }
}

@-webkit-keyframes loading { 
  0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(360deg); }
}

@keyframes loading { 
  0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(360deg); }
}

@-webkit-keyframes fade_in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade_in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes delay_fade_in { 
  0% { opacity: 0; }
  10% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes delay_fade_in { 
  0% { opacity: 0; }
  10% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes delay_pop_in { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes delay_pop_in { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fade_out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fade_out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes ani_shake { 
  0% { transform: translate(2px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(0px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(2px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(2px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes ani_shake { 
  0% { transform: translate(2px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(0px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(2px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(2px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@-webkit-keyframes ani_fadeIn { 
  0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes ani_fadeIn { 
  0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@-webkit-keyframes ani_fadeOut { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-20px); }
}

@keyframes ani_fadeOut { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-20px); }
}

@-webkit-keyframes ani_spin { 
  0% { transform: rotateY(0deg); }
  100% { }
}

@keyframes ani_spin { 
  0% { transform: rotateY(0deg); }
  100% { }
}

@-webkit-keyframes ani_spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes ani_spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes pulse_light { 
  0% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); opacity: 0.85; }
}

@keyframes pulse_light { 
  0% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); opacity: 0.85; }
}

@-webkit-keyframes ani_pulse { 
  0% { color: rgb(255, 255, 255); text-shadow: none; }
  50% { color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 204) -1px 1px 5px, rgb(255, 255, 255) 1px -1px 5px; }
  100% { color: rgb(255, 255, 255); text-shadow: none; }
}

@keyframes ani_pulse { 
  0% { color: rgb(255, 255, 255); text-shadow: none; }
  50% { color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 204) -1px 1px 5px, rgb(255, 255, 255) 1px -1px 5px; }
  100% { color: rgb(255, 255, 255); text-shadow: none; }
}

@-webkit-keyframes ani_across { 
  0% { left: -200px; }
  100% { left: 105%; }
}

@keyframes ani_across { 
  0% { left: -200px; }
  100% { left: 105%; }
}

@-webkit-keyframes shimmer { 
  0% { background-position: left top; }
  20% { background-position: right top; }
  100% { background-position: right top; }
}

@keyframes shimmer { 
  0% { background-position: left top; }
  20% { background-position: right top; }
  100% { background-position: right top; }
}

@-webkit-keyframes ani_hover { 
  0% { transform: rotate(7deg); }
  50% { transform: rotate(-7deg); }
  100% { transform: rotate(7deg); }
}

@keyframes ani_hover { 
  0% { transform: rotate(7deg); }
  50% { transform: rotate(-7deg); }
  100% { transform: rotate(7deg); }
}

@-webkit-keyframes ani_grow { 
  0% { left: 100%; }
  100% { left: 0%; }
}

@keyframes ani_grow { 
  0% { left: 100%; }
  100% { left: 0%; }
}

@-webkit-keyframes floating_ghost { 
  0% { top: 2%; right: 0%; transform: rotate(0deg); }
  25% { top: 50%; right: 50%; transform: rotate(45deg); }
  75% { top: 2%; right: 50%; transform: rotate(0deg); }
  100% { top: 50%; right: 0%; transform: rotate(45deg); }
}

@keyframes floating_ghost { 
  0% { top: 2%; right: 0%; transform: rotate(0deg); }
  25% { top: 50%; right: 50%; transform: rotate(45deg); }
  75% { top: 2%; right: 50%; transform: rotate(0deg); }
  100% { top: 50%; right: 0%; transform: rotate(45deg); }
}

@-webkit-keyframes bounceIn { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes bounceIn { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes ani_rise { 
  0% { bottom: -450px; }
  100% { bottom: 0px; }
}

@keyframes ani_rise { 
  0% { bottom: -450px; }
  100% { bottom: 0px; }
}

@-webkit-keyframes ani_homepage_one { 
  0% { opacity: 1; }
  33% { opacity: 0; }
  66% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes ani_homepage_one { 
  0% { opacity: 1; }
  33% { opacity: 0; }
  66% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes ani_homepage_two { 
  0% { opacity: 0; }
  33% { opacity: 1; }
  66% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes ani_homepage_two { 
  0% { opacity: 0; }
  33% { opacity: 1; }
  66% { opacity: 0; }
  100% { opacity: 0; }
}

@-webkit-keyframes ani_homepage_three { 
  0% { opacity: 0; }
  33% { opacity: 0; }
  66% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes ani_homepage_three { 
  0% { opacity: 0; }
  33% { opacity: 0; }
  66% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes animateSolar { 
  100% { inset: -12px; opacity: 0; }
}

@keyframes animateSolar { 
  100% { inset: -12px; opacity: 0; }
}

@-webkit-keyframes ani_pointer { 
  0% { left: 3%; }
  50% { left: 5%; }
  100% { left: 3%; }
}

@keyframes ani_pointer { 
  0% { left: 3%; }
  50% { left: 5%; }
  100% { left: 3%; }
}

@-webkit-keyframes shake { 
  10%, 90% { transform: translate3d(-1px, 0px, 0px); }
  20%, 80% { transform: translate3d(2px, 0px, 0px); }
  30%, 50%, 70% { transform: translate3d(-4px, 0px, 0px); }
  40%, 60% { transform: translate3d(4px, 0px, 0px); }
}

@keyframes shake { 
  10%, 90% { transform: translate3d(-1px, 0px, 0px); }
  20%, 80% { transform: translate3d(2px, 0px, 0px); }
  30%, 50%, 70% { transform: translate3d(-4px, 0px, 0px); }
  40%, 60% { transform: translate3d(4px, 0px, 0px); }
}

@-webkit-keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@-webkit-keyframes ani_pop { 
  0% { transform: scale(1, 1); }
  50% { transform: scale(1.1, 1.1); }
  100% { transform: scale(1, 1); }
}

@keyframes ani_pop { 
  0% { transform: scale(1, 1); }
  50% { transform: scale(1.1, 1.1); }
  100% { transform: scale(1, 1); }
}

.ani_pointer { animation: 2s ease-in-out 0s infinite normal none running ani_pointer; }

.ani_homepage_one { animation: 8s ease 0s infinite normal none running ani_homepage_one; }

.ani_homepage_two { animation: 8s ease 0s infinite normal none running ani_homepage_two; }

.ani_homepage_three { animation: 8s ease 0s infinite normal none running ani_homepage_three; }

.ani_all { animation: 1s linear 0s infinite normal none running all; }

.Ani_floating_ghost { animation: 10s linear 0s infinite alternate none running floating_ghost; }

.ani_blink { animation: 1s linear 0s infinite normal none running ani_blink; }

.ani_glow { animation: 2s linear 0s infinite normal none running ani_glow; }

.ani_fadeIn { animation: 3s ease 0s 1 normal none running ani_fadeIn; }

.ani_fadeOut { animation: 3s ease 0s 1 normal none running ani_fadeOut; }

.ani_tada { animation: 1s ease 0s 1 normal none running ani_tada; }

.ani_parralax_a { transform: translate3d(0px, 0%, 0px); animation: 12s linear 0s infinite alternate none running ani_parralax_a; }

.ani_parralax_b { transform: translate3d(0px, 0%, 0px); animation: 12s linear 0s infinite alternate none running ani_parralax_b; }

.ani_loading { animation: 1s ease 0s infinite normal none running loading; }

.ani_fade_in_500 { animation: 0.5s ease 0s 1 normal none running fade_in; }

.ani_fade_in_fast { animation: 1s ease 0s 1 normal none running fade_in; }

.ani_fade_in_med { animation: 2s ease 0s 1 normal none running fade_in; }

.ani_fade_in_slow { animation: 4s ease 0s 1 normal none running fade_in; }

.ani_shake { transform-origin: 50% 50%; }

.ani_spin { animation: 10s linear 0s infinite normal none running ani_spin; }

.ani_pulse_light { animation: 2s ease 0s infinite normal none running pulse_light; }

.ani_across_super_slow { animation: 55s linear 0s infinite normal none running ani_across; }

.ani_across_slow { animation: 35s linear 0s infinite normal none running ani_across; }

.ani_across_medium { animation: 20s linear 0s infinite normal none running ani_across; }

.ani_across_fast { animation: 10s linear 0s infinite normal none running ani_across; }

.ani_across_super_slow_2 { animation: 35s linear 0s infinite normal none running ani_across; }

.ani_across_slow_2 { animation: 13s linear 0s infinite normal none running ani_across; }

.ani_across_medium_2 { animation: 10s linear 0s infinite normal none running ani_across; }

.ani_across_fast_2 { animation: 5s linear 0s infinite normal none running ani_across; }

.ani_across_medium_3 { animation: 14s linear 0s infinite normal none running ani_across; }

.ani_across_fast_3 { animation: 7s linear 0s infinite normal none running ani_across; }

.ani_pulse { animation: 2s linear 0s infinite normal none running ani_pulse; }

.ani_grow { animation: 0.2s linear 0s 1 normal none running ani_grow; }

.ani_bounceIn { animation: 0.5s linear 0s 1 normal none running bounceIn; }

.ani_rise { animation: 1s linear 0s 1 normal none running ani_rise; }

.ani_slow_blink { animation: 1s linear 2s infinite normal none running ani_blink; }

.ani_random_blink { animation: 1s linear 2s infinite normal none running ani_random_blink; }

.ani_hover { animation: 8s ease 0s infinite normal none running ani_hover; }

.ani_spinner { animation: 20s linear 0s infinite normal none running ani_spinner; }

.ani_slide_up, #appView .powrModal .contentWrapper.cornerPositioning, #appView .powrModal .popupPowrMarkContainer.cornerPositioning { animation: 0.4s linear 0s 1 normal none running slideInUp; }

.shake { animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both running shake; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; perspective: 1000px; }

.scale-in { animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-in; }

.scale-in-ease { animation: 0.5s ease 0s 1 normal none running scale-in; }

.ani_pop { animation: 0.3s ease 0s 2 normal none running ani_pop; }

.powrbutton, a.powrbutton:link, a.powrbutton:hover, a.powrbutton:visited, a.powrbutton:active { color: rgb(255, 255, 255); background-color: rgb(59, 140, 255); line-height: 1; position: relative; padding: 10px 20px; text-align: center; font-size: 1em; text-decoration: none; border: 0px; user-select: none; vertical-align: middle; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, box-shadow 0.2s ease-in-out; appearance: none; font-weight: 600; border-radius: 3px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; cursor: pointer; }

.scheme-1, .scheme-1-gradient { background-color: rgb(59, 140, 255); color: rgb(255, 255, 255); border-color: rgb(34, 125, 255); }

.scheme-1 .powrbutton, .scheme-1-gradient .powrbutton, .scheme-1 a.powrbutton:link, .scheme-1-gradient a.powrbutton:link, .scheme-1 a.powrbutton:hover, .scheme-1-gradient a.powrbutton:hover, .scheme-1 a.powrbutton:visited, .scheme-1-gradient a.powrbutton:visited, .scheme-1 a.powrbutton:active, .scheme-1-gradient a.powrbutton:active { color: rgb(59, 140, 255); background-color: rgb(255, 255, 255); border: 2px solid rgb(237, 237, 237); }

.scheme-1 .hover-scheme:hover, .scheme-1-gradient .hover-scheme:hover, .scheme-1 .hover-scheme:focus, .scheme-1-gradient .hover-scheme:focus { color: rgb(59, 140, 255); background-color: rgb(255, 255, 255); }

.scheme-1 h1, .scheme-1-gradient h1, .scheme-1 h2, .scheme-1-gradient h2, .scheme-1 h3, .scheme-1-gradient h3, .scheme-1 h4, .scheme-1-gradient h4, .scheme-1 p, .scheme-1-gradient p { color: rgb(255, 255, 255); }

.scheme-1-gradient { background: -webkit-radial-gradient(center center, ellipse cover, rgb(59, 140, 255) 0%, rgb(23, 119, 255) 100%); }

.scheme-2 { background-color: rgb(255, 255, 255); color: rgb(59, 140, 255); border-color: rgb(242, 242, 242); }

.scheme-2 .hover-scheme:hover, .scheme-2 .hover-scheme:focus { color: rgb(255, 255, 255); background-color: rgb(59, 140, 255); }

.scheme-3 { background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); }

.scheme-4 { background-color: rgb(238, 238, 238); color: rgb(102, 102, 102); border-color: rgb(225, 225, 225); }

.scheme-5 { background-color: rgb(221, 221, 221); color: rgb(102, 102, 102); border-color: rgb(208, 208, 208); }

.scheme-shopify-embed { background-color: rgb(241, 241, 241); color: rgb(102, 102, 102); }

.scheme-failure { color: rgb(255, 255, 255); background-color: rgb(235, 130, 129); }

.powrbutton.secondary, a.secondary.powrbutton:link, a.secondary.powrbutton:hover, a.secondary.powrbutton:visited, a.secondary.powrbutton:active { color: rgb(59, 140, 255); background-color: rgb(255, 255, 255); border: 2px solid rgb(237, 237, 237); }

.powrbutton.success, a.success.powrbutton:link, a.success.powrbutton:hover, a.success.powrbutton:visited, a.success.powrbutton:active { color: rgb(255, 255, 255); background-color: rgb(54, 196, 81); border: 2px solid rgb(46, 168, 69); }

.powrbutton.failure, a.failure.powrbutton:link, a.failure.powrbutton:hover, a.failure.powrbutton:visited, a.failure.powrbutton:active { color: rgb(255, 255, 255); background-color: rgb(235, 130, 129); border: 2px solid rgb(230, 99, 98); }

.powrbutton.upgrade, a.upgrade.powrbutton:link, a.upgrade.powrbutton:hover, a.upgrade.powrbutton:visited, a.upgrade.powrbutton:active { color: rgb(255, 255, 255); background-color: rgb(117, 96, 223); }

.powrbutton.facebook, a.facebook.powrbutton:link, a.facebook.powrbutton:hover, a.facebook.powrbutton:visited, a.facebook.powrbutton:active { background-color: rgb(43, 65, 112); color: rgb(255, 255, 255); border: 2px solid rgb(33, 50, 86); }

.powrbutton.linkedin, a.linkedin.powrbutton:link, a.linkedin.powrbutton:hover, a.linkedin.powrbutton:visited, a.linkedin.powrbutton:active { background-color: rgb(0, 115, 178); color: rgb(255, 255, 255); border: 2px solid rgb(0, 92, 142); }

.powrbutton.twitter, a.twitter.powrbutton:link, a.twitter.powrbutton:hover, a.twitter.powrbutton:visited, a.twitter.powrbutton:active { background-color: rgb(0, 129, 206); color: rgb(255, 255, 255); border: 2px solid rgb(0, 107, 170); }

.powrbutton.small, a.small.powrbutton:link, a.small.powrbutton:hover, a.small.powrbutton:visited, a.small.powrbutton:active { padding: 5px 10px; }

.sp-preview, .sp-alpha, .sp-thumb-el { background-image: none; }

.sp-container button { background-image: none; width: 100%; padding: 10px 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(201, 205, 207); border-radius: 2px; transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; color: rgb(41, 144, 234); text-align: center; outline: none; cursor: pointer; }

.ws-po-box { color: rgb(0, 0, 0); }

.prototype { display: none !important; }

.modal { z-index: 2147483647; outline: none; }

.modal-lg .modal-dialog { width: 800px; }

.truncated { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hid { display: none; }

.fa.hid, .fab.hid, .fad.hid, .fal.hid, .far.hid, .fas.hid { display: none; }

@media print {
  .no-print { display: none !important; }
}

.slash { text-decoration: line-through; }

.debug * { border: 3px dashed red !important; }

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

.quote::before, .quote::after { content: "\""; }

.width100 { width: 100%; }

.width50 { width: 50%; }

.min300 { min-width: 300px; max-width: 100%; }

.fullHeight { height: 100%; }

.centerChild { display: inline-block; vertical-align: middle; width: 100%; }

.noPad { padding: 0px; }

.noPadLeft { padding-left: 0px; }

.noPadRight { padding-right: 0px; }

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: left; }

.col-xs-19, .col-sm-19, .col-md-19, .col-lg-19 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-19 { width: 11%; float: left; }

.row .col-xs-7 .text-component__label .powrTooltip i.fa-question-circle { left: 0px; }

.notice { width: 100%; padding: 20px; text-align: center; }

.notice--primary { background-color: rgb(238, 245, 255); color: rgb(53, 64, 81); }

img { max-width: 100%; }

.failure { color: rgb(208, 66, 57); }

.success:not(.section) { color: rgb(54, 196, 81); }

.caution { color: rgb(255, 212, 128); }

.powrbutton.hid, a.hid.powrbutton:link, a.hid.powrbutton:hover, a.hid.powrbutton:visited, a.hid.powrbutton:active { display: none; }

.navbar-fixed-top { z-index: 1030000; }

.position-relative { position: relative; }

.position-absolute { position: absolute; }

.position-absolute--bot { bottom: 0px; }

.position-absolute--top { top: 0px; }

.position-absolute--left { left: 0px; }

.position-absolute--right { right: 0px; }

.display-block { display: block; }

.display-inline-block { display: inline-block; }

.button-nostyle, .button-nostyle-muted { background: none; color: inherit; border: none; padding: 0px; font: inherit; cursor: pointer; outline: none; }

.button-nostyle-muted:hover { color: rgb(59, 140, 255); }

.button-nostyle-blue { background: none; color: rgb(59, 140, 255); border: none; padding: 0px; font: inherit; cursor: pointer; outline: none; }

.button-round-blue { background-color: rgb(255, 255, 255); border: none; color: rgb(59, 140, 255); text-align: center; display: inline-block; font-size: 14px; margin: 4px 2px; width: 35px; border-radius: 60px; box-shadow: rgb(59, 140, 255) 0px 0px 2px; padding: 0.5em 0.9em; outline: none; }

.normalWhiteSpace { white-space: normal; }

@media (max-width: 762px) {
  .normalWhiteSpaceXs { white-space: normal; }
}

.nowrap { white-space: nowrap; }

.wix-col-4 { width: 25%; float: left; }

.wix-col-3 { width: 33.3333%; float: left; }

.wix-col-2 { width: 50%; float: left; }

.visible { overflow: visible; }

.desktop-only-flex, .mobile-only-flex { display: none; }

@media (min-width: 833px) {
  .desktop-only-flex { display: flex; flex-shrink: 0; }
}

@media (max-width: 834px) {
  .mobile-only-flex { display: flex; flex-shrink: 0; }
  .mobile-full-width { width: 100% !important; }
}

@media (max-width: 834px) and (orientation: portrait) {
  .hidden-tablet-portrait { display: none !important; }
  .show-tablet-portrait { display: flex !important; }
}

@media (min-width: 1024px) and (orientation: landscape) {
  .hidden-tablet-landscape { display: none !important; }
}

@media (min-width: 1200px) and (orientation: landscape) {
  .hidden-tablet-landscape { display: flex !important; }
}

.no-scrollbar { scrollbar-width: none; }

.no-scrollbar::-webkit-scrollbar { display: none; }

#edit-topbar-container { position: fixed; z-index: 1031; width: 100%; height: 64px; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; }

#edit-topbar-container .edit-topbar { background-color: rgb(255, 255, 255); padding: 12px; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }

#edit-topbar-container .edit-topbar .logo-container { padding-top: 4px; }

@media (max-width: 600px) {
  #edit-topbar-container .edit-topbar .logo-container { display: none; }
}

#edit-topbar-container .edit-topbar .logo-container .icon-logo { width: 10%; }

#edit-topbar-container .edit-topbar .arrow-container { color: rgb(59, 140, 255); font-size: 1rem; cursor: pointer; display: flex; justify-content: center; align-items: center; }

#edit-topbar-container .edit-topbar .arrow-container .back-message { color: rgb(53, 64, 81); }

#edit-topbar-container .edit-topbar .untitled-nickname { display: inline-block; cursor: pointer; font-style: italic; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 110px; }

@media screen and (min-width: 768px) {
  #edit-topbar-container .edit-topbar .untitled-nickname { width: 170px; }
}

#edit-topbar-container .edit-topbar .left-group { align-self: flex-start; align-items: center; justify-content: center; display: flex; height: 36px; }

@media (max-width: 600px) {
  #edit-topbar-container .edit-topbar .left-group { padding-top: 4px; }
}

#edit-topbar-container .edit-topbar .left-group .nickname-container { font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 110px; cursor: pointer; }

@media screen and (min-width: 768px) {
  #edit-topbar-container .edit-topbar .left-group .nickname-container { font-size: 1.1rem; width: 170px; }
}

#edit-topbar-container .edit-topbar .left-group .nickname-container input { padding: 4px; }

#edit-topbar-container .edit-topbar .left-group .plan-indicator { background-color: rgb(238, 245, 255); font-size: 0.6rem; font-weight: 600; color: rgb(59, 140, 255); border-radius: 4px; padding: 4px 8px; cursor: default; }

@media (max-width: 600px) {
  #edit-topbar-container .edit-topbar .left-group .plan-indicator { display: none; }
}

@media (max-width: 900px) {
  #edit-topbar-container .edit-topbar .center-group { display: none; }
}

#edit-topbar-container .edit-topbar .notification-link { color: rgb(59, 140, 255); }

#edit-topbar-container .edit-topbar .save-indicator span { font-size: 0.8rem; color: rgb(160, 171, 190); }

@media (max-width: 600px) {
  #edit-topbar-container .edit-topbar .save-indicator { display: none; }
}

#edit-topbar-container .edit-topbar .right-group { display: flex; align-self: flex-end; align-items: center; height: inherit; }

#edit-topbar-container .edit-topbar .right-group .dashboard-link-settings { font-size: 0.8rem; }

#edit-topbar-container .edit-topbar .right-group .dashboard-link-settings i { margin-right: 4px; }

@media (max-width: 320px) {
  #edit-topbar-container .edit-topbar .right-group .dashboard-link-settings { display: none; }
}

#edit-topbar-container .edit-topbar .right-group .top-support-link { display: none; }

@media screen and (min-width: 600px) {
  #edit-topbar-container .edit-topbar .right-group .top-support-link { display: inline-block; }
}

#edit-topbar-container .edit-topbar .right-group .upgrade-account-group { display: flex; align-items: center; }

@media screen and (min-width: 1024px) {
  #edit-topbar-container .edit-topbar .right-group .upgrade-account-group { border-left: 1px solid rgb(224, 230, 234); margin: 0px 0px 0px 15px; }
}

#edit-topbar-container .edit-topbar .topbar-tooltip-container .tobar-tooltip-body { visibility: hidden; width: 200px; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); text-align: center; padding: 6px 0px; border-radius: 4px; position: absolute; z-index: 1; }

#edit-topbar-container .edit-topbar__back-button { display: block; border-right: 1px solid rgb(224, 230, 234); padding: 8px 16px; color: rgb(85, 102, 125); font-family: Gordita; font-size: 0.875rem; cursor: pointer; }

#edit-topbar-container .edit-topbar__back-button:hover { color: rgb(59, 140, 255); }

#edit-topbar-container .edit-topbar__back-button i { font-weight: 300; }

.meta-nav__container { display: flex; justify-content: space-evenly; align-items: center; cursor: default; padding: 4px; }

.meta-nav__container .meta-nav__button { text-align: center; white-space: nowrap; }

.meta-nav__container .meta-nav__button:first-child { margin-left: 0px; }

.meta-nav__container--popup .meta-nav__button { width: 100%; margin-left: 0px; }

.meta-nav__container--appointments .meta-nav__button { position: fixed; bottom: -8px; left: calc(50% - 86px); padding: 8px 18px; color: rgb(255, 255, 255); border-radius: 3px 3px 0px 0px; background-color: rgb(117, 96, 223); z-index: 2; }

.edit-topbar .meta-nav__container { padding-right: 10px; }

.backNextContainer .meta-nav__container { padding-top: 10px; }

.settings-feedback__wix-embeds a { color: rgb(85, 102, 125); font-family: Gordita; }

.powrreact-radio-image-component .feature-blocker { cursor: pointer; }

.powrreact-radio-image-component .powrRadioImage { list-style-type: none; display: flex; }

.powrreact-radio-image-component .powrRadioImage__content { cursor: pointer; margin-right: 16px; }

.powrreact-radio-image-component .opinionSelect, .powrreact-radio-image-component .reviewSelect, .powrreact-radio-image-component .helpSelect { justify-content: center; }

.powrreact-radio-image-component .radio-image-list { list-style-type: none; display: flex; flex-flow: wrap; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active { transition: 0.2s; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active path { fill: rgb(59, 140, 255); }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active rect { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer { display: flex; flex-direction: column; justify-content: space-evenly; height: 120px; background-color: rgb(255, 255, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer .radioCaption { margin: 0px; line-height: 0.7; font-size: 16px; }

[data-qa*="GradientOrientation"] .radioImageContainer img { width: 75%; }

[data-qa*="GradientOrientation"] .radioImageContainer svg { width: 40px; height: 40px; }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active { color: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg path { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg rect { fill: rgb(59, 140, 255); }

@keyframes preloader-scale { 
  0% { background-color: rgb(59, 140, 255); transform: scale(0.5); }
  50% { background-color: rgba(0, 0, 0, 0); transform: scale(1); }
  100% { background-color: rgb(59, 140, 255); transform: scale(0.5); }
}

.preloader { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }

.preloader .preloader__box { animation: 2s ease 0s infinite normal none running preloader-scale; border: 1px solid rgb(59, 140, 255); border-radius: 4px; height: 10px; left: 0px; position: absolute; width: 10px; }

.preloader .preloader__box:nth-child(n) { animation-delay: 0s; left: -18px; }

.preloader .preloader__box:nth-child(2n) { animation-delay: 0.2s; left: 0px; }

.preloader .preloader__box:nth-child(3n) { animation-delay: 0.4s; left: 18px; }

.preloader .preloader__message { position: absolute; width: 300px; left: -150px; top: 16px; text-align: center; }

.preloader.inline { position: relative; transform: none; width: 0px; min-height: 30px; }

.preloader.center { left: 0px; right: 0px; margin: 0px auto; }

.loader { margin: 0px auto; width: 100%; max-width: 400px; text-align: center; }

.loader .circle { background-color: rgb(82, 135, 223); border-radius: 100%; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running scale-loader; vertical-align: middle; }

.loader .small { width: 10px; height: 10px; opacity: 0.3; }

.loader .medium { width: 30px; height: 30px; opacity: 0.7; }

.loader .powr-logo-icon { fill: rgb(82, 135, 223); width: 60px; height: 60px; opacity: 1; vertical-align: middle; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running scale-loader; }

.loader .small { animation-delay: -0.48s; }

.loader .medium { animation-delay: -0.32s; }

@-webkit-keyframes scale-loader { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

@keyframes scale-loader { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

.app-search { margin-bottom: 32px; }

.app-search.is-popover { margin-bottom: 0px; }

.app-search__input-group { position: relative; }

.app-search__search-icon { color: rgb(160, 171, 190); font-size: 1.125rem; left: 16px; position: absolute; top: 22px; }

.app-search__search-input { border-radius: 4px; border: 1px solid rgb(190, 198, 202); color: rgb(53, 64, 81); display: block; font-size: 1.125rem; padding: 16px 16px 16px 40px; text-indent: 5px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.app-search__search-input:focus { border-color: rgb(59, 140, 255); outline: none; }

.app-search__search-input::placeholder { color: rgb(160, 171, 190); }

.app-search__search-input.is-popover { border-radius: 4px 4px 0px 0px; border-bottom: 1px solid rgb(190, 198, 202); border-top: none; border-left: none; border-right: none; }

.app-search__text_search { margin-bottom: 15px; }

.app-search__text_input_search { padding-top: 8px; padding-bottom: 10px; font-size: 0.875rem; padding-left: 38px; }

.app-search__text_search_icon { top: 14px; font-size: 0.875rem; }

.app-search--sm { margin-bottom: 0px; }

.app-search--sm .app-search__search-icon { font-size: 1rem; left: 8px; top: 10px; }

.app-search--sm .app-search__search-input { font-size: 0.875rem; padding: 6px 8px 6px 24px; }

.no-search-results { margin-top: 64px; text-align: center; width: 100%; }

.embed-code { text-align: center; }

.embed-code button { margin: 32px; }

.sidenav-mobile-icon { z-index: 2; display: block; position: fixed; top: 16px; left: 16px; color: rgb(85, 102, 125); font-size: 2rem; }

.side-nav { border: 1px solid rgb(224, 230, 234); height: 100vh; width: 340px; z-index: 1; transition: 0.5s; background-color: rgb(255, 255, 255); position: relative; overflow: hidden; }

.side-nav--fixed-left { left: 0px; top: 0px; position: fixed; }

.side-nav--fixed-right { right: 0px; top: 0px; position: fixed; }

.side-nav__items { overflow-y: auto; }

.side-nav__item-row { cursor: pointer; overflow-wrap: break-word; padding: 16px 32px; }

.side-nav__item-row.active { background-color: rgb(228, 243, 255); color: rgb(59, 140, 255); font-weight: bold; }

.side-nav__item-row.active .side-nav__item-label, .side-nav__item-row.active .side-nav__item-icon { color: rgb(59, 140, 255); }

.side-nav__item-row:hover { background-color: rgba(228, 243, 255, 0.5); }

.side-nav__item-row.is-not-clickable { cursor: unset; }

.side-nav__item-row.is-not-clickable:hover { background-color: unset; }

.side-nav__item-label { color: rgb(53, 64, 81); }

.side-nav__item-icon { width: 24px; color: rgb(53, 64, 81); }

.side-nav__subitems-wrapper { overflow: hidden; }

.side-nav__subitems { transition: 300ms; }

.side-nav__subitems .side-nav__item-row { padding: 8px 64px; }

.side-nav__subitems .side-nav__item-label, .side-nav__subitems .side-nav__item-icon { color: rgb(85, 102, 125); }

.side-nav__chevron { margin-left: auto; }

.side-nav.collapsed { left: -100%; width: 328px; }

.side-nav__items_and_feedback { overflow-y: auto; }

.side-nav__feedback { margin-top: 16px; height: 300px; }

.subitems-animation-enter { margin-top: -100%; }

.subitems-animation-enter-active { margin-top: 0px; }

.subitems-animation-exit { margin-top: 0px; }

.subitems-animation-exit-active { margin-top: -100%; }

.side-nav__item-new-feature { color: rgb(59, 140, 255); position: absolute; right: 40px; text-transform: uppercase; }

.platforms-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)); gap: 8px; }

.platform-card:hover { border-color: rgb(149, 206, 255); }

.platform-card .platform-card__logo-container { width: 62px; height: 62px; overflow: hidden; position: relative; margin-inline: auto; }

.platform-card .platform-card__logo-container.no-image { background-color: rgb(255, 229, 179); border-radius: 100%; }

.platform-card .platform-card__logo-container .platform-card__image { background-size: contain; background-repeat: no-repeat; margin-inline: auto; width: 100%; }

.platform-card .platform-card__logo-container .platform-card__initial-letter { font-size: 1.875rem; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.platform-card__platform-name { line-height: 1.125rem; height: 2rem; font-size: 0.875rem; }

.big-commerce-installations-wrapper { flex: 0 1 0%; padding-bottom: 40px; }

.big-commerce-card { font-size: 0.8rem; border: 1px solid rgb(224, 230, 234); background-color: rgb(255, 255, 255); border-radius: 4px; }

.big-commerce-card-clickable { cursor: pointer; }

.big-commerce-card-clickable:hover { transition: 0.2s; border-color: rgb(54, 196, 81); }

.big-commerce-card-promo-banner { width: 95%; }

.big-commerce-label { background-color: rgb(219, 245, 224); color: rgb(54, 196, 81); width: fit-content; border-radius: 4px; }

.big-commerce-title { font-weight: bold; font-size: 1rem; color: rgb(53, 64, 81); }

.collapsible .rc-collapse-anim-active { }

.collapsible .collapsible__panel-content { border-width: 1px 1px 0px; border-style: solid; border-color: rgb(190, 198, 202); }

.collapsible .collapsible__panel-content:first-child { border-radius: 4px 4px 0px 0px; }

.collapsible .collapsible__panel-content:last-child { border-bottom: 1px solid rgb(190, 198, 202); border-radius: 0px 0px 4px 4px; }

.collapsible__panel-header { display: block; align-items: center; cursor: pointer; font-weight: bold; padding: 16px 0px; text-align: left; }

.collapsible__panel-header:hover { color: rgb(59, 140, 255); transition: 0.2s; }

.collapsible__panel-header:focus { outline: 0px; }

.collapsible__panel-header.is-open { color: rgb(59, 140, 255); }

.collapsible__panel-header i.arrow { float: right; }

.collapsible__panel-content { padding: 16px; overflow: hidden; }

.collapsible__panel-content p:first-child { text-align: left; }

.collapsible__panel-content .share-component > h4 { display: none; }

.collapsible__panel-content .share-component > p { text-align: left; }

.collapsible__panel-content .share-component h5 { font-size: 1rem; }

.collapsible__panel-content .rc-collapse-content-inactive { display: none; transition: 0.3s ease-in-out; opacity: 0; }

.collapsible__panel-content .rc-collapse-content-active { transition: 0.4s ease-in; opacity: 1; margin-top: 16px; }

.max752 { max-width: 752px; margin: 0px auto; }

.max770 { max-width: 770px; margin: 0px auto; }

.blur { filter: blur(4px); cursor: pointer; }

a.website-link { margin: 0px auto; color: rgb(59, 140, 255); text-align: center; font-size: 1.6rem; }

.weebly-backend-faq { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.powrbutton, a.powrbutton:link, a.powrbutton:hover, a.powrbutton:visited, a.powrbutton:active { text-align: center; margin: 0px auto; }

.outer-install-container { position: relative; max-width: 1600px; width: 100%; display: flex; }

@media (max-width: 1150px) {
  .outer-install-container { margin-bottom: 150px; }
}

.publish-nav-container { height: 100vh; overflow-y: auto; }

.js-choose-site-container-publish { display: none; height: 100vh; overflow-y: auto; position: relative; z-index: 100000; }

.party-popper__icon { font-size: 2rem; }

.install-container.publish-uber-panel__container { margin-bottom: 64px; background-color: rgb(255, 255, 255); }

.install-container.publish-uber-panel__container.with-sidenav { padding-left: 372px; padding-top: 64px; }

.install-container.publish-uber-panel__container.with-sidenav h3 { margin-top: 0px; }

@media only screen and (max-width: 991px) {
  .install-container.publish-uber-panel__container.with-sidenav { padding-right: 40px; }
}

@media only screen and (max-width: 833px) {
  .install-container.publish-uber-panel__container.with-sidenav { padding-right: 40px; }
}

.install-container.publish-uber-panel__container .install-container__content { max-width: 780px; margin: 0px auto; padding: 0px; }

@media (max-width: 1150px) {
  .install-container.publish-uber-panel__container { flex-direction: column; width: 100%; max-width: 100%; margin: 0px 0px 32px; padding: 0px 100px 32px; }
}

@media (max-width: 768px) {
  .install-container.publish-uber-panel__container { padding: 32px 50px; }
}

@media (max-width: 768px) {
  .install-container.publish-uber-panel__container { padding: 32px 10px; }
}

.callout-sidebar-wrapper { width: 300px; margin-left: 16px; position: absolute; }

.callout-sidebar { width: auto; position: fixed; bottom: 0px; right: 16px; }

.callout-sidebar-container { width: 264px; }

.callout { border-radius: 4px; right: 0px; width: auto; background: rgb(248, 249, 250); padding: 16px; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(59, 140, 255) rgb(224, 230, 234) rgb(224, 230, 234); border-image: initial; text-align: center; align-items: center; justify-content: center; margin: 0px 0px 16px; box-shadow: rgb(239, 242, 244) 0px 2px 4px 0px; }

.callout-shopify { border-radius: 4px; right: 0px; width: auto; background-color: rgb(255, 255, 255); text-align: center; align-items: center; justify-content: center; border-top: 1px solid rgb(224, 230, 234); }

.fade-container { padding: 32px 0px; position: relative; }

.fade-container-shopify { width: 100%; max-width: 380px; padding: 24px 16px; position: relative; }

@media (max-width: 1150px) {
  .outer-install-container { flex-wrap: wrap; }
  .callout-sidebar-wrapper { width: 100%; margin-left: 0px; top: 100%; }
  .callout-sidebar { position: relative; left: 0px; }
  .callout-sidebar-container { width: 100%; }
  .callout { position: relative; top: 0px; order: 0; }
}

.callout__headline { margin-top: 0px; }

.callout__button { padding: 8px 16px; font-size: 0.9rem; }

.platform-selector .popular { flex-wrap: wrap; align-items: center; margin-left: -8px; }

.platform-selector .radio-image-list-item { width: 20%; min-width: 130px; }

.platform-selector .radio-image-component { margin-bottom: 32px; max-width: 900px; }

.platform-selector .radioImageContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px; margin: 0px; }

.platform-selector .radioCaption { margin: 0px auto; }

.platform-selector .radio-image-item-component__content { border-radius: 4px; margin: 8px; border: 1px solid rgb(239, 242, 244); }

.platform-selector .radio-image-item-component__content img { max-width: 100px; margin-top: -16px; }

.popular-platforms-selector { margin-top: 24px; }

.platform-img { height: 40px; }

.tutorial-container { width: 100%; }

@media (max-width: 1150px) {
  .tutorial-container { order: 2; }
}

.shopify-promo-wrap__banner { background: rgb(255, 229, 179); min-height: 248px; height: 100%; padding: 32px 0px 16px; display: flex; flex-direction: column-reverse; }

.shopify-promo-wrap__banner-mini { height: 166px; width: 604px; min-height: 166px; padding: 8px 0px 8px 32px; flex-direction: row; }

.shopify-promo-wrap__banner-mini .shopify-svg-logos { height: 140px; }

.shopify-promo-wrap__banner-mini .person-svg { height: 130px; margin-left: 32px; z-index: 10; }

.shopify-promo-wrap__banner-mini .shopify_text { font-size: 14px; font-weight: bold; }

@media only screen and (min-width: 992px) {
  .shopify-promo-wrap__banner { padding: 8px 0px 8px 32px; flex-direction: row; }
}

.shopify-promo-wrap__banner__left { margin: 0px auto; max-width: 80%; text-align: center; }

.shopify-promo-wrap__banner__left p { color: rgb(53, 64, 81); font-weight: 500; font-size: 16px; }

@media only screen and (min-width: 992px) {
  .shopify-promo-wrap__banner__left { max-width: 268px; margin-top: 32px; text-align: left; }
}

@media only screen and (max-width: 991px) {
  .shopify-promo-wrap__banner__right { justify-content: center; }
}

@media only screen and (min-width: 992px) {
  .shopify-promo-wrap__banner__right .shopify-svg-logos { position: absolute; right: 0px; }
}

.payment-success-banner { align-items: center; display: flex; position: relative; }

.payment-success-banner .payment-success-banner__icon-container { background-color: rgba(54, 196, 81, 0.38); border-radius: 50%; height: 33px; margin-right: 16px; padding: 4px; text-align: center; width: 33px; }

.payment-success-banner .payment-success-banner__icon { color: rgb(54, 196, 81); font-size: 1.5rem; }

.payment-success-banner .payment-success-banner__title { font-size: 1.125rem; }

.payment-success-banner .payment-success-banner__message { color: rgb(85, 102, 125); font-size: 1rem; }

.payment-success-banner .payment-success-banner__close { color: rgba(85, 102, 125, 0.5); position: absolute; right: 10px; top: 10px; cursor: pointer; }

.tutorial-greeting { padding: 8px 0px; text-align: center; }

@media (max-width: 1150px) {
  .tutorial-greeting { order: 1; }
}

.install-options { font-weight: bold; border-bottom: 1px solid rgb(224, 230, 234); padding-bottom: 32px; margin: 16px auto; }

.install-options__item { border: 1px solid rgb(224, 230, 234); cursor: pointer; display: flex; flex-direction: column; justify-content: center; min-height: 130px; }

.install-options__item.active { border: 1px solid rgb(59, 140, 255); color: rgb(59, 140, 255); background-color: rgb(248, 249, 250); }

.install-options__item.active .install-options__item_icon { color: rgb(59, 140, 255); }

.install-options__item_icon { font-size: 2.4rem; color: rgb(160, 171, 190); }

.change-platform { color: rgb(59, 140, 255); font-weight: bold; cursor: pointer; }

.all-platforms-buttons-container { display: flex; flex-wrap: wrap; align-items: center; max-width: 900px; margin-left: -16px; }

@media (max-width: 768px) {
  .all-platforms-buttons-container { justify-content: center; }
}

.all-platforms-buttons-container .platform-button { margin: 16px; color: rgb(107, 127, 154); border: 1px solid rgb(160, 171, 190); border-radius: 4px; padding: 8px 16px; min-width: 160px; background: rgb(255, 255, 255); }

.all-platforms-buttons-container .platform-button:hover { border: 1px solid rgb(54, 196, 81); }

.social-share-button { width: 40px; height: 40px; border-radius: 4px; color: rgb(255, 255, 255); outline: none; border: none; font-size: 1.5rem; }

.social-share-button:hover { opacity: 0.8; }

.social-share-button.facebook { background-color: rgb(59, 89, 152); }

.social-share-button.twitter { background-color: rgb(0, 173, 237); }

.social-share-button.linkedin { background-color: rgb(0, 119, 181); }

.success-section { height: 370px; border: 1px solid rgb(224, 230, 234); border-radius: 4px; }

@media (min-width: 768px) {
  .success-section { background: url("https://www.powrcdn.com/ab_images/install_flow/wavy_bg.png") left center / contain no-repeat; }
}

.tutorial-back-button { font-size: 1.5rem; }

.powrreact-radio-image-component .feature-blocker { cursor: pointer; }

.powrreact-radio-image-component .powrRadioImage { list-style-type: none; display: flex; }

.powrreact-radio-image-component .powrRadioImage__content { cursor: pointer; margin-right: 16px; }

.powrreact-radio-image-component .opinionSelect, .powrreact-radio-image-component .reviewSelect, .powrreact-radio-image-component .helpSelect { justify-content: center; }

.powrreact-radio-image-component .radio-image-list { list-style-type: none; display: flex; flex-flow: wrap; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active { transition: 0.2s; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active path { fill: rgb(59, 140, 255); }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active rect { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer { display: flex; flex-direction: column; justify-content: space-evenly; height: 120px; background-color: rgb(255, 255, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer .radioCaption { margin: 0px; line-height: 0.7; font-size: 16px; }

[data-qa*="GradientOrientation"] .radioImageContainer img { width: 75%; }

[data-qa*="GradientOrientation"] .radioImageContainer svg { width: 40px; height: 40px; }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active { color: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg path { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg rect { fill: rgb(59, 140, 255); }

.feedback-container { height: 0px; }

.feedback-container .feedback-container__close-icon { display: block; z-index: 1032; position: absolute; left: 94%; }

.feedback-container .feedback-container__fade-entered { position: absolute; margin: 0px; z-index: 1031; width: 100%; border: none; height: 100%; }

.feedback-container .feedback-container__fade-entered h4 { margin: 64px 0px; padding-top: 32px; }

.feedback-container .feedback-container__fade-entered .powrRadioImage { justify-content: space-evenly; }

.feedback-container .feedback-container__fade-entered .powrRadioImage .radioImageContainer { border: 2px solid rgba(0, 0, 0, 0); padding: 4px; cursor: pointer; }

.feedback-container .feedback-container__fade-entered .powrRadioImage .radioImageContainer img { width: 90px; margin: 0px; }

.feedback-container .feedback-container__fade-entered .powrRadioImage .radioImageContainer:hover { border-color: rgb(54, 196, 81); }

.give-feedback-container .review__select { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.give-feedback-container .review__select__sidebar { padding: 0px 26px 36px 0px; }

.give-feedback-container a.site-link { margin-right: 8px; color: rgb(59, 140, 255); text-decoration: underline; }

.give-feedback-container .opinionSelect, .give-feedback-container .reviewSelect { display: flex; align-items: center; justify-content: center; }

.give-feedback-container .askForReview { display: flex; align-items: center; justify-content: center; flex-direction: column; border-bottom: 1px solid rgb(224, 230, 234); max-width: 80%; margin-bottom: 32px; }

.give-feedback-container .review-star-icon { width: 240px; cursor: pointer; }

.give-feedback-container .radioImageContainer { margin-right: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.give-feedback-container .radioImage { margin-bottom: 8px; height: 100px; width: 100px; }

.give-feedback-container .radio-image-component { margin-top: 32px; }

.give-feedback-container .radio-image-item-component { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 160px; width: 160px; border-radius: 4px; margin: 16px 64px; padding: 16px; border: 1px solid rgba(0, 0, 0, 0); cursor: pointer; }

@media (max-width: 900px) {
  .give-feedback-container .radio-image-item-component { margin: 8px; }
}

.give-feedback-container .radio-image-item-component:hover { border-color: rgb(54, 196, 81); }

.give-feedback-container .radio-image-item-component:hover .radioImageContainer { border-color: rgba(0, 0, 0, 0); }

.close-icon { position: relative; z-index: 1; display: none; }

.template-review { display: grid; grid-template-columns: minmax(min-content, 416px); justify-content: center; }

.template-review__title { font-family: "Gordita Medium", sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 24px; text-align: center; color: rgb(53, 64, 81); }

.template-review__content { display: grid; row-gap: 16px; grid-template-areas: "subtitle" "buttons" "link"; }

.template-review__subtitle { grid-area: subtitle; font-family: Gordita, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; text-align: center; color: rgb(85, 102, 125); margin-top: 6px; margin-bottom: 0px; }

.template-review__buttons { gap: 12px 22px; grid-area: buttons; display: grid; grid-template-columns: repeat(auto-fit, minmax(197px, 1fr)); }

.template-review__link { grid-area: link; padding: 8px 20px; font-family: "Gordita Medium", sans-serif; font-size: 14px; line-height: 21px; font-weight: 500; background-color: rgb(59, 140, 255); color: rgb(255, 255, 255) !important; }

.template-review__callout { background-color: rgb(233, 239, 251); width: 170px; position: absolute; left: 16px; top: 16px; text-align: left; }

button.template-review__review-text, button.template-review__link { padding: 8px 20px; white-space: pre-wrap; font-family: "Gordita Medium", sans-serif; font-size: 14px; line-height: 21px; font-weight: 500; color: rgb(59, 140, 255); }

button.template-review__review-text.button-primary-outline, .topbar-nav .nav-links-group li button.template-review__review-text.pricing-nav-tab__business-banner-learn-more { border-color: rgb(59, 140, 255); color: rgb(59, 140, 255); }

.emoji-review__options { display: flex; flex-direction: row; column-gap: 24px; align-items: center; }

.emoji-review { display: flex; flex-direction: row; align-items: center; justify-content: center; }

.opinion-many { display: grid; grid-template-columns: minmax(min-content, 416px); justify-content: center; }

.opinion-many__sidebar { padding: 0px 16px; }

.opinion-many__title { font-family: "Gordita Medium", sans-serif; font-weight: 700; font-size: 16px; line-height: 21px; text-align: center; color: rgb(53, 64, 81); }

.opinion-many__title.opinion-many__unselected { font-family: Gordita; font-style: normal; font-weight: 400; font-size: 16px; line-height: 23px; color: rgb(85, 102, 125); }

.opinion-many__subtitle { grid-area: subtitle; font-family: Gordita, sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 19px; color: rgb(85, 102, 125); margin-top: 8px; margin-bottom: 16px; word-spacing: 2px; }

.opinion-many__emojis-container { display: flex; justify-content: center; }

.opinion-many__emoji { margin: 4px; height: 48px; width: 48px; box-sizing: border-box; border-radius: 5px; border: 1px solid rgb(239, 242, 244); }

.opinion-many__emoji-publish { background: center center no-repeat rgb(248, 249, 250); }

.opinion-many__emoji-modal { box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 4px; background: center center no-repeat rgb(255, 255, 255); }

.opinion-many__angry2, .opinion-many__angry2-disabled { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-angry-red2.png"); }

.opinion-many__angry2:hover, .opinion-many__angry2-selected { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-angry-red2.png"); border: 1px solid rgb(253, 90, 71); }

.opinion-many__meh2, .opinion-many__meh2-disabled { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-meh-yellow2.png"); }

.opinion-many__meh2:hover, .opinion-many__meh2-selected { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-meh-yellow2.png"); border: 1px solid rgb(255, 168, 0); }

.opinion-many__grin2, .opinion-many__grin2-disabled { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-grin-green2.png"); }

.opinion-many__grin2:hover, .opinion-many__grin2-selected { background-image: url("https://www.powrcdn.com/radioImages/reviews/review-grin-green2.png"); border: 1px solid rgb(54, 196, 81); }

.opinion-many__success { height: 39px; width: 39px; background-image: url("https://www.powrcdn.com/radioImages/reviews/review-success.png"); }

.opinion-many__buttons-container { display: flex; gap: 12px; justify-content: flex-end; }

.opinion-many__buttons { width: 99px; height: 37px; font-size: 14px; font-weight: 600; }

.opinion-many__cancel_btn { border: none; }

.opinion-many__cancel_btn:hover { border: 1.5px solid rgb(59, 140, 255); }

.opinion-many__textarea { padding: 16px; height: 92px; overflow: hidden; resize: none; }

.opinion-many__textarea.invalid { border: 1px solid rgb(208, 66, 57); }

.opinion-many__warning-msg { font-family: Gordita, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; color: rgb(208, 66, 57); margin-top: 4px; text-align: left; }

.ReactModal__Content.react-modal-review { background: none !important; box-shadow: none !important; }

.ReactModal__Content.react-modal-review .react-modal-close { margin-right: 30px; margin-top: 16px; z-index: 1; }

.grin-modal-buttons { display: flex; margin-top: 32px; justify-content: center; gap: 16px; }

.grin-modal-buttons > div > div { padding: 0px !important; }

.rewards-container { width: 100%; }

.rewards-section { display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 900px; width: 80%; margin: auto; }

@media (max-width: 600px) {
  .rewards-section { width: 100%; }
}

.unique-link-container { max-width: 900px; width: 100%; }

.rewards-giftbox { width: 400px; }

.rewards-link-label { align-self: flex-start; font-size: 1.2rem; color: rgb(160, 171, 190); margin-top: 32px; }

.shareURL { font-size: 1.6rem; width: 100%; height: 80px; }

@media (max-width: 600px) {
  .shareURL { font-size: 1rem; }
}

.share-button { width: 30%; }

@media (max-width: 600px) {
  .share-button { width: 100%; margin: 8px 0px; }
}

.rewards-share-buttons { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; color: rgb(255, 255, 255); width: 100%; height: 92px; }

@media (max-width: 600px) {
  .rewards-share-buttons { height: auto; }
}

.rewards-share-buttons .button { height: 60px; width: 100%; font-size: 1.4rem; display: flex; justify-content: flex-start; align-items: center; }

@media (max-width: 600px) {
  .rewards-share-buttons .button { margin: 8px 0px; }
}

.rewards-share-buttons .icon-holder { width: 50px; border-right: 1px solid rgb(238, 245, 255); padding-right: 16px; margin-right: 16px; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; }

.rewards-share-buttons .button-text-holder { display: flex; justify-content: center; }

.rewards-share-buttons .button-primary-outline, .rewards-share-buttons .topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more, .topbar-nav .nav-links-group li .rewards-share-buttons .pricing-nav-tab__business-banner-learn-more { color: rgb(59, 140, 255); }

.rewards-link { color: rgb(59, 140, 255); font-size: 0.8rem; margin-top: 16px; }

.rewards-link a { color: inherit; }

.is-highlighted { color: rgb(59, 140, 255); }

.publish-uber-panel { position: relative; margin-bottom: 0px; width: 100%; z-index: 3; background-color: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; height: 100%; min-height: 100vh; overflow-y: auto; }

.publish-uber-panel .save-success-notification-banner { max-width: 1600px; text-align: center; width: 100%; padding: 0px 8px; margin-bottom: 32px; }

.publish-uber-panel .save-success-notification-banner .publish-success-icon { font-size: 1.5rem; vertical-align: bottom; }

.firefox-scroll-hack { position: relative; min-height: 100px; border: 1px solid rgba(0, 0, 0, 0); }

.publish-uber-panel__container { background-color: rgb(255, 255, 255); width: 100%; max-width: 1600px; min-width: 320px; border-radius: 4px; padding: 32px 32px 64px; margin-bottom: 100px; }

@media (max-width: 1150px) {
  .publish-uber-panel__container { margin-top: 16px; margin-bottom: 150px; }
}

@media (max-width: 600px) {
  .publish-uber-panel__container { padding-left: 4px; padding-right: 4px; }
}

.price-table { height: 100%; }

.select-plan-container.publish-uber-panel__container { min-height: initial; }

@media (max-width: 900px) {
  .select-plan-container.publish-uber-panel__container { width: 100%; margin-bottom: 150px; }
}

.select-plan-container.publish-uber-panel__container .preloader { top: 20%; }

@media (max-width: 600px) {
  .select-plan-container.publish-uber-panel__container { padding-top: 0px; }
}

.fal.publish-uber-panel__close, .fal.upsell-success__close { top: 64px; right: 32px; position: fixed; display: flex; justify-content: center; }

.fal.upsell-success__close { top: 70px; }

.powrreact-radio-image-component .feature-blocker { cursor: pointer; }

.powrreact-radio-image-component .powrRadioImage { list-style-type: none; display: flex; }

.powrreact-radio-image-component .powrRadioImage__content { cursor: pointer; margin-right: 16px; }

.powrreact-radio-image-component .opinionSelect, .powrreact-radio-image-component .reviewSelect, .powrreact-radio-image-component .helpSelect { justify-content: center; }

.powrreact-radio-image-component .radio-image-list { list-style-type: none; display: flex; flex-flow: wrap; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active { transition: 0.2s; }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active path { fill: rgb(59, 140, 255); }

.powrreact-radio-image-component svg:not(.svg-skip-hover-css).is-active rect { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer { display: flex; flex-direction: column; justify-content: space-evenly; height: 120px; background-color: rgb(255, 255, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer .radioCaption { margin: 0px; line-height: 0.7; font-size: 16px; }

[data-qa*="GradientOrientation"] .radioImageContainer img { width: 75%; }

[data-qa*="GradientOrientation"] .radioImageContainer svg { width: 40px; height: 40px; }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active { color: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg path { fill: rgb(59, 140, 255); }

[data-qa*="GradientOrientation"] .radioImageContainer.is-active svg rect { fill: rgb(59, 140, 255); }

.platform-select-dropdown { margin-bottom: 15px; position: relative; }

.platform-select-dropdown .dropdown-arrow { color: rgb(85, 102, 125); font-size: 1.3rem; position: absolute; right: 10px; top: 10px; }

.platform-select-dropdown.open .platform-select-dropdown-btn { background-color: rgb(238, 245, 255); }

.platform-select-dropdown-btn { background: rgba(0, 0, 0, 0); border: 1px solid rgb(190, 198, 202); border-radius: 4px; padding: 10px; transition: 0.3s; width: 100%; z-index: 1; }

.platform-container { border: none; box-shadow: rgb(160, 171, 190) 0px 0px 6px -2px; padding: 10px; width: 100%; }

.platform-container .dropdown-divider { background-color: rgb(237, 237, 237); height: 1px; margin: 20px 0px; width: 100%; }

.platform-container .platforms-list { margin: 15px 0px; padding: 0px; }

.platform-container .platforms-list .platforms-list-item { box-sizing: border-box; display: inline-block; text-align: center; width: 32%; }

.platform-container .platforms-list .platforms-list-item .dropdown-item { border-radius: 4px; display: block; height: 100%; padding: 10px; transition: 0.3s; width: 100%; }

.platform-container .platforms-list .platforms-list-item .dropdown-item:hover { background-color: rgb(238, 245, 255); }

.platform-container .platforms-list .platforms-list-item.popular { font-size: 1rem; }

.platform-container .platforms-list .platforms-list-item.popular .dropdown-tem { padding: 10px; }

.platform-container .platforms-list .platforms-list-item.all { font-size: 0.8rem; }

.platform-container .platforms-list .platforms-list-item.all .dropdown-tem { padding: 5px; }

.platform-container .platforms-list .platforms-list-item .platform-logo { display: block; height: 48px; margin: 0px auto; width: 48px; }

#apps-standalone .platforms-list .platforms-list-item { display: inline-block; }

@media (min-width: 768px) {
  .app-card-cta .platform-container { min-width: 400px; }
}

@media (min-width: 1200px) {
  .app-card-cta .platform-container { float: none; left: 100%; transform: translateY(-40%); }
}

@keyframes preloader-scale { 
  0% { background-color: rgb(59, 140, 255); transform: scale(0.5); }
  50% { background-color: rgba(0, 0, 0, 0); transform: scale(1); }
  100% { background-color: rgb(59, 140, 255); transform: scale(0.5); }
}

.preloader { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }

.preloader .preloader__box { animation: 2s ease 0s infinite normal none running preloader-scale; border: 1px solid rgb(59, 140, 255); border-radius: 4px; height: 10px; left: 0px; position: absolute; width: 10px; }

.preloader .preloader__box:nth-child(n) { animation-delay: 0s; left: -18px; }

.preloader .preloader__box:nth-child(2n) { animation-delay: 0.2s; left: 0px; }

.preloader .preloader__box:nth-child(3n) { animation-delay: 0.4s; left: 18px; }

.preloader .preloader__message { position: absolute; width: 300px; left: -150px; top: 16px; text-align: center; }

.preloader.inline { position: relative; transform: none; width: 0px; min-height: 30px; }

.preloader.center { left: 0px; right: 0px; margin: 0px auto; }

.loader { margin: 0px auto; width: 100%; max-width: 400px; text-align: center; }

.loader .circle { background-color: rgb(82, 135, 223); border-radius: 100%; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running scale-loader; vertical-align: middle; }

.loader .small { width: 10px; height: 10px; opacity: 0.3; }

.loader .medium { width: 30px; height: 30px; opacity: 0.7; }

.loader .powr-logo-icon { fill: rgb(82, 135, 223); width: 60px; height: 60px; opacity: 1; vertical-align: middle; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running scale-loader; }

.loader .small { animation-delay: -0.48s; }

.loader .medium { animation-delay: -0.32s; }

@-webkit-keyframes scale-loader { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

@keyframes scale-loader { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

.app-search { margin-bottom: 32px; }

.app-search.is-popover { margin-bottom: 0px; }

.app-search__input-group { position: relative; }

.app-search__search-icon { color: rgb(160, 171, 190); font-size: 1.125rem; left: 16px; position: absolute; top: 22px; }

.app-search__search-input { border-radius: 4px; border: 1px solid rgb(190, 198, 202); color: rgb(53, 64, 81); display: block; font-size: 1.125rem; padding: 16px 16px 16px 40px; text-indent: 5px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.app-search__search-input:focus { border-color: rgb(59, 140, 255); outline: none; }

.app-search__search-input::placeholder { color: rgb(160, 171, 190); }

.app-search__search-input.is-popover { border-radius: 4px 4px 0px 0px; border-bottom: 1px solid rgb(190, 198, 202); border-top: none; border-left: none; border-right: none; }

.app-search__text_search { margin-bottom: 15px; }

.app-search__text_input_search { padding-top: 8px; padding-bottom: 10px; font-size: 0.875rem; padding-left: 38px; }

.app-search__text_search_icon { top: 14px; font-size: 0.875rem; }

.app-search--sm { margin-bottom: 0px; }

.app-search--sm .app-search__search-icon { font-size: 1rem; left: 8px; top: 10px; }

.app-search--sm .app-search__search-input { font-size: 0.875rem; padding: 6px 8px 6px 24px; }

.no-search-results { margin-top: 64px; text-align: center; width: 100%; }

.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }

.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }

.slick-track::before, .slick-track::after { display: table; content: ""; }

.slick-track::after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid rgba(0, 0, 0, 0); }

.slick-arrow.slick-hidden { display: none; }

.slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: rgba(0, 0, 0, 0); border: none; outline: none; background: rgba(0, 0, 0, 0); }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: rgba(0, 0, 0, 0); outline: none; background: rgba(0, 0, 0, 0); }

.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; }

.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; }

.slick-prev::before, .slick-next::before { font-family: "Font Awesome 5 Pro"; font-size: 20px; line-height: 1; opacity: 0.75; -webkit-font-smoothing: antialiased; color: rgb(99, 107, 117) !important; }

.slick-prev { left: -20px; }

[dir="rtl"] .slick-prev { right: -20px; left: auto; }

.slick-prev::before { content: ""; }

[dir="rtl"] .slick-prev::before { content: ""; }

.slick-next { right: -20px; }

[dir="rtl"] .slick-next { right: auto; left: -20px; }

.slick-next::before { content: ""; }

[dir="rtl"] .slick-next::before { content: ""; }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: rgba(0, 0, 0, 0); border: 0px; outline: none; background: rgba(0, 0, 0, 0); }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; }

.slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: rgb(0, 0, 0); -webkit-font-smoothing: antialiased; }

.slick-dots li.slick-active button::before { opacity: 0.75; color: rgb(0, 0, 0); }

.app-market { background-color: rgb(248, 249, 250); display: flex; flex-flow: wrap; margin: 0px auto; max-width: 2000px; padding: 32px 0px; width: 100%; }

.app-market__sidebar { display: none; }

.app-market__main-view { padding: 0px 32px; width: 100%; }

@media (min-width: 1200px) {
  .app-market__sidebar { display: flex; justify-content: center; width: 15%; }
  .app-market__main-view { width: 85%; margin: 0px auto; }
  .app-market__pricing-view { width: 100%; }
}

.app-market-nav { position: relative; }

.app-market-nav__list-item { color: rgb(53, 64, 81); cursor: pointer; font-size: 1rem; margin-bottom: 16px; transition: 0.2s; }

.app-market-nav__list-item:hover { color: rgb(59, 140, 255); }

.app-market-nav__list-item.is-active { color: rgb(59, 140, 255); font-weight: bold; }

.app-market-nav__category-icon { margin-right: 8px; width: 20px; }

.app-market-nav__category-icon--all { color: rgb(160, 171, 190); }

.app-market-nav__category-icon--popular { color: rgb(59, 140, 255); }

.app-market-nav__category-icon--boost-conversions { color: rgb(62, 194, 143); }

.app-market-nav__category-icon--get-more-followers { color: rgb(236, 64, 122); }

.app-market-nav__category-icon--collect-information { color: rgb(77, 208, 225); }

.app-market-nav__category-icon--engage-visitors { color: rgb(149, 117, 205); }

.app-market-nav__category-icon--support-customers { color: rgb(247, 146, 86); }

.app-market-nav__title { color: rgb(160, 171, 190); font-size: 0.875rem; text-transform: uppercase; font-weight: bold; }

.app-market-category-dropdown { margin-bottom: 16px; }

.app-market-category-dropdown__label { color: rgb(160, 171, 190); font-size: 1rem; font-weight: bold; }

.app-market-category-dropdown__select { background-color: rgb(255, 255, 255); border: 1px solid rgb(190, 198, 202); border-radius: 4px; color: rgb(53, 64, 81); height: 50px; width: 100%; }

@media (min-width: 1200px) {
  .app-market-category-dropdown { display: none; }
}

.app-category { background-color: rgba(0, 0, 0, 0); box-sizing: border-box; border-radius: 4px; margin-bottom: 32px; position: relative; width: 100%; }

.app-category__category-container { border-radius: 4px; border-left: 2px solid rgba(0, 0, 0, 0); margin-bottom: 32px; }

.app-category__header { border-radius: 4px; display: block; padding: 16px 16px 0px; position: relative; width: 100%; }

.app-category__header--popular .app-category__category-icon { color: rgb(59, 140, 255); }

.app-category__header--boost-conversions .app-category__category-icon { color: rgb(62, 194, 143); }

.app-category__header--get-more-followers .app-category__category-icon { color: rgb(236, 64, 122); }

.app-category__header--collect-information .app-category__category-icon { color: rgb(77, 208, 225); }

.app-category__header--engage-visitors .app-category__category-icon { color: rgb(149, 117, 205); }

.app-category__header--support-customers .app-category__category-icon { color: rgb(247, 146, 86); }

.app-category__category-icon { font-size: 2rem; margin-right: 16px; }

.app-category__category-icon i { vertical-align: top; }

.app-category__title { align-items: center; display: flex; margin: 0px; }

.app-category__description { margin-bottom: 0px; margin-top: 8px; }

.app-category__title-desc-container { margin-bottom: 8px; min-width: 300px; width: 100%; }

.app-category__view-all-btn-container { min-width: 300px; width: 100%; }

.app-category__body { display: flex; border-radius: 0px 0px 4px 4px; flex-wrap: wrap; }

@media screen and (min-width: 992px) {
  .app-category__header { align-items: flex-start; display: flex; }
  .app-category__title-desc-container { width: 75%; }
  .app-category__view-all-btn-container { align-self: flex-start; display: flex; justify-content: flex-end; width: 25%; }
}

.app-card { background-color: rgb(255, 255, 255); display: block; margin: 1%; min-width: 200px; overflow: hidden; padding: 16px; position: relative; width: 100%; }

.app-card:hover { box-shadow: rgba(160, 171, 190, 0.5) 0px 0px 10px 1px; }

.app-card:hover .app-card__icon { transform: translateY(-150%); }

.app-card:hover .app-card__action-items { transform: translateY(-15px); }

.app-card:hover .app-card__title-desc-container { transform: translateY(-50px); }

.app-card__title-desc-container { background-color: rgb(255, 255, 255); padding-top: 20px; text-align: center; transition: 0.3s; width: 100%; }

.app-card__title { color: rgb(53, 64, 81); font-size: 1rem; font-family: "Gordita Bold", sans-serif; margin-bottom: 8px; }

.app-card__icon { background: linear-gradient(to right, rgb(97, 185, 255), rgb(59, 140, 255)); border-radius: 4px; color: rgb(255, 255, 255); margin: 0px auto; text-align: center; -webkit-text-stroke: 1px; transition: 0.3s; width: 60px; height: 60px; }

.app-card__description { font-size: 0.875rem; line-height: 20px; }

.app-card__action-items { bottom: 0px; left: 0px; transform: translateY(200%); transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; right: 0px; text-align: center; width: 100%; }

.app-card__link { font-weight: bold; letter-spacing: 0.5px; }

@media (min-width: 768px) {
  .app-card { width: 48%; }
}

@media (min-width: 1024px) {
  .app-card { width: 31.3333%; }
}

@media (min-width: 1024px) and (orientation: landscape) {
  .app-card { width: 23%; }
}

@media (min-width: 1200px) {
  .app-card { width: 23%; }
}

.app-details-section { margin-bottom: 32px; width: 100%; }

.details-view-header { align-items: center; display: flex; padding: 32px 0px; }

.details-view-header__app-name-container { align-items: center; justify-content: space-between; width: 100%; }

.details-view-header__app-icon-container { margin-right: 16px; }

.details-view-header__app-icon { border-radius: 4px; color: rgb(255, 255, 255); font-size: 4rem; text-align: center; -webkit-text-stroke: 1px; width: 100px; min-width: 60px; min-height: 60px; }

.details-view-content__app-screenshots { background-color: rgba(0, 0, 0, 0); width: 100%; }

.details-view-content__app-long-description { margin-top: 32px; }

@media (min-width: 576px) {
  .details-view-header__app-name-container { display: flex; }
  .details-view-header__cta > button { width: auto; }
}

@media (min-width: 1200px) {
  .app-details-section { margin-left: auto; margin-right: auto; width: 75%; }
}

#static-embed { background-color: rgb(248, 249, 250); }

#static-embed .embed-code-snippet { margin: 0px auto; max-width: 1200px; min-width: 300px; width: 100%; }

#static-embed .back-button { display: inline-block; }

#static-embed p { color: rgb(85, 102, 125); }

#static-embed h3 { color: rgb(53, 64, 81); }

.sprite { background: url("//www.powrcdn.com/brand-logos/brandsprite11.png") left top no-repeat; width: 70px; height: 70px; }

.sprite.brand-3dcart { background-position: 0px 0px; }

.sprite.brand-bigcartel { background-position: -80px 0px; }

.sprite.brand-bigcommerce { background-position: -160px 0px; }

.sprite.brand-blogger { background-position: -240px 0px; }

.sprite.brand-blogspot { background-position: -240px 0px; }

.sprite.brand-drupal { background-position: -320px 0px; }

.sprite.brand-facebook { background-position: -400px 0px; }

.sprite.brand-google { background-position: -480px 0px; }

.sprite.brand-html { background-position: -560px 0px; }

.sprite.brand-ibuildapp { background-position: -640px 0px; }

.sprite.brand-iframe { background-position: -720px 0px; }

.sprite.brand-jimdo { background-position: -800px 0px; }

.sprite.brand-joomla { background-position: -880px 0px; }

.sprite.brand-jumpseller { background-position: -960px 0px; }

.sprite.brand-moonfruit { background-position: -1040px 0px; }

.sprite.brand-mozello { background-position: -1120px 0px; }

.sprite.brand-muse { background-position: -1200px 0px; }

.sprite.brand-ning { background-position: -1280px 0px; }

.sprite.brand-godaddy { background-position: -1360px 0px; }

.sprite.brand-oneandone { background-position: -1440px 0px; }

.sprite.brand-shopify { background-position: -1520px 0px; }

.sprite.brand-spacecraft { background-position: -1600px 0px; }

.sprite.brand-squarespace { background-position: -1680px 0px; }

.sprite.brand-tumblr { background-position: -1760px 0px; }

.sprite.brand-volusion { background-position: -1840px 0px; }

.sprite.brand-web { background-position: -1920px 0px; }

.sprite.brand-webs { background-position: -2000px 0px; }

.sprite.brand-webydo { background-position: -2080px 0px; }

.sprite.brand-weebly { background-position: -2160px 0px; }

.sprite.brand-wix { background-position: -2240px 0px; }

.sprite.brand-wordpress { background-position: -2320px 0px; }

.sprite.brand-yola { background-position: -2400px 0px; }

.sprite.brand-duda { background-position: -2470px 0px; }

.sprite.brand-imcreator { background-position: -2540px 0px; }

.sprite.brand-lightcms { background-position: -2846px 0px; }

.sprite.brand-showit { background-position: -2925px 0px; }

.sprite.brand-webstarts { background-position: -2610px 0px; }

.sprite.brand-strikingly { background-position: -2680px 0px; }

.sprite.brand-material { background-position: -2760px 0px; }

.sprite.brand-pulsecms { background-position: -3000px 0px; }

.sprite.brand-lightspeed { background-position: -3068px 0px; }

.sprite.brand-seoshop { background-position: -3140px 0px; }

.sprite.brand-bookmark { background-position: -3220px 0px; }

.sprite.brand-magento { background-position: -3300px 0px; }

.sprite.brand-pagecloud { background-position: -3380px 0px; }

.sprite.brand-webself { background-position: -3460px 0px; }

.sprite.brand-b12 { background-position: -3540px 0px; }

.sprite.brand-americommerce { background-position: -3617px 0px; }

.sprite.brand-zoho { background-position: -3694px 0px; }

.sprite.brand-cloudflare { background-position: -3776px 0px; }

.sprite.brand-ecwid { background-image: url("https://www.powrcdn.com/integrations/ecwid.svg"); background-size: contain; }

.recommened-apps-section h1 { font-size: 2.5rem; }

.recommened-apps-section .app-market { background-color: rgb(255, 255, 255); }

.recommened-apps-section .app-category__category-icon .sprite { transform: scale(0.55); transform-origin: left top; margin-right: -35px; margin-bottom: -35px; }

.standard-tutorial__steps { list-style: none; counter-reset: steps-counter 0; padding-left: 0px; }

.standard-tutorial__step { counter-increment: steps-counter 1; margin-bottom: 32px; position: relative; }

.standard-tutorial__step::before { content: counter(steps-counter) "."; font-size: 1.125rem; position: absolute; top: -3px; }

.standard-tutorial__step_content { width: 100%; }

.standard-tutorial__step_title { margin: 0px 0px 8px 24px; }

.standard-tutorial__step_show_me_icon { color: rgb(99, 107, 117); margin-right: 4px; }

.standard-tutorial__step_embed_code_wrapper { margin-bottom: 16px; }

.standard-tutorial__step_embed_code_wrapper .embed-code { text-align: left; }

.standard-tutorial__step_embed_code_wrapper .embed-code button { margin: 16px 0px 0px; }

.standard-tutorial__step_embed_code_wrapper .embed-code textarea { margin-top: 16px; }

.standard-tutorial__switch_option { border-radius: 4px; transition: 0.2s; border: 1px solid rgb(224, 230, 234); cursor: pointer; padding: 16px; text-align: center; color: rgb(53, 64, 81); font-size: 1.125rem; font-weight: bold; outline: none; margin-right: 16px; margin-top: 8px; }

.standard-tutorial__switch_option:hover, .standard-tutorial__switch_option.active { border-color: rgb(59, 140, 255); background-color: rgb(248, 249, 250); color: rgb(59, 140, 255); }

.standard-tutorial__feedback { width: 800px; height: 90px; border: 0px; position: absolute; top: -40px; left: -160px; }

.standard-tutorial__feedback-container { position: relative; margin-right: 200px; }

.standard-tutorial__feedback-container .was-this-helpful { color: rgb(107, 127, 154); font-size: 0.875rem; }

.showme-screen-modal { position: fixed; inset: 0px; overflow: auto; }

.showme-screen-modal .modal-description { margin-bottom: 16px; }

.showme-screen-modal .modal-video { min-height: 400px; width: 100%; }

.showme-screen-modal .showme-screen-modal-content.ReactModal__Content.ReactModal__Content--after-open { max-width: 1000px; min-width: 300px; width: 90%; margin: 100px auto; }

.showme-screen-modal .modal-body .preloader { position: relative; display: table; }

.showme-screen-modal .over-powr-loader { z-index: 1; position: relative; }

.clientInviteEmail, .clientInviteNote { border-radius: 4px; color: rgb(160, 171, 190); box-shadow: none; }

.star-before-input { position: absolute; left: -16px; top: 8px; }

.no-collaborators .fa-users { color: rgb(224, 230, 234); font-size: 2.75rem; }

.remove-collaborator { color: rgb(235, 130, 129); }

.powrone-ad-banner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 70px; height: auto; padding: 16px 31px 16px 24px; border-radius: 4px; cursor: pointer; }

.powrone-ad-banner__small { background: linear-gradient(120deg, transparent 0px, transparent 80%, rgb(20, 42, 96) calc(80% + 1px), rgb(20, 42, 96) 100%), linear-gradient(40deg, rgb(255, 212, 128) 0px, rgb(255, 212, 128) 68%, rgba(255, 212, 128, 0.8) 68%, rgba(255, 212, 128, 0.8) 100%); min-width: 440px; width: fit-content; }

@media (max-width: 460px) {
  .powrone-ad-banner__small { min-width: auto; background: linear-gradient(145deg, transparent 0px, transparent 66%, rgb(20, 42, 96) calc(66% + 1px), rgb(20, 42, 96) 100%), linear-gradient(40deg, rgb(255, 212, 128) 0px, rgb(255, 212, 128) 66%, rgba(255, 212, 128, 0.8) 66%, rgba(255, 212, 128, 0.8) 10%); }
}

.powrone-ad-banner__large { background: linear-gradient(145deg, transparent 0px, transparent 66%, rgb(20, 42, 96) calc(66% + 1px), rgb(20, 42, 96) 100%), linear-gradient(40deg, rgb(255, 212, 128) 0px, rgb(255, 212, 128) 66%, rgba(255, 212, 128, 0.8) 66%, rgba(255, 212, 128, 0.8) 10%); width: 100%; margin-bottom: 60px; }

@media (min-width: 768px) {
  .powrone-ad-banner__large { min-height: 150px; }
}

.powrone-ad-banner__wrapper { display: flex; align-items: center; }

.powrone-ad-banner__wrapper__small { gap: 8px; }

.powrone-ad-banner__wrapper__large { gap: 8px; }

@media (min-width: 768px) {
  .powrone-ad-banner__wrapper__large { gap: 32px; }
}

.powrone-ad-banner__text { color: rgb(20, 42, 96); }

.powrone-ad-banner__text :first-child { font-weight: 700; font-size: 18px; line-height: 24px; color: rgb(20, 42, 96) !important; margin: 0px !important; }

.powrone-ad-banner__text :last-child { font-weight: 700; font-size: 14px; line-height: 18px; margin-top: 8px; }

@media (max-width: 767px) {
  .powrone-ad-banner__text :last-child { display: none; }
}

.powrone-ad-banner__text__large { max-width: 50%; }

.powrone-ad-banner__icon__small { width: 24px; }

.powrone-ad-banner__icon__large { width: 56px; }

@media (max-width: 767px) {
  .powrone-ad-banner__icon__large { width: 24px; }
}

.powrone-ad-banner__arrow { color: rgb(255, 212, 128); width: 14px; font-weight: 500 !important; }

.powrone-ad-banner__arrow__large { display: none !important; }

.powrone-ad-banner__image__large { position: absolute; display: none; }

@media (min-width: 768px) {
  .powrone-ad-banner__image__large { display: block; bottom: -48px; right: 20px; }
}

.powrone-ad-banner__button__close { color: rgb(255, 255, 255); position: absolute; top: 5px; right: 10px; }

.powrone-ad-banner.hid { display: none !important; }

#publish-navigation-container { z-index: 1031; position: relative; width: 100%; }

@media (max-width: 600px) {
  #publish-navigation-container { position: absolute; width: 100%; }
}

#publish-navigation-container .publish-navigation { z-index: 1030; position: fixed; width: 100%; bottom: 0px; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px -2px 1px -2px; height: 100px; padding: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation { height: 150px; justify-content: center; }
}

#publish-navigation-container .publish-navigation__back-button { padding: 8px 32px; border-radius: 4px; font-size: 1rem; margin-left: 64px; height: 50px; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__back-button { margin: 0px 4px; width: 90%; padding: 0px; height: 40px; font-size: 0.8rem; }
}

#publish-navigation-container .publish-navigation__advance-button { padding: 8px 32px; border-radius: 4px; font-size: 1rem; margin-right: 64px; height: 50px; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__advance-button { margin: 0px 8px; width: 90%; padding: 0px; height: 40px; font-size: 0.8rem; }
}

#publish-navigation-container .publish-navigation__advance-text { margin-right: 64px; cursor: pointer; color: rgb(59, 140, 255); }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__advance-text { font-size: 0.8rem; margin-right: 8px; }
}

#publish-navigation-container .disabled { cursor: not-allowed; opacity: 0.5; }

@media (max-width: 600px) {
  #publish-navigation-container .hide-mobile { display: none; }
}

#publish-navigation-container .publish-navigation__nav-point { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 130px; font-size: 0.8rem; transition: 0.2s; }

#publish-navigation-container .publish-navigation__nav-point:hover { color: rgb(59, 140, 255); }

#publish-navigation-container .publish-navigation__nav-point .publish-navigation__step-label { height: 20px; margin-bottom: 8px; }

#publish-navigation-container .publish-navigation__nav-point .publish-navigation__icon-bg { font-size: 0px; }

#publish-navigation-container .publish-navigation__nav-point .publish-navigation__nav-point-icon:not(.inner-dot) { font-size: 1.2rem; }

#publish-navigation-container .publish-navigation__center { display: flex; flex-direction: column; align-items: center; justify-content: center; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__center { order: 0; }
}

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__center { margin-bottom: 16px; }
}

#publish-navigation-container .publish-navigation__left { width: 300px; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__left { order: 2; width: 50%; }
}

#publish-navigation-container .publish-navigation__right { width: 300px; text-align: right; }

@media (max-width: 1150px) {
  #publish-navigation-container .publish-navigation__right { order: 2; width: 50%; text-align: center; }
}

#publish-navigation-container .publish-navigation-meter { display: flex; }

#publish-navigation-container .publish-navigation__rewards-label { display: flex; }

#publish-navigation-container .publish-navigation__nav-points { display: flex; z-index: 2; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__nav-points .install { display: none; }
}

#publish-navigation-container .publish-navigation__rewards-icon { height: 15px; }

#publish-navigation-container .publish-navigation__not-future { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }

#publish-navigation-container .publish-navigation__icon-bg { background-color: rgb(255, 255, 255); border-radius: 50%; width: fit-content; margin-left: auto; margin-right: auto; }

#publish-navigation-container .icon-container { position: relative; }

#publish-navigation-container .inner-dot { color: rgb(59, 140, 255); font-size: 6px; height: 7px; width: 5px; margin: auto; position: absolute; inset: 0px; }

#publish-navigation-container .publish-navigation__nav-point--isPast { color: rgb(53, 64, 81); cursor: pointer; }

#publish-navigation-container .publish-navigation__nav-point--isPast .isPast-icon { color: rgb(59, 140, 255); }

#publish-navigation-container .publish-navigation__nav-point--isCurrent { color: rgb(59, 140, 255); cursor: pointer; }

#publish-navigation-container .publish-navigation__nav-point--isCurrent .publish-navigation__step-label { font-size: 0.9rem; font-weight: bold; }

#publish-navigation-container .publish-navigation__nav-point--isCurrent .isCurrent-icon { color: rgb(59, 140, 255); }

#publish-navigation-container .publish-navigation__nav-point--isFuture { color: rgb(160, 171, 190); cursor: pointer; }

#publish-navigation-container .publish-navigation__nav-point--isFuture .disabled { cursor: not-allowed; }

#publish-navigation-container .publish-navigation__line-container { height: 2px; background-color: rgb(160, 171, 190); width: 400px; position: relative; top: -11px; z-index: 0; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__line-container { width: 270px; }
}

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter { height: 2px; background-color: rgb(59, 140, 255); position: absolute; left: 0px; z-index: 1; }

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-select_plan { width: 0px; }

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-install { width: 130px; }

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-give_feedback { width: 270px; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-give_feedback { width: 130px; }
}

#publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-rewards { width: 390px; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__line-container .publish-navigation__line-meter-rewards { width: 260px; }
}

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-2 { width: 140px; }

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-2 .publish-navigation__line-meter-rewards { width: 140px; }

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-3 { width: 260px; }

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-3 .publish-navigation__line-meter-rewards { width: 260px; }

#publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-4 { width: 400px; }

@media (max-width: 600px) {
  #publish-navigation-container .publish-navigation__line-container.publish-navigation__meter-length-4 { width: 260px; }
}

@media (max-width: 600px) {
  #publish-navigation-container .publish { display: none; }
}

#publish-navigation-container .simple-loader { font-size: 6rem; margin: 100px 50%; color: rgb(224, 230, 234); }

#publish-navigation-container .publish-navigation__afterpublish-templates { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 1600px; min-width: 320px; }

#publish-navigation-container .publish-navigation__afterpublish-templates.with-sidenav { padding-left: 372px; }

.integration-screen-container { z-index: 1031; position: relative; width: 100%; top: 0px; }

@media (max-width: 600px) {
  .integration-screen-container { position: absolute; width: 100%; }
}

.integration-screen-container .integrations-screen { background-color: rgb(255, 255, 255); overflow: auto; position: absolute; width: 100%; height: 100vh; top: 0px; bottom: 0px; padding-bottom: 64px; }

.integration-screen-container .integrations-screen .integrations-screen__close { position: fixed; top: 30px; right: 30px; color: rgb(160, 171, 190); cursor: pointer; font-size: 1.6rem; }

@media (max-width: 600px) {
  .integration-screen-container .integrations-screen .integrations-screen__close { top: 15px; right: 15px; }
}

.integration-screen-container .integrations-screen .integrations-screen__content { width: 100%; max-width: 740px; margin: 100px auto 0px; }

@media (max-width: 600px) {
  .integration-screen-container .integrations-screen .integrations-screen__content { max-width: 600px; margin: 0px auto; padding: 60px; }
}

.integration-screen-container .integrations-screen .general-customer-radio-inputs input { margin-right: 16px; }

.integration-screen-container .notion-integration-controls__database-container .feature-blocker-container { width: 40%; margin-bottom: 32px; }

.integration-screen-container .integrations-screen.fading-out { transition: opacity 300ms; opacity: 0; }

.integration-screen-container .integrations-screen__divider { color: rgb(160, 171, 190); margin: 32px 0px; }

.delete { color: rgb(160, 171, 190); font-size: 1.4rem; }

.mailchimp-integration-controls, .vcita-integration-controls, .notion-integration-controls { position: relative; }

.mailchimp-integration-controls .powrreact-select-component, .vcita-integration-controls .powrreact-select-component, .notion-integration-controls .powrreact-select-component { width: 300px; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .powrreact-select-component, .vcita-integration-controls .powrreact-select-component, .notion-integration-controls .powrreact-select-component { width: 180px; }
}

.mailchimp-integration-controls .is-disabled.button-secondary-outline:hover, .vcita-integration-controls .is-disabled.button-secondary-outline:hover, .notion-integration-controls .is-disabled.button-secondary-outline:hover { color: rgb(255, 255, 255); }

.mailchimp-integration-controls .mailchimp-integration-controls__logo, .mailchimp-integration-controls .vcita-integration-controls__logo, .mailchimp-integration-controls .notion-integration-controls__logo, .vcita-integration-controls .mailchimp-integration-controls__logo, .vcita-integration-controls .vcita-integration-controls__logo, .vcita-integration-controls .notion-integration-controls__logo, .notion-integration-controls .mailchimp-integration-controls__logo, .notion-integration-controls .vcita-integration-controls__logo, .notion-integration-controls .notion-integration-controls__logo { width: 60px; height: 60px; position: absolute; left: -74px; top: -16px; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .mailchimp-integration-controls__logo, .mailchimp-integration-controls .vcita-integration-controls__logo, .mailchimp-integration-controls .notion-integration-controls__logo, .vcita-integration-controls .mailchimp-integration-controls__logo, .vcita-integration-controls .vcita-integration-controls__logo, .vcita-integration-controls .notion-integration-controls__logo, .notion-integration-controls .mailchimp-integration-controls__logo, .notion-integration-controls .vcita-integration-controls__logo, .notion-integration-controls .notion-integration-controls__logo { left: -60px; }
}

.mailchimp-integration-controls .mailchimp-integration-controls__title_tag, .vcita-integration-controls .mailchimp-integration-controls__title_tag, .notion-integration-controls .mailchimp-integration-controls__title_tag { display: flex; flex-direction: row; }

.mailchimp-integration-controls .mailchimp-integration-controls__connected-tag, .mailchimp-integration-controls .vcita-integration-controls__connected-tag, .vcita-integration-controls .mailchimp-integration-controls__connected-tag, .vcita-integration-controls .vcita-integration-controls__connected-tag, .notion-integration-controls .mailchimp-integration-controls__connected-tag, .notion-integration-controls .vcita-integration-controls__connected-tag { border-radius: 4px; background-color: rgb(219, 245, 224); color: rgb(53, 64, 81); padding: 4px 8px; font-size: 0.8rem; }

.mailchimp-integration-controls .mailchimp-integration-controls__not-connected-tag, .vcita-integration-controls .mailchimp-integration-controls__not-connected-tag, .notion-integration-controls .mailchimp-integration-controls__not-connected-tag { border-radius: 4px; background-color: rgb(255, 255, 255); color: rgb(53, 64, 81); padding: 4px 8px; font-size: 0.8rem; }

.mailchimp-integration-controls .mailchimp-integration-controls__connected-as, .mailchimp-integration-controls .vcita-integration-controls__connected-as, .vcita-integration-controls .mailchimp-integration-controls__connected-as, .vcita-integration-controls .vcita-integration-controls__connected-as, .notion-integration-controls .mailchimp-integration-controls__connected-as, .notion-integration-controls .vcita-integration-controls__connected-as { color: rgb(160, 171, 190); font-size: 0.8rem; }

.mailchimp-integration-controls .mailchimp-integration-controls__bottom-button-container .generic-tooltip__bubble, .mailchimp-integration-controls .vcita-integration-controls__bottom-button-container .generic-tooltip__bubble, .vcita-integration-controls .mailchimp-integration-controls__bottom-button-container .generic-tooltip__bubble, .vcita-integration-controls .vcita-integration-controls__bottom-button-container .generic-tooltip__bubble, .notion-integration-controls .mailchimp-integration-controls__bottom-button-container .generic-tooltip__bubble, .notion-integration-controls .vcita-integration-controls__bottom-button-container .generic-tooltip__bubble { margin-bottom: 10px; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container table, .vcita-integration-controls .mailchimp-integration-controls__fields-container table, .notion-integration-controls .mailchimp-integration-controls__fields-container table { width: 100%; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container th, .vcita-integration-controls .mailchimp-integration-controls__fields-container th, .notion-integration-controls .mailchimp-integration-controls__fields-container th { color: rgb(107, 127, 154); font-size: 0.8rem; font-weight: normal; padding-bottom: 16px; width: 50%; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container td, .vcita-integration-controls .mailchimp-integration-controls__fields-container td, .notion-integration-controls .mailchimp-integration-controls__fields-container td { color: rgb(53, 64, 81); padding-bottom: 16px; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning, .vcita-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning, .notion-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning { width: 300px; font-size: 0.8rem; color: rgb(107, 127, 154); line-height: 1.1; display: flex; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning, .vcita-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning, .notion-integration-controls .mailchimp-integration-controls__fields-container td .mailchimp-integration-controls__field-warning { width: 215px; }
}

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .mailchimpField, .mailchimp-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField, .mailchimp-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField-status, .vcita-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .mailchimpField, .vcita-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField, .vcita-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField-status, .notion-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .mailchimpField, .notion-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField, .notion-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .powrField-status { cursor: pointer; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .fa-trash-o, .vcita-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .fa-trash-o, .notion-integration-controls .mailchimp-integration-controls__fields-container .hoverDelete .fa-trash-o { color: rgb(160, 171, 190); }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .mailchimpField, .vcita-integration-controls .mailchimp-integration-controls__fields-container .mailchimpField, .notion-integration-controls .mailchimp-integration-controls__fields-container .mailchimpField { vertical-align: top; padding-top: 8px; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField { display: flex; justify-content: space-between; align-items: center; }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField-status, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField-status, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField-status { font-size: 1.4rem; padding-left: 32px; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField-status, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField-status, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField-status { padding-left: 8px; }
}

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField-requireError .Select .Select-control, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField-requireError .Select .Select-control, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField-requireError .Select .Select-control { border-color: rgb(235, 130, 129); }

.mailchimp-integration-controls .mailchimp-integration-controls__fields-container .powrField-typeWarned .Select .Select-control, .vcita-integration-controls .mailchimp-integration-controls__fields-container .powrField-typeWarned .Select .Select-control, .notion-integration-controls .mailchimp-integration-controls__fields-container .powrField-typeWarned .Select .Select-control { border-color: rgb(255, 212, 128); }

.mailchimp-integration-controls .notion-integration-controls__fields-container table, .vcita-integration-controls .notion-integration-controls__fields-container table, .notion-integration-controls .notion-integration-controls__fields-container table { width: 100%; }

.mailchimp-integration-controls .notion-integration-controls__fields-container th, .vcita-integration-controls .notion-integration-controls__fields-container th, .notion-integration-controls .notion-integration-controls__fields-container th { color: rgb(107, 127, 154); font-size: 0.875rem; font-weight: normal; padding-bottom: 16px; width: 50%; }

.mailchimp-integration-controls .notion-integration-controls__fields-container td, .vcita-integration-controls .notion-integration-controls__fields-container td, .notion-integration-controls .notion-integration-controls__fields-container td { color: rgb(53, 64, 81); padding-bottom: 16px; }

.mailchimp-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning, .vcita-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning, .notion-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning { width: 300px; font-size: 0.8rem; color: rgb(107, 127, 154); line-height: 1.1; display: flex; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning, .vcita-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning, .notion-integration-controls .notion-integration-controls__fields-container td .notion-integration-controls__field-warning { width: 215px; }
}

.mailchimp-integration-controls .notion-integration-controls__fields-container .hoverDelete .notionField, .mailchimp-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField, .mailchimp-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField-status, .vcita-integration-controls .notion-integration-controls__fields-container .hoverDelete .notionField, .vcita-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField, .vcita-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField-status, .notion-integration-controls .notion-integration-controls__fields-container .hoverDelete .notionField, .notion-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField, .notion-integration-controls .notion-integration-controls__fields-container .hoverDelete .powrField-status { cursor: pointer; }

.mailchimp-integration-controls .notion-integration-controls__fields-container .hoverDelete .fa-trash-o, .vcita-integration-controls .notion-integration-controls__fields-container .hoverDelete .fa-trash-o, .notion-integration-controls .notion-integration-controls__fields-container .hoverDelete .fa-trash-o { color: rgb(160, 171, 190); }

.mailchimp-integration-controls .notion-integration-controls__fields-container .notionpField, .vcita-integration-controls .notion-integration-controls__fields-container .notionpField, .notion-integration-controls .notion-integration-controls__fields-container .notionpField { vertical-align: top; padding-top: 8px; }

.mailchimp-integration-controls .notion-integration-controls__fields-container .powrField, .vcita-integration-controls .notion-integration-controls__fields-container .powrField, .notion-integration-controls .notion-integration-controls__fields-container .powrField { display: flex; justify-content: space-between; align-items: center; }

.mailchimp-integration-controls .notion-integration-controls__fields-container .powrField-status, .vcita-integration-controls .notion-integration-controls__fields-container .powrField-status, .notion-integration-controls .notion-integration-controls__fields-container .powrField-status { font-size: 1.4rem; padding-left: 32px; }

@media (max-width: 600px) {
  .mailchimp-integration-controls .notion-integration-controls__fields-container .powrField-status, .vcita-integration-controls .notion-integration-controls__fields-container .powrField-status, .notion-integration-controls .notion-integration-controls__fields-container .powrField-status { padding-left: 8px; }
}

.mailchimp-integration-controls .notion-integration-controls__fields-container .powrField-requireError .Select .Select-control, .vcita-integration-controls .notion-integration-controls__fields-container .powrField-requireError .Select .Select-control, .notion-integration-controls .notion-integration-controls__fields-container .powrField-requireError .Select .Select-control { border-color: rgb(235, 130, 129); }

.mailchimp-integration-controls .notion-integration-controls__fields-container .powrField-typeWarned .Select .Select-control, .vcita-integration-controls .notion-integration-controls__fields-container .powrField-typeWarned .Select .Select-control, .notion-integration-controls .notion-integration-controls__fields-container .powrField-typeWarned .Select .Select-control { border-color: rgb(255, 212, 128); }

.vcita-required-warning { font-size: 0.8rem; display: flex; }

.account-menu .avatar--has-notification::after, .open-account-menu .account-menu-list__link.has-notification::after { border-radius: 100%; border: 2px solid rgb(255, 255, 255); box-sizing: border-box; content: ""; background-image: linear-gradient(45deg, rgb(255, 78, 80) 0%, rgb(249, 212, 35) 100%); height: 15px; position: absolute; width: 15px; }

.react-account-container { display: flex; align-items: center; }

.account-menu { display: flex; align-items: center; cursor: pointer; position: relative; }

.account-menu .account-menu__mobile-icon { color: rgb(53, 64, 81); font-size: 1.5rem; }

.account-menu .avatar--has-notification { position: relative; }

.account-menu .avatar--has-notification::after { border: 2px solid rgb(255, 255, 255); inset: -2px -5px auto auto; }

.account-menu .avatar-placeholder { border-radius: 50%; background-color: rgb(239, 242, 244); height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; }

.account-menu .avatar-placeholder .alert-indicator { position: absolute; top: -5px; left: -5px; }

.account-menu .avatar-placeholder .alert-indicator i { color: rgb(255, 196, 0); font-weight: 900; }

.account-menu .avatar-placeholder i { font-size: 1.1rem; }

.account-menu i { color: rgb(85, 102, 125); font-weight: lighter; }

.account-menu .signed-in-menu, .account-menu .signed-out-menu { display: flex; align-items: center; }

.avatar-image { border-radius: 50%; height: 36px; width: 36px; }

.avatar-image-menu { border-radius: 50%; height: 36px; width: 36px; margin-right: 16px; }

.open-account-menu { position: absolute; z-index: 3; background-color: rgb(255, 255, 255); top: 76px; right: 14px; width: 210px; border-radius: 4px; box-shadow: rgb(160, 171, 190) 0px 1px 4px 0px; }

@media screen and (orientation: landscape) and (max-height: 400px) {
  .open-account-menu { height: 300px; overflow: auto; }
}

.open-account-menu .email-container { padding: 24px 24px 10px; font-size: 0.9rem; color: rgb(160, 171, 190); display: block; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.open-account-menu .sign-out-container { padding: 20px 24px; cursor: pointer; border-top: 1px solid rgb(239, 242, 244); }

.open-account-menu .sign-out-container:hover { background-color: rgb(239, 242, 244); border-radius: 0px 0px 4px 4px; }

.open-account-menu .account-menu-list__link { display: block; padding: 12px 24px; cursor: pointer; }

.open-account-menu .account-menu-list__link:hover { background-color: rgb(239, 242, 244); }

.open-account-menu .account-menu-list__link.has-icon { align-items: center; display: flex; }

.open-account-menu .account-menu-list__link.has-notification { position: relative; }

.open-account-menu .account-menu-list__link.has-notification::after { inset: 15px auto auto 5px; }

.open-account-menu .account-menu-list__link--share { padding: 0px; }

.open-account-menu .account-menu-list__link--share .button-nostyle-muted { padding: 12px 24px; text-align: left; width: 100%; }

.open-account-menu .account-menu-list__link--share .button-nostyle-muted:hover { color: rgb(85, 102, 125); }

.open-account-menu .account-menu-list__img { height: 20px; margin-left: 10px; }

.plugins-cards-container { display: flex; flex-wrap: wrap; align-items: center; }

.plugins-card { border: 1px solid rgb(224, 230, 234); position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 240px; margin: 16px; background-color: rgb(224, 230, 234); border-radius: 4px; transition: 0.2s; width: calc(100% - 32px); cursor: pointer; }

.plugins-card__paused { position: absolute; bottom: 100%; left: 0px; text-align: center; width: 100%; color: rgb(255, 255, 255); background: rgba(53, 64, 81, 0.4); }

@media screen and (min-width: 600px) {
  .plugins-card { width: calc(50% - 32px); }
}

@media screen and (min-width: 1024px) {
  .plugins-card { width: calc(33.3333% - 32px); }
}

@media screen and (min-width: 1200px) {
  .plugins-card { width: calc(25% - 32px); }
}

.plugins-card__link { width: 100px; margin: 0px auto; }

.plugins-card__top-menu { display: flex; justify-content: space-between; }

.plugins-card__app-status-tag { display: flex; justify-content: center; align-items: center; height: 24px; font-size: 0.8rem; padding: 0px 16px; border-radius: 4px; color: rgb(255, 255, 255); cursor: default; }

.plugins-card__app-status-tag.published { background: rgb(54, 196, 81); }

.plugins-card__app-status-tag.unpublished-content { background: rgb(255, 212, 128); }

.plugins-card__app-status-tag.draft { background: rgb(85, 102, 125); }

.plugins-card__nickname-container { color: rgb(53, 64, 81); width: 240px; font-size: 1.1rem; text-align: center; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px auto; padding: 0px 16px; cursor: pointer; }

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .plugins-card__nickname-container { width: 200px; }
}

@media screen and (min-width: 1200px) and (max-width: 1275px) {
  .plugins-card__nickname-container { width: 175px; }
}

@media screen and (min-width: 1275px) and (max-width: 1450px) {
  .plugins-card__nickname-container { width: 200px; }
}

.plugins-card__nickname-container input { width: 100%; font-size: 1rem; text-align: center; margin-bottom: 4px; }

.plugins-card__details { background: rgb(255, 255, 255); padding: 8px; border-radius: 0px 0px 4px 4px; }

.plugins-card__attributes { display: flex; flex-flow: wrap; justify-content: center; align-items: center; margin: 4px 0px; }

.plugins-card__apptype-display { color: rgb(160, 171, 190); font-size: 0.7rem; font-weight: bold; letter-spacing: 0.5px; }

.plugins-card__plan-indicator { display: flex; justify-content: center; align-items: center; background-color: rgb(238, 245, 255); font-size: 0.2rem; color: rgb(59, 140, 255); border-radius: 4px; cursor: default; height: 19px; padding: 0px 4px; }

.plugins-card__upgrade-indicator { display: flex; justify-content: center; align-items: center; background-color: rgb(237, 232, 250); font-size: 0.2rem; color: rgb(117, 96, 223); border-radius: 4px; cursor: pointer; height: 19px; padding: 0px 4px; }

.plugins-card__hover-menu { box-sizing: border-box; background-color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; border-top: 1px solid rgb(239, 242, 244); bottom: 0px; width: 100%; font-size: 0.8rem; padding: 8px; border-radius: 0px 0px 4px 4px; }

.plugins-card__hover-menu-edit:hover { color: rgb(59, 140, 255); }

.plugins-card__hover-menu-button { border-radius: 4px; }

.plugins-card__card-menu-trigger { color: rgb(85, 102, 125); font-size: 1.2rem; cursor: pointer; }

.plugins-card__card-menu { width: 130px; position: absolute; z-index: 3; background: rgb(255, 255, 255); top: 24px; right: -48px; font-size: 0.8rem; border-radius: 4px; box-shadow: rgb(160, 171, 190) 0px 1px 4px 0px; }

@media screen and (max-width: 768px) {
  .plugins-card__card-menu { right: -30px; }
}

.plugins-card__card-menu .links-container { padding: 0px; }

.plugins-card__card-menu .links-container .plugins-card__card-menu-link { display: block; font-size: 0.875rem; padding: 8px 16px; cursor: pointer; color: rgb(85, 102, 125); }

.plugins-card__card-menu .links-container .plugins-card__card-menu-link.last-updated { color: rgb(160, 171, 190); font-size: 0.6rem; width: 100%; }

.plugins-card__card-menu .links-container .plugins-card__card-menu-delete { color: rgb(215, 69, 69); }

.plugins-card__card-menu .links-container li:hover { background-color: rgb(239, 242, 244); }

.status-tooltip { font-size: 0.8rem; }

.update-status { text-decoration: underline; color: rgb(59, 140, 255) !important; }

.auto-generated-feed-modal-overlay, .app-draft-status-update-modal-overlay { position: fixed; inset: 0px; z-index: 9999; background-color: rgba(53, 64, 81, 0.5); }

.ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open.app-draft-status-update-modal-content { left: 0px; margin-left: auto; margin-right: auto; position: absolute; right: 0px; max-width: 525px; }

.generic-tooltip { position: relative; display: inline; }

.generic-tooltip .generic-tooltip__bubble { min-width: 120px; max-width: 300px; position: absolute; z-index: 10; border-color: rgb(53, 64, 81); }

.generic-tooltip .generic-tooltip__bubble::after { content: ""; position: absolute; }

.generic-tooltip .generic-tooltip__content { background: rgb(53, 64, 81); border-radius: 4px; color: rgb(255, 255, 255); font-size: 0.9rem; line-height: 1.25rem; padding: 8px; }

.generic-tooltip .generic-tooltip__title { font-size: 1.125rem; font-weight: bold; margin-bottom: 8px; }

.generic-tooltip .generic-tooltip__close { float: right; }

.generic-tooltip .generic-tooltip__close-icon { color: rgb(73, 88, 112); }

.generic-tooltip .generic-tooltip__close-icon:hover { color: rgb(83, 101, 127); }

.generic-tooltip .is-light { color: rgb(238, 245, 255); background-color: rgb(107, 127, 154); }

.generic-tooltip .is-light.generic-tooltip__bubble.is-light { border-bottom: rgb(107, 127, 154); background-color: rgba(0, 0, 0, 0); border-top-color: rgb(107, 127, 154); border-right-color: rgb(107, 127, 154); border-left-color: rgb(107, 127, 154); }

.generic-tooltip .is-white.generic-tooltip__bubble { border-color: rgb(255, 255, 255); }

.generic-tooltip .is-white.generic-tooltip__content { background: rgb(255, 255, 255); color: rgb(53, 64, 81); }

.generic-tooltip .is-blue.generic-tooltip__bubble { border-color: rgb(59, 140, 255); }

.generic-tooltip .is-blue.generic-tooltip__content { background: rgb(59, 140, 255); color: rgb(255, 255, 255); }

.generic-tooltip .is-top { bottom: 100%; left: 50%; padding-bottom: 9px; transform: translateX(-50%); }

.generic-tooltip .is-top::after { border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-top-width: 9px; border-top-style: solid; border-top-color: inherit; bottom: 0px; left: 50%; transform: translateX(-50%); }

.generic-tooltip .is-bottom { top: 100%; left: 50%; padding-top: 12px; transform: translateX(-50%); }

.generic-tooltip .is-bottom::after { border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: inherit; top: 4px; left: 50%; transform: translateX(-50%); }

.generic-tooltip .is-corner-bottom { top: 100%; left: -60px; padding-top: 12px; transform: translateX(-50%); }

.generic-tooltip .is-corner-bottom::after { border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: inherit; top: 4px; left: 83%; transform: translateX(-50%); }

.generic-tooltip .is-left { top: 50%; right: 100%; padding-right: 9px; transform: translateY(-50%); }

.generic-tooltip .is-left::after { border-left-width: 9px; border-left-style: solid; border-left-color: inherit; border-top: 9px solid rgba(0, 0, 0, 0); border-bottom: 9px solid rgba(0, 0, 0, 0); top: 50%; right: 0px; transform: translateY(-50%); }

.generic-tooltip .is-right { top: 50%; left: 100%; padding-left: 9px; transform: translateY(-50%); }

.generic-tooltip .is-right::after { border-right-width: 9px; border-right-style: solid; border-right-color: inherit; border-top: 9px solid rgba(0, 0, 0, 0); border-bottom: 9px solid rgba(0, 0, 0, 0); top: 50%; left: 0px; transform: translateY(-50%); }

.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open.recover-changes-modal-overlay { position: fixed; inset: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7) !important; }

.ReactModalPortal .buttonOptions { display: flex; justify-content: center; }

.product-updates { background-color: rgb(255, 255, 255); border-left: 1px solid rgb(224, 230, 234); height: 100%; top: 60px; position: fixed; right: 0px; transition: 0.5s; transform: translateX(100%); width: 300px; z-index: 4; }

@media screen and (min-width: 400px) {
  .product-updates { width: 400px; }
}

@media screen and (min-width: 768px) {
  .product-updates { width: 500px; }
}

.product-updates.is-open { transform: translateX(0px); }

.product-updates .product-updates__header { align-items: center; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 230, 234); display: flex; height: 64px; justify-content: space-between; padding: 32px; width: 100%; z-index: 3; }

.product-updates .product-updates__title { color: rgb(85, 102, 125); margin: 0px; }

.product-updates .product-updates__body { height: calc(100% - 64px); overflow: hidden auto; padding-bottom: 64px; }

.product-updates .pu-post { padding: 16px 32px; }

.product-updates .pu-post__title { line-height: 1.75rem; }

.product-updates .pu-post__details { align-items: center; color: rgb(160, 171, 190); display: flex; font-size: 0.875rem; }

.product-updates .pu-post__tag { background-color: rgb(117, 96, 223); border-radius: 4px; color: rgb(255, 255, 255); margin-right: 16px; min-width: 50px; padding: 2px 4px; text-align: center; text-transform: capitalize; }

.product-updates .pu-post__tag.is-fix { background-color: rgb(54, 196, 81); }

.product-updates .pu-post__tag.is-feature { background-color: rgb(117, 96, 223); }

.product-updates .pu-post__tag.is-bug { background-color: rgb(235, 130, 129); }

.product-updates .pu-post__tag.is-announcement { background-color: rgb(59, 140, 255); }

.product-updates .pu-post__content-container { margin: 16px 0px; }

.product-updates .pu-post__image-container { margin: 16px 0px; }

.product-updates .pu-post__image { max-height: 400px; }

.product-updates .pu-post__footer { align-items: center; display: flex; justify-content: space-between; margin-top: 16px; }

.product-updates .pu-post__footer-link-container { color: rgb(59, 140, 255); }

.product-updates .pu-post__likes { color: rgb(160, 171, 190); cursor: pointer; transition: 0.2s; }

.product-updates .pu-post__likes:hover { color: rgb(59, 140, 255); }

.product-updates .pu-post__likes.has-voted { color: rgb(59, 140, 255); }

.product-updates .no-more-product-updates { color: rgb(160, 171, 190); padding: 32px; text-align: center; }

.powrReactPopoverContainer { position: absolute; z-index: 5; }

.powrReactPopoverContainer .popover-arrow { height: 15px; width: 15px; background: rgb(255, 255, 255); transform-origin: 0px 100%; position: absolute; transform: rotate(45deg); }

.powrReactPopoverContainer .popover-arrow-bottom { border-top: 1px solid rgb(224, 230, 234); border-left: 1px solid rgb(224, 230, 234); }

.powrReactPopoverContainer .popover-arrow-top { border-bottom: 1px solid rgb(224, 230, 234); border-right: 1px solid rgb(224, 230, 234); }

.powrReactPopoverContainer.tooltip-icon-class-helper { z-index: -1; opacity: 0; pointer-events: none; }

.powrReactPopoverContainer.tooltip-icon-class-helper.visible { z-index: 5; opacity: 1; transition: opacity 1s; pointer-events: auto; }

.modal-backdrop-disable { position: absolute; inset: 0px; z-index: 1031; background-color: rgba(53, 64, 81, 0.8); }

.cookie_shim { height: 50px; width: 100%; display: none; }

@media (max-width: 1140px) {
  .cookie_shim { height: 60px; }
}

.cookie_modal_fix { margin-top: 60px; }

.cookie_bar, .maintenance-mode { width: 100%; z-index: 999999; position: fixed; transition: 0.2s; }

@media (max-width: 992px) {
  .cookie_bar, .maintenance-mode { font-size: 0.8rem; }
}

.cookie_bar { min-height: 50px; display: none; font-size: 0.8rem; }

.maintenance-mode { min-height: 60px; display: block; }

.cookie_info_toggle { cursor: pointer; }

.cookie_button_on { display: none; }

@media (max-width: 992px) {
  .cookie_button_on, .cookie_button_off { margin-bottom: 10px; }
}

.cookie_info_buttons { display: inline-block; }

.cookie_fine_top { font-size: 1rem; }

.cookie_info { width: 500px; top: 44px; right: 10px; position: fixed; z-index: 999999; transition: 0.2s; font-size: 0.8rem; display: none; }

.cookie_info p { font-size: 0.8rem; line-height: 1.2rem; padding-bottom: 0.3rem; }

.cookie_info a { font-weight: 600; }

@media (max-width: 954px) {
  .cookie_info { width: 400px; top: 150px; left: 0px; position: absolute; }
}

@media (max-width: 400px) {
  .cookie_info { width: 400px; top: 170px; left: 0px; position: absolute; }
}

.nav-mobile-menu { display: none; height: 100%; left: 0px; overflow: hidden; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 99999; }

.nav-mobile-menu .menu-close { color: rgb(53, 64, 81); cursor: pointer; font-size: 1.5rem; padding: 16px 32px; }

.nav-mobile-menu .nav-item { color: rgb(53, 64, 81); border-bottom: 1px solid rgb(190, 198, 202); display: block; font-size: 1.5rem; padding: 32px 0px; transition: 0.2s; }

.nav-mobile-menu .nav-item:hover, .nav-mobile-menu .nav-item:active { background-color: rgb(255, 255, 255); }

.nav-mobile-menu .signedOut { display: block; margin: 16px auto; max-width: 500px; }

.topbar-nav { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; height: 64px; padding: 0px 1%; position: fixed; top: 0px; width: 100%; z-index: 1031; display: flex; }

.topbar-nav .nav-logo, .topbar-nav .nav-account-settings { height: 100%; }

@media (max-width: 992px) {
  .topbar-nav .nav-link { display: none; }
}

.topbar-nav .nav-wrapper { display: flex; width: 100%; }

@media (max-width: 992px) {
  .topbar-nav .nav-wrapper .upgrade-button { display: none; }
}

.topbar-nav .nav-account-settings { margin-left: auto; }

@media (max-width: 992px) {
  .topbar-nav .nav-account-settings { width: 50%; }
}

.topbar-nav .nav-account-settings #js-user-journey { display: none; }

.topbar-nav .nav-logo { display: flex; align-items: center; }

.topbar-nav .nav-logo > a { white-space: nowrap; }

.topbar-nav .nav-account-settings { display: flex; justify-content: flex-end; }

.topbar-nav .nav-account-settings .nav-desktop { display: flex; }

@media (max-width: 1150px) {
  .topbar-nav .nav-account-settings .nav-desktop .triggerHelp, .topbar-nav .nav-account-settings .nav-desktop .button-upgrade { display: none; }
}

.topbar-nav .nav-account-settings .signed-in-container, .topbar-nav .nav-account-settings .signed-out-container { display: flex; align-items: center; }

@media (max-width: 992px) {
  .topbar-nav .nav-account-settings .signed-out-container .button { padding: 8px; }
}

.topbar-nav .nav-account-settings .signedOut { display: flex; align-items: center; }

.topbar-nav .nav-account-settings .nav-item { cursor: pointer; }

.topbar-nav .nav-account-settings .nav-item:not(.button-upgrade) { color: rgb(85, 102, 125); transition: 0.2s; }

.topbar-nav .nav-account-settings .nav-item:not(.button-upgrade) i { color: rgb(160, 171, 190); }

.topbar-nav .nav-account-settings .nav-item:not(.button-upgrade):hover { color: rgb(59, 140, 255); }

.topbar-nav .nav-account-settings-mobile .signed-out-container .signedOut { font-family: "Gordita Medium", sans-serif; font-size: 1.125rem; width: 50%; }

.topbar-nav .nav-mobile { display: none; }

@media (max-width: 1150px) {
  .topbar-nav .nav-mobile { display: flex; width: 100%; }
  .topbar-nav .nav-mobile i.fal { color: rgb(53, 64, 81); font-size: 30px; }
  .topbar-nav .nav-account-settings, .topbar-nav .nav-logo { display: none; }
}

.topbar-nav .nav-user-settings { min-width: 160px; position: relative; text-align: left; }

.topbar-nav .nav-user-settings .userAccountWithoutArrow, .topbar-nav .nav-user-settings .user-image-container { display: inline-block; vertical-align: middle; max-width: 300px; overflow: hidden; }

.topbar-nav .nav-user-settings .user-image-container { background-color: rgba(0, 0, 0, 0); border-radius: 100%; cursor: pointer; height: 35px; position: relative; overflow: hidden; width: 35px; }

.topbar-nav .nav-user-settings .user-image-container .user-image { border-radius: 100%; background-position: center center; background-size: cover; height: 100%; position: relative; vertical-align: top; width: 100%; }

.topbar-nav .nav-user-settings .user-image-container .user-image.placeholder { border: 1px solid rgb(224, 230, 234); }

.topbar-nav .nav-user-settings .user-account-popover { background-color: rgb(255, 255, 255); border-radius: 4px; cursor: default; display: none; min-width: 200px; position: absolute; right: 0px; top: 48px; width: 100%; box-shadow: rgb(160, 171, 190) 0px 1px 4px 0px; }

.topbar-nav .nav-user-settings .user-account-popover .user-account { padding: 16px; text-align: center; }

.topbar-nav .nav-user-settings .user-account-popover .user-account .user-image-container { height: 45px; width: 45px; }

.topbar-nav .nav-user-settings .user-account-popover .user-account-details { line-height: 25px; }

.topbar-nav .nav-user-settings .user-account-popover .user-account-details .userAccountWithoutArrow { display: block; color: rgb(53, 64, 81); font-weight: bold; }

.topbar-nav .nav-user-settings .user-account-popover .user-account-details .member-since { color: rgb(107, 127, 154); font-size: 0.8rem; }

.topbar-nav .nav-user-settings .user-account-popover .user-menu { border-top: 1px solid rgb(190, 198, 202); border-radius: 0px 0px 4px 4px; display: block; color: rgb(85, 102, 125); transition: 0.2s; }

.topbar-nav .nav-user-settings .user-account-popover .user-sign-out { background-color: rgb(239, 242, 244); border-top: 1px solid rgb(190, 198, 202); border-radius: 0px 0px 4px 4px; color: rgb(59, 140, 255); display: block; text-align: center; transition: 0.2s; }

.topbar-nav .nav-user-settings .user-account-popover .user-sign-out:hover { background-color: rgb(224, 230, 234); }

.topbar-nav .nav-user-settings .user-account-popover.is-open { animation: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running fade-in-bottom; display: block; }

@media (max-width: 1150px) {
  .topbar-nav #nav-links-group { display: none; }
}

.topbar-nav .nav-links-group { padding: 0px; margin-top: 0px; margin-bottom: 0px; list-style: none; }

.topbar-nav .nav-links-group li { height: 100%; position: relative; margin: 0px 16px; }

.topbar-nav .nav-links-group li:not(.pricing-nav-tab):hover a { color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li a { transition: 0.2s; display: block; font-size: 16px; padding: 16px 0px; white-space: nowrap; color: rgb(85, 102, 125); font-family: "Gordita Medium", sans-serif; }

.topbar-nav .nav-links-group li.active-link a { color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li.active-link a::before { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 3px; border-radius: 4px; background-color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li .pricing-nav-tab__button { display: flex; align-items: center; padding: 16px 0px; background: none; color: rgb(85, 102, 125); font-family: "Gordita Medium", sans-serif; border: none; outline: none; cursor: pointer; }

.topbar-nav .nav-links-group li .pricing-nav-tab__button:hover { color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li .pricing-nav-tab__button i { margin-top: 3px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown { position: absolute; top: 78px; left: 16px; width: 820px; padding: 40px 64px 40px 32px; background-color: rgb(255, 255, 255); border: 1px solid rgb(224, 230, 234); border-radius: 4px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown .row::before, .topbar-nav .nav-links-group li .pricing-nav-tab__dropdown .row::after { display: inline-block; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-arrow { display: block; height: 20px; width: 20px; background-color: inherit; border: inherit; position: absolute; top: -10px; left: 40px; clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(135deg); border-radius: 3px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-close-icon { position: absolute; top: 16px; right: 16px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-link, .topbar-nav .nav-links-group li .pricing-nav-tab__view-all-link { display: inline-block; color: rgb(53, 64, 81); padding: 0px; cursor: pointer; margin-top: 16px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-link:hover, .topbar-nav .nav-links-group li .pricing-nav-tab__view-all-link:hover { color: rgb(59, 140, 255); }

.topbar-nav .nav-links-group li .pricing-nav-tab__dropdown-link:first-child, .topbar-nav .nav-links-group li .pricing-nav-tab__view-all-link:first-child { }

.topbar-nav .nav-links-group li .pricing-nav-tab__view-all-link { position: absolute; bottom: 0px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner { padding: 32px; background-color: rgb(242, 248, 254); border-radius: 4px; }

.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-subtitle { color: rgb(85, 102, 125); margin-bottom: 32px; }

.topbar-nav .nav-links-group--mobile { padding: 0px 30px; }

.topbar-nav .nav-links-group--mobile li { margin: 0px; }

.topbar-nav .nav-links-group--mobile li a { padding-left: 0px; padding-right: 0px; font-size: 20px; }

.topbar-nav .nav-links-group--mobile li a::before { bottom: 4px; }

.topbar-nav .nav-links-group--mobile li.active-link { display: inline-block; }

.slide-menu-container { display: none; position: fixed; top: 63px; left: 0px; width: 100%; height: 100%; z-index: 1035; }

.slide-menu-container nav { top: 0px; left: -100%; position: absolute; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 2; }

@media (max-width: 1112px) and (min-width: 414px) {
  .slide-menu-container nav { width: 100%; }
}

.slide-menu-container .nav-menu-divider { border-top: 1px solid rgb(224, 230, 234); margin: 32px 0px; }

.slide-menu-container .nav-account-settings-mobile .account-name, .slide-menu-container .nav-account-settings-mobile .sign-out-link { font-size: 20px; color: rgb(85, 102, 125); font-family: "Gordita Medium", sans-serif; }

#static-home .topbar-nav { transition: background-color 0.2s; }

#static-home .topbar-nav:not(.is-scrolling) { background-color: rgba(0, 0, 0, 0); border-bottom: none; box-shadow: none; }

#static-home .topbar-nav:not(.is-scrolling) a.nav-link { color: rgb(255, 255, 255); }

#static-home .topbar-nav:not(.is-scrolling) .nav-mobile { color: rgb(255, 255, 255); }

#static-home .topbar-nav:not(.is-scrolling) .nav-logo { color: rgb(255, 255, 255); }

#static-home .topbar-nav:not(.is-scrolling) a.signUpTab { background-color: rgb(255, 255, 255); background-image: none; border: 2px solid rgba(0, 0, 0, 0); color: rgb(59, 140, 255); }

#static-home .topbar-nav:not(.is-scrolling) a.signUpTab:hover { color: rgb(59, 140, 255); }

#static-home .topbar-nav:not(.is-scrolling) a.signInTab { background-color: rgba(0, 0, 0, 0); border: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); }

#apps-wix_settings .topbar-nav, #mailchimp-connect .topbar-nav, #static-embed .topbar-nav { display: none; }

.step-badge { border-radius: 4px; width: 35px; height: 20px; background-color: rgb(248, 206, 212); text-align: center; }

@media (max-width: 992px) {
  .journey-title { white-space: nowrap; }
}

.journey-progress-bar { height: 6px; background-color: rgb(194, 222, 251); border-radius: 4px; cursor: pointer; }

.journey-progress-bar__completed { width: 0px; background-color: rgb(59, 140, 255); }

.journey-progress-bar .is-25 { width: 25%; }

.journey-progress-bar .is-33 { width: 33%; }

.journey-progress-bar .is-50 { width: 50%; }

.journey-progress-bar .is-66 { width: 66%; }

.journey-progress-bar .is-75 { width: 75%; }

.journey-progress-bar .is-99 { width: 99%; }

.journey-progress-bar .is-100 { width: 100%; }

.journey-tooltip { border-radius: 4px; box-shadow: rgba(160, 171, 190, 0.3) 0px 5px 10px; border: 1px solid rgb(224, 230, 234); background-color: rgb(255, 255, 255); width: 312px; }

@media (max-width: 762px) {
  .journey-tooltip { width: 218px; font-size: 0.8rem; }
}

.tooltip-controls { padding: 8px 8px 0px 16px; }

.tooltip-body { padding: 0px 16px 16px; }

.step-icon__is-checked { border-radius: 50%; background-color: rgb(219, 245, 224); color: rgb(54, 196, 81); padding: 3px; }

.step-icon__is-unchecked { color: rgb(224, 230, 234); font-size: 24px; }

.step-title__is-checked { color: rgb(160, 171, 190); text-decoration-line: line-through; }

.step-title__is-unchecked { color: rgb(53, 64, 81); cursor: pointer; }

.is-disabled { color: rgb(160, 171, 190); }

.chevron-icon { font-size: 14px; cursor: pointer; }

.chevron-icon__is-disabled { cursor: unset; color: rgb(160, 171, 190); }

.price-badge { border-radius: 4px; background-color: rgb(219, 245, 224); color: rgb(54, 196, 81); font-size: 0.7rem; vertical-align: middle; white-space: nowrap; }

@media (max-width: 762px) {
  .price-badge { width: 218px; font-size: 0.4rem; }
}

.back-button { font-size: 14px; color: rgb(102, 102, 102); }

.back-arrow { color: rgb(160, 171, 190); font-size: 16px; }

.optional-text { color: rgb(160, 171, 190); font-size: 12px; }

.sub-title { font-size: 14px; }

.secondary-text { color: rgb(160, 171, 190); font-size: 14px; }

.cursor-pointer { cursor: pointer; }

.progress-bar-container:hover { background-color: rgb(239, 242, 244); }

.topbar-nav-container { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 230, 234); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; height: 64px; padding: 0px 1%; position: fixed; top: -64px; transition: top 0.3s; width: 100%; z-index: 1031; display: flex; justify-content: center; }

.topbar-nav-container .container { top: -64px; padding: 0px 15px; transition: top 0.3s; }

.topbar-nav-container .container .start-free-button { display: none; }

.topbar-nav-container .container .sign-up-btn, .topbar-nav-container .container .log-in-btn { font-weight: 500; font-size: 16px; line-height: 24px; font-family: Gordita; }

@media (max-width: 768px) {
  .topbar-nav-container .container .sign-up-btn, .topbar-nav-container .container .log-in-btn { font-size: 14px; }
}

.topbar-nav-container .container .sign-up-btn { background: rgb(59, 140, 255); border-radius: 5px; color: rgb(255, 255, 255); border: none; padding: 8px 22px; }

@media (max-width: 768px) {
  .topbar-nav-container .container .sign-up-btn { margin-right: 0px; }
}

.topbar-nav-container .container .log-in-btn { color: rgb(53, 64, 81); border: none; }

.topbar-nav-container.topbar-container .upgrade-button { display: none; }

.topbar-nav-container.topbar-container .account-button { display: none; }

.topbar-nav-container.topbar-container .start-free-button { display: block; }

#toast-container { position: fixed; width: 100%; bottom: 25px; display: flex; justify-content: center; z-index: 1031; }

#toast-container .url-link { color: rgb(59, 140, 255); text-decoration: underline; }

#toast-container .publish-success { font-size: 1.2rem; }

#toastify-container { z-index: 1031; }

.toastify { border-radius: 4px; max-width: 400px; padding: 8px 16px; text-align: center; width: 100%; z-index: 1; position: relative; }

.toastify a { text-decoration: underline; }

.toastify--primary { background-color: rgb(238, 245, 255); border: 1px solid rgb(59, 140, 255); color: rgb(53, 64, 81); }

.toastify--caution { background-color: rgb(255, 255, 255); border-top: 3px solid rgb(255, 229, 179); color: rgb(53, 64, 81); }

.toastify--failure { background-color: rgb(255, 255, 255); border-top: 3px solid rgb(242, 174, 173); color: rgb(235, 130, 129); }

.toastify--failure a { color: rgb(59, 140, 255); }

.toastify--success { background-color: rgb(219, 245, 224); border-top: 3px solid rgb(91, 210, 114); color: rgb(53, 64, 81); }

.toastify--unblock-feature { background-color: rgb(53, 64, 81); color: rgb(248, 249, 250); text-align: left; }

.toastify_with-icon > i { top: 20px; left: 15px; position: absolute; font-size: 32px; }

.toastify_with-icon > i.unblock-feature { color: rgb(117, 96, 223); }

.toastify_with-icon > div { padding: 10px 10px 10px 45px; font-size: 14px; }

.toastify-reset.Toastify__toast-container { padding: 0px; width: inherit; }

.toastify-reset.Toastify__toast--default { background: inherit; }

.toastify-reset .Toastify__toast { padding: 0px; background: rgba(0, 0, 0, 0); box-shadow: none; }

.toastify-reset .Toastify__close-button { position: absolute; color: rgb(255, 255, 255); top: 4px; right: 9px; z-index: 1; }

.toastify-popout.Toastify__toast-container { width: 100%; }

.Toastify__toast-container { z-index: 9999; transform: translate3d(0px, 0px, 9999px); position: fixed; padding: 4px; width: 320px; box-sizing: border-box; color: rgb(255, 255, 255); }

.Toastify__toast-container--top-left { top: 1em; left: 1em; }

.Toastify__toast-container--top-center { top: 1em; left: 50%; margin-left: -160px; }

.Toastify__toast-container--top-right { top: 1em; right: 1em; }

.Toastify__toast-container--bottom-left { bottom: 1em; left: 1em; }

.Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; margin-left: -160px; }

.Toastify__toast-container--bottom-right { bottom: 1em; right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container { width: 100vw; padding: 0px; left: 0px; margin: 0px; }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: 0px; }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: 0px; }
  .Toastify__toast-container--rtl { right: 0px; left: initial; }
}

.Toastify__toast { position: relative; min-height: 64px; box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px, rgba(0, 0, 0, 0.05) 0px 2px 15px 0px; display: flex; justify-content: space-between; max-height: 800px; overflow: hidden; font-family: sans-serif; cursor: pointer; direction: ltr; }

.Toastify__toast--rtl { direction: rtl; }

.Toastify__toast--default { background: rgb(255, 255, 255); color: rgb(170, 170, 170); }

.Toastify__toast--info { background: rgb(52, 152, 219); }

.Toastify__toast--success { background: rgb(7, 188, 12); }

.Toastify__toast--warning { background: rgb(241, 196, 15); }

.Toastify__toast--error { background: rgb(231, 76, 60); }

.Toastify__toast-body { margin: auto 0px; flex: 1 1 0%; }

@media only screen and (max-width: 480px) {
  .Toastify__toast { margin-bottom: 0px; }
}

.Toastify__close-button { color: rgb(255, 255, 255); font-weight: bold; font-size: 14px; background: rgba(0, 0, 0, 0); outline: none; border: none; padding: 0px; cursor: pointer; opacity: 0.7; transition: 0.3s; align-self: flex-start; }

.Toastify__close-button--default { color: rgb(0, 0, 0); opacity: 0.3; }

.Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; }

@keyframes Toastify__trackProgress { 
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}

.Toastify__progress-bar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 5px; z-index: 9999; opacity: 0.7; background-color: rgba(255, 255, 255, 0.7); transform-origin: left center; }

.Toastify__progress-bar--animated { animation: auto linear 0s 1 normal forwards running Toastify__trackProgress; }

.Toastify__progress-bar--controlled { transition: transform 0.2s; }

.Toastify__progress-bar--rtl { right: 0px; left: initial; transform-origin: right center; }

.Toastify__progress-bar--default { background: linear-gradient(to right, rgb(76, 217, 100), rgb(90, 200, 250), rgb(0, 122, 255), rgb(52, 170, 220), rgb(88, 86, 214), rgb(255, 45, 85)); }

@keyframes Toastify__bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes Toastify__bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

@keyframes Toastify__bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes Toastify__bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

@keyframes Toastify__bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

@keyframes Toastify__bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}

@keyframes Toastify__bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@keyframes Toastify__zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}

.Toastify__zoom-enter { animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit { animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn { 
  0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { transform: perspective(400px); }
}

@keyframes Toastify__flipOut { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}

.Toastify__flip-enter { animation-name: Toastify__flipIn; }

.Toastify__flip-exit { animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight { 
  0% { transform: translate3d(110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__slideInLeft { 
  0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__slideInUp { 
  0% { transform: translate3d(0px, 110%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__slideInDown { 
  0% { transform: translate3d(0px, -110%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes Toastify__slideOutRight { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(110%, 0px, 0px); }
}

@keyframes Toastify__slideOutLeft { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(-110%, 0px, 0px); }
}

@keyframes Toastify__slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 500px, 0px); }
}

@keyframes Toastify__slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -500px, 0px); }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; }

.fade-entering { opacity: 0; transition: opacity 0.5s; }

.fade-entered { opacity: 1; transition: opacity 0.5s; }

.fade-exiting { opacity: 0; transition: opacity 0.5s; }

.fade-exited { opacity: 0; transition: opacity 0.5s; }

.notification-banner--review { background-color: rgb(255, 255, 255); box-shadow: rgb(160, 171, 190) 0px 2px 1px -2px; width: 100%; }

.notification-banner__ratings { display: flex; color: rgb(59, 140, 255); justify-content: flex-start; flex-direction: column; float: left; }

.notification-banner__ratings .rate { padding: 8px; min-width: 45px; min-height: 45px; display: inline-block; border-radius: 5px; cursor: pointer; margin: 8px 8px 8px 0px; border: 2px solid; text-align: center; }

.notification-banner__ratings .rate:hover { border: 2px solid; }

.button-card { border: 1px solid rgba(0, 0, 0, 0); transition: 0.2s; background-color: rgb(255, 255, 255); }

.button-card:hover { box-shadow: rgba(56, 104, 216, 0.12) 0px 4px 20px 0px; }

.button-card__button { position: relative; z-index: 2; }

.flex-row .button-card, .text-with-button .button-card { margin-right: 20px; }

.flex-row .button-card:last-child, .text-with-button .button-card:last-child { margin-right: 0px; }

.phone-number__input { width: 100%; padding-left: 48px !important; }

.phone-number__input-wrapper { flex: 1 1 auto; margin-bottom: 7px; }

.phone-number__input__wrapper { display: flex; gap: 6px; }

.phone-number__wrapper { display: flex; flex-flow: column wrap; justify-content: space-between; }

.phone-number__wrapper .phone-label span { display: contents; }

.phone-number__extension { border-radius: 4px; text-align: left; flex: 0 0 auto; min-width: 64px; }

.flag-container { right: unset !important; }

.edit-on-click { display: flex; position: absolute; }

.edit-on-click:hover .edit-on-click__hover { background-color: rgba(53, 64, 81, 0.2); filter: invert(100%); }

.edit-on-click:hover .edit-on-click__buttons { display: flex; }

.edit-on-click__hover { flex: 1 1 0%; cursor: context-menu; }

.edit-on-click__buttons { display: none; position: absolute; align-items: center; justify-content: center; z-index: 3; }

.edit-on-click__buttons--reverse { flex-direction: row-reverse; }

.edit-on-click-button { display: flex; align-items: center; justify-content: center; background-color: rgb(239, 242, 244); }

.edit-on-click-button button { background-color: rgba(0, 0, 0, 0) !important; height: 20px; }

.edit-on-click-button i { color: rgb(85, 102, 125); }

.edit-on-click-button i:hover { color: rgb(59, 140, 255); }

.edit-on-click-button__settings { flex-direction: column; padding: 12px; border-radius: 4px 0px 0px 4px; }

.edit-on-click-button__settings__divider { border-top: 1px solid rgb(255, 255, 255); margin: 10px 0px; width: 90%; }

.edit-on-click-button__settings--right-position { border-radius: 0px 4px 4px 0px; margin-left: 2px; }

.edit-on-click-button__arrow { height: 38px; padding: 0px 4px; }

.edit-on-click-button__arrow__divider { height: 2px; width: 100%; background-color: rgba(0, 0, 0, 0); }

.edit-on-click-button--delete i:hover { color: rgb(253, 90, 71); }

.edit-on-click-button--disabled i { color: rgb(85, 102, 125); opacity: 0.3; }

.edit-on-click-button--disabled i:hover { color: rgb(85, 102, 125); }

.edit-on-click-button--left-m { margin-left: 10px; }

.edit-on-click-add-element { display: flex; height: 100%; justify-content: center; align-items: center; }

.edit-on-click-add-element:hover .edit-on-click-add-element__dashed-line, .edit-on-click-add-element:hover .edit-on-click-add-element__plus-button { display: flex; }

.edit-on-click-add-element__dashed-line { display: none; position: absolute; left: -3px; height: 1px; width: 100%; background-image: linear-gradient(to right, transparent 50%, rgb(190, 198, 202) 50%); background-size: 15px 100%; }

.edit-on-click-add-element__plus-button { display: none; position: relative; cursor: pointer; width: 14px; height: 16px; }

.edit-on-click-add-element__plus-button > i { position: absolute; top: 1px; }

.edit-on-click-add-element__plus-button:hover .edit-on-click-add-element__icon { display: none; }

.edit-on-click-add-element__plus-button:hover .edit-on-click-add-element__icon--hover { display: inline; }

.edit-on-click-add-element .edit-on-click-add-element__icon { color: rgb(53, 64, 81); }

.edit-on-click-add-element .edit-on-click-add-element__icon--hover { display: none; color: rgb(59, 140, 255); }

.edit-on-click-toggle { display: flex; justify-content: center; align-items: center; margin: 14px 0px; background: rgb(255, 255, 255); }

.edit-on-click-toggle__button { font-size: 14px; color: rgb(85, 102, 125); cursor: pointer; height: 18px; display: flex; align-items: center; }

.edit-on-click-toggle__button:hover { color: rgb(59, 140, 255); }

.edit-on-click-toggle__button--active { color: rgb(85, 102, 125); box-shadow: rgb(85, 102, 125) 0px -1px inset; }

.edit-on-click-toggle__button--active:hover { color: rgb(85, 102, 125); }

.edit-on-click-toggle.shopify-embedded-standalone { background: none; }

.edit-on-click-toggle--popup { z-index: 3; border-radius: 4px; padding: 8px; max-width: 300px; display: flex; justify-content: center; align-items: center; margin: 14px 0px; background: rgba(0, 0, 0, 0.5); }

.edit-on-click-toggle--popup__button { font-size: 14px; color: rgb(255, 255, 255); cursor: pointer; height: 18px; display: flex; align-items: center; }

.edit-on-click-toggle--popup__button:hover { color: rgb(149, 206, 255); }

.edit-on-click-toggle--popup__button--active { color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px -1px inset; }

.edit-on-click-toggle--popup__button--active:hover { color: rgb(149, 206, 255); }

.edit-on-click-toggle--display-on-click { width: fit-content; margin: 0px auto 4px; padding: 16px 32px; border-radius: 4px 4px 0px 0px; }

.form-divider { border-top: 2px dashed rgba(0, 0, 0, 0); filter: invert(100%); margin: 4px -32px; }

.form-divider.form-divider__visible { border-color: rgba(53, 64, 81, 0.4); }

.ratingOption { display: flex; justify-content: flex-start; margin-top: 5px; }

.ratingOption.center { justify-content: center; }

.ratingOption.right { justify-content: end; }

.ratingOptionItem { display: inline-block; flex: 0 1 50px; }

.ratingOptionItem:last-child { padding-right: 0px; }

.ratingOptionItem p { padding-right: 7px; }

.ratingOptionItem svg { width: 100%; max-height: 50px; cursor: pointer; padding: 0px 7px 0px 0px; }

.ratingOptionItem svg path { fill: inherit; fill-opacity: 0; stroke-width: 5%; }

.ratingOptionItemHover svg path { fill-opacity: 0.2; }

.ratingOptionItemActive svg path { fill-opacity: 1; }

.rating-label { font-family: Lato; font-weight: 400; color: rgb(66, 66, 66); }

.form-container .form-dropdown { position: relative; display: block; width: 100%; }

.form-container .form-dropdown__current { position: relative; cursor: pointer; outline: none; overflow: hidden; }

.form-container .form-dropdown__current:focus + .form-dropdown__list { opacity: 1; animation-name: none; }

.form-container .form-dropdown__current:focus + .form-dropdown__list .form-dropdown__option { cursor: pointer; }

.form-container .form-dropdown__current:focus .form-dropdown__icon i { transform: rotate(180deg); }

.form-container .form-dropdown__icon { position: absolute; top: 0px; right: 13px; height: 100%; display: flex; flex-direction: column; justify-content: center; pointer-events: none; }

.form-container .form-dropdown__icon i { padding-top: 4px; transition: 0.2s; font-size: 1.5rem; color: rgb(85, 102, 125); }

.form-container .form-dropdown__value { display: flex; }

.form-container .form-dropdown__input { display: none; }

.form-container .form-dropdown__input:checked + .form-dropdown__input-text { display: block; }

.form-container .form-dropdown__input-text { display: none; width: 100%; margin: 0px; padding: 6.5px 12px; line-height: 1.4; }

.form-container .form-dropdown__list { max-height: 220px; overflow-y: auto; position: absolute; margin-top: 2px; width: 100%; padding: 0px 4px; list-style: none; opacity: 0; z-index: 3; border-style: solid; animation-name: HideList; animation-duration: 0.5s; animation-delay: 0.5s; animation-fill-mode: forwards; animation-timing-function: step-start; }

.form-container .form-dropdown__list::-webkit-scrollbar { width: 6px; }

.form-container .form-dropdown__list::-webkit-scrollbar-thumb { background: rgba(153, 153, 153, 0.25); }

.form-container .form-dropdown__option { display: block; padding: 8px 6px; background-color: rgba(0, 0, 0, 0); }

.form-container .form-dropdown__option:hover, .form-container .form-dropdown__option:focus { background-color: rgba(153, 153, 153, 0.25); }

.form-container .choice-option__label p { margin: 0px; color: rgb(45, 45, 45); }

.form-container .choice { box-sizing: border-box; }

.form-container .choice .choice-options-label { margin-top: 0px; margin-bottom: 10px; }

.form-container .choice .choice-options { display: flex; flex-flow: column wrap; }

.form-container .choice .choice-options.horizontal { flex-direction: row; }

.form-container .choice .choice-options.horizontal .choice-option { width: auto; margin: 0px 10px 10px 0px; }

.form-container .choice .choice-option { display: flex; justify-content: space-between; margin: 0px 0px 10px; cursor: pointer; }

.form-container .choice .choice-option:last-child { margin: 0px; }

.form-container .choice .choice-option__input-wrapper { display: flex; align-items: center; }

.form-container .choice .choice-option__input-wrapper.horizontal { margin-right: 5px; }

.form-container .choice .choice-option__input { display: flex; margin-right: 12px; }

.form-container .choice .choice-option__input input[type="radio"] { opacity: 0; width: 0px; height: 0px; }

.form-container .choice .choice-option__input input[type="checkbox"] { opacity: 0; width: 0px; height: 0px; margin-top: 0px; }

.form-container .choice .choice-option__input input[type="radio"]:checked + .choice-option__control::before { transform: scale(1); }

.form-container .choice .choice-option__input input[type="checkbox"]:checked + .choice-option__control svg { transform: scale(1); }

.form-container .choice .choice-option__control { display: flex; justify-content: center; align-items: center; width: 18px; height: 18px; border: 1px solid rgb(53, 64, 81); }

.form-container .choice .choice-option__control--radio-button { border-radius: 50%; }

.form-container .choice .choice-option__control--radio-button::before { content: ""; width: 10px; height: 10px; box-shadow: 10px 10px inset; border-radius: 50%; transform: scale(0); }

.form-container .choice .choice-option__control--checkbox { border-radius: 1px; }

.form-container .choice .choice-option__control--checkbox svg { transform: scale(0); }

@keyframes HideList { 
  0% { transform: scaleY(1); }
  100% { transform: scaleY(0); }
}

.flatpickr-calendar { opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0px; animation: auto ease 0s 1 normal none running none; direction: ltr; border: 0px; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: rgb(255, 255, 255); box-shadow: rgb(230, 230, 230) 1px 0px 0px, rgb(230, 230, 230) -1px 0px 0px, rgb(230, 230, 230) 0px 1px 0px, rgb(230, 230, 230) 0px -1px 0px, rgba(0, 0, 0, 0.08) 0px 3px 13px; }

.flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; }

.flatpickr-calendar.open { display: inline-block; z-index: 99999; }

.flatpickr-calendar.animate.open { animation: 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal none running fpFadeInDown; }

.flatpickr-calendar.inline { display: block; position: relative; top: 2px; }

.flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); }

.flatpickr-calendar.static.open { z-index: 999; display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: rgb(230, 230, 230) -2px 0px 0px, rgb(230, 230, 230) 5px 0px 0px; }

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

.flatpickr-calendar .hasWeeks .dayContainer { border-left: 0px; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid rgb(230, 230, 230); }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; }

.flatpickr-calendar::before, .flatpickr-calendar::after { position: absolute; display: block; pointer-events: none; border: solid rgba(0, 0, 0, 0); content: ""; height: 0px; width: 0px; left: 22px; }

.flatpickr-calendar.rightMost::before, .flatpickr-calendar.rightMost::after { left: auto; right: 22px; }

.flatpickr-calendar::before { border-width: 5px; margin: 0px -5px; }

.flatpickr-calendar::after { border-width: 4px; margin: 0px -4px; }

.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after { bottom: 100%; }

.flatpickr-calendar.arrowTop::before { border-bottom-color: rgb(230, 230, 230); }

.flatpickr-calendar.arrowTop::after { border-bottom-color: rgb(255, 255, 255); }

.flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after { top: 100%; }

.flatpickr-calendar.arrowBottom::before { border-top-color: rgb(230, 230, 230); }

.flatpickr-calendar.arrowBottom::after { border-top-color: rgb(255, 255, 255); }

.flatpickr-calendar:focus { outline: 0px; }

.flatpickr-wrapper { position: relative; display: inline-block; }

.flatpickr-months { display: flex; }

.flatpickr-months .flatpickr-month { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 34px; line-height: 1; text-align: center; position: relative; user-select: none; overflow: hidden; -webkit-box-flex: 1; flex: 1 1 0%; }

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0px; height: 34px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); }

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; }

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; }

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { left: 0px; }

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { right: 0px; }

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: rgb(149, 158, 169); }

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: rgb(246, 71, 71); }

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; }

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { transition: fill 0.1s; fill: inherit; }

.numInputWrapper { position: relative; height: auto; }

.numInputWrapper input, .numInputWrapper span { display: inline-block; }

.numInputWrapper input { width: 100%; }

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0px; appearance: none; }

.numInputWrapper span { position: absolute; right: 0px; width: 14px; padding: 0px 4px 0px 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); box-sizing: border-box; }

.numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span::after { display: block; content: ""; position: absolute; }

.numInputWrapper span.arrowUp { top: 0px; border-bottom: 0px; }

.numInputWrapper span.arrowUp::after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; }

.numInputWrapper span.arrowDown { top: 50%; }

.numInputWrapper span.arrowDown::after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; }

.numInputWrapper span svg { width: inherit; height: auto; }

.numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span { opacity: 1; }

.flatpickr-current-month { font-size: 135%; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0px 0px; line-height: 1; height: 34px; display: inline-block; text-align: center; transform: translate3d(0px, 0px, 0px); }

.flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0px; }

.flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper { width: 6ch; display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp::after { border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown::after { border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year { background: rgba(0, 0, 0, 0); box-sizing: border-box; color: inherit; cursor: text; padding: 0px 0px 0px 0.5ch; margin: 0px; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0px; border-radius: 0px; vertical-align: initial; appearance: textfield; }

.flatpickr-current-month input.cur-year:focus { outline: 0px; }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0); pointer-events: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months { background: rgba(0, 0, 0, 0); border: none; border-radius: 0px; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0px 0px; outline: none; padding: 0px 0px 0px 0.5ch; position: relative; vertical-align: initial; box-sizing: border-box; appearance: menulist; width: auto; }

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: rgba(0, 0, 0, 0); outline: none; padding: 0px; }

.flatpickr-weekdays { background: rgba(0, 0, 0, 0); text-align: center; overflow: hidden; width: 100%; display: flex; -webkit-box-align: center; align-items: center; height: 28px; }

.flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; }

span.flatpickr-weekday { cursor: default; font-size: 90%; background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0px; text-align: center; display: block; -webkit-box-flex: 1; flex: 1 1 0%; font-weight: bolder; }

.dayContainer, .flatpickr-weeks { padding: 1px 0px 0px; }

.flatpickr-days { position: relative; overflow: hidden; display: flex; -webkit-box-align: start; align-items: flex-start; width: 307.875px; }

.flatpickr-days:focus { outline: 0px; }

.dayContainer { padding: 0px; outline: 0px; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; transform: translate3d(0px, 0px, 0px); opacity: 1; }

.dayContainer + .dayContainer { box-shadow: rgb(230, 230, 230) -1px 0px 0px; }

.flatpickr-day { background: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 150px; box-sizing: border-box; color: rgb(57, 57, 57); cursor: pointer; font-weight: 400; width: 14.2857%; flex-basis: 14.2857%; max-width: 39px; height: 39px; line-height: 39px; margin: 0px; display: inline-block; position: relative; -webkit-box-pack: center; justify-content: center; text-align: center; }

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0px; background: rgb(230, 230, 230); border-color: rgb(230, 230, 230); }

.flatpickr-day.today { border-color: rgb(149, 158, 169); }

.flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: rgb(149, 158, 169); background: rgb(149, 158, 169); color: rgb(255, 255, 255); }

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: rgb(86, 159, 247); box-shadow: none; color: rgb(255, 255, 255); border-color: rgb(86, 159, 247); }

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0px 0px 50px; }

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0px 50px 50px 0px; }

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: rgb(86, 159, 247) -10px 0px 0px; }

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; }

.flatpickr-day.inRange { border-radius: 0px; box-shadow: rgb(230, 230, 230) -5px 0px 0px, rgb(230, 230, 230) 5px 0px 0px; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); cursor: default; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); }

.flatpickr-day.week.selected { border-radius: 0px; box-shadow: rgb(86, 159, 247) -5px 0px 0px, rgb(86, 159, 247) 5px 0px 0px; }

.flatpickr-day.hidden { visibility: hidden; }

.rangeMode .flatpickr-day { margin-top: 1px; }

.flatpickr-weekwrapper { float: left; }

.flatpickr-weekwrapper .flatpickr-weeks { padding: 0px 12px; box-shadow: rgb(230, 230, 230) 1px 0px 0px; }

.flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: rgba(0, 0, 0, 0); cursor: default; border: none; }

.flatpickr-innerContainer { display: flex; box-sizing: border-box; overflow: hidden; }

.flatpickr-rContainer { display: inline-block; padding: 0px; box-sizing: border-box; }

.flatpickr-time { text-align: center; outline: 0px; height: 0px; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; }

.flatpickr-time::after { content: ""; display: table; clear: both; }

.flatpickr-time .numInputWrapper { -webkit-box-flex: 1; flex: 1 1 0%; width: 40%; height: 40px; float: left; }

.flatpickr-time .numInputWrapper span.arrowUp::after { border-bottom-color: rgb(57, 57, 57); }

.flatpickr-time .numInputWrapper span.arrowDown::after { border-top-color: rgb(57, 57, 57); }

.flatpickr-time.hasSeconds .numInputWrapper { width: 26%; }

.flatpickr-time.time24hr .numInputWrapper { width: 49%; }

.flatpickr-time input { background: rgba(0, 0, 0, 0); box-shadow: none; border: 0px; border-radius: 0px; text-align: center; margin: 0px; padding: 0px; height: inherit; line-height: inherit; color: rgb(57, 57, 57); font-size: 14px; position: relative; box-sizing: border-box; appearance: textfield; }

.flatpickr-time input.flatpickr-hour { font-weight: bold; }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; }

.flatpickr-time input:focus { outline: 0px; border: 0px; }

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: rgb(57, 57, 57); font-weight: bold; width: 2%; user-select: none; align-self: center; }

.flatpickr-time .flatpickr-am-pm { outline: 0px; width: 18%; cursor: pointer; text-align: center; font-weight: 400; }

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: rgb(238, 238, 238); }

.flatpickr-input[readonly] { cursor: pointer; }

@-webkit-keyframes fpFadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}

@keyframes fpFadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}

.flatpickr-calendar { opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0px; height: 0px; animation: auto ease 0s 1 normal none running none; direction: ltr; border: 0px; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: rgb(255, 255, 255); box-shadow: rgb(238, 238, 238) 1px 0px 0px, rgb(238, 238, 238) -1px 0px 0px, rgb(238, 238, 238) 0px 1px 0px, rgb(238, 238, 238) 0px -1px 0px, rgba(0, 0, 0, 0.08) 0px 3px 13px; }

.flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; }

.flatpickr-calendar.open { display: inline-block; z-index: 99999; height: auto; }

.flatpickr-calendar.animate.open { animation: 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal none running fpFadeInDown; }

.flatpickr-calendar.inline { display: block; position: relative; top: 2px; }

.flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); }

.flatpickr-calendar.static.open { z-index: 999; display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: rgb(230, 230, 230) -2px 0px 0px, rgb(230, 230, 230) 5px 0px 0px; }

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

.flatpickr-calendar .hasWeeks .dayContainer { border-left: 0px; }

.flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid rgb(238, 238, 238); }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; }

.flatpickr-calendar::before, .flatpickr-calendar::after { position: absolute; display: block; pointer-events: none; border: solid rgba(0, 0, 0, 0); content: ""; height: 0px; width: 0px; left: 22px; }

.flatpickr-calendar.rightMost::before, .flatpickr-calendar.rightMost::after { left: auto; right: 22px; }

.flatpickr-calendar::before { border-width: 5px; margin: 0px -5px; }

.flatpickr-calendar::after { border-width: 4px; margin: 0px -4px; }

.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after { bottom: 100%; }

.flatpickr-calendar.arrowTop::before { border-bottom-color: rgb(238, 238, 238); }

.flatpickr-calendar.arrowTop::after { border-bottom-color: rgb(255, 255, 255); }

.flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after { top: 100%; }

.flatpickr-calendar.arrowBottom::before { border-top-color: rgb(238, 238, 238); }

.flatpickr-calendar.arrowBottom::after { border-top-color: rgb(255, 255, 255); }

.flatpickr-calendar:focus { outline: 0px; }

.flatpickr-wrapper { position: relative; display: inline-block; }

.flatpickr-months { display: flex; }

.flatpickr-months .flatpickr-month { background: rgba(0, 0, 0, 0); color: rgb(60, 63, 64); fill: rgb(60, 63, 64); height: 34px; line-height: 1; text-align: center; position: relative; user-select: none; overflow: hidden; -webkit-box-flex: 1; flex: 1 1 0%; }

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0px; height: 34px; padding: 10px; z-index: 3; color: rgb(60, 63, 64); fill: rgb(60, 63, 64); }

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; }

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; }

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { left: 0px; }

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { right: 0px; }

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: rgb(246, 71, 71); }

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: rgb(246, 71, 71); }

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; }

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { transition: fill 0.1s; fill: inherit; }

.numInputWrapper { position: relative; height: auto; }

.numInputWrapper input, .numInputWrapper span { display: inline-block; }

.numInputWrapper input { width: 100%; }

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0px; appearance: none; }

.numInputWrapper span { position: absolute; right: 0px; width: 14px; padding: 0px 4px 0px 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(64, 72, 72, 0.15); box-sizing: border-box; }

.numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span::after { display: block; content: ""; position: absolute; }

.numInputWrapper span.arrowUp { top: 0px; border-bottom: 0px; }

.numInputWrapper span.arrowUp::after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(64, 72, 72, 0.6); top: 26%; }

.numInputWrapper span.arrowDown { top: 50%; }

.numInputWrapper span.arrowDown::after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid rgba(64, 72, 72, 0.6); top: 40%; }

.numInputWrapper span svg { width: inherit; height: auto; }

.numInputWrapper span svg path { fill: rgba(60, 63, 64, 0.5); }

.numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span { opacity: 1; }

.flatpickr-current-month { font-size: 135%; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0px 0px; line-height: 1; height: 34px; display: inline-block; text-align: center; transform: translate3d(0px, 0px, 0px); }

.flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0px; }

.flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper { width: 6ch; display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp::after { border-bottom-color: rgb(60, 63, 64); }

.flatpickr-current-month .numInputWrapper span.arrowDown::after { border-top-color: rgb(60, 63, 64); }

.flatpickr-current-month input.cur-year { background: rgba(0, 0, 0, 0); box-sizing: border-box; color: inherit; cursor: text; padding: 0px 0px 0px 0.5ch; margin: 0px; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0px; border-radius: 0px; vertical-align: initial; appearance: textfield; }

.flatpickr-current-month input.cur-year:focus { outline: 0px; }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(60, 63, 64, 0.5); background: rgba(0, 0, 0, 0); pointer-events: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months { background: rgba(0, 0, 0, 0); border: none; border-radius: 0px; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0px 0px; outline: none; padding: 0px 0px 0px 0.5ch; position: relative; vertical-align: initial; box-sizing: border-box; appearance: menulist; width: auto; }

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: rgba(0, 0, 0, 0); outline: none; padding: 0px; }

.flatpickr-weekdays { background: rgba(0, 0, 0, 0); text-align: center; overflow: hidden; width: 100%; display: flex; -webkit-box-align: center; align-items: center; height: 28px; }

.flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; }

span.flatpickr-weekday { cursor: default; font-size: 90%; background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0px; text-align: center; display: block; -webkit-box-flex: 1; flex: 1 1 0%; font-weight: bolder; }

.dayContainer, .flatpickr-weeks { padding: 1px 0px 0px; }

.flatpickr-days { position: relative; overflow: hidden; display: flex; -webkit-box-align: start; align-items: flex-start; width: 307.875px; }

.flatpickr-days:focus { outline: 0px; }

.dayContainer { padding: 0px; outline: 0px; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; transform: translate3d(0px, 0px, 0px); opacity: 1; }

.dayContainer + .dayContainer { box-shadow: rgb(238, 238, 238) -1px 0px 0px; }

.flatpickr-day { background: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 150px; box-sizing: border-box; color: rgb(64, 72, 72); cursor: pointer; font-weight: 400; width: 14.2857%; flex-basis: 14.2857%; max-width: 39px; height: 39px; line-height: 39px; margin: 0px; display: inline-block; position: relative; -webkit-box-pack: center; justify-content: center; text-align: center; }

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0px; background: rgb(233, 233, 233); border-color: rgb(233, 233, 233); }

.flatpickr-day.today { border-color: rgb(246, 71, 71); }

.flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: rgb(246, 71, 71); background: rgb(246, 71, 71); color: rgb(255, 255, 255); }

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: rgb(79, 153, 255); box-shadow: none; color: rgb(255, 255, 255); border-color: rgb(79, 153, 255); }

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0px 0px 50px; }

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0px 50px 50px 0px; }

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: rgb(79, 153, 255) -10px 0px 0px; }

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; }

.flatpickr-day.inRange { border-radius: 0px; box-shadow: rgb(233, 233, 233) -5px 0px 0px, rgb(233, 233, 233) 5px 0px 0px; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(64, 72, 72, 0.3); background: rgba(0, 0, 0, 0); border-color: rgb(233, 233, 233); cursor: default; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(64, 72, 72, 0.1); }

.flatpickr-day.week.selected { border-radius: 0px; box-shadow: rgb(79, 153, 255) -5px 0px 0px, rgb(79, 153, 255) 5px 0px 0px; }

.flatpickr-day.hidden { visibility: hidden; }

.rangeMode .flatpickr-day { margin-top: 1px; }

.flatpickr-weekwrapper { float: left; }

.flatpickr-weekwrapper .flatpickr-weeks { padding: 0px 12px; box-shadow: rgb(238, 238, 238) 1px 0px 0px; }

.flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(64, 72, 72, 0.3); background: rgba(0, 0, 0, 0); cursor: default; border: none; }

.flatpickr-innerContainer { display: flex; box-sizing: border-box; overflow: hidden; }

.flatpickr-rContainer { display: inline-block; padding: 0px; box-sizing: border-box; }

.flatpickr-time { text-align: center; outline: 0px; height: 0px; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; }

.flatpickr-time::after { content: ""; display: table; clear: both; }

.flatpickr-time .numInputWrapper { -webkit-box-flex: 1; flex: 1 1 0%; width: 40%; height: 40px; float: left; }

.flatpickr-time .numInputWrapper span.arrowUp::after { border-bottom-color: rgb(64, 72, 72); }

.flatpickr-time .numInputWrapper span.arrowDown::after { border-top-color: rgb(64, 72, 72); }

.flatpickr-time.hasSeconds .numInputWrapper { width: 26%; }

.flatpickr-time.time24hr .numInputWrapper { width: 49%; }

.flatpickr-time input { background: rgba(0, 0, 0, 0); box-shadow: none; border: 0px; border-radius: 0px; text-align: center; margin: 0px; padding: 0px; height: inherit; line-height: inherit; color: rgb(64, 72, 72); font-size: 14px; position: relative; box-sizing: border-box; appearance: textfield; }

.flatpickr-time input.flatpickr-hour { font-weight: bold; }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; }

.flatpickr-time input:focus { outline: 0px; border: 0px; }

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: rgb(64, 72, 72); font-weight: bold; width: 2%; user-select: none; align-self: center; }

.flatpickr-time .flatpickr-am-pm { outline: 0px; width: 18%; cursor: pointer; text-align: center; font-weight: 400; }

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: rgb(241, 241, 241); }

.flatpickr-input[readonly] { cursor: pointer; }

@-webkit-keyframes fpFadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}

@keyframes fpFadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}

.flatpickr-calendar { width: 307.875px; margin-top: 15px; margin-left: -55px; }

@media (min-width: 690px) {
  .flatpickr-calendar { margin-left: 0px; }
}

.dayContainer { padding: 0px; border-right: 0px; }

span.flatpickr-day, span.flatpickr-day.prevMonthDay, span.flatpickr-day.nextMonthDay { border-width: 1px; border-style: solid; border-color: rgb(233, 233, 233) rgba(0, 0, 0, 0) rgb(233, 233, 233) rgb(233, 233, 233); border-image: initial; max-width: none; border-radius: 0px !important; }

span.flatpickr-day:nth-child(n+8), span.flatpickr-day.prevMonthDay:nth-child(n+8), span.flatpickr-day.nextMonthDay:nth-child(n+8) { border-top-color: rgba(0, 0, 0, 0); }

span.flatpickr-day:nth-child(7n-6), span.flatpickr-day.prevMonthDay:nth-child(7n-6), span.flatpickr-day.nextMonthDay:nth-child(7n-6) { border-left: 0px; }

span.flatpickr-day:nth-child(n+36), span.flatpickr-day.prevMonthDay:nth-child(n+36), span.flatpickr-day.nextMonthDay:nth-child(n+36) { border-bottom: 0px; }

span.flatpickr-day:nth-child(-n+7), span.flatpickr-day.prevMonthDay:nth-child(-n+7), span.flatpickr-day.nextMonthDay:nth-child(-n+7) { margin-top: 0px; }

span.flatpickr-day.today:not(.selected), span.flatpickr-day.prevMonthDay.today:not(.selected), span.flatpickr-day.nextMonthDay.today:not(.selected) { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(246, 71, 71) rgb(233, 233, 233); }

span.flatpickr-day.today:not(.selected):hover, span.flatpickr-day.prevMonthDay.today:not(.selected):hover, span.flatpickr-day.nextMonthDay.today:not(.selected):hover { border: 1px solid rgb(246, 71, 71); }

span.flatpickr-day.startRange, span.flatpickr-day.prevMonthDay.startRange, span.flatpickr-day.nextMonthDay.startRange, span.flatpickr-day.endRange, span.flatpickr-day.prevMonthDay.endRange, span.flatpickr-day.nextMonthDay.endRange { border-color: rgb(79, 153, 255); }

span.flatpickr-day.today, span.flatpickr-day.prevMonthDay.today, span.flatpickr-day.nextMonthDay.today, span.flatpickr-day.selected, span.flatpickr-day.prevMonthDay.selected, span.flatpickr-day.nextMonthDay.selected { z-index: 2; }

.rangeMode .flatpickr-day { margin-top: -1px; }

.flatpickr-weekwrapper .flatpickr-weeks { box-shadow: none; }

.flatpickr-weekwrapper span.flatpickr-day { border: 0px; margin: -1px 0px 0px -1px; }

.hasWeeks .flatpickr-days { border-right: 0px; }

@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  span.flatpickr-day { display: block; -webkit-box-flex: 1; flex: 1 0 auto; }
}

.formBuilder:not(.formBuilder-v2) .flatpickr-calendar.open { margin-top: 20px; margin-left: 16px; }

.flatpickr { cursor: pointer !important; }

.flatpickr-mobile { appearance: none; }

.flatpickr-mobile::before { content: attr(placeholder); }

.flatpickr-mobile:focus[value]:not([value=""])::before { display: none; }

.flatpickr-input[type="hidden"][value]:not([value=""]) + .flatpickr-mobile::before { display: none; }

#appViewWrapper { padding: 0px !important; }

.editMeHelper { font-size: 20px; right: 42px; }

#editMe { border: 1px solid rgb(255, 255, 255); }

.modal { text-align: center; }

.popup-floating-tab, .popup-floating-button { cursor: pointer; transition: 0.2s; animation: 0.2s ease 0s 1 normal none running delay_pop_in; opacity: 1; }

.popup-floating-button { border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px; display: inline-block; height: 60px; font-size: 1.625rem; line-height: 57px; min-width: 60px; text-align: center; width: 60px; }

.popup-floating-button .popup-floating-button__text { display: none; }

.popup-floating-button img { float: left; width: 50px; margin-right: 5px; }

.popup-floating-tab { font-size: 1.125rem; padding: 8px 16px; white-space: nowrap; display: inline-block; }

.popup-floating-tab.bottom { border-radius: 3px 3px 0px 0px; }

.popup-floating-tab.left { border-radius: 0px 0px 3px 3px; }

.popup-floating-tab.right { border-radius: 3px 3px 0px 0px; }

@media screen and (min-width: 768px) {
  .modal::before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}

.spin-the-wheel-gravity-value { bottom: 10px; position: absolute; right: 0px; }

.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

#appView { margin: 0px; }

@media only screen and (max-width: 543px) {
  #appView { overflow: scroll; }
}

#appView .user-error { border: 1px solid red; }

#appView img { display: block; margin: 0px auto; }

#appView .imageWrapper img { display: inline; margin: auto; }

#appView .triggerClose { cursor: pointer; }

#appView .powrModal { height: 100%; position: absolute; top: 0px; left: 0px; width: 100%; padding: 10px; }

@media only screen and (max-width: 543px) {
  #appView .powrModal { height: auto; min-height: 100%; }
}

#appView .powrModal.animate-entrance { animation: 0.25s ease 0s 1 normal none running ani_fadein; }

#appView .powrModal .powrMark { background-color: rgba(255, 255, 255, 0.8); z-index: 1; position: absolute; width: 100%; height: 100px; bottom: -40px; }

#appView .powrModal .powrMark .powrMarkLink { padding-top: 60px; color: rgb(53, 64, 81); z-index: 4; position: relative; }

#appView .powrModal .powrMark img { max-width: unset; max-height: unset; display: inline; margin: 0px; width: 65px; }

#appView .powrModal .powrMark a { text-decoration: none; }

#appView .powrModal .powrMark .powrIcon, #appView .powrModal .powrMark .powrMarkText { color: rgb(53, 64, 81); }

#appView .powrModal .powrMark .watermark-plugins .powrIcon { color: rgb(59, 140, 255); }

@media screen and (max-width: 480px) {
  #appView .powrModal .powrMark { padding: 16px 4px; bottom: -56px; }
  #appView .powrModal .powrMark .powrMarkLink { flex-direction: column; padding-bottom: 16px; }
  #appView .powrModal .powrMark .powrMark__divider { display: none; }
  #appView .powrModal .powrMark img { margin-bottom: 4px; }
}

#appView .powrModal .button-link { text-decoration: none; }

#appView .powrModal h1, #appView .powrModal h2, #appView .powrModal h3, #appView .powrModal h4, #appView .powrModal h5, #appView .powrModal h6 { font-family: inherit; }

#appView .powrModal h1 { font-weight: bold; font-size: 130%; }

#appView .powrModal h2 { font-size: 120%; font-weight: bold; }

#appView .powrModal h3 { font-size: 110%; }

#appView .powrModal p { min-height: 5px; }

#appView .powrModal a { text-decoration: underline; }

#appView .powrModal img { max-width: 100%; max-height: 100%; }

#appView .powrModal #submitButton { display: table; margin: 0px; overflow: hidden; }

#appView .powrModal .submit_message { text-align: center; height: 100%; width: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

#appView .powrModal .leftBtn { float: left; }

#appView .powrModal .rightBtn { float: right; }

#appView .powrModal .centerBtn { margin-left: auto !important; margin-right: auto !important; }

#appView .powrModal .fullBtn { width: 100%; }

#appView .powrModal .emailButton { cursor: pointer; margin-top: 20px !important; margin-bottom: 15px !important; }

#appView .powrModal .emailLabel { display: block; text-align: left; }

#appView .powrModal .emailInputFields { display: block; width: 100%; max-width: 500px; margin: 0px auto; padding: 5px; }

#appView .powrModal .phone-number__extension { margin-left: 8px; }

#appView .powrModal .inputsPadding-large input:not([type="checkbox"]):not([type="radio"]), #appView .powrModal .inputsPadding-large .form-control { padding: 18px; }

#appView .powrModal .inputsPadding-large .form-dropdown__current { padding: 10px; }

#appView .powrModal .inputsPadding-large p.form-dropdown__input-text { padding-bottom: 9px; }

#appView .powrModal .inputsPadding-medium input:not([type="checkbox"]):not([type="radio"]), #appView .powrModal .inputsPadding-medium .form-control { padding: 10px 12px; }

#appView .powrModal .inputsPadding-medium .form-dropdown__current { padding: 6px 12px; }

#appView .powrModal .inputsPadding-small input:not([type="checkbox"]):not([type="radio"]), #appView .powrModal .inputsPadding-small .form-control { padding: 6px 8px; }

#appView .powrModal .inputsPadding-small .form-dropdown__current { padding: 0px 8px; }

#appView .powrModal .form-container .input-container { position: relative; }

#appView .powrModal .form-container .input-container .input-with-label { display: flex; flex-direction: column; justify-content: center; }

#appView .powrModal .form-container .input-container.date-input-container { margin-bottom: 0px; }

#appView .powrModal .form-container .error-message { display: inline-block; color: rgb(0, 0, 0); background-color: rgb(243, 165, 164); font-size: 0.75rem; }

#appView .powrModal .form-container .error-field { border-color: rgb(243, 165, 164); }

#appView .powrModal .form-container .sub-input-container label { margin-bottom: 0px; }

#appView .powrModal .form-container .formElement .form-dropdown { position: relative; display: block; width: 100%; }

#appView .powrModal .form-container .formElement .form-dropdown__current { position: relative; cursor: pointer; outline: none; border-style: solid; overflow: hidden; }

#appView .powrModal .form-container .formElement .form-dropdown__current:focus + .form-dropdown__list { opacity: 1; animation-name: none; }

#appView .powrModal .form-container .formElement .form-dropdown__current:focus + .form-dropdown__list .form-dropdown__option { cursor: pointer; }

#appView .powrModal .form-container .formElement .form-dropdown__current:focus .form-dropdown__icon i { transform: rotate(180deg); }

#appView .powrModal .form-container .formElement .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month { padding-top: 2px; display: flex; align-items: center; justify-content: center; margin-inline: auto; }

#appView .powrModal .form-container .formElement .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months { border: none; flex-grow: 1; }

#appView .powrModal .form-container .formElement .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper { flex-grow: 1; }

#appView .powrModal .form-container .formElement .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .numInput { border: none; }

#appView .powrModal .form-container .formElement .flatpickr-calendar .flatpickr-time .numInputWrapper .numInput { border: none; }

#appView .powrModal .form-container .formElement .flatpickr.required { margin-right: 0px; }

#appView .powrModal .form-container .formElement .flatpickr input { height: auto; }

#appView .powrModal .form-container-block input:not([type="checkbox"]):not([type="radio"]) { box-shadow: none; transition: 0.2s; }

#appView .powrModal .form-container-block input:not([type="checkbox"]):not([type="radio"]):focus { outline: none; border-color: rgb(149, 206, 255); }

#appView .powrModal .form-container-block input:not([type="checkbox"]):not([type="radio"]).requiredAndBlank { box-shadow: none; border-color: rgb(208, 66, 57); }

#appView .powrModal .form-container-block input:not([type="checkbox"]):not([type="radio"]).requiredAndBlank:focus { border-color: rgb(208, 66, 57); }

#appView .powrModal .form-container-block input:not([type="checkbox"]):not([type="radio"])::placeholder { color: rgba(0, 0, 0, 0); }

#appView .powrModal .form-container-block input:not([type="checkbox"]):not([type="radio"]).error-field { border-color: rgb(243, 165, 164); }

#appView .powrModal .form-container-block .form-dropdown__current.requiredAndBlank { border-color: rgb(243, 165, 164); }

#appView .powrModal .form-container-block .form-dropdown__current.requiredAndBlank:focus { border-color: rgb(243, 165, 164); }

#appView .powrModal .form-container-block .formElement label:not(.choice-option):not(.choice-options-label):not(.choice-option) { margin-bottom: 8px; }

#appView .powrModal .form-container-inline .input-with-label { position: relative; }

#appView .powrModal .form-container-inline input:not([type="checkbox"]):not([type="radio"]) { box-shadow: none; transition: 0.2s; }

#appView .powrModal .form-container-inline input:not([type="checkbox"]):not([type="radio"]):focus { outline: none; border-color: rgb(149, 206, 255); }

#appView .powrModal .form-container-inline input:not([type="checkbox"]):not([type="radio"]).requiredAndBlank { box-shadow: none; border-color: rgb(208, 66, 57); }

#appView .powrModal .form-container-inline input:not([type="checkbox"]):not([type="radio"]).requiredAndBlank:focus { border-color: rgb(208, 66, 57); }

#appView .powrModal .form-container-inline input:not([type="checkbox"]):not([type="radio"]).error-field { border-color: rgb(243, 165, 164); }

#appView .powrModal .form-container-inline .form-dropdown__current.requiredAndBlank { border-color: rgb(243, 165, 164); }

#appView .powrModal .form-container-inline .form-dropdown__current.requiredAndBlank:focus { border-color: rgb(243, 165, 164); }

#appView .powrModal .form-container-inline .formElement label:not(.choice-option) { margin-bottom: 8px; }

#appView .powrModal .form-container-inline label:not(.optin-label):not(.rating-label):not(.choice-options-label):not(.choice-option):not(.form-dropdown__option) { display: none; }

#appView .powrModal .form-container-line .input-with-label { position: relative; }

#appView .powrModal .form-container-line input:not([type="checkbox"]):not([type="radio"]), #appView .powrModal .form-container-line .select { border-top-style: hidden; border-right-style: hidden; border-left-style: hidden; appearance: none; transition: border-bottom-color 0.15s; border-radius: 0px; background-color: rgba(0, 0, 0, 0); }

#appView .powrModal .form-container-line input:not([type="checkbox"]):not([type="radio"]):focus, #appView .powrModal .form-container-line .select:focus { outline: none; box-shadow: none; border-color: rgb(149, 206, 255); border-radius: 0px !important; }

#appView .powrModal .form-container-line input:not([type="checkbox"]):not([type="radio"]).requiredAndBlank, #appView .powrModal .form-container-line .select.requiredAndBlank { border-bottom-color: rgb(208, 66, 57); }

#appView .powrModal .form-container-line input:not([type="checkbox"]):not([type="radio"]).requiredAndBlank:focus, #appView .powrModal .form-container-line .select.requiredAndBlank:focus { border-bottom-color: rgb(208, 66, 57); }

#appView .powrModal .form-container-line input:not([type="checkbox"]):not([type="radio"]).error-field, #appView .powrModal .form-container-line .select.error-field { border-color: rgb(243, 165, 164); }

#appView .powrModal .form-container-line label:not(.optin-label):not(.rating-label):not(.fitText):not(.form-dropdown__option):not(.choice-option) { position: absolute; transform-origin: 0px 0px; transform: translate3d(0px, 0px, 0px); transition: 0.2s; pointer-events: none; }

#appView .powrModal .form-container-line .fitText.for-input { display: none; }

#appView .powrModal .form-container-line .inputsPadding-small label:not(.optin-label) { left: 8px; }

#appView .powrModal .form-container-line .inputsPadding-small label:not(.optin-label).phone-label { left: 42px; top: 6px; }

#appView .powrModal .form-container-line .phone-number__input::placeholder { color: rgba(0, 0, 0, 0); }

#appView .powrModal .form-container-line .inputsPadding-medium label:not(.optin-label) { left: 12px; }

#appView .powrModal .form-container-line .inputsPadding-medium label:not(.optin-label).phone-label { left: 50px; top: 10px; }

#appView .powrModal .form-container-line .inputsPadding-large label:not(.optin-label) { left: 18px; }

#appView .powrModal .form-container-line .inputsPadding-large label:not(.optin-label).phone-label { left: 56px; top: 20px; }

#appView .powrModal .form-container-line .formElement.select .form-dropdown__label { display: none; position: absolute; transform-origin: 0px 0px; transform: translate3d(0px, 0px, 0px); pointer-events: none; }

#appView .powrModal .form-container-line .formElement.select.value-selected .form-dropdown__label { display: flex; top: 3px; left: 0px; transform: translate3d(0px, -25px, 0px) scale(0.75); }

#appView .powrModal .form-container-line .formElement.select .form-dropdown__current { border-top-style: hidden; border-right-style: hidden; border-left-style: hidden; margin-top: -6px; border-radius: 0px; }

#appView .powrModal .form-container-line .formElement.select .form-dropdown__current.requiredAndBlank { border-bottom-color: rgb(243, 165, 164); }

#appView .powrModal .form-container-line .formElement.select .form-dropdown__current.requiredAndBlank:focus { border-bottom-color: rgb(243, 165, 164); }

#appView .powrModal .form-container-line .formElement.select p.form-dropdown__input-text { padding-bottom: 4px; padding-left: 0px; }

#appView .powrModal .form-container-line .formElement.select .form-dropdown__list { border-radius: 0px; }

#appView .powrModal .form-container-line .formElement.select .form-dropdown__list li label { pointer-events: initial; }

#appView .powrModal .success-icon { font-size: 30px; display: block; margin-bottom: 5px; }

#appView .powrModal .popupPowrMarkContainer { position: relative; margin: 0px auto; max-width: 100%; }

#appView .powrModal .popupPowrMarkContainer.cornerPositioning { position: absolute; bottom: 0px; right: 0px; border-radius: 0px; }

#appView .powrModal .popupPowrMarkContainer.cornerPositioning .contentWrapper { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

#appView .powrModal .popupPowrMarkContainer.cornerPositioning .powrMark { z-index: 3; position: initial; height: 40px; border-radius: 0px; }

#appView .powrModal .popupPowrMarkContainer.cornerPositioning .powrMark .powrMarkLink { padding: 0px; color: rgb(53, 64, 81); }

@media screen and (max-width: 480px) {
  #appView .powrModal .popupPowrMarkContainer.cornerPositioning .powrMark { height: 76px; }
  #appView .powrModal .popupPowrMarkContainer.cornerPositioning img { margin-bottom: 4px; }
}

#appView .powrModal .popupPowrMarkContainer.fullScreenPositioning { position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; border-radius: 0px; }

#appView .powrModal .popupPowrMarkContainer.fullScreenPositioning .contentWrapper { width: 100%; height: 100%; border-radius: 0px; }

#appView .powrModal .popupPowrMarkContainer.fullScreenPositioning .powrMark { z-index: 3; position: absolute; width: 360px; height: 40px; bottom: 0px; left: 0px; border-radius: 0px; }

#appView .powrModal .popupPowrMarkContainer.fullScreenPositioning .powrMark .powrMarkLink { padding-top: 0px; color: rgb(53, 64, 81); }

@media screen and (max-width: 480px) {
  #appView .powrModal .popupPowrMarkContainer.fullScreenPositioning .powrMark { height: 76px; }
  #appView .powrModal .popupPowrMarkContainer.fullScreenPositioning img { margin-bottom: 4px; }
}

#appView .powrModal .popupPowrMarkContainer.sidePositioning { width: 100%; height: 100%; }

#appView .powrModal .popupPowrMarkContainer.sidePositioning .overlay { height: 50vh; }

#appView .powrModal .popupPowrMarkContainer.sidePositioning .content { height: 50vh; }

#appView .powrModal .popupPowrMarkContainer.sidePositioning .contentWrapper.right + .powrMark { right: 0px; z-index: 3; bottom: 0px; height: 40px; border-radius: 0px; }

#appView .powrModal .popupPowrMarkContainer.sidePositioning .contentWrapper.right + .powrMark .powrMarkLink { padding-top: 0px; color: rgb(53, 64, 81); }

#appView .powrModal .popupPowrMarkContainer.sidePositioning .contentWrapper.left + .powrMark { left: 0px; z-index: 3; bottom: 0px; height: 40px; border-radius: 0px; }

#appView .powrModal .popupPowrMarkContainer.sidePositioning .contentWrapper.left + .powrMark .powrMarkLink { padding-top: 0px; color: rgb(53, 64, 81); }

#appView .powrModal .contentWrapper { position: relative; overflow: auto; min-height: 150px; max-height: 100%; height: 100%; max-width: 100%; }

#appView .powrModal .contentWrapper.enter_ani_none.animate-entrance { animation: 0.25s ease 0s 1 normal none running ani_fadein; }

#appView .powrModal .contentWrapper.centerPositioning { margin: 0px auto; }

#appView .powrModal .contentWrapper.cornerPositioning { right: 0px; border-radius: 0px; }

#appView .powrModal .contentWrapper.fullScreenPositioning { position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; border-radius: 0px; }

#appView .powrModal .contentWrapper.right { height: 100vh; position: absolute; right: 0px; }

#appView .powrModal .contentWrapper.left { height: 100vh; position: absolute; left: 0px; }

#appView .powrModal .contentWrapper.headerPositioning { margin-left: auto; margin-right: auto; left: 0px; right: 0px; border-radius: 0px; }

#appView .powrModal .contentWrapper.headerPositioning .row { margin: 0px; }

#appView .powrModal .contentWrapper.headerPositioning .row [class^="col-"] { padding: 0px; }

#appView .powrModal .contentWrapper.headerPositioning .powrMark { background-color: rgba(255, 255, 255, 0.8); z-index: 1; position: relative; width: 360px; height: 40px; bottom: 8px; margin: 4px auto; }

#appView .powrModal .contentWrapper.headerPositioning .powrMark .powrMarkLink { padding-top: 0px; color: rgb(53, 64, 81); }

#appView .powrModal .contentWrapper.headerPositioning .powrMark img { max-width: unset; max-height: unset; display: inline; }

#appView .powrModal .contentWrapper.headerPositioning .powrMark a { text-decoration: none; }

@media screen and (max-width: 480px) {
  #appView .powrModal .contentWrapper.headerPositioning .powrMark { height: 76px; bottom: 0px; width: 100vw; margin-bottom: 0px; }
  #appView .powrModal .contentWrapper.headerPositioning .powrMark img { margin-bottom: 4px; }
}

#appView .powrModal .caption { text-align: center; }

#appView .powrModal .content-overlay-wrapper { height: 100%; position: relative; overflow: auto; min-height: 150px; }

#appView .powrModal .verticalImageClass { display: flex; flex-direction: column; }

#appView .powrModal .verticalImageClass .overlay { position: relative; }

#appView .powrModal .verticalImageClass .overlay.topImageLayout { order: 0; }

#appView .powrModal .verticalImageClass .overlay.bottomImageLayout { order: 1; }

#appView .powrModal .overlay.fullImageLayout { left: 0px; }

#appView .powrModal .overlay.leftImageLayout { left: 0px; }

#appView .powrModal .overlay.rightImageLayout { right: 0px; }

#appView .powrModal .content { overflow: hidden auto; height: 100%; margin-bottom: 0px; max-height: 100vh; }

#appView .powrModal .content.leftImageLayout { float: right; }

#appView .powrModal .content.rightImageLayout { float: left; }

#appView .powrModal .content-overlay-wrapper.mobileImage-hidden .content.leftImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-hidden .content.rightImageLayout { width: 100% !important; }

@media screen and (max-width: 768px) {
  #appView .powrModal .content-overlay-wrapper.mobileImage-above, #appView .powrModal .content-overlay-wrapper.mobileImage-below, #appView .powrModal .content-overlay-wrapper.mobileImage-hidden, #appView .powrModal .content-overlay-wrapper.mobileImage-notSet { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  #appView .powrModal .content-overlay-wrapper.mobileImage-above .overlay.leftImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-above .overlay.rightImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-above .content.leftImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-above .content.rightImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-below .overlay.leftImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-below .overlay.rightImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-below .content.leftImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-below .content.rightImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-hidden .overlay.leftImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-hidden .overlay.rightImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-hidden .content.leftImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-hidden .content.rightImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-notSet .overlay.leftImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-notSet .overlay.rightImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-notSet .content.leftImageLayout, #appView .powrModal .content-overlay-wrapper.mobileImage-notSet .content.rightImageLayout { width: 100%; position: relative; }
  #appView .powrModal .content-overlay-wrapper.mobileImage-side { display: flex; flex-direction: row; }
  #appView .powrModal .content-overlay-wrapper.mobileImage-side .overlay.rightImageLayout { order: 1; }
  #appView .powrModal .mobileImage-notSet .overlay.rightImageLayout { order: 1; }
  #appView .powrModal .mobileImage-notSet .overlay.leftImageLayout { order: 0; }
  #appView .powrModal .mobileImage-above .overlay.rightImageLayout, #appView .powrModal .mobileImage-above .overlay.leftImageLayout { order: 0; }
  #appView .powrModal .mobileImage-below .overlay.rightImageLayout, #appView .powrModal .mobileImage-below .overlay.leftImageLayout { order: 1; }
  #appView .powrModal .mobileImage-hidden .overlay.leftImageLayout, #appView .powrModal .mobileImage-hidden .overlay.rightImageLayout, #appView .powrModal .mobileImage-hidden .overlay.topImageLayout, #appView .powrModal .mobileImage-hidden .overlay.bottomImageLayout { display: none; }
  #appView .powrModal .mobileImage-side .overlay.leftImageLayout, #appView .powrModal .mobileImage-side .overlay.rightImageLayout { width: 25%; position: relative; }
  #appView .powrModal .wheel-canvas { width: 300px; }
  #appView .powrModal .wheel-flapper { width: 30px; top: 45%; left: -300px; right: 0px; }
  #appView .powrModal .wheel-loss-block svg { width: 320px; }
}

#appView .powrModal .close { position: absolute; z-index: 3; opacity: 1; text-shadow: none; top: 16px; right: 16px; }

#appView .powrModal .hid { display: none; }

#appView .powrModal .contentItem { margin-top: 10px; overflow: visible; }

#appView .powrModal .contentItem .fitText { width: 100%; }

#appView .powrModal .contentItem.coupon { text-align: center; }

#appView .powrModal .contentItem.margin-top-nil { margin-top: 0px; }

#appView .powrModal .contentItem .text { margin: 0px auto; max-width: 100%; }

#appView .powrModal .contentItem p { margin-bottom: 0px; line-height: 1; }

#appView .powrModal .coupon-icon { top: 50%; transform: translateY(-50%) rotate(-90deg); position: absolute; }

#appView .powrModal .coupon-text { text-align: center; margin: auto; position: relative; word-break: break-all; }

#appView .powrModal textarea.coupon-text-copy { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); position: absolute; border: none; top: 50%; transform: translateX(-50%) translateY(-50%); left: 50%; height: 100%; resize: none; }

#appView .powrModal textarea.coupon-text-copy:focus { border: none; background-color: rgba(0, 0, 0, 0); box-shadow: none; }

#appView .powrModal textarea.coupon-text-copy::selection { background: rgba(0, 0, 0, 0); }

#appView .powrModal .app-button-container.left, #appView .powrModal .headline.left { text-align: left; width: auto; }

#appView .powrModal .app-button-container.right, #appView .powrModal .headline.right { text-align: right; }

#appView .powrModal .app-button-container.center, #appView .powrModal .headline.center { text-align: center; }

#appView .powrModal .app-button-container.full .buttonText, #appView .powrModal .headline.full .buttonText { width: 100%; }

#appView .powrModal .buttonText { display: inline-block; border: 1px solid rgba(0, 0, 0, 0); text-align: center; text-decoration: none; transition: 0.3s; margin: 0px auto; }

#appView .powrModal .spacer hr { position: relative; top: 50%; opacity: 0.2; }

#appView .powrModal .powrMarkSpacer { position: relative; height: 50px; }

#appView .powrModal .powrMarkHighlight { background: rgba(255, 255, 255, 0.6); padding: 4px; }

#appView .app-email-container__half { width: 49%; }

#appView .app-email-container__full, #appView .app-email-container__half { display: inline-block; }

#appView .app-email-container__full input::placeholder, #appView .app-email-container__half input::placeholder { color: rgb(158, 158, 158); font-size: 1rem; }

#appView .app-email-container__full { width: 99%; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .popupPowrMarkContainer .content { height: auto !important; }
}

.spin-button { font-family: Roboto; line-height: 28px; height: 50px; min-width: 200px; border: none; font-size: 24px !important; }

.wheel-win-block, .wheel-loss-block { display: none; }

.win-label { display: flex; height: 100%; align-items: center; justify-content: center; }

.win-label-container { width: 180px; height: 90px; top: 98px; left: 0px; right: 0px; margin-right: auto; margin-left: auto; line-height: 28px; font-size: 24px; color: rgb(255, 255, 255); font-weight: bold; letter-spacing: 0.5px; font-family: Roboto; word-break: break-word; }

.loss-label { font-size: 48px; font-family: Roboto; line-height: 56px; font-style: normal; font-weight: bold; }

.coupon-code { cursor: pointer; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(74, 74, 74); font-family: Roboto; font-weight: bold; font-size: 24px; line-height: 50px; letter-spacing: 0.5px; box-sizing: border-box; width: 218px; height: 50px; background-color: rgb(255, 255, 255); border: 1px solid rgb(82, 135, 223); border-radius: 3px; }

.coupon-code-label { color: rgb(160, 171, 190); font-family: Roboto; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }

.wheel-flapper { position: absolute; top: 46%; margin-left: auto; margin-right: auto; right: 0px; left: -365px; }

.wheel-container { position: relative; }

.mobile-preview .wheel-canvas { width: 300px; }

.mobile-preview .wheel-flapper { width: 30px; top: 45%; left: -300px; right: 0px; }

.mobile-preview .wheel-loss-block svg { width: 320px; }

.errorMessage { color: red; text-align: left; font-size: 14px; font-family: Oswald; }

.d-none { display: none; }

.cropperjs-preview { overflow: hidden; }

.break-word { word-break: break-word; }

.header-modal .modal-header { border-bottom: none; }

.header-modal .modal-header .modal-title { text-align: center; }

.header-modal .modal-body { text-align: center; }

.header-modal .modal-footer { border-top: none; text-align: center; }

#appView.center-mobile-preview .content-overlay-wrapper.mobileImage-above, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-below, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-hidden, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-notSet { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

#appView.center-mobile-preview .content-overlay-wrapper.mobileImage-above .overlay.leftImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-above .overlay.rightImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-above .content.leftImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-above .content.rightImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-below .overlay.leftImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-below .overlay.rightImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-below .content.leftImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-below .content.rightImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-hidden .overlay.leftImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-hidden .overlay.rightImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-hidden .content.leftImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-hidden .content.rightImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-notSet .overlay.leftImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-notSet .overlay.rightImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-notSet .content.leftImageLayout, #appView.center-mobile-preview .content-overlay-wrapper.mobileImage-notSet .content.rightImageLayout { width: 100%; position: relative; }

#appView.center-mobile-preview .content-overlay-wrapper.mobileImage-side { display: flex; flex-direction: row; }

#appView.center-mobile-preview .content-overlay-wrapper.mobileImage-side .overlay.rightImageLayout { order: 1; }

#appView.center-mobile-preview .mobileImage-notSet .overlay.rightImageLayout { order: 1; }

#appView.center-mobile-preview .mobileImage-notSet .overlay.leftImageLayout { order: 0; }

#appView.center-mobile-preview .mobileImage-above .overlay.rightImageLayout, #appView.center-mobile-preview .mobileImage-above .overlay.leftImageLayout { order: 0; }

#appView.center-mobile-preview .mobileImage-below .overlay.rightImageLayout, #appView.center-mobile-preview .mobileImage-below .overlay.leftImageLayout { order: 1; }

#appView.center-mobile-preview .mobileImage-hidden .overlay.leftImageLayout, #appView.center-mobile-preview .mobileImage-hidden .overlay.rightImageLayout, #appView.center-mobile-preview .mobileImage-hidden .overlay.topImageLayout, #appView.center-mobile-preview .mobileImage-hidden .overlay.bottomImageLayout { display: none; }

#appView.center-mobile-preview .mobileImage-side .overlay.leftImageLayout, #appView.center-mobile-preview .mobileImage-side .overlay.rightImageLayout { width: 25%; position: relative; }

#appView.center-mobile-preview .wheel-canvas { width: 300px; }

#appView.center-mobile-preview .wheel-flapper { width: 30px; top: 45%; left: -300px; right: 0px; }

#appView.center-mobile-preview .wheel-loss-block svg { width: 320px; }

#appView.center-mobile-preview .powrMark { padding: 32px 4px 16px; bottom: -56px; }

#appView.center-mobile-preview .powrMark .powrMarkLink { flex-direction: column; padding-bottom: 16px; }

#appView.center-mobile-preview .powrMark .powrMark__divider { display: none; }

#appView.center-mobile-preview .powrMark img { margin-bottom: 4px; }

.required { color: rgb(235, 130, 129); margin-right: 3px; }