.fullstory-mod-meta{margin-top:10px;gap:10px}
.fullstory-mod-meta .mod-meta-sep{opacity:.6}
.fullstory-mod-meta .mod-author-name{font-size:12px;line-height:1;padding:3px 8px;border-radius:4px;background:#111;color:#fff;font-weight:700}
.fullstory-mod-meta .mod-category-name{font-size:12px;line-height:1;padding:3px 8px;border-radius:4px;background:transparent;color:#111;font-weight:700;border:1px solid #111;text-decoration:none}
.fullstory-mod-meta .mod-category-name:hover{text-decoration:underline}

.toggle-content {
    max-height: 200px;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.toggle-content.expanded {
    max-height: 100%;
}

.toggle-button {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 5px;
    margin: 10px auto 35px;
    display: block;
}

.toggle-button:hover {
    background-color: #005177;
}

.addon-install-note{margin:10px 0 14px;padding:12px 14px;border:1px solid rgba(0,0,0,.08);background:#f6fbff}
.addon-install-note__title{font-size:12px;letter-spacing:.06em;font-weight:900;color:#0b66c3;margin:0 0 6px}
.addon-install-note__text{font-size:13px;line-height:1.35;color:#1b1b1b}
.addon-install-note__files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.addon-install-note__file{display:inline-block;font-size:12px;line-height:1;padding:4px 8px;border-radius:6px;background:#ffffff;border:1px solid rgba(0,0,0,.12);font-weight:700;color:#111}

.sv-wrap{
    margin: 0 0 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 0 !important;
}
.sv-title{width:100%;font-size:12px;line-height:1.1;font-weight:700;color:#111;margin:0 0 4px}
.sv-list{display:flex;flex-wrap:wrap;gap:6px}
.sv-badge{font-size:11px;line-height:1;padding:4px 8px;border-radius:6px;background:#eafff1;color:#1aa34a;font-weight:600;white-space:nowrap}
.sv-badge.sv-hidden{display:none}
.sv-more-badge{border:0;cursor:pointer}
.sv-more-badge:hover{text-decoration:underline}

.comments-lazy-gate{
    margin: 14px 0 8px;
    padding: 14px;
    border: 1px solid rgba(0,0,0,.08);
    background: #f8fafb;
}
.comments-lazy-gate__text{
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.4;
    color: #4a4a4a;
}
.comments-lazy-gate__button{
    display: inline-block;
    padding: 8px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    background: #1aa34a;
    color: #fff;
}
.comments-lazy-gate__button:hover{
    opacity: .92;
}

.app-panel{display:none}
@media (max-width: 991px){
  html.load .app-panel{transform:translateY(100%);opacity:0}
  html.ap-open .app-panel{display:block!important}
  .app-panel{position:fixed;left:0;bottom:0;width:100%;height:4rem;pointer-events:none;z-index:99;transform:translateY(0);opacity:1;transition:transform .3s ease,opacity .2s ease}
  .app-panel-wrap{width:100%;max-width:26rem;padding:.75rem;margin:0 auto;background-color:#e0e0e0;pointer-events:auto;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 0 1.5rem 0 rgba(0,0,0,.07);position:relative;border-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0}
  .app-panel-wrap::after{content:"";display:block;clear:both}
  .app-panel-wrap>img{float:left;width:2.5rem;height:2.5rem;border-radius:.5rem;margin-right:.75rem;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 1rem 0 rgba(0,0,0,.07)}
  .app-panel-cont{font-size:.75rem;overflow:hidden;padding-top:1px;white-space:nowrap;text-overflow:ellipsis}
  .app-panel-cont>.fbold{font-size:.875rem;display:block}
  .app-panel-btns{float:right;padding:.25rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:nowrap}
  .app-panel-btns .btn-green{font-size:.75rem;position:relative}
  .app-panel-btns .btn-green::after{content:"";position:absolute;left:0;top:0;bottom:0;width:100%}
  .app-panel-close{width:2rem;padding:.375rem;background-color:#f5f6f7;position:relative;z-index:2;border-radius:5px;margin-left:0;margin-right:15px;}
  .app-panel-close svg{display:block;transition:transform .4s ease}
  .app-panel-close:hover svg{transform:rotate(180deg)}
  .app-panel .btn.btn-green{
    background-color:#68cb5b !important;
    color:#fff !important;
    opacity:1 !important;
    box-shadow:0 .5rem 1.5rem 0 #68cB5B33;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    user-select:none;
    text-decoration:none !important;
    outline:0 !important;
    border:0 none;
    padding:5px 25px;
    line-height:1.5rem;
    border-radius:5px;
    cursor:pointer;
    height:auto;
    margin-left:0;
  }
}