.site_message_chat_welcome {
    display: none !important;
}

html, body {
   overflow-x: hidden;
}
.addeventatc {
z-index: unset !important;
}
HTML.fixed {
   overflow: hidden;
   width: 100%;
   height: 100%;
}
.skip-link {
   position: absolute;
   top: -42px;
   left: 0;
   background: var(--primary);
   color: var(--primary-content);
   padding: 8px 16px;
   z-index: 100;
   text-decoration: none;
}
.skip-link:focus {
   top: 0;
}
.header {
   background-color: var(--base-01);
   height: 4rem;
   position: relative;
}
.header .wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
   gap: .5rem;
   height: 100%;
}
.header .logo-container {
   flex-shrink: 0;
   flex-grow: 1;
}
.header .logo-container img {
   content: var(--nav-logomark);
   height: 2.5rem;
   width: auto;
}
.header .header-nav .logo-container {
   padding: .75rem;
   flex-grow: 0;
}
.header .header-nav img {
   content: var(--footer-logo);
}
.header-nav {
   display: flex;
   flex-direction: column;
   width: calc(100vw - 4rem);
   list-style: none;
   margin: 0;
   transition: var(--three);
   background-color: var(--dark-01);
   z-index: 101;
   position: fixed;
   top: 0;
   left: -100%;
   bottom: 0;
   height: 100vh;
   overflow: scroll;
}
.header-nav.active {
   display: flex;
   left: 0;
   transition: var(--three);
}
.header .nav-title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: white;
   text-decoration: none;
   padding: .75rem 1rem;
   background-color: transparent;
   transition: var(--three);
}
.header .nav-title:hover {
   background-color: var(--dark-focus);
   transition: var(--three);
}
.header-nav .logo-container img {
   content: var(--nav-logomark);
   height: 2.5rem;
   width: auto;
   filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
}
.header-nav .collapsible .nav-title i {
   transform: rotate(0deg);
   transition: var(--three);
}
.header-nav .collapsible.active .nav-title i {
   transform: rotate(180deg);
   transition: var(--three);
}
.header .nav-title .sponsor-hide {
   display: contents;
}
.header-nav .collapsible .collapsible-content {
   max-height: 0;
   overflow: hidden;
   padding: 0;
   margin: 0;
   list-style: none;
   min-width: 150px;
   transition: var(--five);
}
.header-nav .collapsible.active .collapsible-content {
   max-height: 20rem;
   transition: var(--five);
}
.header .nav-sub-link a {
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: white;
   text-decoration: none;
   padding: .75rem 1rem .75rem 2rem;
   background-color: transparent;
   transition: var(--three);
}
.header .nav-sub-link a:hover {
   background-color: var(--dark-focus);
   transition: var(--three);
}
.dropdown-menu-button {
   display: flex;
   border: none;
   background-color: transparent;
   color: var(--base-emphasis);
}
.dropdown-menu-button:hover {
   color: var(--base-emphasis);
}
.header-nav > li {
   position: relative;
   margin: 0;
}

.header-nav ul li {
   margin: 0;
}
.header-nav ul a {
   padding: 10px 15px;
   white-space: nowrap;
}
.search-bar input {
   padding: 5px;
   font-size: 16px;
}
#search-clear {
   filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.header .user-menu {
   position: relative;
   top: 1px;
}
.header .login-button {
    text-decoration: none;
    height: 31.5px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding: 0 .75rem;
    border-radius: 2rem;
    color: var(--primary-content);
    background-color: var(--primary);
}
.header .site_message_button {
    display: flex;
    position: relative;
    height: 31.5px;
    width: 31.5px;
    background-color: var(--primary);
    color: var(--primary-content);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 7px;
}
.header .site_message_button:hover {
   background-color: var(--primary-focus);
}
.header .site_message_button_icon {
   content: url("");
    filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}
.header .site_message_button:hover .site_message_button_icon {
    filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}
.header .site_message_button:hover .site_message_button_icon {
    filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}
.header .site_message_count {
    position: absolute;
    top: -.25rem;
    right: -.25rem;
    border-radius: 100%;
    display: none;
    z-index: 1;
    font-size: var(--text-xs);
    height: 1.25rem;
    width: 1.25rem;
    background-color: #ff5861;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
    .site_message_count.active {
        display: flex;
        color:white;
    }
.header .login-button:hover {
   background-color: var(--primary-focus);
}
.header .user-menu .user-avatar i {
   color: var(--primary);
   font-size: 2.25rem;
   position: relative;
   top: 1px;
}
.header .user-menu:hover .user-avatar,
.header .login-avatar:hover {
   color: var(--primary-focus);
}
.header .user-menu:hover ul {
   visibility: visible;
   opacity: 1;
   transform: scale(1)translateY(0);
   transition: var(--three);
}
.header .user-menu ul {
   visibility: hidden;
   opacity: 0;
   transform: scale(.99)translateY(1rem);
   display: flex;
   flex-direction: column;
   position: absolute;
   right: 0;
   top: calc(100% + .25rem);
   background-color: var(--base-01);
   min-width: 160px;
   z-index: 999;
   border-radius: 0.5rem;
   padding: 0;
   text-wrap: nowrap;
   border: .5px solid var(--primary);
   box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.2);
   transition: var(--three);
}
.header .avatar-profile-link {
   padding: .75rem 1rem;
   background-color: var(--primary);
   display: flex;
   align-items: center;
   gap: .75rem;
   flex-wrap: nowrap;
   text-decoration: none;
   color: var(--primary-content);
   border-radius: 0.25rem 0.25rem 0 0;
}
.header .avatar-profile-link:hover {
   background-color: var(--primary-focus);
} 
.header .user-menu .avatar-profile-link .user-avatar {
   background-color: var(--primary-content);
   color: var(--primary-focus);
}
.header .user-menu:hover .avatar-profile-link .user-avatar {
   background-color: var(--primary-content);
   text-decoration: none;
   color: var(--primary-focus);
   font-weight: 600;
}

.header .user-menu ul li {
   margin: 0;
}
.header .user-menu ul .user-link {
   padding: .75rem 1rem;
   white-space: nowrap;
   text-decoration: none;
   display: flex;
   gap: .5rem;
   align-items: center;
   background-color: transparent;
   color: var(--primary);
   font-weight: 500;
   font-size: var(--text-sm);
}
.header .user-menu ul .user-link:hover {
   background-color: var(--base-03);
}
.header .user-menu li:last-of-type {
   border-top: 1px solid var(--border-color);
}
.header .user-menu li:last-of-type .user-link {
   border-radius: 0 0 .5rem .5rem;
}
.header .search-button {
   width: 2.25rem;
   height: 2.25rem;
   overflow: hidden;
   background-color: var(--primary);
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   text-decoration: none;
   font-size: var(--text-base);
   color: var(--primary-content);
   font-weight: 600;
   border: none;
}
.header .search-button:hover {

   background-color: var(--primary-focus);
}
.header .dropdown-search-container {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   visibility: hidden;
   opacity: 0;
   z-index: 50;
   background-color: var(--base-01);
   transition: var(--three);
   display: flex;
   gap:.5rem;
   justify-content: end;
   height: 4rem;
}
.header .dropdown-search-container.active {
   visibility: visible;
   opacity: 1;
   transition: var(--three);
}
.header form[role="search"] {
   display: flex;
   background-color: var(--primary);
   border-radius: 2.5rem;
   flex-grow: 0;
   justify-content: end;
   align-content: center;
   flex-wrap: wrap;
   transition: var(--five);
}
.header .dropdown-search-container.active form[role="search"] {
   transition: var(--five);
   flex-grow: 1;
}
.header .dropdown-search-container input {
   background-color: var(--primary);
   color: var(--base-01);
   border: 0;
   border-radius: 2.5rem;
   padding: 0;
   transition: var(--three);
   font-size: var(--text-sm);
   flex-grow: 0;
   width: 0;
   color: var(--base-01);
   padding-left: 0;
   visibility: hidden;
   opacity: 0;
}
.header .dropdown-search-container.active input {
   flex-grow: 1;
   transition: var(--three);
   padding-left: 1rem;
   visibility: visible;
   opacity: 1;
}
.header .dropdown-search-container input::-webkit-input-placeholder {
   color: var(--base-03);

}
.header .dropdown-search-container .cancel-link {
   border: none;
   background-color: transparent;
   color: var(--base-content);
   width: 70px;
}
.header .dropdown-search-container .cancel-link i {
   display: none;
}
.header .dropdown-search-container .cancel-link:hover {
   color: var(--base-emphasis);
}
.header .dropdown-search-container .search-suggestions-container.active {
   visibility: visible;
   opacity: 100%;
   transform: scale(1) translateY(0);
}
.header .dropdown-search-container .search-suggestions-container {
   visibility: hidden;
   opacity: 0;
   transform: scale(.99) translateY(1rem);
   position: absolute;
   top: 3.75rem;
   left: 0;
   display: flex;
   flex-direction: column;
   position: absolute;
   right: 0;
   background-color: var(--base-01);
   min-width: 160px;
   z-index: 1;
   border-radius: 0.5rem;
   padding: 0;
   margin: 0 .75rem;
   text-wrap: nowrap;
   border: .5px solid var(--primary);
   box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.2);
   transition: var(--three);
   overflow: hidden;
}
.header .dropdown-search-container .search-suggestion-link {
   padding: .75rem 1rem;
   white-space: nowrap;
   text-decoration: none;
   align-items: center;
   background-color: transparent;
   color: var(--primary);
   font-weight: 500;
   font-size: var(--text-sm);
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
.header .dropdown-search-container .search-suggestion-link:hover {
   background-color: var(--base-03);
}
.header .dropdown-search-container .view-all-results-link {
   margin: .75rem 1rem;
   height: 2.5rem;
   background-color: var(--primary);
   color: var(--primary-content);
   width: fit-content;
   padding: 0 1rem;
   display: flex;
   align-items: center;
   text-decoration: none;
}
.header .dropdown-search-container .view-all-results-link:hover {
   background-color: var(--primary-focus);
}
.overlay {
   visibility: hidden;
   opacity: 0%;
   position: fixed;
   background-color: var(--dark-01);
   inset: 0;
   z-index: 40;
   transition: var(--three);
}
.overlay.active {
   visibility: visible;
   opacity: .8;
   transition: var(--three);
}
.toast {
   position: fixed;
   bottom: -20%;
   left: 1rem;
   right: 1rem;
   background-color: var(--base-01);
   border-radius: .5rem;
   padding: .5rem 1rem;
   display: flex;
   gap: 1rem;
   align-items: center;
   transition: var(--five);
   border-left: .5rem solid transparent;
   z-index: 50;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.33);
  font-family: var(--paragraph-font);
  width: unset;
}
.toast.active {
   bottom: 1rem;
   transition: var(--five);
}
.toast i.indicator {
   width: 28.84px;
   display: flex;
}
.toast h3 {
   font-size: var(--text-base);
   font-weight: 600;
   color: var(--base-content);
}
.toast p {
   font-size: var(--text-sm);
   line-height: 1.5;
   color: var(--base-content);
}
.toast .toast-link {
   font-weight: 600;
   color: var(--primary);
}
.toast.success {
   border-left: .5rem solid var(--success);
   background: var(--base-01) !important;
}
.toast i.indicator::before {
   transition: var(--three);
}
.toast.success i.indicator::before {
   content: "\f058";
   color: var(--success);
   font-size: var(--text-4xl);
   transition: var(--three);
}
.toast .close-toast-button {
   background: none;
   border: none;
   margin-bottom: auto;
   color: var(--base-mute);
   margin-left: auto;
}
.toast .close-toast-button:hover {
   color: var(--base-content);
}
.add-to-list-container.active,
.share-container.active,
.modal.active {
   bottom: .75rem;
   visibility: visible;
   opacity: 100%;
}
.add-to-list-container .mobile-menu-container,
.share-container .mobile-menu-container,
.modal .mobile-menu-container {
    padding-bottom: 0;
}
.add-to-list-container,
.share-container,
.modal {
   visibility: hidden;
   opacity: 0%;
   display: flex;
   flex-direction: column;
   position: fixed;
   bottom: -100%;
   left: .75rem;
   right: .75rem;
   background-color: var(--base-01);
   min-width: 160px;
   z-index: 45;
   border-radius: 0.5rem;
   padding: 0;
   text-wrap: nowrap;
   border: .5px solid var(--primary);
   box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.2);
   transition: var(--three);
   max-height: calc(100% - 4rem);
   overflow: scroll;
   width: calc(100% - 1.5rem);
   overflow-x: hidden;
   border: 1px solid var(--primary);
}
.add-to-list-container header,
.share-container header,
.modal header {
   padding: .75rem 1rem;
   white-space: nowrap;
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: transparent;
   color: var(--base-content);
   font-weight: 500;
   font-size: var(--text-sm);
   border: none;
   width: 100%;
   border-bottom: 1px solid var(--border-color);
}
.add-to-list-container footer,
.modal footer {
   position: sticky;
   bottom: 0;
   padding: 1.25rem 1rem 1.75rem 1rem;
   white-space: nowrap;
   text-decoration: none;
   display: flex;
   justify-content: flex-end;
   gap: .5rem;
   align-items: center;
   background-color: var(--base-01);
   color: var(--base-content);
   font-weight: 500;
   font-size: var(--text-sm);
   border: none;
   width: 100%;
   border-top: 1px solid var(--border-color);

}
.add-to-list-container header h3,
.share-container header h3,
.modal header h3 {
   font-weight: 500;
}
.add-to-list-container header .close-modal-button,
.share-container header .close-modal-button,
.modal header .close-modal-button {
   display: none;
}
.add-to-list-container .new-list-button,
.add-to-list-container .no-list-text  {
   padding: .75rem 1rem;
   white-space: nowrap;
   text-decoration: none;
   display: flex;
   gap: .5rem;
   align-items: center;
   background-color: transparent;
   color: var(--base-content);
   font-weight: 500;
   font-size: var(--text-sm);
   border: none;
   width: 100%;
   text-wrap: wrap;
}
.add-to-list-container .new-list-button:hover {
   background-color: var(--base-03);
}
.add-to-list-container .dropdown-new-list-container {
   max-height: 0;
   overflow: hidden;
   transition: var(--three);
   font-size: var(--text-sm);
   border-bottom: 1px solid transparent;
}
.add-to-list-container .dropdown-new-list-container.active {
   max-height: 20rem;
   transition: var(--three);
   border-bottom: 1px solid var(--border-color);
}
.add-to-list-container .list-item {
   padding: .75rem 1rem;
   white-space: nowrap;
   text-decoration: none;
   display: flex;
   justify-content: space-between;
   gap: .5rem;
   align-items: center;
   background-color: transparent;
   color: var(--base-content);
   font-weight: 500;
   font-size: var(--text-sm);
   border: none;
   width: 100%;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.add-to-list-container .create-new-list-button,
.add-to-list-container .create-list-button {
   background-color: var(--primary);
   height: 2.5rem;
   min-width: 2.5rem;
   color: var(--primary-content);
   filter: blur();
   border-radius: .25rem;
   border: none;
   padding: 0 1rem;
   transition: var(--three);
   cursor: pointer;
}
.add-to-list-container .create-new-list-button:hover,
.add-to-list-container .create-list-button:hover {
   background-color: var(--primary-focus);
   transition: var(--three);
}
.add-to-list-container .cancel-new-list-button,
.add-to-list-container .cancel-list-button {
   background-color: transparent;
   height: 2.5rem;
   min-width: 2.5rem;
   color: var(--primary);
   filter: blur();
   border-radius: .25rem;
   border: none;
   padding: 0 1rem;
   transition: var(--three);
   cursor: pointer;
}
.add-to-list-container .cancel-new-list-button:hover,
.add-to-list-container .cancel-list-button:hover {
   background-color: var(--base-03);
   transition: var(--three);
}
.checkbox-container {
   padding: .75rem 1rem;
   white-space: nowrap;
   text-decoration: none;
   background-color: transparent;
   color: var(--base-content);
   font-weight: 500;
   font-size: var(--text-sm);
   border: none;
   width: 100%;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   transition: var(--three);
}
.checkbox-container:hover {
   background-color: var(--base-03);
   transition: var(--three);
}
.checkbox-container input[type="checkbox"] {
   display: none;
}

.checkbox-container label {
   user-select: none;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
   text-shadow: 0px 0px 0px transparent;
   transform-origin: var(--three);
}
.checkbox-label {
   flex-grow: 1;
   text-wrap: wrap;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

.custom-checkbox {
   width: 20px;
   height: 20px;
   border: 1px solid var(--primary); /* Accent color */
   background-color: #f0f0f0; /* Background color */
   border-radius: 4px;
   display: flex;
   position: relative;
   transition: background-color 0.3s, border-color 0.3s;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
   text-shadow: .5px .5px white;
}

.checkbox-container input[type="checkbox"]:checked + label > .custom-checkbox {
   background-color: var(--primary); /* Background color when checked */
   border-color: var(--primary); /* Border color when checked */
}
.checkbox-container input[type="checkbox"] + label > .custom-checkbox i {
   display: none;
   color: white;
}
.checkbox-container input[type="checkbox"]:checked + label > .custom-checkbox i {
   display: block;
}

.checkbox-container input[type="checkbox"]:checked + label {
   color: var(--primary-focus); /* Text color when checked */
   text-shadow: .125px .125px 0px var(--primary-focus);
   transform-origin: var(--three);
   background-color: var(--base-02);
   margin: -.75rem -1rem;
   padding: .75rem 1rem;
}
.new-list-input {
   position: relative;
   margin-bottom: 1.5em;
   margin: .75rem 1rem;
 }
 .new-list-actions {
   position: relative;
   margin: .75rem 1rem;
   display: flex;
   justify-content: flex-end;
   gap: .5rem;
 }
 
 .new-list-input label {
   position: absolute;
   left: 16px;
   top: 15px;
   transition: all 0.2s ease-out;
   pointer-events: none;
   color: #999;
   font-size: var(--text-base);
 }
 
 .new-list-input input {
   width: 100%;
   padding: 20px 16px 6px 16px;
   font-size: 16px;
   border: 1px solid #ccc;
   border-radius: 4px;
   outline: none;
 }
 
 .new-list-input input:focus {
   border-color: #007bff;
 }
 .new-list-input input:focus + label,
 .new-list-input input:not(:placeholder-shown) + label {
   top: 5px;
    color: blue;
    font-size: var(--text-xs);
 }
 .add-to-list-container .create-new-list-button:disabled {
   background-color: #ccc; /* Change background color */
   color: #666; /* Change text color */
   cursor: not-allowed; /* Change cursor to indicate it's disabled */
   border: 1px solid #aaa; /* Change border color */
}
.share-container .share-options-container a {
   padding: .75rem 1rem;
   white-space: nowrap;
   text-decoration: none;
   display: flex;
   gap: .75rem;
   align-items: center;
   background-color: transparent;
   color: var(--base-content);
   font-weight: 500;
   font-size: var(--text-sm);
   border: none;
   width: 100%;
}
.share-container .share-options-container a:hover {
   background-color: var(--base-03);
}
.share-container .share-options-container a .fa-stack {
   height: 1.5em;
   line-height: 1.5em;
   position: relative;
   vertical-align: middle;
   width: 1.5em;
}
.share-container .share-options-container a .fa-stack-2x {
   font-size: 1.5em;
}
.share-container .share-options-container a .fa-stack-1x {
   font-size: .9em;
}
.share-container .share-facebook i {
   color: #4267B2;
}
.share-container .share-x-twitter .fa-circle {
   color: #000000;
}
.share-container .share-linkedin .fa-circle {
   color: #0a66c2;
}
.share-container .share-linkedin .fa-circle i {
   padding-left: 1px;
}
.share-container .share-email .fa-circle {
   color: var(--base-content);
}
.share-container .share-link .fa-circle {
   color: var(--base-content);
}
.share-container .copy-link-container {
   display: none;
}
.abstract-container .presentation {
   text-wrap: wrap;
   padding: .75rem;
}
.abstract-container header {
   position: sticky;
   top: 0;
   background-color: var(--base-01);
}

@media only screen and (min-width: 360px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 500px) {
   .toast {
      width: 26rem;
      margin: 0 auto;
   }
 }
 
 @media only screen and (min-width: 640px) {
   /* START RESPONSIVE MENU CHANGE */
   .header, .header .dropdown-search-container {
      padding: .75rem 1.25rem;
  }
   .header .logo-container {
      flex-grow: 0;
   }
   .header .dropdown-menu-button {
      display: none;
   }
   .header-nav, .header-nav.active {
      display: flex;
      flex-direction: row;
      width: unset;
      list-style: none;
      margin: 0;
      transition: var(--three);
      background-color: unset;
      z-index: unset;
      position: unset;
      top: .25rem;
      left: unset;
      bottom: unset;
      height: unset;
      overflow: unset;
      flex-grow: 1;
      justify-content: flex-start;
        gap: 1.5rem;
        margin-left: 1.5rem;   }
   .header-nav .logo-container, .header-nav.active .logo-container {
      display: none;
   }
   .header .nav-title {
      display: unset;
      justify-content: unset;
      align-items: unset;
      color: var(--base-content);
      text-decoration: none;
      padding: 0;
      background-color: transparent;
      transition: var(--three);
      font-size: 0.825rem;
      font-weight: 500;
   }
   .header .nav-title:hover {
      background-color: transparent;
      color: var(--primary);
   }
   .header .nav-title i {
      color: var(--base-mute);
      top: 1px;
      position:relative;
      font-size: var(--text-xs);
      padding-left: .125rem;
      transform: rotate(0deg);
   }
   .header .collapsible:hover .nav-title i {
      transform: rotate(180deg);
      top: -2px;
      right: -2px;
      color: var(--primary);
   }
   .header .nav-title .sponsor-hide {
      display: none;
   }
   .header-nav .collapsible .collapsible-content {
      position: absolute;
   }
   .header-nav .collapsible .collapsible-content,
   .header-nav .collapsible.active .collapsible-content {
      visibility: hidden;
      opacity: 0;
      transform: scale(.99) translateY(1rem);
      max-height: unset;
      display: flex;
      flex-direction: column;
      position: absolute;
      left: 0;
      top: calc(100% + .25rem);
      background-color: var(--base-01);
      min-width: 160px;
      z-index: 2;
      border-radius: 0.5rem;
      padding: 0;
      text-wrap: nowrap;
      border: 1px solid var(--primary);
      box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.2);
      transition: var(--three);
      }
   .header-nav .collapsible:hover .collapsible-content {
      visibility: visible;
      opacity: 1;
      transform: scale(1) translateY(0);
   }
   .header .nav-sub-link a {
      color: var(--base-content);
      text-decoration: none;
      padding: .75rem 1rem;
      background-color: transparent;
      font-size: var(--text-sm);
      font-weight: 500;
   }
   .header .nav-sub-link a:hover {
      background-color: var(--base-03);
   }
   .header .user-menu ul .user-link {
      gap: 1rem;
   }
   .header .dropdown-search-container .cancel-link span {
      display: none;
   }
   .header .dropdown-search-container .cancel-link {
      width: unset;
      font-size: 2.25rem;
      padding: 0;
   }
   .header .dropdown-search-container .cancel-link i {
      display: block;
      color: var(--primary);
      font-size: 2.25rem;
      position: relative;
      top: 1px;
   }
   .share-container,
   .add-to-list-container,
   .modal {
      margin: 2rem;
      bottom: 50%;
      transform: translateY(calc(50% + 1.5rem));
      width: unset;
      top: unset;
      max-height: unset;
    }
   .share-container.active,
   .add-to-list-container.active,
   .modal.active {
      bottom: 50%;
      transform: translateY(50%);
   }
   .add-to-list-container header,
   .share-container header,
   .modal header {
      justify-content: space-between;
   }
   .add-to-list-container header .close-modal-button,
   .share-container header .close-modal-button,
   .modal header .close-modal-button {
      display: unset;
      border: none;
      border-radius: .25rem;
      background-color: transparent;
      color: var(--base-mute);
   }
   .add-to-list-container header .close-modal-button:hover,
   .share-container header .close-modal-button:hover,
   .modal header .close-modal-button:hover {
      color: var(--base-content);
      background-color: var(--base-02);
   }
   .share-container .share-options-container {
      display: flex;
      padding: .75rem 1rem;
   }
   .share-container .share-options-container a {
      flex-direction: column;
      border-radius: .5rem;
   }
   .share-container .share-options-container a .fa-stack {
      font-size: 2rem;
   }
   .share-container .share-options-container a .fa-facebook {
      font-size: 3rem;
      height: 3rem;
      position: relative;
      top: 1.5rem;
   }
   .share-container .share-options-container .share-link {
      display: none;
   }
   .share-container .copy-link-container {
      border-top: 1px solid var(--border-color);
      display: unset;
      padding: 0.75rem 1rem;
   }
   .share-container .copy-link-form-container {
      display: flex;
   }
   .share-container .copy-link-input {
      flex-grow: 1;
      height: 2.5rem;
      padding: 0 1rem;
      color: var(--base-mute);
      border: 1px solid var(--border-color);
      border-radius: .75rem 0 0 .75rem;
   }
   .share-container .copy-link-button {
      height: 2.5rem;
      background-color: var(--primary);
      color: var(--primary-content);
      border: none;
      border-radius: 0 .75rem .75rem 0;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: .75rem;
      padding: 0 1rem;
   }
   .share-container .copy-link-button:hover {
      background-color: var(--primary-focus);
   }
   .add-to-list-container footer {
      padding: 1rem;
   }
   .share-container.active {
      transform: translateY(calc(50% + 1.5rem));
   }
   .share-container.active {
      transform: translateY(calc(50%));
   }
   .abstract-container {
      margin: 0 2rem;
      width: fit-content;
   }
   .abstract-container.active {
      bottom: 50%;
      transform: translateY(50%);
   }
   .abstract-container .presentation {
      padding: 1.25rem;
   }
 }
 
 @media only screen and (min-width: 768px) {
   .header .nav-title .sponsor-hide {
      display: unset;
   }
   .header .login-button {
      height: 2.25rem;
   }
    .header .site_message_button {
        height: 2.25rem;
        width: 2.25rem;
    }
}
 
 @media only screen and (min-width: 1024px) {
   .header {
      height: 5.5rem;
      align-content: center;
  }
   .header .logo-container img {
      content: var(--nav-logo) !important;
      height: 4rem !important;
   }
   .header .search-button {
      height: 3rem;
      width: 3rem;
      font-size: var(--text-lg);
   }
   .header .login-button {
       height: 3rem;
       padding: 0 1rem;
   }
   .header .search-button {
      height: 3rem;
      width: 3rem;
      font-size: var(--text-lg);
   }
   .header .user-menu .user-avatar i, 
  .header .login-avatar i {
      font-size: 3rem;
      position: relative;
      top: -.5px;
   }
   .header .nav-title {
      font-size: var(--text-sm);
   }
   .header .dropdown-search-container {
      height: 5.5rem;
      padding: 1rem 2rem;
   }
   .header .dropdown-search-container .cancel-link i {
      font-size: 2.75rem;
      padding: 0 0.125rem;
   }
   .header .dropdown-search-container .search-suggestions-container {
      margin: 0 2rem;
   }
   .add-to-list-container,
   .share-container,
   .modal {
      max-width: 48rem;
      margin: auto;
      max-height: calc(100% - 16rem);
   }
   .abstract-container .presentation {
      padding: 2rem;
   }
    .header .site_message_button {
        height: 3rem;
        width: 3rem;
       padding: 9px;
    }
}
 
 @media only screen and (min-width: 1280px) {
   .header-nav {
      justify-content: start;
      gap: 2rem;
      padding-left: 2rem;
   }
   .header-nav .collapsible .nav-title i {
      padding-left: .325rem;
   }

 }
 
 @media only screen and (min-width: 1536px) {
   .header {
      height: 5.5rem;
   }
  .header .dropdown-search-container {
      height: 5.5rem;
      padding: 1rem calc((100vw - 90rem) / 2) ;
   }
   .header .dropdown-search-container.active input {
      height: 3.5rem;
   }
}

.comment_message_container .site_message_message_reply_content {
    padding-top: .25rem;
}
.comment_message_container .site_messagebox_message_container .site_message_message_reply_box button {
        font-size: var(--text-xs);
}
.comment_message_container i.fas.fa-reply {
    margin-right: .325rem;
    font-size: 11px;
    color: var(--base-mute);
}