html,
body {
  min-height: 100%;
}

/* Site font family ('DM Sans Fallback' is a metric-adjusted local font emitted per-podcast; unknown here = skipped) */
body, .heading, .display, .section-title .section-title-inner, .btn, h1,h2,h3,h4,h5,h6 {
  font-family: 'DM Sans', 'DM Sans Fallback', sans-serif !important;
}

h1, .heading-1 {
  font-size: 32px !important;
  line-height: 1.1em !important;
}
h2, .heading-2 {
  font-size: 24px !important;
  line-height: 1.2em !important;
}
h3, .heading-3 {
  font-size: 20px !important;
  line-height: 1.3em !important;
}
h4, .heading-4 {
  font-size: 18px !important;
  line-height: 1.3em !important;
}
h5, .heading-5 {
  font-size: 16px !important;
  line-height: 1.3em !important;
}
h6, .heading-6 {
  font-size: 14px !important;
  line-height: 1.3em !important;
}

p, section p:not(.lead) {
  font-size: 1rem;
  line-height: 1.6em !important;
}

/* BUTTONS */
.btn {
  font-weight: 500 !important;
  border-width: 2px !important;
  padding: 8px 20px !important;
}
.btn:not(.btn-circle) {
  border-radius: var(--border-radius-button) !important;
}

.btn-lg, .btn-styled.btn-lg {
  padding: 12px 24px !important;
  font-size: 20px !important;
  border-radius: var(--border-radius) !important;
}

.btn-sm, .btn-styled.btn-sm {
  font-size: 0.775rem !important;
  padding: 8px 20px !important;
}

.btn-xs, .btn-styled.btn-xs {
  font-size: 0.675rem !important;
  padding: 4px 15px !important;
}
.btn-icon-left .icon, .btn-icon-left .fa, .btn-icon-left .far, .btn-icon-left .fas, .btn-icon-left .fab {
  margin-right: 0.625rem;
}
.btn-icon-right .icon, .btn-icon-right .fa, .btn-icon-right .far, .btn-icon-right .fas {
  margin-left: 0.625rem;
}

.btn-mono,
.dark-mode .btn-mono:hover {
  background-color: white;
  color: black !important;
}
.dark-mode .btn-mono,
.btn-mono:hover {
  background-color: black !important;
  color: white !important;
}

:root {
  --border-radius: 8px;
  --border-radius-lg: 16px;
  --border-radius-circle: 100px;
}

/* BORDER RADIUS */
.rounded { border-radius: var(--border-radius) !important; }
.rounded-xl { border-radius: var(--border-radius-lg) !important; }
.rounded-sm { border-radius: 4px !important; }
.rounded-xxl { border-radius: 50px !important;}
.rounded-xl-top { border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0 !important; }
.rounded-xl-bottom { border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg) !important; }
.rounded-lg-xxl { border-radius: var(--border-radius-circle) !important;}
@media (max-width: 992px) {
  .rounded-lg-xxl { border-radius: var(--border-radius-lg) !important; }
}

.announcement-banner a {
  color: inherit !important;
  text-decoration: underline !important;
}

.announcement-banner a:hover {
  text-decoration: none !important;
  color: inherit !important;
}

.navbar-nav .nav-link,
.navbar-nav .show .nav-link,
#nav-cta .btn {
  margin: 0 !important;
  border: none !important;
  padding: 8px 14px !important;
  transition: none !important;
}

.navbar-nav .nav-link.nav-link-icon,
.navbar-nav .show .nav-link.nav-link-icon {
  padding: 8px !important;
}

@media only screen and (min-width: 770px) {
  #coming-soon-page {
    height: 100vh;
  }
}

.user-added-content img.w-100 {
  height: auto !important;
}

img.player-logo {
  height: 36px !important;
  max-width: 100% !important;
}

.swiper-button-prev:after {
  font-family: "Font Awesome 7 Pro" !important;
  font-weight: 900 !important;
  content: "\f104" !important;
}

.swiper-button-next:after {
  font-family: "Font Awesome 7 Pro" !important;
  font-weight: 900 !important;
  content: "\f105" !important;
}

.btn-back-to-top:before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f106";
}

#email-collect input.form-control {
  /*background: #fafafa;
  border: 1px solid #dddeeb; */
  box-sizing: border-box;
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75rem;
  padding: 1.75rem 1.5rem;
  outline: none;
}

#email-collect input.form-control:focus {
  /* background: #fff;
  border: 1px solid #ccc; */
  color: #0f0e1d;
}

.body-wrap {
  background-color: transparent;
}

.main-content {
  min-height: 450px;
}

.form-group textarea.form-control {
  min-height: 100px;
}

.show-page {
  display: unset;
}

.show-page .navbar-brand {
  line-height: 1.4rem;
  font-weight: 500;
  font-size: 1.5rem;
}

.show-page .navbar-brand img {
  height: 40px;
  margin-right: 10px;
}

.show-page .navbar-nav .nav-link {
  white-space: nowrap;
}

/* DASHBOARD NAV */
@media (min-width: 992px) {
  .show-page .navbar-nav .nav-link {
    text-align: center;
  }
}

/* Mobile */
@media only screen and (max-width: 650px) {
  .cover-card {
    min-height: 225px;
  }

  .heading-xl {
    font-size: 2.5rem !important;
  }

  .show-page .navbar-brand {
    min-width: 0;
    flex-shrink: 1;
    overflow: hidden;
  }

  .show-page .navbar-brand-container .navbar-brand, /* TODO:navbar-cleanup: remove this line*/
  .show-page .navbar-brand-container {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .navbar-collapse .navbar-nav .nav-item {
    max-width: 100%;
  }

  .navbar-collapse .navbar-nav .nav-link {
    border: none !important;
    font-size: 1.25rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media only screen and (max-width: 1000px) {
  .floating-button.floating-button-top {
    top: 15px;
    right: 65px;
  }
}

/** Read More on Long Scripts **/
.pp-read-more-box {
  position: relative;
  /* transition: linear height 0.3s; */
  overflow-y: hidden;
}

.pp-read-more-button {
  font-weight: bold;
}

.pp-read-more-blurred-bottom {
  position: absolute;
  height: 30px;
  bottom: 0px;
  width: 100%;
  text-align: right;
  background: linear-gradient(180deg, rgba(255,255,255,0.45), white);
}

.dark-mode .pp-read-more-blurred-bottom {
  background: linear-gradient(180deg, rgba(0,0,0,0.45), black);
}
/** Read More on Long Scripts **/

.sidebar--style-1.email-signup {
  background: #2b2b2c;
  color: white;
  border: none;
}

.sidebar--style-1.email-signup p {
  font-size: 1.1rem;
  font-weight: bold;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

blockquote {
  border-left: 2px solid #ccc;
  margin-left: 1.5rem;
  padding-left: 1rem;
  margin-top: 1rem !important;
}

blockquote p {
  font-size: 1rem !important;
}

.bg-size-cover {
  background-position: center;
}

.navbar .list-group-item:first-child {
  border-top: none !important;
}

.navbar .list-group-item:last-child {
  border-bottom: none !important;
}

.post-content img {
  max-width: 100%;
}

.post-content img:not(.plyr_episode_image) {
  height: auto;
}

/* Add padding to aligned images for better spacing */
.post-content img[style*="float: left"],
.post-content img[style*="float:left"],
.post-content-body img[style*="float: left"],
.post-content-body img[style*="float:left"] {
  margin-right: 1.5rem;
  margin-bottom: 1rem;
}

.post-content img[style*="float: right"],
.post-content img[style*="float:right"],
.post-content-body img[style*="float: right"],
.post-content-body img[style*="float:right"] {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.post-content .transcript>p {
  margin-bottom: 1.25rem !important;
  margin-top: 0 !important;
}

.post-content pre {
  margin-top: 1.25rem !important;
  padding: 1.25rem;
}


.post-content ol {
  font-size: inherit;
}

.post-content-body a {
  text-decoration: underline;
}

.cover-card {
  min-height: 450px;
}

.floating-button {
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 1000;
}

.floating-button.floating-button-top {
  top: 30px;
  right: 30px;
  left: unset;
  bottom: unset;
}

.floating-button.floating-button-brand {
  font-family: "DM Sans", "DM Sans Fallback", Arial, sans-serif;
  left: 10px;
  bottom: 10px;
  line-height: .7;
}

.btn-link {
  -webkit-appearance: none;
}

.dark-mode .swiper-button--style-1 {
  color: rgba(255,255,255,.7);
}

.footer .copy-links li,
.footer .copy-links li a {
  color: inherit;
}

.footer .copy-links li a {
  text-decoration: underline;
}

#sidebar-custom-html img {
  max-width: 100% !important;
  height: auto;
}

.swiper-hidden-on-loading {
  opacity: 0;
  overflow: hidden;
  max-height: 500px;
}

.swiper-hidden-on-loading.swiper-initialized {
  opacity: 1;
  overflow: visible;
  max-height: none;
  transition: opacity 0.15s ease-in;
}

.show-page .navbar.bg-dark {
  background-color: #000000 !important;
}

.show-page .navbar.navbar-transparent.bg-dark {
  background-color: transparent !important;
}

.slice-lg.slice--offset-top {
  padding-top: 8rem !important;
}

.slice-xl.slice--offset-top {
  padding-top: 10rem !important;
}

@media (max-width: 991px) {
  .slice--offset-top,
  .slice-lg.slice--offset-top,
  .slice-xl.slice--offset-top {
    padding-top: 4rem !important;
  }
}

/* Desktop: navbar-top-row wrapper should be invisible to layout */
@media (min-width: 992px) {
  .navbar-top-row {
    display: contents !important;
  }
}

/* Mobile: transparent nav overlays like desktop */
@media (max-width: 991px) {
  .navbar.navbar-transparent {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  /* Remove container positioning so collapse can be relative to navbar */
  .navbar .navbar-container {
    position: static;
  }

  /* Expanded hamburger menu: full-width, solid bg */
  .navbar .navbar-collapse.show,
  .navbar .navbar-collapse.collapsing {
    background-color: var(--bg-color);
    color: var(--text-color);
    position: absolute;
    margin-top: 0px !important;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    padding: 1rem 1.5rem;
    z-index: 100;
  }

  .navbar .navbar-collapse.show .nav-link:not(:hover):not(:focus),
  .navbar .navbar-collapse.collapsing .nav-link:not(:hover):not(:focus),
  .navbar .navbar-collapse.show .navbar-nav .nav-link:not(:hover):not(:focus),
  .navbar .navbar-collapse.collapsing .navbar-nav .nav-link:not(:hover):not(:focus),
  .navbar .navbar-collapse.show .list-group-item:not(:hover):not(:focus),
  .navbar .navbar-collapse.collapsing .list-group-item:not(:hover):not(:focus) {
    color: var(--text-color) !important;
  }
}

.c-inherit {
  color: inherit !important;
}

.z-depth-10 {
  /* border: 1px solid #11111126 !important; */
  box-shadow: 0px 10px 70px 0px #0000000D;
}

.dark-mode .pagination .page-link,
.pagination .page-item>span {
  border: 1px solid rgba(255,255,255,0.15) !important;
}

.dark-mode .pagination>.disabled .page-link,
.dark-mode .pagination>.disabled .page-link:focus,
.dark-mode .pagination>.disabled .page-link:hover,
.dark-mode .pagination>.disabled>span,
.dark-mode .pagination>.disabled>span:focus,
.dark-mode .pagination>.disabled>span:hover {
  color: #666 !important;
  background-color: black !important;
}

/* Social Colors */
.c-linkedin {
  color: #0B65C2;
}

.mw-100 {
  max-width: 100%;
}

.show-page .tabs--style-2 .nav-tabs {
  border-bottom: 3px solid rgba(0,0,0,0.05) !important;
}

.show-page.dark-mode .tabs--style-2 .nav-tabs {
  border-color: rgba(255,255,255,0.125) !important;
}

.show-page .tabs--style-2 .nav-tabs .nav-item {
  margin-bottom: -3px;
}

.show-page .tabs--style-2 .nav-tabs .nav-link {
  color: inherit !important;
}

.show-page .tabs--style-2 .nav-tabs .nav-item.show .nav-link,
.tabs--style-2 .nav-tabs .nav-link.active {
  border-bottom-width: 3px !important;
}

.show-page .tabs--style-2 .nav-tabs .nav-link:hover:not(.active) {
  opacity: .7 !important;
  border-bottom: none !important;
}

.navbar-inverse .navbar-brand,
.navbar-inverse.navbar-light .navbar-brand {
  color: rgba(255,255,255,0.9);
}

@media (min-width: 992px) {
  .navbar-inverse .navbar-brand {
    color: rgba(255,255,255,0.9) !important;
  }
}

.form-group.is-invalid .invalid-feedback {
  display: block !important;
}


/* Transcripts */
#transcript cite {
  font-weight: bold;
  font-style: italic;
  margin-right: 5px;
}
#transcript time {
  font-size: .8rem;
  opacity: .7;
}
#transcript p:has(cite):has(time) {
  margin-bottom: 0;
}

/* Navigation dropdown hover and focus behavior (desktop) */
@media (min-width: 992px) {
  .navbar-nav .nav-item.dropdown .nav-dropdown-menu,
  #nav-cta.dropdown .nav-dropdown-menu {
    display: none !important;
  }
  .navbar-nav .nav-item.dropdown:hover .nav-dropdown-menu,
  .navbar-nav .nav-item.dropdown .nav-dropdown-menu:hover,
  .navbar-nav .nav-item.dropdown .nav-dropdown-hover:focus ~ .nav-dropdown-menu,
  .navbar-nav .nav-item.dropdown:focus-within .nav-dropdown-menu,
  #nav-cta.dropdown:hover .nav-dropdown-menu,
  #nav-cta.dropdown .nav-dropdown-menu:hover,
  #nav-cta.dropdown .nav-dropdown-hover:focus ~ .nav-dropdown-menu,
  #nav-cta.dropdown:focus-within .nav-dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .navbar-nav .nav-item.dropdown,
  #nav-cta.dropdown {
    position: relative;
  }
}

/* Hamburger menu animation (spring variant) */
.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}
.hamburger.is-active:hover,.hamburger:hover{opacity:.7}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}
.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:3px;background-color:#000}
.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}
.hamburger-inner:before{top:-10px}
.hamburger-inner:after{bottom:-10px}
.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}
.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}
.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}
.hamburger:not(.is-active) .hamburger-inner:before {top:10px !important;}
.hamburger:not(.is-active) .hamburger-inner:after {top:20px !important;}

/* Navigation dropdown mobile behavior - always expanded */
@media (max-width: 991.98px) {
  .navbar-collapse {
    border: none !important;
  }
  .navbar-nav .dropdown-toggle::after {
    display: none !important;
  }
  .navbar-nav .nav-item.dropdown .nav-dropdown-menu,
  #nav-cta.dropdown .nav-dropdown-menu {
    display: block !important;
    position: static !important;
    background: transparent !important;
  }
  .navbar-nav .nav-item.dropdown,
  #nav-cta.dropdown {
    position: relative;
  }
  .navbar .list-group-item {
    border: none !important;
    /* background: var(--nav-bg-color) !important; */
    color: var(--nav-link-color) !important;
    padding-left: 30px;
  }
  .navbar .list-group-item:hover {
    background: var(--nav-btn-bg-color) !important;
    color: var(--nav-btn-text-color) !important;
    border-radius: 50px 50px 50px 50px !important;
  }
}


/* ============================================
   Voicemail Widget Styles
   (migrated from voicemail_inline/_styles.css)
   ============================================ */

@keyframes slide-in-from-left-animation {
  from {
    right: -38.89px;
  } to {
    right: 0px;
  }
}

.comeInEffect {
  animation-name: fade-in-animation;
  animation-duration: 250ms;
}

.goOutEffect {
  animation-name: fade-out-animation;
  animation-duration: 250ms;
}

.slideInFromLeftEffect {
  animation-name: slide-in-from-left-animation;
  animation-duration: 250ms;
}

._ping_modal {
  display: flex;
  flex-direction: column;
  width: 375px;
  min-height: min(475px, calc(100vh - 40px));
  height: auto;
  max-height: calc(100vh - 40px);
  z-index: 9999;
  background: white;
  border: solid 1px #eee;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
  border-radius: 8px;
  border: none;
  overflow: hidden;
}

#voicemail_modal {
  overflow: hidden;
}

._ping_modal_positioning {
  left: 0px;
  right: 0px;
  position: fixed;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  margin-left: -187.5px;
  transform: translateY(-50%);
}

._ping_modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.6);
}


.ping-fab {
  align-content: center;
  text-align: center;
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  z-index: 1000;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
}

.ping-fab-hidden {
  display: none;
}

/* The animation code */
@keyframes icon-rotate-right {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(90deg);
  }
}

@keyframes icon-rotate-upright {
  0% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.rotateRightEffect {
  animation-name: icon-rotate-right;
  animation-duration: 100ms;
  transform: rotate(90deg);
}
.rotateUpRightEffect {
  animation-name: icon-rotate-upright;
  animation-duration: 100ms;
  transform: rotate(0deg);
}

.icon-hidden {
  display: none;
}

.ping-fab .icon {
    position: relative;
}

.ping-fab i {
    font-size: 30px;
}

.ping-tab {
    position: fixed;
    right: 0;
    top: 20%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    transform: rotate(-90deg);
    transform-origin: bottom right;
    z-index: 1000;
    padding: 10px 20px;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
}



@keyframes fade-in-animation {
  from {
    opacity: 0;
    transform: translateY(calc(-50% + 30px));
  } to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes fade-out-animation {
  from {
    opacity: 1;
    transform: translateY(-50%);
  } to {
    opacity: 0;
    transform: translateY(calc(-50% + 30px));
  }
}


/* FAB-specific overrides (scoped via .voicemail-fab wrapper) */

.voicemail-fab ._ping_modal_positioning {
  right: 2%;
  position: fixed;
  left: revert;
  top: revert;
  bottom: 120px;
  transform: none;
}

.voicemail-fab ._ping_modal {
  min-height: min(475px, calc(100vh - 140px));
  max-height: calc(100vh - 140px);
}

@keyframes fade-in-animation-fab {
  from {
    opacity: 0;
    bottom: 90px;
  } to {
    opacity: 1;
    bottom: 120px;
  }
}

@keyframes fade-out-animation-fab {
  from {
    opacity: 1;
    bottom: 120px;
  } to {
    opacity: 0;
    bottom: 90px;
  }
}

.voicemail-fab .comeInEffect {
  animation-name: fade-in-animation-fab;
}

.voicemail-fab .goOutEffect {
  animation-name: fade-out-animation-fab;
}


@media only screen and (max-width:425px) {
  ._ping_modal,
  .voicemail-fab ._ping_modal {
    height: 100%;
    width: 100%;
    min-height: 0;
    max-height: 100%;
  }
  ._ping_modal_positioning,
  .voicemail-fab ._ping_modal_positioning {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    margin-top: 0px;
    margin-left: auto;
    bottom: 0px;
    transform: none;
  }
  /* Full-screen on mobile: fade only, no translate/bottom slide */
  @keyframes fade-in-animation {
    from { opacity: 0; } to { opacity: 1; }
  }
  @keyframes fade-out-animation {
    from { opacity: 1; } to { opacity: 0; }
  }
  @keyframes fade-in-animation-fab {
    from { opacity: 0; } to { opacity: 1; }
  }
  @keyframes fade-out-animation-fab {
    from { opacity: 1; } to { opacity: 0; }
  }
}

/* Animation file included */

:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

.animate__zoomIn {
  animation-duration: 150ms !important;
}
/* ============================================
   Voicemail Modal Inline Styles
   (migrated from _voicemail_modal_inline.html)
   ============================================ */

#voicemail-inline-container .animate__fadeIn {
  animation-delay: 500ms;
}
#voicemail-inline-container .animate__fadeInUp {
  animation-delay: 250ms;
}
#voicemail-inline-container ._ping_modal_footer {
  animation-delay: 500ms;
  bottom: 0px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.9));
  padding: 10px;
  position: absolute;
}
#voicemail-inline-container ._ping_modal_body {
  margin-bottom: 50px;
}
/* Let long step content (e.g. custom welcome message, disclaimer, name/email
   fields) scroll instead of being clipped by the fixed-height modal and
   overlapped by the footer. The body's 50px bottom margin keeps the last
   content above the absolutely-positioned footer when scrolled to the end. */
#voicemail-inline-container._ping_modal .voicemail-modal {
  flex: 0 1 auto;
  min-height: 0;
  overflow-y: auto;
}

@keyframes fade-out-left-far-animation {
  from { margin-left: 0px; margin-right: 0px; opacity: 1; }
  to { margin-left: -50px; margin-right: 50px; opacity: 0; }
}
@keyframes fade-out-left-animation {
  from { margin-left: 0px; margin-right: 0px; opacity: 1; }
  to { margin-left: -30px; margin-right: 30px; opacity: 0; }
}
@keyframes fade-out-right-far-animation {
  from { margin-left: 0px; margin-right: 0px; opacity: 1; }
  to { margin-left: 50px; margin-right: -50px; opacity: 0; }
}
@keyframes fade-out-right-animation {
  from { margin-left: 0px; margin-right: 0px; opacity: 1; }
  to { margin-left: 30px; margin-right: -30px; opacity: 0; }
}
@keyframes fade-in-left-far-animation {
  from { margin-left: -50px; margin-right: 50px; opacity: 0; }
  to { margin-left: 0px; margin-right: 0px; opacity: 1; }
}
@keyframes fade-in-left-animation {
  from { margin-left: -30px; margin-right: 30px; opacity: 0; }
  to { margin-left: 0px; margin-right: 0px; opacity: 1; }
}
@keyframes fade-in-right-far-animation {
  from { margin-left: 50px; margin-right: -50px; opacity: 0; }
  to { margin-left: 0px; margin-right: 0px; opacity: 1; }
}
@keyframes fade-in-right-animation {
  from { margin-left: 30px; margin-right: -30px; opacity: 0; }
  to { margin-left: 0px; margin-right: 0px; opacity: 1; }
}

.fadeOutLeftEffect { animation-name: fade-out-left-animation; animation-duration: 400ms; }
.fadeOutFarLeftEffect { animation-name: fade-out-left-far-animation; animation-duration: 400ms; }
.fadeOutRightEffect { animation-name: fade-out-right-animation; animation-duration: 400ms; }
.fadeOutFarRightEffect { animation-name: fade-out-right-far-animation; animation-duration: 400ms; }
.fadeInLeftEffect { animation-name: fade-in-left-animation; animation-duration: 400ms; }
.fadeInLeftFarEffect { animation-name: fade-in-left-far-animation; animation-duration: 400ms; }
.fadeInRightEffect { animation-name: fade-in-right-animation; animation-duration: 400ms; }
.fadeInFarRightEffect { animation-name: fade-in-right-far-animation; animation-duration: 400ms; }
.withDelay { animation-delay: 150ms; }

/* ============================================================
   Unified card (pp-card)
   One template (_card.html) + a card_type modifier. These rules are
   mostly layout/structure; the per-podcast surface (background, border,
   radius, padding, shadow, card_title_font_size, image aspect-ratio)
   comes from the .card / .card-body rules in _custom_user_styles_css.html.
   Full reference: public/templates/public/components/cards/README.md
   ============================================================ */
.pp-card {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem; /* was mb-4 in card_style */
}

/* Border style — was episode_card_border_style via card_style classes
   (no-border / z-depth-1-top / border). The shadow is intentionally NOT
   !important so a per-podcast card_shadow_style still overrides it, exactly
   as the old z-depth-1-top did. The .card in the selector out-specifies the
   .card border !important from the customization layer. */
.pp-card--flat.pp-card,
.pp-card--shadow.pp-card {
  border: 0 !important;
}

.pp-card--shadow.pp-card {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* z-depth-1-top */
}

.pp-card .pp-card-body {
  flex: 1 1 auto;
  min-width: 0;
}

/* Element defaults moved off Bootstrap/Boomerang utility classes so the
   markup stays semantic. Values mirror the originals: text-md (.875rem),
   strong-300 (300), c-text-light (var), mb-2/mt-1/my-3/mt-3, px-3/py-2.
   Component + user-config hooks (card, heading, card-text, price, btn,
   link--style-1) are intentionally left on the elements. */
.pp-card .pp-card-image {
  position: relative;
}

.pp-card .pp-card-image > a {
  display: inline-block;
  width: 100%;
}

.pp-card .pp-card-date {
  font-size: 0.875rem;             /* text-md */
  font-weight: 300;                /* strong-300 */
  color: var(--text-light-color); /* c-text-light */
  margin-bottom: 0.5rem;           /* mb-2 */
}

.pp-card .pp-card-description {
  margin-top: 0.5rem;             /* mt-3 */
  /* Visual truncation by lines, not chars (replaces the old per-type
     truncatechars). The template caps payload at 1000 chars; the clamp
     lives on this box directly (no inner <p>). */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

/* Long unbreakable strings (URLs in show notes, ===== runs) must be able to
   break, or they inflate the card's min-content width and stretch the flex
   column — col-* are `flex: 0 0 33.3%` with no shrink, so a column cannot go
   below its content's min-content and balloons to fit the URL. `anywhere`
   (unlike `overflow-wrap: break-word`/`word-break: normal`) shrinks
   min-content, so the column stays at its basis. !important + .pp-card
   specificity beats per-podcast `.card-text { overflow-wrap: ... !important }`. */
.pp-card .pp-card-title,
.pp-card .pp-card-description {
  overflow-wrap: anywhere !important;
}

/* Vertical / text block / large card give the description more room. */
.pp-card--vertical .pp-card-description,
.pp-card--textblock .pp-card-description,
.pp-card--large-card .pp-card-description {
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

/* complete_info (detail / profile view) and reviews (the review text IS
   the content) — show the full text, no clamp. */
.pp-card[data-complete-info] .pp-card-description,
.pp-card[data-object-type="review"] .pp-card-description {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
}

.pp-card .pp-card-price {
  margin: 1rem 0;                  /* my-3 */
}

.pp-card .pp-card-buttons {
  margin-top: 1rem;                /* mt-3 */
}

.pp-card .pp-card-player > div {
  padding: 0.5rem 1rem;            /* py-2 px-3 */
}

.pp-card .pp-card-image img {
  width: 100%;                     /* w-100 */
  height: auto;                    /* img-fluid */
}

.pp-card .pp-card-episode-number {
  display: none;
}

.pp-card .pp-card-guests {
  margin-top: .5rem;
}
.pp-card .pp-card-guests a {
  font-weight: 600;                /* strong-600 */
}

/* Default CTA link — replaces the link / link-sm / link--style-1 /
   strong-600 / mt-4 stack. Colour comes from the same theme var the
   .link class used. Scoped with :not() so the textblock (.btn) and
   large-card (.text-underline) CTA variants keep their own styling. */
.pp-card .pp-card-cta a:not(.btn):not(.text-underline) {
  display: inline-block;
  margin-top: 1.5rem;              /* mt-4 */
  font-size: 0.875rem;             /* link-sm */
  font-weight: 600;                /* strong-600 */
  text-decoration: none;
  color: var(--link-color);        /* themed link colour (.link) */
  transition: opacity 0.2s;
}

.pp-card .pp-card-cta a:not(.btn):not(.text-underline):hover {
  opacity: 0.8;
}

.pp-card .pp-card-cta a > i {      /* the long-arrow icon — was .link-sm > i */
  margin-right: 5px;
  font-size: 0.625rem;
  position: relative;
  top: -1px;
}

/* ============================================================
   List container (pp-list)
   Drives the arrangement of cards via a wrapper class, replacing the
   per-branch Bootstrap row/col scaffold in generic_list_section.html.
   --pp-cols is the real column count (from list_grid_columns via the
   |column_count filter). Grid tracks use minmax(0,1fr) so a long
   unbreakable string can't blow a column out past its share.
   ============================================================ */
.pp-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.pp-list--grid {
  display: grid;
  grid-template-columns: repeat(var(--pp-cols, 3), minmax(0, 1fr));
  gap: 1.5rem;
}

.pp-list--text-block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.pp-list--post {
  max-width: 720px;
  margin-inline: auto;
  /* POST items are _post.html (.post-content with its own mb-5), not .pp-card, so
     the neutralizer can't zero them and flex gap would stack on top. Drop the gap
     and let each post's own margin own spacing, exactly as the old col-7 did. */
  gap: 0;
}

/* gap owns spacing inside a list — neutralise the card's own bottom margin.
   Scoped to .pp-card.card (0,3,0) + !important so it beats theme rules like
   Aurora's `.pp-card--large-card.card { margin-bottom: …!important }`, which
   load after this file and would otherwise stack a margin on top of the gap. */
.pp-list .pp-card.card {
  margin-bottom: 0 !important;
}

/* Responsive: N columns (desktop) -> 2 (tablet) -> 1 (mobile). Single-column
   layouts use plain .pp-list / .pp-list--post and are unaffected. */
@media (max-width: 991px) {
  .pp-list--grid,
  .pp-list--text-block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .pp-list--grid,
  .pp-list--text-block {
    grid-template-columns: 1fr;
  }
}

/* Vertical: image on top, body stacked below (same as the base). */
.pp-card--vertical {
  flex-direction: column;
}

/* Vertical used text-sm (date) and heading-4 (title) in the legacy card,
   vs the unified defaults of text-md / heading-5. */
.pp-card--vertical .pp-card-date {
  font-size: 0.75rem !important; /* text-sm */
}

.pp-card--vertical .pp-card-title {
  font-size: 1.125rem !important; /* 18px — legacy heading-4 */
  /* Clamp to 2 lines (replaces the old truncatechars:70 in the template). */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

/* Horizontal: image left, body right; the player wraps to a
   full-width row beneath both. overflow:hidden matches the
   overflow-hidden the old horizontal card carried. */
.pp-card--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  overflow: hidden;
  container-type: inline-size;
}

.pp-card--horizontal > .pp-card-image {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

/* When the card itself is wide (full-width list — e.g. the episodes
   page), shrink the image so it isn't oversized. Replaces the old
   `wide` flag: the card adjusts to its own width via a container query,
   no variable to pass. (Old browsers fall back to the 33% above.) */
@container (min-width: 750px) {
  .pp-card--horizontal > .pp-card-image {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
}

/* basis:0 so the body fills the space beside the image instead of
   wrapping below it (an auto basis would push it to the next line). */
.pp-card--horizontal > .pp-card-body {
  flex: 1 1 0;
}

.pp-card--horizontal > .pp-card-player {
  flex: 0 0 100%;
}

/* The legacy horizontal card suppressed the CTA on episodes
   (verbose_name == "Episode"). Driven by data-object-type so the
   exclusion stays pure CSS — the card still renders the CTA for
   other object types (blog posts, products, etc.). */
.pp-card--horizontal[data-object-type="episode"] .pp-card-cta {
  display: none !important;
}

/* Stack the horizontal card on narrow screens, matching the old
   col-lg-* breakpoint behaviour. */
@media (max-width: 991.98px) {
  .pp-card--horizontal {
    flex-direction: column;
  }
  .pp-card--horizontal > .pp-card-image {
    flex-basis: auto;
    max-width: 100%;
  }
  .pp-card--horizontal > .pp-card-body,
  .pp-card--horizontal > .pp-card-player {
    flex-basis: auto;
  }
}

/* ── Simple grid: image + title only, no card surface ──────────
   Reproduces _simple_grid.html by hiding every body part it omits
   and stripping the .card chrome so the artwork sits on the page.
   Selectors deliberately include .card / .card-body so they out-
   specify the !important rules in _custom_user_styles_css.html,
   which loads after this file. */
.pp-card--simple.pp-card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.pp-card--simple.pp-card:not(.p-0) {
  padding: 0 !important;
}

.pp-card--simple .pp-card-date,
.pp-card--simple .pp-card-description,
.pp-card--simple .pp-card-guests,
.pp-card--simple .pp-card-price,
.pp-card--simple .pp-card-cta,
.pp-card--simple .pp-card-buttons,
.pp-card--simple .pp-card-player {
  display: none !important;
}

.pp-card--simple.pp-card:not(.p-0) .pp-card-body {
  padding: 24px 0 0 !important;
}

.pp-card--simple .pp-card-image img {
  border-radius: var(--border-radius) !important;
}

.pp-card--simple.pp-card .pp-card-title {
  font-size: 1.125rem !important; /* 18px — legacy heading-4 renders at 18px here */
}

/* ── Text block: light panel, image left, large heading ────────
   Reproduces the *surface and layout* of _text_block.html. The
   panel, 25%/auto split, padding and type scale are CSS. Several
   parts can NOT be reached from CSS and stay template-only — see
   the loss list: the calendar icon on the date, the complete_info
   social-links row, the 500-char excerpt (unified truncates at
   300), and the button-styled CTA. */
.pp-card--textblock.pp-card {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  background: var(--bg-component-color) !important;
  box-shadow: none !important;
  border: none !important;
}

.pp-card--textblock.pp-card:not(.p-0) {
  padding: 3rem !important; /* p-5 */
}

/* Text block hides the artwork (legacy default is show_image off). */
.pp-card--textblock > .pp-card-image {
  display: none !important;
}

.pp-card--textblock > .pp-card-body {
  flex: 1 1 0;
}

.pp-card--textblock.pp-card:not(.p-0) .pp-card-body {
  padding: 0 !important;
}

.pp-card--textblock > .pp-card-player {
  flex: 0 0 100%;
}

.pp-card--textblock.pp-card .pp-card-title {
  font-size: 1.5rem !important; /* 24px — matches legacy heading-3 */
}

.pp-card--textblock .pp-card-date {
  font-size: 1rem !important;   /* text-lg (calendar icon not reproducible in CSS) */
}

/* Text block buttons sit inline rather than full-width. */
.pp-card--textblock .pp-card-buttons .btn {
  display: inline-block;
  width: auto;
}

/* Image only (card_type='image-only') needs no rules — the
   template omits the body and player entirely, leaving just the
   image in the base flex-column card. */

/* ── Small list: compact, image-less text card ─────────────────
   Reproduces _card_small_list.html — date + title (no image, price or
   CTA). The card surface and body padding come from the standard .card
   layer (the template's bg-transparent/no-border/p-0 are overridden by
   it, so the legacy card keeps its chrome). Star rating is data-guarded
   in the template ({% if object.stars %}); review text comes through the
   normal description (Review.description == review), un-hidden below. */
.pp-card--small-list .pp-card-image,
.pp-card--small-list .pp-card-description,
.pp-card--small-list .pp-card-guests,
.pp-card--small-list .pp-card-price,
.pp-card--small-list .pp-card-cta,
.pp-card--small-list .pp-card-buttons {
  display: none !important;
}

/* …but a review in a small list IS its description (Review.description ==
   review text), so show it for review objects. */
.pp-card--small-list[data-object-type="review"] .pp-card-description {
  display: block !important;
}

.pp-card--small-list .pp-card-date {
  font-size: 0.75rem !important; /* text-sm */
}

.pp-card--small-list.pp-card {
  margin-bottom: 1rem !important; /* mb-3, matching the legacy small list */
}

/* ── Large card: 50/50 split, centered, oversized heading ──────
   Reproduces _card_large_list.html. Layout, split and type scale
   are CSS; the 500-char excerpt, social-links row and trailing-
   arrow underlined CTA stay template-only (see loss list). */
.pp-card--large-card {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.pp-card--large-card > .pp-card-image {
  flex: 0 0 50%;
  max-width: 50%;
}

.pp-card--large-card > .pp-card-body {
  flex: 1 1 0;
}

/* Padding lives on the body (like the legacy .card-body), not the card —
   the image stays flush to its edge; the left side is the gap to the image. */
.pp-card--large-card.pp-card:not(.p-0) .pp-card-body {
  padding: 1.5rem !important;
}

.pp-card--large-card > .pp-card-player {
  flex: 0 0 100%;
}

/* No `.card` in the selector so a user's card_title_font_size (.card
   .heading, same specificity, loads later) can still win, matching the
   legacy large card which was .card-wrapped. */
.pp-card--large-card .pp-card-title {
  font-size: 2rem !important; /* 32px — heading-2 */
}

.pp-card--large-card .pp-card-description {
  font-size: 1rem; /* text-lg */
}

@media (max-width: 767.98px) {
  .pp-card--large-card > .pp-card-image {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pp-card--large-card > .pp-card-body {
    flex: 1 1 auto;
  }
  .pp-card--large-card.pp-card:not(.p-0) .pp-card-body {
    padding: 1.5rem 0 0 0 !important;
  }
}

/* Stats Row section */
.stats-row-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  padding: 1.25rem 1.5rem;
  border-radius: var(--border-radius-lg, 20px);
  background-color: var(--card-bg-color, rgba(255,255,255,0.08));
  text-align: center;
}

.stats-row-chip__value {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  background: linear-gradient(135deg, var(--primary-color), var(--link-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.stats-row-chip__label {
  font-size: 0.85rem;
  margin-top: 0.4rem;
  opacity: 0.7;
}

@media (max-width: 575.98px) {
  .stats-row-chip {
    min-width: 90px;
    padding: 1rem 1.1rem;
  }
  .stats-row-chip__value {
    font-size: 2rem;
  }
}

/* Listen Card section */
.listen-card {
  padding: 2rem 1rem;
}

.listen-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--border-color, rgba(255,255,255,0.2));
  font-size: 0.9rem;
  opacity: 0.85;
}

.listen-card__title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.listen-card__title-highlight {
  background: linear-gradient(135deg, var(--primary-color), var(--link-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.listen-card__subtitle {
  font-size: 1rem;
  opacity: 0.7;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.listen-card__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

.listen-card__btn {
  border-radius: 999px !important;
}

@media (max-width: 575.98px) {
  .listen-card__title {
    font-size: 2.25rem;
  }
  .listen-card__buttons {
    flex-direction: column;
    align-items: center;
  }
}

/* ============================================================
   SURFACE STYLE: GLASS  (setting: surface_style == 'glass')
   Gated by .surface--glass on .body-wrap (see base_public.html).
   Pure static rules — no per-podcast interpolation — so they live here
   (shared, cached once) rather than the per-podcast stylesheet.
   Material only: translucent + blur + border. No shape/position/layout.
   ============================================================ */
.surface--glass {
  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-bg-strong: rgba(255, 255, 255, 0.07);
  --glass-hover: rgba(255, 255, 255, 0.09);
  --glass-border: rgba(255, 255, 255, 0.10);
  --glass-border-bright: rgba(255, 255, 255, 0.18);
  --glass-blur: 20px;
  --glass-shadow: rgba(0, 0, 0, 0.4);
}
/* light theme (Dark Mode off): dark tint so surfaces stay visible on light bg */
.surface--glass:not(.dark-mode) {
  --glass-bg: rgba(18, 22, 42, 0.04);
  --glass-bg-strong: rgba(18, 22, 42, 0.06);
  --glass-hover: rgba(18, 22, 42, 0.08);
  --glass-border: rgba(18, 22, 42, 0.10);
  --glass-border-bright: rgba(18, 22, 42, 0.18);
  --glass-shadow: rgba(18, 22, 42, 0.18);
}
/* translucent surfaces: cards, navbar, inline player */
.surface--glass .card,
.surface--glass .pp-card,
.surface--glass .navbar,
.surface--glass .pp-player-card,
.surface--glass .plyr_grid_container {
  background: var(--glass-bg) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 8px 40px var(--glass-shadow) !important;
}
/* menus & modals: opaque base for legibility, glass border + blur */
.surface--glass .dropdown-menu,
.surface--glass .nav-dropdown-menu,
.surface--glass .modal-content {
  background: var(--bg-component-color) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border) !important;
}
/* featured/large card → stronger glass for emphasis */
.surface--glass .pp-card--large-card {
  background: var(--glass-bg-strong) !important;
  border-color: var(--glass-border-bright) !important;
}
/* glass cards lift on hover */
.surface--glass .pp-card:hover {
  transform: translateY(-4px);
  border-color: var(--glass-border-bright) !important;
  box-shadow: 0 16px 50px var(--glass-shadow) !important;
}
/* nav links frost on hover */
.surface--glass .navbar-nav .nav-link:hover {
  background: var(--glass-hover) !important;
}
/* mono buttons → frosted glass pills */
.surface--glass .btn-mono {
  background: var(--glass-bg-strong) !important;
  border: 1px solid var(--glass-border-bright) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  color: var(--heading-color) !important;
  transition: all 0.25s ease;
}
.surface--glass .btn-mono:hover {
  background: var(--glass-hover) !important;
  transform: translateY(-1px);
}
/* menu items frost on hover */
.surface--glass .dropdown-item:hover,
.surface--glass .list-group-item:hover {
  background: var(--glass-hover) !important;
}

/* ============================================================
   STICKY NAV  (setting: nav_bar_sticky)
   Gated by .nav-sticky on .body-wrap. Pins the header as the page
   scrolls; an announcement bar above it scrolls away naturally.
   ============================================================ */
.nav-sticky .header {
  position: sticky;
  top: 0;
  z-index: 1000;
}
/* The wrappers default to overflow-x:hidden, which CSS coerces to overflow-y:auto,
   making them non-scrolling scroll containers that TRAP position:sticky. overflow-x:clip
   clips horizontally without that coercion. Scoped to sticky-nav pages via :has(). */
.nav-sticky {
  overflow-x: clip;
  overflow-y: visible;
}
body:has(.nav-sticky) {
  overflow-x: clip;
  overflow-y: visible;
}

/* ============================================================
   FLOATING NAV  (setting: nav_bar_style == 'F' / Floating)
   Gated by .nav-floating on .body-wrap. A centered, rounded pill nav.
   Orthogonal to material (Surface: Glass) and behavior (Sticky Nav) —
   they compose: floating + glass + sticky = the full effect.
   ============================================================ */
.nav-floating .navbar {
  max-width: 1200px;
  margin: 16px auto 0;
  padding: 10px 16px;
  border-radius: 100px;
}
/* full-width inner container so nav content sits ~24px from the pill edges
   (otherwise the bootstrap container caps + centers, leaving a large gap).
   !important to beat the base .container max-width rule. */
.nav-floating .navbar .navbar-container {
  max-width: 100% !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* ============================================================
   PAGE BACKGROUND STYLE  (setting: page_background_style)
   Gated by .bg--<style> on .body-wrap. A texture or animated effect
   layered over the page background color.
   The texture rules deliberately match the OLD per-podcast behavior exactly:
   .bg--X (specificity 0,1,0, no !important), so in dark mode the dark-mode
   `background:` shorthand still wins and the texture is hidden — same as before
   the move to static CSS. Do NOT add !important here (it would surface textures
   on existing dark-mode podcasts that previously had none). */
.bg--grain {
  background-image: url("/static/public/images/grain.png");
  background-repeat: repeat;
}
.bg--dots {
  background-image: radial-gradient(circle, rgba(0,0,0,0.12) 1.5px, transparent 1.5px);
  background-size: 24px 24px;
}
.bg--grid {
  background-image: linear-gradient(rgba(0,0,0,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.06) 1px, transparent 1px);
  background-size: 40px 40px;
}
.bg--diagonal {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0,0,0,0.05) 10px, rgba(0,0,0,0.05) 11px);
}

/* --- AURORA: four blurred, slowly drifting colour orbs fixed behind everything --- */
/* the wrapper must be transparent (with the page color on body) so the body-anchored
   orbs aren't hidden by the wrapper's opaque background. */
.body-wrap.bg--aurora { background: transparent !important; }
body:has(.bg--aurora) { background: var(--bg-color); }
.bg--aurora::before, .bg--aurora::after,
body:has(.bg--aurora)::before, body:has(.bg--aurora)::after {
  content: '';
  position: fixed;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.34;
  z-index: 0;
  pointer-events: none;
  animation: aurora-drift linear infinite;
}
/* orb colors are derived from the podcast's primary (--orb-N-color, see
   derive_gradient_palette in colors.py); the fixed hex is the fallback. */
.bg--aurora::before { width: 700px; height: 700px; background: var(--orb-1-color, #4f46e5); top: -220px; left: -160px; animation-duration: 22s; }
.bg--aurora::after  { width: 520px; height: 520px; background: var(--orb-2-color, #ec4899); top: 8%; right: -120px; animation-duration: 26s; animation-direction: reverse; }
body:has(.bg--aurora)::before { width: 600px; height: 600px; background: var(--orb-3-color, #0ea5e9); bottom: -120px; left: 18%; animation-duration: 30s; }
body:has(.bg--aurora)::after  { width: 420px; height: 420px; background: var(--orb-4-color, #10b981); bottom: 8%; right: 12%; animation-duration: 24s; animation-direction: reverse; }
/* lift real content above the fixed orbs (fixed/positioned elements paint over static content).
   Exclude the header when nav is sticky — sticky already positions it (z-index:1000) above the
   orbs, and forcing position:relative here would clobber position:sticky. */
.bg--aurora:not(.nav-sticky) .header,
.bg--aurora #page-content,
.bg--aurora #footer { position: relative; z-index: 1; }
@keyframes aurora-drift {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(40px, -30px); }
  50% { transform: translate(-20px, 50px); }
  75% { transform: translate(30px, 20px); }
}
@media (prefers-reduced-motion: reduce) {
  .bg--aurora::before, .bg--aurora::after,
  body:has(.bg--aurora)::before, body:has(.bg--aurora)::after { animation: none; }
}

/* Smooth in-page scrolling — a global default for all sites. */
html { scroll-behavior: smooth; }


/* ============================================================
   Relocated from _custom_user_styles_css.html: rules that don't
   depend on any {% if %}/{{ podcast.x }} template logic (only on
   the per-podcast custom properties set in that file's :root
   block, which still resolve correctly via the cascade regardless
   of which stylesheet references them). Kept at the very end of
   this file so existing same-specificity tie-breaks against rules
   earlier in this file are unaffected, and so the still-templated
   rules left in _custom_user_styles_css.html (which loads after
   this file) continue to win exactly as before.
   ============================================================ */

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.body-wrap { flex: 1;}

a {font-family: inherit !important;}

h1, .heading-1 {font-size: var(--h1-font-size) !important; font-weight: var(--h1-font-weight) !important; }
h2, .heading-2 {font-size: var(--h2-font-size) !important; font-weight: var(--h2-font-weight) !important; }
h3, .heading-3 { font-size: var(--h3-font-size) !important; font-weight: var(--h3-font-weight) !important; }
.page-header-subtitle {font-size: var(--subpage-header-subtitle-font-size) !important; font-weight: var(--subpage-header-subtitle-font-weight) !important; }

.navbar-nav .nav-link,
.navbar-nav .show .nav-link,
#nav-cta .btn {
  font-size: var(--nav-bar-link-font-size) !important;
  font-weight: var(--nav-bar-link-font-weight) !important;
  text-transform: var(--nav-bar-link-font-case) !important;
}

.c-primary {color: var(--primary-color) !important;}
.c-text-light {color: var(--text-light-color) !important;}

.form-control,
.select2-container--bootstrap4 .select2-selection,
.select2-container--bootstrap4 .select2-dropdown,
.select2-dropdown .select2-search--dropdown,
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
  color: var(--input-text-color) !important;
  background: var(--input-bg-color) !important;
  border-color: var(--border-color) !important;
}
.select2-container--bootstrap4 .select2-dropdown,
.select2-dropdown .select2-search--dropdown {
  background: var(--bg-color) !important;
}
.select2-dropdown .select2-results__option--highlighted[aria-selected]{
  background: var(--input-bg-color) !important;
  color: var(--input-text-color) !important;
}
.form-control::placeholder, .select2-container--bootstrap4 .select2-selection::placeholder {color: var(--input-placeholder-color) !important;}

body, p, .excerpt, .excerpt p {
  color: var(--text-color) !important;
}

.heading, .heading>a, .display, label, h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color) !important;
}

a, a:hover,
.link,
.link:hover, .link--style-1:hover,
.meta-category a, .meta-category a:hover,
ul.categories>li>a, ul.categories>li>a:hover {
    color: var(--link-color) !important;
}

.heading:hover>a {
    color: var(--link-color) !important;
}

.dark-mode .dropdown-menu a,
.dark-mode .dropdown-menu a:hover,
.dark-mode .dropdown-menu .badge,
.dark-mode .dropdown-menu .badge a:hover,
.dark-mode .list-group-item,
.dark-mode .list-group-item:hover {
    color: white !important;
}
.dark-mode .dropdown-header {
    background-color: #090A0B !important;
}

.page-header-section {
  background-color: var(--global-header-bg-color) !important;
}
.page-header-text {
  color: var(--global-header-text-color) !important;
}

.badge,
.badge a {
    color: var(--primary-color) !important;
    background-color: var(--primary-light-color) !important;
    border-color: var(--primary-light-color) !important;
    border-radius: var(--border-radius) !important;
}

.tagcloud--style-1 a {
  background-color: var(--badge-bg-color) !important;
  color: var(--badge-text-color) !important;
}
.btn-base-1, .btn-base-1:active, .btn-base-1.active, .btn-base-1:focus, .btn-base-1:hover,
.btn-base-1.btn-outline:active, .btn-base-1.btn-outline:focus, .btn-base-1.btn-outline:hover,
.tagcloud--style-1 a:hover,
.btn-back-to-top {
    background-color: var(--btn-color) !important;
    border-color: var(--btn-color) !important;
    color: var(--btn-text-color) !important;
}
.btn-base-1.btn-outline {
    color: var(--btn-color) !important;
    border-color: var(--btn-color) !important;
}
/* Secondary button: a soft tint of the button color (primary-derived) for
   lower-emphasis CTAs — e.g. episode-card links. Higher specificity than the
   filled .btn-base-1 rule, so it overrides the solid fill and is fully themeable. */
.btn-base-1.btn-soft,
.btn-base-1.btn-soft:active,
.btn-base-1.btn-soft:focus {
    background-color: color-mix(in srgb, var(--btn-color) 16%, transparent) !important;
    border-color: color-mix(in srgb, var(--btn-color) 30%, transparent) !important;
    color: var(--btn-color) !important;
}
.btn-base-1.btn-soft:hover {
    background-color: color-mix(in srgb, var(--btn-color) 28%, transparent) !important;
    border-color: color-mix(in srgb, var(--btn-color) 45%, transparent) !important;
    color: var(--btn-color) !important;
}
.btn-link, .btn-link:hover, .btn-link:active {
    color: var(--btn-color) !important;
}
.btn-secondary {
    background-color: var(--text-color) !important;
    border-color: var(--text-color) !important;
}

.pagination .page-link, .pagination .page-link:focus, .pagination .page-link:hover,
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    margin-right: 10px !important;
    font-size: var(--pagination-font-size) !important;
    padding: 5px 10px !important;
    border-radius: var(--border-radius-button) !important;
}
.pagination>.active .page-link, .pagination>.active .page-link:focus, .pagination>.active .page-link:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: var(--btn-color) !important;
    border-color: var(--btn-color) !important;
    color: var(--btn-text-color) !important;
}
.pagination .page-link.no-border {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.swiper-button-next, .swiper-button-prev {
    color: var(--primary-color) !important;
}
.swiper-button-next:not(.swiper-button--style-1),
.swiper-button-prev:not(.swiper-button--style-1) {
    background-color: var(--primary-light-color) !important;
    border-color: var(--primary-light-color) !important;
}

#survey-form .form-control {
    padding: 30px 20px !important;
    font-size: 1.3em !important;
}
#survey-form textarea.form-control {
    padding: 10px 15px !important;
    font-size: 1.3em !important;
}
.survey-choice {
  cursor: pointer;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  cursor: pointer;
  background-color: var(--primary-light-color) !important;
  font-weight: 500;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.survey-choice:hover {
  opacity: 0.8;
}
.survey-choice.selected {
  border-width: 2px !important;
  font-weight: 800;
}
.survey-choice.selected i.fa-check {
  font-size: 16px;
  margin-left: 8px;
}

.progress { border-radius: 0px !important;  }
.progress-bar {
  background-color: var(--primary-color) !important;
}

.bg-base-1,
.navbar.bg-base-1 {
    background-color: var(--primary-color) !important;
}
.bg-light {
    background-color: var(--bg-component-color) !important;
}

.btn-base-1:active, .btn-base-1.active, .btn-base-1:focus, .btn-base-1:hover, .btn-base-1.btn-outline:active, .btn-base-1.btn-outline:focus, .btn-base-1.btn-outline:hover,
.link--style-1:hover,
.meta-category a:hover,
.link--style-2:hover {
    opacity: .8;
}
.tabs--style-2 .nav-tabs .nav-link.active {
    border-color: var(--primary-color) !important;
}

.top-navbar {
  z-index: 105 !important;
}
.body-wrap,
.top-navbar,
.modal-content,
#coming-soon-page .bg-light {
  background-color: var(--bg-color) !important;
}
.sct-color-1,
.sct-color-2 {
  background: var(--bg-color) !important;
  border-color: var(--border-color) !important;
}

.announcement-banner {
  background-color: var(--announcement-bg-color) !important;
  color: var(--announcement-text-color) !important;
}

hr,
.border-top,
.border-bottom,
ul.categories>li {
  border-color: var(--border-color) !important;
}

.email-signup .border-on-hover {
  border: solid 2px transparent;
  transition: border-color .5s ease;
}

/* Target the border-on-hover when any input inside .email-signup is focused */
.email-signup input:focus ~ .border-on-hover,
.email-signup input:focus-within ~ .border-on-hover,
.email-signup .border-on-hover:has(input:focus) {
  border-color: var(--btn-color) !important;
}

@media (min-width: 992px) {
  .navbar-aside .navbar .dropdown .dropdown-menu {
    top: -4rem !important;
  }
}

.navbar {
    background-color: var(--nav-bg-color) !important;
}

.navbar-nav .nav-link,
.navbar-nav .show .nav-link,
.show-page .navbar-brand {
  color: var(--nav-link-color) !important;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  background-color: var(--nav-link-color) !important;
}

.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .show .nav-link,
.navbar-nav .show .nav-link:focus,
.navbar-nav .show .nav-link:hover,
.navbar-inverse .navbar-nav .nav-link:hover,
.navbar .btn-base-1 {
  background-color: var(--nav-btn-bg-color) !important;
  border-color: var(--nav-btn-bg-color) !important;
  color: var(--nav-btn-text-color) !important;
  border-radius: var(--border-radius-button) !important;
}
#header-hero {
  background-color: var(--header-bg-color) !important;
}

#header-hero,
#header-hero .heading,
#header-hero p {
  color: var(--header-text-color) !important;
}
#header-hero #homepage-header-subheader,
#header-hero #homepage-header-title a {
  color: inherit !important;
}

#footer.footer {
  background-color: var(--footer-bg-color) !important;
  color: var(--footer-text-color) !important;
}
#footer.footer p {
  color: var(--footer-text-color) !important;
}
#footer.footer .heading {
  color: var(--footer-header-color) !important;
}
#footer.footer a,
#footer.footer .social-media>li>a>i {
  color: var(--footer-link-color) !important;
}
.footer .copy-links {
  opacity: .8;
}

.mask {background-color: var(--mask-color) !important;}

.plyr_grid_container {
  color: var(--text-color) !important;
  background-color: var(--card-bg-color) !important;
  border-color: var(--border-color) !important;
}

.rounded-card {
  border-radius: var(--border-radius-card) !important;
}

img:not(.podcast-logo):not(.player-icon):not(.player-logo):not(.player-badge):not(.rounded-circle):not(.navbar img):not(#footer img):not(.modal img):not(#header-hero-banner-image),
img.rounded {
    border-radius: var(--border-radius-image) !important;
}

@media (max-width: 991px) {
  .navbar-nav .nav-link {
      border-bottom: none !important;
  }
}

.navbar-brand img.podcast-logo {
  height: var(--nav-bar-logo-height) !important;
}
.nav-bar-bg-filler {
  height: var(--nav-bar-bg-filler-height) !important;
}
@media (max-width: 991px) {
  .navbar-brand img.podcast-logo {
      height: auto !important;
      max-height: 40px;
      max-width: 100% !important;
  }
}

.ais-Highlight-highlighted, .ais-Snippet-highlighted {
  background-color: var(--primary-light-color) !important;
  color: inherit !important;
}
.ais-Hits-item, .ais-InfiniteHits-item {
  background-color: var(--card-bg-color) !important;
  border-color: var(--border-color) !important;
}
.hit-page-link {
  color: inherit !important;
}
.ais-SearchBox-form {
  background: inherit !important;
}
.ais-SearchBox-input {
  box-shadow: inherit !important;
  color: var(--input-text-color) !important;
  background: var(--input-bg-color) !important;
  border-color: var(--border-color) !important;
}
.ais-SearchBox-input::placeholder {color: var(--input-placeholder-color) !important;}

/* supercast-plan */
.bundle {
    background-color: var(--bg-component-color) !important;
}

.text-highlight {
    color: var(--heading-highlight-color);
}

/* ---------------------------------------------------------------------------
   Featured-review comment cards (COMMENT_CARDS layout) — equal height.
   The homepage reviews render as a swiper of cards whose text lengths vary, so
   without this the cards end at different heights and the row looks ragged.
   Global (not per-template): stretch each slide, let its card fill the height,
   and flex the body so the footer (author/date) pins to the bottom.
   --------------------------------------------------------------------------- */
#reviews-section .swiper-wrapper { align-items: stretch; }
#reviews-section .swiper-slide { height: auto; }
#reviews-section .swiper-slide > .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ---------------------------------------------------------------------------
   Overflow nav (header "Listen on" row, episode-list category badges) —
   public/js/overflow_nav.js moves whatever pill buttons don't fit on one
   line into a "More" dropdown. Single-row layout is the default (not
   JS-revealed) so there's no CLS: the row's height never changes, JS only
   moves already-visible/clipped items.
   --------------------------------------------------------------------------- */
/* contain: inline-size stops this row's nowrap pill content (which can be
   many hundreds of px wide before JS clips it) from inflating the intrinsic
   width of ancestor grid columns — without it, a flex column containing this
   row can report that content's full width as its own min-content size,
   which can force a sibling column (e.g. a sidebar) in a flex-wrap grid to
   wrap onto its own line instead of sitting side by side. See incident from
   #780: this broke the homepage's 2-column layout in production. */
.overflow-nav-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
  contain: inline-size;
}
/* Category badges only show this row at >=576px (a separate mobile "Categories"
   dropdown covers narrower screens) — deliberately not the Bootstrap d-sm-flex
   utility: this site's bootstrap-public.min.css is a purged build containing
   only classes already referenced elsewhere, and d-sm-flex wasn't one of them,
   so the row stayed permanently display:none in production. */
.category-badges-row {
  display: none;
}
@media (min-width: 576px) {
  .category-badges-row {
    display: flex;
  }
}
.overflow-nav-items {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 0.5rem;
  min-width: 0;
}
/* Browsers without contain: inline-size support (older Safari/Firefox) don't
   get the intrinsic-size containment above, so the nowrap row's full content
   width can still leak into ancestor grid columns exactly as it did before
   this fix. Fall back to letting the pills wrap naturally pre-JS — a nowrap
   row's min-content is the sum of every item, but a wrapping row's
   min-content is just its widest single item, so this can't inflate an
   ancestor no matter how many items there are. JS then measures the
   (correctly sized) column and collapses everything to one line + More. */
@supports not (contain: inline-size) {
  .overflow-nav-items {
    flex-wrap: wrap;
    overflow: visible;
  }
}
.overflow-nav-row .overflow-nav-more {
  flex: 0 0 auto;
}
.overflow-nav-items .overflow-nav-item {
  flex: 0 0 auto;
}
.overflow-nav-items .overflow-nav-item .player-icon {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain;
}
.overflow-nav-more .dropdown-menu .overflow-nav-item.btn {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.overflow-nav-more .dropdown-menu .btn-mono,
.overflow-nav-more .dropdown-menu .btn-mono:hover,
.overflow-nav-more .dropdown-menu .btn-base-1,
.overflow-nav-more .dropdown-menu .btn-base-1:hover {
  background-color: transparent !important;
  color: inherit !important;
}
#reviews-section .swiper-slide > .card .card-body { flex: 1 1 auto; }