/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/styles/site-base.scss ***!
  \***********************************************************************************************************************/
.navbar-avatar {
  object-fit: cover;
  width: 32px;
  height: 32px;
  max-height: inherit !important;
  border-radius: 50%;
}

#profile-picture {
  display: flex;
  justify-content: center;
}
#profile-picture img.avatar {
  object-fit: cover;
  width: 128px;
  height: 128px;
  border-radius: 50%;
}

#profile-upload-holder {
  padding-top: 0.5em;
}
#profile-upload-holder input[type=file] {
  display: none;
}

.progress-bar {
  background-color: var(--primary);
  width: 2px;
}

#progress-bar-message {
  color: var(--gray);
}

.add-loading-dots:after {
  content: " .";
  animation: dots 1s steps(5, end) infinite;
}
@keyframes dots {
  0%, 20% {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  40% {
    color: black;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  60% {
    text-shadow: 0.25em 0 0 black, 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  80%, 100% {
    text-shadow: 0.25em 0 0 black, 0.5em 0 0 black;
  }
}

.upgrade-features li {
  display: flex;
}
.upgrade-features li .pg-icon {
  margin-right: 0.5rem;
}
.upgrade-features li .upgrade-feature {
  width: 100%;
}

#subscription-details-table .subscription-detail {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0.5rem;
}
#subscription-details-table .subscription-detail .subscription-detail-label {
  width: 16rem;
  text-align: right;
  margin-right: 1rem;
}
#subscription-details-table .subscription-detail .subscription-detail-value {
  width: 100%;
}
#subscription-details-table .subscription-detail .subdetail {
  font-size: 0.8rem;
  margin-top: 0.2rem;
}

#plan-selector .plan {
  height: 100%;
  border: 3px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  padding: 1rem;
}
#plan-selector .plan.is-selected {
  border: 3px solid var(--primary);
}
#plan-selector .plan .plan-summary {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#plan-selector .plan .price {
  font-size: 1.5rem;
}

[x-cloak] {
  display: none !important;
}

.h-100 {
  height: 100%;
}

.muted-link {
  color: hsl(0, 0%, 71%);
}
.muted-link:hover {
  color: hsl(0, 0%, 48%);
  text-decoration: underline;
}

.errorlist {
  color: var(--danger);
}

img.socialicon {
  padding-right: 0.5em;
  max-width: 24px;
  max-height: 24px;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid var(--primary);
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/unpoly/unpoly.min.css ***!
  \********************************************************************************************************************************/
[hidden][hidden]{display:none !important}
up-wrapper{display:inline-block}
up-bounds{position:absolute}
.up-focus-hidden:focus-visible{outline:none !important}
.up-request-loader{display:none}
up-progress-bar{position:fixed;top:0;left:0;z-index:999999999;height:3px;background-color:#007bff}
up-focus-trap{position:fixed;top:0;left:0;width:0;height:0}
up-cover-viewport,up-drawer-viewport,up-modal-viewport,up-drawer-backdrop,up-modal-backdrop,up-cover,up-drawer,up-modal{top:0;left:0;bottom:0;right:0}
up-drawer-box,up-modal-box{box-shadow:0 0 10px 1px rgba(0,0,0,.3)}
up-popup{box-shadow:0 0 4px rgba(0,0,0,.3)}
up-popup:focus,up-cover-box:focus,up-drawer-box:focus,up-modal-box:focus,up-cover:focus,up-drawer:focus,up-modal:focus,up-popup:focus-visible,up-cover-box:focus-visible,up-drawer-box:focus-visible,up-modal-box:focus-visible,up-cover:focus-visible,up-drawer:focus-visible,up-modal:focus-visible{outline:none}
up-cover,up-drawer,up-modal{z-index:2000;position:fixed}
up-drawer-backdrop,up-modal-backdrop{position:absolute;background:rgba(0,0,0,.4)}
up-cover-viewport,up-drawer-viewport,up-modal-viewport{position:absolute;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;display:flex;align-items:flex-start;justify-content:center}
up-popup,up-cover-box,up-drawer-box,up-modal-box{position:relative;box-sizing:border-box;max-width:100%;background-color:#fff;padding:20px;overflow-x:hidden}
up-popup-content,up-cover-content,up-drawer-content,up-modal-content{display:block}
up-popup{z-index:1000}
up-popup-dismiss,up-cover-dismiss,up-drawer-dismiss,up-modal-dismiss{color:#888;position:absolute;top:10px;right:10px;font-size:1.7rem;line-height:.5}
up-modal[nesting="0"] up-modal-viewport{padding:25px 15px}
up-modal[nesting="1"] up-modal-viewport{padding:50px 30px}
up-modal[nesting="2"] up-modal-viewport{padding:75px 45px}
up-modal[nesting="3"] up-modal-viewport{padding:100px 60px}
up-modal[nesting="4"] up-modal-viewport{padding:125px 75px}
up-modal[size=small] up-modal-box{width:350px}
up-modal[size=medium] up-modal-box{width:650px}
up-modal[size=large] up-modal-box{width:1000px}
up-modal[size=grow] up-modal-box{width:auto}
up-modal[size=full] up-modal-box{width:100%}
up-drawer-viewport{justify-content:flex-start}
up-drawer[position=right] up-drawer-viewport{justify-content:flex-end}
up-drawer-box{min-height:100vh}
up-drawer[size=small] up-drawer-box{width:150px}
up-drawer[size=medium] up-drawer-box{width:340px}
up-drawer[size=large] up-drawer-box{width:600px}
up-drawer[size=grow] up-drawer-box{width:auto}
up-drawer[size=full] up-drawer-box{width:100%}
up-cover-box{width:100%;min-height:100vh;padding:0}
up-popup{padding:15px;text-align:left}
up-popup[size=small]{width:180px}
up-popup[size=medium]{width:300px}
up-popup[size=large]{width:550px}
up-popup[size=grow] up-popup{width:auto}
up-popup[size=full] up-popup{width:100%}
[up-href],[up-clickable]{cursor:pointer}