.reply::before {
  position: absolute;
  top: calc(var(--omc-icon-width) + var(--omc-list-group-item-padding-y) * 2);
  left: var(--omc-list-group-item-padding-x);
  transform: translateX(50%);
  height: 100%;
  width: var(--omc-icon-width);
  border-left: 2px solid currentColor;
  opacity: 0.25;
  content: "";
}
.medias {
  --gaps: 0.2em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gaps);
  padding: var(--omc-list-group-item-padding-x);
}
.medias .medias-item {
  width: calc((100% - var(--gaps) * 2) / 3);
}
.medias .medias-item img {
  border-radius: var(--omc-border-radius-lg);
}
.medias .medias-item .pressed {
  --omc-icon-width: 24px;
  --omc-btn-bg: rgba(var(--omc-light-rgb), 0.85);
  --omc-btn-active-bg: rgba(var(--omc-light-rgb), 0.85);
  min-width: unset;
}
.medias .medias-item .btn-icon-text {
  padding-left: 0.5rem;
  padding-right: 0.75rem;
}
.medias .article-tools {
  position: absolute;
  left: 4px;
  bottom: 4px;
  width: 100%;
  justify-content: space-between;
}
.medias .article-tools div:nth-child(2) {
  min-width: auto;
}
.profile-header {
  display: grid;
  gap: 1rem;
  grid-template: auto auto/auto 1fr;
}
.profile-header .profile-title {
  grid-area: 2/1/3/3;
  margin-bottom: 0;
}
.profile-header .profile-title small {
  display: block;
  font-size: 70%;
  font-weight: 400;
}
.profile-header .profile-title a {
  text-decoration: none;
}
.section-title {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 0 calc(var(--omc-gutter-x) * 0.5);
  border-top: 1px solid var(--omc-border-color);
  border-bottom: 1px solid var(--omc-border-color);
  background-color: var(--omc-white);
  font-size: var(--omc-nav-font-size);
  line-height: var(--omc-list-item-min-height);
}
.section-title a {
  width: 100%;
  padding: 0 calc(var(--omc-gutter-x) * 0.5);
  color: var(--omc-body-color);
  text-decoration: none;
  line-height: var(--omc-list-item-min-height);
}
.section-title a:hover {
  background-color: var(--omc-light);
}
.section-title:has(a) {
  padding: 0;
}
.section-title .link-action::before {
  margin: 0 calc(var(--omc-gutter-x) * 0.5);
  font-size: 60%;
}
.section-title .link-action-next {
  padding-right: calc(25px + 1rem);
}
.section-title .link-action-prev {
  padding-left: calc(25px + 0.5rem);
}
.section-title.sticky-top {
  --sticky-top-position: var(--omc-tbar-height);
  top: var(--sticky-top-position);
}
.content-header.sticky-top {
  --sticky-top-position: var(--omc-tbar-height);
  top: var(--sticky-top-position);
}
.overflow-x {
  max-width: 100vw;
  height: fit-content;
  overflow-x: auto;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .overflow-x {
    max-width: calc(100vw - var(--omc-gnav-width) - 1px);
  }
}
.overflow-x .overflow-x-item {
  overflow-x: auto;
}
.article-header {
  display: flex;
  justify-content: space-between;
  gap: var(--omc-gutter-x);
  margin-bottom: calc(var(--omc-gutter-x) * 0.25);
}
.article {
  padding-bottom: calc(var(--omc-list-group-item-padding-y) + 2px);
}
.article:has(.article-footer) {
  padding: 0;
}
.article:has(.article-footer) .article-body {
  padding: var(--omc-list-group-item-padding-y)
    var(--omc-list-group-item-padding-x);
  padding-bottom: 0;
}
.article:has(.article-footer) > .thumb {
  padding: var(--omc-list-group-item-padding-y)
    var(--omc-list-group-item-padding-x);
}
.article:has(.article-footer) > .thumb .article-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.article:has(.article-footer) > .thumb {
  padding-bottom: 0;
}
.article-tools {
  display: flex;
  align-items: center;
  min-height: 44px;
}
.article-tools div:nth-child(2) {
  min-width: 100px;
}
@media (min-width: 576px) {
  .sticky-not-sm-bottom {
    position: unset;
    bottom: unset;
    z-index: unset;
  }
}
.tbar {
  position: absolute;
  display: grid;
  grid-template: var(--omc-tbar-height) / auto 1fr auto;
  border-bottom: 1px solid var(--omc-border-color);
  margin-right: auto;
  margin-left: auto;
  padding-left: calc(var(--omc-gutter-x) * 0.5);
  padding-right: calc(var(--omc-gutter-x) * 0.5);
  width: 100%;
  z-index: 1030;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .tbar {
    padding-left: 0;
    grid-template-columns: var(--omc-gnav-width) 1fr auto;
  }
}
@media (min-width: 992px) {
  .tbar {
    padding-left: 0;
    grid-template-columns: var(--omc-gnav-desktop-width) 1fr auto;
  }
}
@media (min-width: 1400px) {
  .tbar {
    max-width: 1320px;
  }
}
.tbar .gnav-btn {
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
  .tbar .gnav-btn {
    visibility: hidden;
  }
}
.tbar .breadcrumb {
  --omc-breadcrumb-margin-bottom: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .tbar .breadcrumb {
    padding-right: calc(var(--omc-gutter-x) * 0.5);
    padding-left: calc(var(--omc-gutter-x) * 0.5);
  }
}
@media (min-width: 576px) {
  .tbar .breadcrumb {
    padding-right: 1rem;
    padding-left: calc(var(--omc-gutter-x) * 0.5);
    border-left: 1px solid var(--omc-border-color);
  }
}
@media (min-width: 1200px) {
  .tbar .breadcrumb {
    padding-right: 3rem;
  }
}
.tbar .breadcrumb .breadcrumb-title {
  margin-bottom: 0;
  font-size: var(--omc-nav-font-size);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tbar .tools .btn-icon {
  --omc-btn-bg: var(--omc-body-bg);
}
.tbar.transform {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: var(--omc-white);
}
.cook .tbar {
  grid-template-columns: 1fr;
}
@media (min-width: 576px) {
  .cook .tbar {
    grid-template-columns: var(--omc-gnav-width) 1fr;
  }
}
@media (min-width: 768px) {
  .cook .tbar {
    --grid-template-width: calc(
      calc(calc(100% - var(--omc-gnav-width)) - 45%) - 5.1%
    );
    grid-template-columns: var(--omc-gnav-width) 1fr var(--grid-template-width);
  }
}
@media (min-width: 992px) {
  .cook .tbar {
    --grid-template-width: calc(
      calc(
          calc(100% - var(--omc-gnav-desktop-width)) - 45% +
            calc(var(--omc-gutter-x) * 2)
        ) - 1.6%
    );
    grid-template-columns: var(--omc-gnav-desktop-width) 1fr var(
        --grid-template-width
      );
  }
}
@media (min-width: 1200px) {
  .cook .tbar {
    --grid-template-width: calc(
      calc(
          calc(100% - var(--omc-gnav-desktop-width)) - 45% +
            calc(var(--omc-gutter-x) * 0.5)
        ) + 3px
    );
  }
}
@media (max-width: 575.98px) {
  .cook .gnav-btn {
    display: none;
  }
}
.cook .breadcrumb {
  --padding-left: 0;
  padding: 0;
  padding-left: var(--padding-left);
}
@media (min-width: 576px) {
  .cook .breadcrumb {
    --padding-left: calc(var(--omc-gutter-x) * 0.5);
  }
}
@media (min-width: 768px) {
  .cook .breadcrumb {
    padding-right: calc(var(--omc-gutter-x) * 0.5);
  }
}
@media (max-width: 767.98px) {
  .cook .tools {
    display: none;
  }
}
@media (min-width: 576px) {
  .gnav {
    box-shadow: 1px 0px 1px 0px var(--omc-border-color);
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .gnav {
    padding-left: calc(var(--omc-gutter-x) * 0.5);
  }
}
.gnav .offcanvas-body .btn-light {
  --omc-btn-bg: var(--omc-gnav-switch-bg);
}
.gnav .offcanvas-body .btn-light:hover {
  --omc-btn-hover-bg: var(--omc-gnav-switch-hover-bg);
}
.gnav .offcanvas-header {
  display: block;
  /* background-color: var(--omc-white); */
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .gnav .offcanvas-header {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 576px) {
  .gnav .offcanvas-header {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.gnav .offcanvas-header .offcanvas-title {
  margin-bottom: 0;
  font-size: var(--omc-nav-font-size);
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .gnav .offcanvas-header .offcanvas-title {
    display: none;
  }
}
.gnav .offcanvas-header .offcanvas-title a {
  text-decoration: none;
}
.gnav .gnav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--omc-tbar-height);
}
.gnav .nav-link {
  --omc-nav-link-padding-y: 0.75rem;
  display: flex;
  align-items: center;
  font-size: var(--omc-nav-font-size);
  line-height: 24px;
}
@media (min-width: 576px) {
  .gnav .nav-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .gnav .nav-link {
    justify-content: start;
  }
}
.gnav .nav-link .ico {
  font-size: var(--omc-nav-icon-font-size);
}
.gnav .nav-link .nav-text {
  padding-left: 0.75rem;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .gnav .nav-link .nav-text {
    display: none;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .gnav .offcanvas-sm {
    position: sticky;
    top: 0;
    z-index: 1030;
  }
}
@media (min-width: 768px) {
  .pkg {
    display: grid;
    grid-template-columns: 1fr 45%;
  }
}
.pkg-content {
  grid-area: auto;
}
.pkg-profile {
  grid-area: 1/1/2/2;
}
.pkg-profile .profile-header {
  margin-top: calc(var(--omc-gutter-x) * -0.75);
  margin-bottom: calc(var(--omc-gutter-x) * 0.5);
}
.pkg-profile .profile-header .ratio-icon {
  --omc-icon-width: calc(44px + calc(1rem * 2));
}
.pkg-profile .profile-header .ratio-icon img {
  border: 3px solid var(--omc-white);
}
.pkg-profile .profile-header .ratio-icon-sm {
  --omc-icon-width: calc(32px + calc(1rem * 0.5));
}
.pkg-profile .profile-header .tools {
  align-items: end;
}
.pkg-lnav {
  grid-area: 2/1/3/2;
  position: sticky;
  top: var(--omc-tbar-height);
  background-color: var(--omc-white);
  z-index: 1021;
}
.pkg-lnav .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--omc-tbar-height);
}
.pkg-lnav .ico {
  font-size: var(--omc-nav-icon-font-size);
}
.pkg-news {
  grid-area: 3/1/4/2;
}
.pkg-aside {
  grid-area: 1/2/5/3;
}
@media (min-width: 768px) {
  .pkg-aside {
    padding-left: 1rem;
    padding-right: calc(var(--omc-gutter-x) * 0.5);
    border-left: 1px solid var(--omc-border-color);
  }
  .pkg-aside .section {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--omc-border-color);
    border-top: none;
    border-radius: var(--omc-border-radius);
  }
  .pkg-aside .section:first-child {
    margin-bottom: 0;
  }
  .pkg-aside .section-title {
    border-top-left-radius: var(--omc-border-radius);
    border-top-right-radius: var(--omc-border-radius);
  }
  .pkg-aside .section-title.sticky-top {
    position: unset;
  }
  .pkg-aside .section-title a {
    border-top-left-radius: var(--omc-border-radius);
    border-top-right-radius: var(--omc-border-radius);
  }
  .pkg-aside.transform .aside-sticky {
    position: sticky;
    top: var(--omc-tbar-height);
  }
}
@media (min-width: 1200px) {
  .pkg-aside {
    padding-right: 1rem;
  }
}
.pkg-tweets {
  grid-area: 4/1/5/2;
}
.room {
  display: grid;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 576px) {
  .room {
    grid-template-columns: var(--omc-gnav-width) auto;
  }
}
@media (min-width: 992px) {
  .room {
    grid-template-columns: var(--omc-gnav-desktop-width) auto;
  }
}
.room .main {
  padding-top: var(--omc-tbar-height);
}
@media (min-width: 576px) {
  .room .main {
    border-left: 1px solid var(--omc-border-color);
  }
  .room .main > .ratio-cover {
    margin-top: var(--omc-tbar-front-height);
  }
}
.room .offcanvas-md.showing .section-title.sticky-top,
.room .offcanvas-md.hiding .section-title.sticky-top,
.room .offcanvas-md.show .section-title.sticky-top {
  top: 0 !important;
}
.room:not(.room.dashboard) .section-title.sticky-top {
  --sticky-top-position: calc(var(--omc-tbar-height) * 2);
}
.room:not(.room.dashboard) .pkg-content .section-title.sticky-top {
  --sticky-top-position: var(--omc-tbar-height);
}
.room:is(.room.dashboard) .tbar {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.room:is(.room.dashboard) .tbar .breadcrumb {
  visibility: hidden;
}
.room:is(.room.dashboard) .tbar.transform {
  border-bottom-color: var(--omc-border-color);
}
.room:is(.room.dashboard) .tbar.transform .breadcrumb {
  visibility: visible;
}
.room:is(.room.dashboard) .pkg-profile .profile-header {
  margin-top: calc(var(--omc-gutter-x) * -1.25);
}
.room:is(.room.dashboard) .pkg-profile .profile-header .ratio-icon {
  --omc-icon-width: calc(calc(44px * 1.25) + calc(1rem * 2));
}