/*
Theme Name: Default
Theme URI: https://illystray.com/
Author: illystray
Author URI: https://vk.com/illystray
*/
@font-face {
    font-family: 'Montserrat';
    src: url('/public/montserrat-font/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 500 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/public/montserrat-font/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 500 900;
    font-style: italic;
}

b, strong {
    font-weight: 600;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff5f0c;
    --bs-btn-border-color: #ff5f0c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e95508;
    --bs-btn-hover-border-color: #e95508;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cd4c09;
    --bs-btn-active-border-color: #cd4c09;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #976850;
    --bs-btn-disabled-border-color: #976850;
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d87;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d87;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d87;
    --bs-gradient: none;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #ff5f0c;
}

.img-tile-model {
    box-shadow: 0px 6px 19px -5px #000000a1;
}

html {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

form {
    margin: 0;
}

.sub-plan-lvl1 {
    font-weight: 700;
    text-overflow: ellipsis !important;
    overflow: visible !important;
    color: #0000 !important;
    background: linear-gradient(45deg, #fe5e07, #fd096a) !important;
    -webkit-background-clip: text !important;
    width: fit-content;
}

.sub-plan-lvl2 {
    font-weight: 700;
    text-overflow: ellipsis !important;
    overflow: visible !important;
    color: #0000 !important;
    background: linear-gradient(45deg, #fe5e07, #fd096a) !important;
    -webkit-background-clip: text !important;
    width: fit-content;
}

.sub-plan-lvl3 {
    font-weight: 700;
    text-overflow: ellipsis !important;
    overflow: visible !important;
    color: #0000 !important;
    background: linear-gradient(45deg, #ffc23b, #ff6200) !important;
    -webkit-background-clip: text !important;
    width: fit-content;
}

.header-chats-count {
    display: flex;
    background: #f90;
    color: #2c2c2c;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px;
}

#header-chat.header-chat-unread,
#header-notify.header-notify-unread {
    color: #ff9900 !important;
}

.form-check-input {
    padding: 0;
    background-color: #1a1a1a;
    border-color: #232323;
}

.form-check-input:checked {
    background-color: #955800b8 !important;
    border-color: #ff990040 !important;
}

.form-check-input:focus {
    border-color: var(--color-theme-1);
    box-shadow: 0 0 0 0.25rem #ff990059;
}

.user-last-online {
    width: fit-content;
    font-size: 13px;
    font-weight: 700;
}

.tooltip .tooltip-inner {
    background: #232222;
    max-width: 400px;
    padding: 10px;
}

.tooltip .tooltip-inner,
.tooltip .tooltip-inner b {
    font-size: 13px;
    line-height: 1.2;
    font-family: Montserrat;
    font-weight: 600;
    color: #7d7d7d;
}

* {
    --color-panel-1: #222222;
    --color-panel-b-1: #2a2a2a;
    --color-button-1: #252525;
    --color-button-h-1: #2b2b2b;
    --color-light-1: #d7d7d7;
    --color-light-2: #9b9b9b;
    --color-theme-1: #f90;
    --color-theme-1-h: #ffc163;
    scrollbar-width: thin;
    scrollbar-color: #ffffff0f #1e1e1e00;
    cursor: default;
}

a[href], a[href] * {
    cursor: pointer;
}

body {
    font-family: Montserrat;
    letter-spacing: -.015em;
    background: #0f0f0f;
    color: var(--color-light-1);
    overflow-x: clip;
    --max-width-site: 1640px;
}

.body-content {
    padding-top: 15px;
    transition: transform 1s cubic-bezier(0.53, 0.12, 0.07, 0.97);
}

header {
    position: fixed;
    width: 100vw;
    z-index: 999;
    transition: height 1s cubic-bezier(0.49, 0.06, 0, 1.01);
}

header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1c1c1ca8;
    backdrop-filter: blur(10px);
    transition: all 0.5s;
    backface-visibility: hidden;
}

.header-browse {
    pointer-events: none;
    opacity: 0;
    filter: blur(10px);
    transform: translateY(-20px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    border-top: solid 1px #ffffff12;
    transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}

.header-browse-show {
    pointer-events: all;
    opacity: 1;
    filter: none;
    transform: none;
}

.header-browse:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1c1c1ca8;
    backface-visibility: hidden;
}

.header-browse > div {
    position: relative;
    padding: 20px;
    max-width: 1640px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.header-browse > div > div {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.home-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 900px;
    z-index: -1;
    -webkit-mask: linear-gradient(#FFF, #FFF, #FFF, #ffffff4a, #fff0);
}

.header-main {
    display: flex;
    justify-content: space-between;
    padding: 10px 25px;
    max-width: var(--max-width-site);
    margin: auto;
    font-size: 14px;
    transition: padding 0.5s;
}

.header-main-dev {
    font-size: 10px;
    position: relative;
    background: #ff990021;
    color: #f90;
    display: flex;
    height: 15px;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border: solid 1px #ff990029;
}

.header-main-menu {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #d3d3d3;
    gap: 30px;
}

.header-main a, .header-main button {
    color: #cfcfcf !important;
    transition: all 0.2s ease-out;
    display: flex;
    align-items: center;
}

.header-main > div > a, .header-main > div > div > a {
    font-size: 16px;
}

.header-main a:hover {
    color: #FFF !important;
}

.header-noscroll .header-main {
    padding: 21px 25px;
}

.header-noscroll:before {
    background: #22222200;
    backdrop-filter: none;
}

.header-browse-categ {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header-browse-categ > a {
    width: 15.6%;
}

.bd-post-info-img {
    margin-left: 5px;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 8px;
    background: #00000030;
    color: #ffffff9c;
    backdrop-filter: blur(10px);
}

a,
span {
    color: var(--color-light-1);
    text-decoration: none;
    transition: all 0.2s;
    transform: scale(0.999);
}

a[href] {
    transform: scale(0.999);
}

a[href]:active,
.button2:active,
.button1:active,
.head-button-min:active,
.comment-button:active,
.bd-card-options > a > i:active {
    transform: scale(0.95);
}

p {
    color: #afafaf;
    font-weight: 500;
    font-size: 14px;
}

b,
strong {
    color: #e7e7e7;
}

.nav-link {
    transition: all 0.2s;
    color: var(--color-light-1);
    background: #141414;
    display: flex;
    align-items: center;
    gap: 12px;
}

.nav-link:focus,
.nav-link:hover {
    color: var(--color-light-1);
}

.bd-title {
    color: #d7d7d7;
    font-weight: 600;
}

.bd-categ {
    font-weight: 600;
    font-size: 14px;
    height: 18px;
}

.panel-background {
    padding: 20px;
    background: #141414;
    box-shadow: inset 0 0 0 1px #191919;
    border-radius: 16px;
}

.text-content-panel h2 {
    margin: 15px 0;
}

.text-content-panel h2:first-child {
    margin-top: 0;
}

.text-content-panel p,
.text-content-panel ul,
.text-content-panel ol {
    margin: 10px 0;
}

.panel-background2 {
    background: #ffffff03;
    padding: 20px;
    border-radius: 8px;
    border: solid 1px var(--color-panel-b-1);
    color: #adadad;
}

.panel-background2 > ol,
ul {
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    margin: 3px 0;
}


.bd-badge {
    font-size: 12px;
    padding: 2px 9px;
    border-radius: 11px;
    text-transform: capitalize;
    color: var(--color-theme-1);
    background: #95580026;
}

.button1 {
    transition: all 0.2s;
    font-size: 18px;
    background: #d7d7d7;
    padding: 7px 25px;
    border-radius: 50px;
    margin-right: 10px;
    color: #2c2c2c;
    font-weight: 800;
    text-transform: uppercase;
}

.button2 {
    transition: all 0.2s;
    background: #1c1c1c;
    display: flex;
    color: #d7d7d7;
    border-radius: 20px;
    font-size: 14px;
    border: 0;
    align-items: center;
    justify-content: center;
    height: 30px;
    min-width: 40px;
    padding: 0 40px;
    width: fit-content;
    cursor: pointer;
}

.button-fav, .button-pin {
    background: #271e11 !important;
    color: #f90 !important;
}

.button-like {
    background: #3d2a2a !important;
    color: #e76363 !important;
}

.button3 {
    transition: all 0.2s;
    background: #2f2f2f66;
    display: flex;
    color: #d7d7d7cf;
    text-transform: uppercase;
    border-radius: 7px;
    font-size: 13px;
    border: 0;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: 40px;
    cursor: pointer;
}

.button4 {
    transition: all 0.2s;
    background: #2f2f2f54;
    display: flex;
    color: #d7d7d7;
    border-radius: 7px;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: 40px;
    cursor: pointer;
}

.hoverlight {
    transition: all 0.2s;
}

.hoverlight:hover,
.nav-link:hover,
.button2:hover,
.button3:hover,
.button4:hover,
.comment-button:hover,
.bd-card:hover .collection-card-img,
.bd-card:hover .bd-card-img {
    filter: brightness(1.3);
}

.bd-card:hover .bd-card-img {
    transform: scale(0.94);
    border-radius: 8px;
}

.head-button-min {
    transition: all 0.2s ease-out;
    font-weight: 700;
    font-size: 18px;
}

h1 {
    color: var(--color-light-1);
    font-weight: 600;
    margin: 0;
    font-size: 45px;
}

h2 {
    color: var(--color-light-1);
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}

h3 {
    color: var(--color-light-1);
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}

h4 {
    color: var(--color-light-1);
    font-weight: 600;
}

h5 {
    color: var(--color-light-1);
    font-weight: 600;
}

h6 {
    color: var(--color-light-1);
    font-weight: 600;
}

.dropdown-menu {
    background: #00000000;
    border-radius: 8px;
    min-width: 160px;
    box-shadow: 0 5px 10px -5px #0006;
    border: solid 1px #ffffff0f;
    padding: 5px;
    z-index: 1;
}

.dropdown-menu:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 8px;
    z-index: -1;
    backdrop-filter: saturate(1.5) brightness(1.7) contrast(1.6) blur(30px);
    background: #1e1e1ec7;
}

.header-main-mobile-menu .dropdown-menu:before {
    box-shadow: none;
}

.dropdown-item {
    font-size: 14px;
    margin: 0 !important;
    padding: 4px 15px;
    color: #a7a7a7 !important;
    background: #0000;
    border-radius: 4px;
    transition: all 0.2s ease-out;
}

.dropdown-item i {
    color: var(--color-theme-1);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: #ffffff08;
}

.dropdown-divider {
    border-top: 1px solid #ffffff0a;
    margin: 5px 0;
    position: relative;
}

.list-group {
    background: #141414;
    border-radius: 16px;
    box-shadow: inset 0 0 0 1px #191919;
}

.list-group-item {
    color: var(--color-light-1);
    background: #fff0;
    border: none;
    border-bottom: solid 1px #191919;
    transition: all 0.2s ease-out;
}

.list-group-item:last-child {
    border: none;
}

.list-group-item:hover {
    background: #ffffff03;
    color: inherit;
}

hr {
    border-top: 1px solid #a7a7a71f;
    opacity: 1;
}

.form-label {
    color: #d7d7d7;
    font-size: 14px;
    font-weight: 600;
}

.nav-pills .nav-link.active {
    background-color: #1c1c1c;
}

.nav-link i {
    margin: 0 !important;
    opacity: 0.4;
    font-size: 18px;
    line-height: 1;
}

.nav-pills .nav-link.active i {
    opacity: 1;
    color: var(--color-theme-1);
}

input,
textarea {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 8px;
    transition: all 0.2s;
    background: #1a1a1a;
    color: #d7d7d7;
    border: solid 1px #232323;
}

textarea::-webkit-resizer {
}

.textarea-wrap {
    position: relative;
}

.textarea-wrap:before {
    content: "";
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 13px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 15L15 21M21 8L8 21' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    opacity: .3;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    z-index: 2;
}


input:disabled,
textarea:disabled {
    opacity: .5;
}

.input-group-text {
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: var(--bs-border-radius);
    transition: all 0.2s;
    background: #1a1a1a;
    color: #d7d7d7;
    border: solid 1px #232323;
    display: flex;
    align-items: center;
    line-height: 1;
}

.note-label {
    line-height: 1.3;
    font-size: 13px;
    padding: 5px 10px;
    border: solid 1px #212121;
    color: #858585;
    border-radius: 8px;
    margin: 0;
    margin-top: 7px;
}

.note-label span {
    color: inherit;
}

.note-label b {
    color: #c3c3c3;
    font-weight: 100;
}

select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20fill='none'%20stroke='%23d7d7d7'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='m2%205%206%206%206-6'/%3E%3C/svg%3E");
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -moz-appearance: none;
    appearance: none;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border-radius: 8px;
    transition: all 0.2s;
    background-color: #1a1a1a;
    color: #d7d7d7;
    border: solid 1px #232323;
}

input[type=file]::file-selector-button {
    margin: -0.375rem 0.75rem -0.375rem -0.75rem;
    padding: 0.375rem 0.75rem;
    transition: all 0.2s;
    background: #252525;
    color: #d7d7d7;
    border: 0;
    border-right: solid 1px #ffffff12;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    border-color: #ff990096;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #ff990036;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 0.5;
}

input::placeholder,
textarea::placeholder {
    color: #d7d7d766;
}

.input-group > input {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.bd-stat-boxs {
    display: flex;
    z-index: 1;
    gap: 10px 20px;
    align-items: center;
}

.bd-stat-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1;
}

.bd-stat-box-min {
    background: #2f2f2f;
    width: fit-content;
    font-size: 13px;
    padding: 1px 8px;
    border-radius: 8px;
    text-wrap: nowrap;
}

.bd-stat-box i {
    font-size: 17px;
    margin-right: 6px;
    margin-bottom: 1px;
}

.bd-stat-count {
    font-size: 22px;
    margin-right: 5px;
    font-weight: 700;
}

.head-proj-butt {
    background: #0000;
    padding: 2px 3px 3px;
    border-radius: 11px;
    border: solid 2px #0000;
    transition: all 0.2s;
}

.head-proj-butt:hover {
    background: #ffffff08;
    border: solid 2px #ffffff05;
}

.author-header {
    width: 100%;
    backdrop-filter: blur(20px);
    background: #1a1a1a82;
    box-shadow: inset 0 0 0 1px #ffffff08;
    border-radius: 16px;
    margin-top: 200px;
    display: flex;
    padding: 20px;
    margin-top: 40vh;
    gap: 20px;
    row-gap: 15px;
    align-items: center;
    backface-visibility: hidden;
    max-width: calc(var(--max-width-site) - 50px);
}

.author-header-compact {
    margin-top: 100px;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.author-header > div:nth-child(2) {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.author-header > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}

.links {
    display: flex;
    align-items: center;
}

.links a {
    border-right: solid 1px #ffffff24;
    font-size: 16px;
    width: 33px;
    height: 21px;
    display: flex;
    justify-content: center;
    transition: all 0.2s;
    align-items: center;
}

.links a:last-child {
    border-right: none;
}

.links a:hover {
    filter: brightness(1.3);
}

.user-check {
    width: fit-content;
    background: #ffffff30;
    margin-left: 5px;
    border-radius: 11px;
    font-size: 12px;
    display: flex;
    gap: 6px;
    align-items: center;
    line-height: 1;
    padding: 3px 5px 3px 6px;
    border: solid 1px;
}

.user-check-color {
    background: #ff990040;
    color: #f90;
}

.alert,
.info {
    transition: all 0.2s;
    font-size: 13px;
    background: #292929;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: none;
    color: #d7d7d7;
    border: solid 1px #292929;
}

.alert-danger {
    color: #eb7a7a;
    border: solid 1px #eb7a7a;
}

.alert-success {
    color: #a3cfbb;
    border: solid 1px #a3cfbb;
}

.button-theme {
    background: var(--color-theme-1);
    color: #2f2f2f;
}

.bdcontainer {
    width: 100%;
    padding: 0 25px;
    max-width: var(--max-width-site);
    margin: 0 auto;
}

.bdflex {
    display: flex;
    gap: 15px;
}

.bdside {
    width: 320px;
}

.bdcontent {
    flex: 1;
    min-width: 0;
}

.bdsort {
    display: flex;
    align-items: center;
}

.bdsort-title {
    font-size: 13px;
    margin-right: 10px;
    opacity: .5;
}

.bdsort-box {
    background: #121212;
    border: solid 1px #191919;
    border-radius: 500px;
    padding: 3px;
    display: flex;
}

.bdsort-button {
    padding: 0px 10px;
    border-radius: 17px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.bdsort-button i {
    font-size: 11px;
    display: none;
}

.bdsort-select {
    background: #95580026;
    color: var(--color-theme-1);
}

.bdsort-select i {
    display: contents;
}

.bd-desc {
}

.home-banner {
    position: relative;
    width: 100%;
    border-radius: 16px;
    padding: 15px 20px;
    overflow: hidden;
    z-index: 1;
}

.home-banner:before {
    content: "";
    backdrop-filter: blur(30px);
    background: #1616165e;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: brightness(1.4) contrast(1.1);
    box-shadow: inset 0 0 0 1px #ffffff05;
    border-radius: 16px;
    overflow: hidden;
}

.axiom-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' width='100%25' viewBox='0 0 1200 1113' enable-background='new 0 0 1200 1113' xml:space='preserve' style='&%2310;'%3E%3Cpath fill='%23FEFEFE' opacity='1.000000' stroke='none' d=' M107.893250,937.873474 C140.637741,881.117920 173.220016,824.691284 206.163483,767.639160 C221.681564,794.481995 236.788788,820.614197 252.078674,847.062317 C270.478577,836.442749 288.577087,826.001465 306.671509,815.553162 C383.604889,771.129211 460.523529,726.679688 537.516235,682.358887 C540.796021,680.470886 541.932739,678.559814 542.095032,674.703003 C543.084778,651.181396 554.152771,633.598816 574.643494,622.130005 C577.695496,620.421753 578.776550,618.766846 578.773499,615.312256 C578.678894,506.982513 578.696045,398.652710 578.696228,290.322906 C578.696228,288.696442 578.696167,287.070007 578.696167,284.990906 C548.023438,284.990906 517.813293,284.990906 486.813690,284.990906 C525.994446,217.118073 564.778625,149.932236 603.992920,82.001320 C643.170593,149.867386 681.950500,217.044464 721.102966,284.866943 C690.232971,284.866943 660.035278,284.866943 629.289124,284.866943 C629.289124,287.112793 629.289124,288.896088 629.289124,290.679352 C629.289124,398.842499 629.307983,507.005646 629.206543,615.168701 C629.203186,618.749329 630.145569,620.630798 633.374695,622.510986 C654.564331,634.848450 665.336060,653.369812 665.313171,678.009155 C665.311768,679.505249 665.312988,681.001343 665.312988,682.780457 C759.922363,737.415039 854.690857,792.141479 949.812744,847.072021 C965.043884,820.726379 980.184814,794.536682 995.740234,767.630066 C1034.809937,835.312378 1073.633423,902.568237 1112.781494,970.386475 C1034.505493,970.386475 957.083801,970.386475 878.678223,970.386475 C893.981689,943.857056 909.095825,917.655945 924.401245,891.123169 C919.188843,888.068970 914.211426,885.115173 909.199463,882.221252 C820.739441,831.143860 732.266663,780.088623 643.849304,728.937622 C640.917786,727.241577 638.945312,727.242493 635.927246,728.997620 C613.591919,741.986450 591.336792,741.431763 569.379639,727.867432 C568.672913,727.430847 568.017944,726.910706 567.334839,726.435364 C566.660400,725.966125 565.980835,725.504272 565.110718,724.906738 C469.346313,780.222717 373.588989,835.534546 277.456543,891.063110 C292.734985,917.531860 307.824280,943.672913 323.199982,970.310181 C245.106873,970.310181 167.588165,970.310181 89.181213,970.310181 C95.525078,959.329651 101.628067,948.765991 107.893250,937.873474 z'/%3E%3Cpath fill='%23FEFEFE' opacity='1.000000' stroke='none' d=' M602.684326,1031.235596 C526.197388,987.077759 450.026855,943.097778 373.276398,898.782959 C375.191223,897.596558 376.614044,896.661255 378.085815,895.810669 C438.993225,860.610046 499.913361,825.431274 560.789368,790.176575 C563.579712,788.560608 565.999146,788.269714 569.119141,789.274109 C590.950562,796.302612 612.944641,796.368530 635.092651,790.612915 C637.363892,790.022644 640.485779,790.190674 642.456238,791.323242 C704.457275,826.959045 766.364746,862.757507 828.281982,898.538879 C829.266113,899.107605 830.194702,899.772522 831.486328,900.611511 C828.191833,902.527710 825.189697,904.284790 822.177429,906.024353 C750.745361,947.276306 679.315186,988.531494 607.857849,1029.739746 C606.401489,1030.579712 604.626953,1030.867920 602.684326,1031.235596 z'/%3E%3Cpath fill='%23FFFFFF' opacity='1.000000' stroke='none' d=' M816.735352,710.254700 C785.023132,691.943237 753.646484,673.785400 722.206055,655.738708 C719.278198,654.058105 717.612671,652.131287 716.714722,648.703430 C711.329285,628.144409 700.970032,610.389709 686.018127,595.236938 C684.288086,593.483643 682.909668,590.484436 682.904053,588.059265 C682.740173,517.091187 682.771545,446.122711 682.771606,375.154297 C682.771606,373.719269 682.771606,372.284241 682.771606,370.198334 C684.676331,371.171722 685.979004,371.766083 687.213501,372.478577 C760.234619,414.624084 833.240051,456.796783 906.303040,498.869598 C909.226318,500.552917 910.471802,502.266449 910.467102,505.791412 C910.353821,590.253662 910.378662,674.716187 910.378479,759.178589 C910.378479,760.646240 910.378540,762.113831 910.378540,764.349365 C878.863098,746.143982 847.958252,728.291382 816.735352,710.254700 z'/%3E%3Cpath fill='%23FFFFFF' opacity='1.000000' stroke='none' d=' M471.190186,401.195618 C489.182434,390.826874 506.852509,380.634583 525.118225,370.098694 C525.226501,372.449646 525.363098,374.034851 525.363342,375.620026 C525.373962,446.282043 525.353699,516.944031 525.433716,587.606018 C525.437378,590.831360 524.582825,593.126099 522.234314,595.432556 C507.938660,609.471863 498.028259,626.191956 492.121429,645.350830 C491.509155,647.336914 489.980042,649.583740 488.231567,650.597473 C425.483917,686.978210 362.659668,723.226807 299.840881,759.484802 C299.437836,759.717346 298.962067,759.823975 298.020386,760.176514 C297.926910,758.549377 297.777344,757.159851 297.777161,755.770264 C297.765991,672.442444 297.793274,589.114563 297.676575,505.786896 C297.671631,502.251038 298.942505,500.574738 301.852417,498.900085 C358.228943,466.456757 414.541992,433.903076 471.190186,401.195618 z'/%3E%3C/svg%3E");
    display: inline-block;
    margin-bottom: -5px;
    width: 25px;
    aspect-ratio: 1/1;
    position: relative;
}

.axiom-logo-color {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' width='100%25' viewBox='0 0 1200 1113' enable-background='new 0 0 1200 1113' xml:space='preserve' style='&%2310;'%3E%3Cpath fill='%23f90' opacity='1.000000' stroke='none' d=' M107.893250,937.873474 C140.637741,881.117920 173.220016,824.691284 206.163483,767.639160 C221.681564,794.481995 236.788788,820.614197 252.078674,847.062317 C270.478577,836.442749 288.577087,826.001465 306.671509,815.553162 C383.604889,771.129211 460.523529,726.679688 537.516235,682.358887 C540.796021,680.470886 541.932739,678.559814 542.095032,674.703003 C543.084778,651.181396 554.152771,633.598816 574.643494,622.130005 C577.695496,620.421753 578.776550,618.766846 578.773499,615.312256 C578.678894,506.982513 578.696045,398.652710 578.696228,290.322906 C578.696228,288.696442 578.696167,287.070007 578.696167,284.990906 C548.023438,284.990906 517.813293,284.990906 486.813690,284.990906 C525.994446,217.118073 564.778625,149.932236 603.992920,82.001320 C643.170593,149.867386 681.950500,217.044464 721.102966,284.866943 C690.232971,284.866943 660.035278,284.866943 629.289124,284.866943 C629.289124,287.112793 629.289124,288.896088 629.289124,290.679352 C629.289124,398.842499 629.307983,507.005646 629.206543,615.168701 C629.203186,618.749329 630.145569,620.630798 633.374695,622.510986 C654.564331,634.848450 665.336060,653.369812 665.313171,678.009155 C665.311768,679.505249 665.312988,681.001343 665.312988,682.780457 C759.922363,737.415039 854.690857,792.141479 949.812744,847.072021 C965.043884,820.726379 980.184814,794.536682 995.740234,767.630066 C1034.809937,835.312378 1073.633423,902.568237 1112.781494,970.386475 C1034.505493,970.386475 957.083801,970.386475 878.678223,970.386475 C893.981689,943.857056 909.095825,917.655945 924.401245,891.123169 C919.188843,888.068970 914.211426,885.115173 909.199463,882.221252 C820.739441,831.143860 732.266663,780.088623 643.849304,728.937622 C640.917786,727.241577 638.945312,727.242493 635.927246,728.997620 C613.591919,741.986450 591.336792,741.431763 569.379639,727.867432 C568.672913,727.430847 568.017944,726.910706 567.334839,726.435364 C566.660400,725.966125 565.980835,725.504272 565.110718,724.906738 C469.346313,780.222717 373.588989,835.534546 277.456543,891.063110 C292.734985,917.531860 307.824280,943.672913 323.199982,970.310181 C245.106873,970.310181 167.588165,970.310181 89.181213,970.310181 C95.525078,959.329651 101.628067,948.765991 107.893250,937.873474 z'/%3E%3Cpath fill='%23f90' opacity='1.000000' stroke='none' d=' M602.684326,1031.235596 C526.197388,987.077759 450.026855,943.097778 373.276398,898.782959 C375.191223,897.596558 376.614044,896.661255 378.085815,895.810669 C438.993225,860.610046 499.913361,825.431274 560.789368,790.176575 C563.579712,788.560608 565.999146,788.269714 569.119141,789.274109 C590.950562,796.302612 612.944641,796.368530 635.092651,790.612915 C637.363892,790.022644 640.485779,790.190674 642.456238,791.323242 C704.457275,826.959045 766.364746,862.757507 828.281982,898.538879 C829.266113,899.107605 830.194702,899.772522 831.486328,900.611511 C828.191833,902.527710 825.189697,904.284790 822.177429,906.024353 C750.745361,947.276306 679.315186,988.531494 607.857849,1029.739746 C606.401489,1030.579712 604.626953,1030.867920 602.684326,1031.235596 z'/%3E%3Cpath fill='%23f90' opacity='1.000000' stroke='none' d=' M816.735352,710.254700 C785.023132,691.943237 753.646484,673.785400 722.206055,655.738708 C719.278198,654.058105 717.612671,652.131287 716.714722,648.703430 C711.329285,628.144409 700.970032,610.389709 686.018127,595.236938 C684.288086,593.483643 682.909668,590.484436 682.904053,588.059265 C682.740173,517.091187 682.771545,446.122711 682.771606,375.154297 C682.771606,373.719269 682.771606,372.284241 682.771606,370.198334 C684.676331,371.171722 685.979004,371.766083 687.213501,372.478577 C760.234619,414.624084 833.240051,456.796783 906.303040,498.869598 C909.226318,500.552917 910.471802,502.266449 910.467102,505.791412 C910.353821,590.253662 910.378662,674.716187 910.378479,759.178589 C910.378479,760.646240 910.378540,762.113831 910.378540,764.349365 C878.863098,746.143982 847.958252,728.291382 816.735352,710.254700 z'/%3E%3Cpath fill='%23f90' opacity='1.000000' stroke='none' d=' M471.190186,401.195618 C489.182434,390.826874 506.852509,380.634583 525.118225,370.098694 C525.226501,372.449646 525.363098,374.034851 525.363342,375.620026 C525.373962,446.282043 525.353699,516.944031 525.433716,587.606018 C525.437378,590.831360 524.582825,593.126099 522.234314,595.432556 C507.938660,609.471863 498.028259,626.191956 492.121429,645.350830 C491.509155,647.336914 489.980042,649.583740 488.231567,650.597473 C425.483917,686.978210 362.659668,723.226807 299.840881,759.484802 C299.437836,759.717346 298.962067,759.823975 298.020386,760.176514 C297.926910,758.549377 297.777344,757.159851 297.777161,755.770264 C297.765991,672.442444 297.793274,589.114563 297.676575,505.786896 C297.671631,502.251038 298.942505,500.574738 301.852417,498.900085 C358.228943,466.456757 414.541992,433.903076 471.190186,401.195618 z'/%3E%3C/svg%3E");
}

.bdrating-main {
    line-height: 0;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    align-items: center;
}

.bdrating-stars {
    font-size: 24px;
    color: var(--color-theme-1);
    cursor: pointer;
}

.bdrating-sel {
    color: #d7d7d7;
}

.bdrating-desel {
    color: #7f7f7f;
}

.bdrating-line {
    flex: auto;
    border-bottom: solid 2px #323232;
    margin: 0px 10px;
}

.bdrating-info {
    margin-top: 13px;
    font-size: 13px;
}

.bdrating-info-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bdrating-info-number {
    width: 10px;
    opacity: .5;
}

.bdrating-info-count {
    width: 22px;
    text-align: end;
}

.bdrating-info-progress {
    flex: auto;
    height: 7px;
    margin: 0 10px;
    background: #181818;
    border-radius: 10px;
    overflow: hidden;
}

.bdrating-info-progress div {
    background: var(--color-theme-1);
    width: 50%;
    height: 100%;
}

.bd-search {
    flex: auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    justify-content: center;
}

.bd-search-box {
    position: relative;
    width: -webkit-fill-available;
    max-width: 300px;
}

.bd-search-input {
    font-size: 14px;
    padding: 5px 10px;
}

.bd-search-result {
    position: absolute;
    top: 45px;
    left: 0;
    border-radius: 8px;
    width: 500px;
    box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    overflow: hidden;
    max-height: 470px;
    overflow-y: scroll;
    background: var(--color-panel-1);
}

.bd-search-result .list-group-item {
    padding: 10px !important;
    text-transform: math-auto;
}

.loader-box {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.loading-card {
    animation: blinker 1s linear infinite;
    opacity: 0;
}

@keyframes blinker {
    50% {
        opacity: 1;
    }
}

.loader {
    width: 33px;
    aspect-ratio: 1 / 1;
    background: conic-gradient(#0000 50%, #fff);
    mask: radial-gradient(#ffffff00 50%, #ffffff 21%);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    opacity: 0.2;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bd-card {
    color: #d7d7d7;
    font-weight: 600;
    position: relative;
    font-size: 14px;
    flex: 1 1 300px;
}

.bd-collection {
    flex: 1 1 500px;
}

.bd-author {
    flex: 1 1 600px;
}

.bd-card > div {
    background: #141414;
    border: solid 1px #191919;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.bd-card > div > div > div {
    padding: 10px 11px;
    line-height: 1;
    z-index: 1;
}

.bd-card-title {
    display: flex;
    text-transform: capitalize;
    margin: 3px 0;
    flex: 1;
    align-items: center;
}

.bd-card-subtitle {
    display: flex;
    gap: 5px;
    align-items: center;
    color: #7f7f7f;
}

.bd-card-subinfo {
    text-align: end;
    font-size: 13px;
    display: flex;
    justify-content: flex-end;
}

.header-main-mobile {
    display: none;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
}

.header-main-mobile-menu {
    display: none;
    flex-direction: column;
    padding: 15px 30px;
    height: calc(100% - 55px);
}

.header-main-mobile-menu a {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: solid 1px #ffffff0a;
    display: flex;
    gap: 9px;
    line-height: 1;
    align-items: center;
}

.header-main-mobile-menu a img {
    filter: invert(1);
    opacity: .5;
}

.header-main-mobile-menu a i {
    color: #f90;
}

.header-main-mobile-menu .dropdown-menu:before {
    background: #0000;
}

.container-reverse {
    flex-direction: row-reverse;
}

.bdsort-main {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.bdtitle-buttons {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.bd-dashbord {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.bd-home-header {
    display: flex;
    align-items: center;
    gap: 50px;
    margin: 200px 0;
    justify-content: space-between;
}

.bd-home-header > div {
    flex: 1;
    width: 100%;
}

.bd-home-header-title {
    font-size: 60px;
    line-height: 1;
    font-weight: 700;
}

.bd-home-header-buttons {
    display: flex;
    gap: 10px;
}

.bd-home-header-buttons > a {
    padding: 4px 25px;
    margin: 0;
}

.bd-home-stats-box {
    display: flex;
    padding: 0 40px;
    min-height: 45px;
}

.bd-home-stats-box > div {
    display: flex;
    flex-direction: column;
    font-size: 32px;
    line-height: 1;
    text-align: center;
    flex: 1;
}

.bd-home-stats-box > div > span {
    font-size: 13px;
    opacity: .7;
    text-wrap: nowrap;
}

.collection-edit-list {
    padding: 0;
    max-height: 300px;
    overflow: auto;
    border-bottom: solid 1px #2a2a2a;
}

.collection-edit-list > li {
    padding: 1rem;
    border: none;
    border-bottom: solid 1px var(--color-panel-b-1);
    border-right: solid 1px var(--color-panel-b-1);
}

.coll-btn {
    padding: 0;
    height: 38px;
    line-height: 1;
}

.coll-btn i {
    pointer-events: none;
}

#collage-collection {
    overflow: hidden;
    margin: 0 !important;
    aspect-ratio: 1 / 1;
}

#collage-collection img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.2s;
}

.bdmodel-desc a {
    color: #f90;
}

.badge-list {
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    gap: 4px;
}

.badge-list span {
    padding: 2px 5px;
    background: #d7d7d791;
    color: #1e1e1e;
    border-radius: 4px;
}

#loadingBDMessage {
    padding: 10px 50px 15px;
    border: solid 1px #1c1c1c;
    border-radius: 6px;
    margin-bottom: 5px;
    text-align: center;
}

#loadingBDMessage span {
    line-height: 1;
    font-size: 13px;
    display: block;
    margin-top: 10px;
}

.bd-card-tags {
    display: flex;
    gap: 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    top: 7px;
    right: 7px;
    position: absolute;
    z-index: 1;
    padding: 0 !important;
    max-width: 240px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.bd-card-tag {
    display: flex;
    gap: 3px;
    border-radius: 9px;
    background: #2222229c;
    backdrop-filter: blur(5px);
    padding: 3px 5px !important;
}

.bd-card #collage-collection .row > div {
    overflow: hidden;
}

.bd-card:hover #collage-collection img {
    transform: scale(1.1);
}

.bd-collection .bd-card-img {
    transform: none !important;
    z-index: 1;
}

.home-bde-img {
    width: 500px;
    aspect-ratio: 3 / 1;
    object-fit: cover;
}

.home-bde-banner {
    width: calc(100% + 20px);
    margin-left: -20px;
    padding: 30px 40px;
    padding-right: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.home-bdengine {
    overflow: hidden;
    display: flex;
    padding: 0;
    border-radius: 16px;
}

.home-bde-buttons {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    text-wrap: nowrap;
}

.pagination-block {
    width: 100%;
    display: flex;
    justify-content: center;
}

.pagination-current {
    background: #95580026;
    color: var(--color-theme-1);
}

.pagination {
    border-radius: 30px;
    padding: 3px;
    display: flex;
    background: #121212;
    border: solid 1px #191919;
}

.pagination a,
.pagination span {
    display: flex;
    padding: 0 10px;
    border-radius: 17px;
    justify-content: center;
    padding-top: 1px;
}

.nav-pills .nav-link {
    border-radius: 8px;
}

.header-main-menu > a > i,
.header-main-menu > div > a > i {
    font-size: 19px;
    line-height: 1;
}

.comment-idScroll {
    position: absolute;
    pointer-events: none;
    margin-top: -100px;
}

.comment-box {
    display: flex;
    gap: 15px;
    position: relative;
}

.comment-box:before {
    content: "";
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    position: absolute;
    top: 0;
    left: 0;
    margin: -1rem;
    transition: all 0.3s;
    border-radius: 10px;
    filter: none;
}

.comment-highlight:before {
    background: #ffffff0d;
    filter: blur(10px);
}

.comment-content {
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 6px;
    width: calc(100% - 65px);
}

.comment-info {
    display: flex;
    align-items: center;
}

.comment-buttons {
    display: flex;
    gap: 20px;
    padding: 0 20px;
}

.comment-button span {
    color: inherit;
    font-size: 14px;
}

.comment-button {
    transition: all 0.2s;
    display: flex;
    gap: 5px;
    align-items: center;
    color: #6f6f6f;
    background: #0000;
    border: none;
    padding: 0;
    font-weight: 600;
    cursor: pointer;
}

.comment-box .comment-button {
    display: none;
}

.comment-button-like, .comment-button-reply, .comment-box:hover .comment-button {
    display: flex !important;
}

.comment-text {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 100;
    overflow-wrap: anywhere;
}

.bd-info-use {
    border-left: solid 4px #ffffff5c;
    border-radius: 4px;
    padding-left: 10px;
}

.bd-info-use-2 {
    border-left: solid 4px #262626;
    border-radius: 4px;
    padding-left: 10px;
}

.bd-register {
    height: 40px;
}

.bd-register-box {
    position: fixed;
    z-index: 999;
    height: 50px;
    width: 100%;
    bottom: 0;
    background: #14141491;
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
}

.bd-register-content {
    padding: 10px 15px;
    max-width: 1630px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}

.pagination-no-outline {
    border-radius: 0;
    border: 0;
    padding: 5px;
    justify-content: center;
    background: #0000;
}

.AISoYOW {
    display: none;
    overflow: hidden;
    position: relative;
    border-radius: 16px;
    background: #222222;
    flex-direction: column;
    transition: all 0.75s cubic-bezier(0, 0, 0, 1);
}

.AISoYOW > iframe {
    width: 100%;
    transition: all 0.75s cubic-bezier(0, 0, 0, 1);
}

.AISoYOW > a {
    display: block;
    width: 100%;
    color: #ffffff8f;
    line-height: 1;
    padding: 5px;
    font-size: 11px;
    text-align: center;
}

.panel-background-banner {
    width: 100%;
    border: solid 3px #161616;
    background: #101010;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.form-check {
    display: flex;
    line-height: 1;
    min-height: 0;
    align-items: center;
    gap: 8px;
}

.form-check-label {
    margin-bottom: -3px;
    font-size: 14px;
}

.bd-card > div > div > div:last-child {
    border-top: solid 1px #ffffff0d !important;
}

.author-header > div:nth-child(2) > div:first-child {
    display: flex;
    align-items: center;
    z-index: 1;
    flex: 1;
}

.button-follow {
    background: #ff99004d !important;
    color: #f90 !important;
}

.links-button {
    width: auto !important;
    padding: 0px 35px !important;
    font-size: 15px !important;
    height: 29px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #ffffff21;
    border-radius: 20px;
    border: none !important;
}

.links-button > div {
    font-size: 13px;
    font-weight: 700;
}

.quick-filters {
    opacity: 1;
    pointer-events: all;
    transition: all 0.75s;
    filter: blur(0px);
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    max-height: 120px;
}

.quick-filters-hidden {
    opacity: 0;
    filter: blur(10px);
    margin-top: -16px !important;
    pointer-events: none;
    max-height: 0;
}

.quick-filter-button {
    background: #ffffff00;
    box-shadow: inset 0 0 0 1px #ffffff0a;
    border-radius: 16px;
    padding: 7px 20px;
    font-size: 14px;
    text-wrap-mode: nowrap;
}

.quick-filter-select {
    color: var(--color-theme-1);
    background: #95580026;
    box-shadow: inset 0 0 0 1px #ffffff00;
}

.bd-page-preview {
    overflow: hidden;
    position: relative;
    border-radius: 16px 16px 0 0;
}

#bdEngineIframe {
    width: 100%;
    height: calc(100vh - 250px);
    min-height: 400px;
    overflow: hidden;
    margin-bottom: -8px;
    background: #101010;
}

.mobileSideButton {
    display: none;
}

.bd-stat-box-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

.bd-stat-box-2 > span {
    font-size: 25px;
}

.bd-stat-box-2 > div {
    display: flex;
    font-size: 13px;
    gap: 5px;
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.home-mypacks-box {
    display: flex;
    gap: .5rem;
    margin-top: .5rem;
}

.home-mypacks-tile {
    background: linear-gradient(12deg, #161616, #16161678, transparent, transparent), var(--home-mypacks-tile);
    background-size: 100%;
    transition: all 0.75s cubic-bezier(0, 0, 0, 1);
    background-position: center;
    flex: 1;
    min-height: 400px;
    height: 400px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 30px;
    gap: 10px;
    position: relative;
    overflow: hidden;
}

.home-mypacks-tile:hover {
    background-size: 110%;
}

.home-mypacks-tile-blur {
    position: absolute;
    width: 1000px;
    height: 400px;
    top: -200px;
    right: -500px;
    transition: all 0.75s cubic-bezier(0, 0, 0, 1);
    background: #ffffff1c;
    filter: blur(10px);
    transform: rotate(30deg);
}

.home-mypacks-tile:hover .home-mypacks-tile-blur {
    right: -240px;
}

.home-mypacks-tile-desc {
    line-height: 1;
    font-size: 30px;
}

.home-mypacks-title {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.home-mypacks-tile-button {
    line-height: 1;
    padding: 5px 10px;
    border-radius: 20px;
    background: #ff990033;
    color: #f90;
    backdrop-filter: blur(10px);
    font-weight: 700;
}

.home-mypacks-tile-info {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    gap: 10px;
}

.home-mypacks-tile-info-tile {
    line-height: 1;
    padding: 5px 10px;
    border-radius: 20px;
    backdrop-filter: brightness(0.7) blur(10px);
    font-size: 13px;
}

.bdstats-desc {
    font-size: 13px;
    opacity: .75;
    position: relative;
    z-index: 1;
}

.panel-background-type2 {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    line-height: 1;
    flex-wrap: wrap;
    padding: 6px;
    background: #141414;
    box-shadow: inset 0 0 0 1px #191919;
    border-radius: 16px;
}

.panel-background-type2-box {
    width: 100%;
    padding: 20px;
    background: #101010;
    border-radius: 12px;
}

.cloud-project-list {
    display: flex;
    gap: 5px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 7px;
}

.cloud-project-tile {
    display: flex;
    background: #141414;
    width: calc(25% - 4px);
    height: fit-content;
    box-sizing: border-box;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 6px;
    font-size: 13px;
}

.cloud-project-img {
    position: relative;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: fit-content;
}

.cloud-project-img-info {
    position: absolute;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    padding: 7px;
    box-sizing: border-box;
    border-radius: 6px 6px 0 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    pointer-events: none;
}

.cloud-project-img-info > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 19px;
}

.cloud-project-img img {
    width: 100%;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    display: block;
}

.cloud-project-main {
    display: flex;
    flex-direction: column;
    padding: 5px 7px;
    width: 100%;
    box-sizing: border-box;
}

.cloud-project-title {
    font-weight: 600;
}

.cloud-project-info {
    display: flex;
    padding: 5px 7px;
    width: 100%;
    box-sizing: border-box;
    border-top: solid 1px #191919;
    font-weight: 100;
    font-size: 11px;
    gap: 5px;
    justify-content: space-between;
}

.cloud-project-info span {
    line-height: 1;
    color: #7f7f7f;
    display: flex;
    gap: 4px;
}

.cloud-project-icon {
    line-height: 1;
    display: flex;
    gap: 5px;
    justify-content: center;
    width: 30px;
    height: 30px;
    align-items: center;
    font-size: 19px;
    font-weight: 100;
    border-radius: 6px;
    backdrop-filter: brightness(1.5) saturate(1.5) blur(20px);
    background: #1e1e1e8c;
    pointer-events: all;
}

.cloud-project-img-info > div > * {
    pointer-events: all;
}

.cloud-project-icon span {
    font-size: 11px;
}

#share-cloud-author, #share-cloud-author-addList {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 20px;
}

#share-cloud-author-addList {
    padding: 10px;
    border: solid 1px #252424;
    border-radius: 8px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

#share-cloud-author > div, #share-cloud-author-addList > div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}

#share-cloud-author-addList > p {
    margin: 0;
    text-align: center;
    font-size: 13px;
    opacity: .5;
}

.share-cloud-author-button {
    cursor: pointer;
}

.bde-cloud-empty {
    width: 100%;
    padding: 40px 20px;
    text-align: center;
    opacity: .5;
    font-size: 14px;
}

#updateModal {
    box-shadow: inset 0 0 0 1px #ffffff17, 0 0 20px #161616;
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 20px;
    background: #1616169e;
    backdrop-filter: blur(20px);
    border-radius: 13px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 500px;
    font-size: 13px;
}

#updateModal span {
    color: #afafaf;
}

#updateModal .button2 {
    background: #ff99001a;
    color: #f90;
    font-size: 13px;
    padding: 5px 25px;
    height: auto;
}

.mobile-downHeader {
    display: none;
    gap: 8px;
    position: fixed;
    left: 0;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    padding: 0px 20px;
    z-index: 998;
    bottom: 20px;
}

.mobile-downHeaderFooter {
    display: none;
}

.mobile-downHeader > div > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    gap: 5px;
    color: #ffffff !important;
    flex: 1;
    justify-content: center;
    border-radius: 40px;
}

.mobile-downHeader > div > a > div {
    font-size: 25px;
    font-weight: 100;
}

.mobile-downHeader > div > a > span {
    font-size: 10px;
    font-weight: 100;
    color: inherit;
}

.mobile-blurPanel:before {
    content: "";
    backdrop-filter: blur(2px) brightness(1.1) saturate(1.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    box-shadow: inset 1px 1px 0 0px #ffffff24, inset -1px -1px 0px 0px #ffffff24, inset 0px 0px 20px 0px #212121, 0px 10px 20px 0px #00000047;
    border-radius: 40px;
}

.mobile-downHeader > a.mobile-downHeader-active {
    color: #d7d7d7 !important;
}

.mobile-downHeader > div {
    display: flex;
    flex: 1;
    justify-content: center;
    position: relative;
    height: 64px;
    min-width: 64px;
    padding: 4px;
}

.mobile-downHeader > div:last-child {
    flex: 0;
}

.mobile-blurPanel > backBlur {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 40px;
    overflow: hidden;
    padding: 2px;
}

.mobile-blurPanel > backBlur > div {
    background: #1a1a1ad1;
    width: 100%;
    height: 100%;
    filter: blur(2px);
    border-radius: 40px;
    position: relative;
    z-index: -1;
}

.home-mypacks-title {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.home-network-box {
    display: flex;
    gap: .5rem;
    margin-top: .5rem;
}

.home-network-tile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    gap: 10px;
    flex: 1;
    background: #141414;
    box-shadow: inset 0 0 0 1px #191919;
    border-radius: 16px;
    align-items: flex-start;
    overflow: hidden;
}

.home-network-langTag {
    line-height: 1;
    font-size: 13px;
    font-weight: 700;
    background: #d7d7d7;
    color: #1c1c1c;
    padding: 2px 5px;
    border-radius: 7px;
}

.home-network-tile-button {
    line-height: 1;
    padding: 5px 10px;
    border-radius: 20px;
    background: #ff990033;
    color: #f90;
    backdrop-filter: blur(10px);
    font-weight: 700;
}

.comment-text a {
    color: #f90;
}

* {
    --gradient: linear-gradient(to right, #141414, #16161638);
}

.bd-side-urls a {
    transition: all 0.2s;
    border-bottom: solid 2px #141414;
    display: block;
    overflow: hidden;
    position: relative;
}

.bd-side-urls img {
    position: absolute;
    aspect-ratio: 1/1;
    object-fit: cover;
    top: -34px;
    right: 0;
    width: 156px;
    mask-image: radial-gradient(black, black, transparent, transparent);
}

.bd-side-urls a:last-child {
    border-bottom: none;
}

.bd-side-urls a:hover {
    filter: brightness(1.3);
}

.bd-side-urls a > div {
    backdrop-filter: blur(5px);
    padding: 20px;
    position: relative;
    line-height: 1;
    display: flex;
}

.bd-side-urls a > div > i {
    margin-top: -1px;
}

.bdengine-run {
    pointer-events: none;
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    transition: all 0.7s cubic-bezier(0.37, 0.03, 0.46, 1);
}

.bdengine-anim {
    background: #000;
    backdrop-filter: blur(20px);
}

.author-summary-models {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 4px;
}

.author-summary-models > a {
    aspect-ratio: 1 / 1;
    background: #191919;
    overflow: hidden;
    border-radius: 10px;
}

.author-summary-models > a > img {
    width: 100%;
    height: 100%;
}

.author-summary-collections {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.author-summary-collections > a {
    width: 100%;
    height: 141.4px;
    background: #191919;
    overflow: hidden;
    border-radius: 10px;
}

.author-summary-posts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 4px;
}

.author-summary-posts > a {
    aspect-ratio: 3 / 1;
    background: #191919;
    overflow: hidden;
    border-radius: 10px;
}

.author-summary-posts > a > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 10px 12px;
    line-height: 1;
    background: linear-gradient(#00000000, #14141454, #141414c9);
}

.author-summary-posts > a > div > span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.author-summary-posts > a > img {
    width: 100%;
    height: 100%;
}

.author-summary {
    display: flex;
    gap: 20px;
}

.author-summary > div:first-child {
    flex: 5;
}

.author-summary > div:last-child {
    flex: 2;
}

.user-status-online-mask {
    mask-image: radial-gradient(circle at calc(100% - 6px) calc(100% - 5.7px), transparent 0px, transparent 9px, black 10px);
    mask-composite: exclude;
    -webkit-mask-image: radial-gradient(circle at calc(100% - 6px) calc(100% - 5.7px), transparent 0px, transparent 9px, black 10px);
    -webkit-mask-composite: destination-out;
}

.user-status-online {
    position: absolute;
    width: 10px;
    aspect-ratio: 1 / 1;
    bottom: 1px;
    right: 1px;
    background: #ffffff;
    border-radius: 100%;
}

#cm {
    background: #141414;
    color: var(--color-light-1);
    box-shadow: inset 0 0 0 1px #191919;
    font-family: Montserrat;
    letter-spacing: -.015em;
}

.cc_div .cc-link {
    border-bottom: 1px solid #f90;
    color: #f90;
}

#c-bns button:first-child, #s-bns button:first-child {
    color: var(--color-theme-1);
    background: #9558004d;
}

.cc_div .c-bn {
    background: #ffffff26;
    color: var(--color-light-1);
}

#s-bns, #s-hdr, #s-inr {
    background: #141414;
    color: var(--color-light-1);
    box-shadow: inset 0 0 0 1px #191919;
    font-family: Montserrat;
    letter-spacing: -.015em;
    border: none;
}

#c-bns button:first-child:active, #c-bns button:first-child:hover, #c-bns.swap button:last-child:active, #c-bns.swap button:last-child:hover, #s-bns button:first-child:active, #s-bns button:first-child:hover {
    color: var(--color-theme-1);
    background: #95580075;
}

#cm .c_link:active, #cm .c_link:hover, #s-c-bn:active, #s-c-bn:hover, #s-cnt button + button:active, #s-cnt button + button:hover {
    background: #ffffff38;
    color: var(--color-light-1);
}

#s-c-bn, #s-c-bn:hover {
    background: #0000 !important;
}

div#s-inr {
}

#s-inr {
    border-radius: 16px;
}

#s-cnt .p {
    color: inherit;
}

#s-bl .c-bl {
    font-size: 14px;
    padding: 10px 15px;
    border: solid 1px #212121;
    color: #858585;
    border-radius: 8px;
    margin: 0;
}

#s-bl .c-bl.b-ex {
    background: #ffffff0a;
    margin-bottom: 5px;
}

#s-bl tbody tr:hover, #s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover {
    background: #0000;
}

#s-bl .c-bl:hover {
    background: #ffffff0a;
}

#s-c-bn:after, #s-c-bn:before {
    background: var(--color-light-1);
}

.cc_div .act .b-bn .exp:before, .cc_div .b-bn .exp:before {
    border: solid var(--color-light-1);
    border-width: 0 2px 2px 0;
}

#s-cnt .b-bn .b-tl {
    color: var(--color-light-1);
}

#s-bl thead tr:first-child {
    border-bottom: 1px solid #ffffff0d;
}

.cc_div .b-tg .c-tgl ~ .c-tg {
    background: #373737;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
    background: #ff990070;
}

.cc_div .b-tg .c-tgl:disabled ~ .c-tg {
    background: #ff990070;
    opacity: 0.5;
}

.author-summary-empty {
    display: none;
}

.sub-plan-title {
    text-align: center;
    font-size: 40px;
    margin: 30px auto 5px;
    letter-spacing: -0.9px;
    line-height: 1;
    max-width: 960px;
}

.sub-plan-subtitle {
    text-align: center;
    font-size: 25px;
    max-width: 770px;
    line-height: 1.2;
    margin: 0 auto 30px;
}

.sub-plan-title2 {
    text-align: center;
    font-size: 25px;
    margin: 30px 0 20px;
    letter-spacing: -0.9px;
}

.sub-plan-box {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1050px;
}

.sub-plan-card {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    backdrop-filter: blur(20px);
    background: #1a1a1a82;
    box-shadow: inset 0 0 0 1px #ffffff08;
    overflow: hidden;
    position: relative;
    flex: 1;
}

.sub-plan-light {
    width: 100px;
    aspect-ratio: 1 / 1;
    filter: blur(50px);
    position: absolute;
    z-index: -1;
    top: -120px;
    opacity: .5;
}

.sub-plan-card-title {
    line-height: 1;
    font-size: 25px;
}

.sub-plan-card-subtitle {
    font-size: 13px;
    opacity: 0.7;
    margin-top: -10px;
}

.sub-plan-card-price {
    font-size: 35px;
    font-weight: 600;
}

.sub-plan-card-price > span {
    font-size: 15px;
    font-weight: 100;
    margin-left: 5px;
}

.sub-plan-card-button {
    width: 100%;
    text-align: center;
    background: #d7d7d7;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 10px;
    border-radius: 20px;
}

.sub-plan-card-desc {
    margin-top: 20px;
    line-height: 1.2;
    font-size: 14px;
}

.sub-plan-box-info {
    text-align: center;
    line-height: 1;
    margin: 20px 0;
    font-size: 14px;
}

.sub-plan-table {
    margin: 0 auto;
    max-width: 720px;
    width: 100%;
    position: relative;
}

.sub-plan-table tbody > tr {
    border-bottom: solid 1px #ffffff0d;
}

.sub-plan-table tbody > tr:first-child, .sub-plan-table tbody > tr:last-child {
    border-bottom: none;
}

.sub-plan-table tr > th:nth-child(1) {
    width: auto;
}

.sub-plan-table tr > th:nth-child(2), .sub-plan-table tr > th:nth-child(3), .sub-plan-table tr > th:nth-child(4) {
    width: 100px;
}

.sub-plan-table tr > *:first-child {
    text-align: start;
}

.sub-plan-table tr > * {
    line-height: 1.2;
    text-align: center;
    padding: 8px 20px;
    font-size: 14px;
}

.sub-plan-table tr > td > div {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.sub-plan-table tr > td > .icon-minus {
    opacity: .5;
}

.sub-plan-table tr > th:nth-child(3):before {
    content: "";
    position: absolute;
    top: -5px;
    right: 0;
    width: 288px;
    height: calc(100% + 5px);
    z-index: -1;
    border-radius: 10px;
    background: #1a1a1a82;
    box-shadow: inset 0 0 0 1px #ffffff08;
}

.sub-plan-table tr > th:nth-child(3):before {
    width: 98px;
}

.sub-plan-table .icon-info:before {
    position: relative;
    top: 2px;
    margin-left: 5px;
}

.sub-plan-features {
    display: flex;
    gap: 20px;
    margin: 0 auto;
    max-width: 720px;
    flex-direction: column;
}

.sub-plan-features-title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    gap: 12px;
}

.sub-plan-features-title {
    font-weight: 600;
    font-size: 20px;
}

.sub-plan-features-plans {
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.sub-plan-features-desc {
    font-size: 14px;
    margin: 10px 0 0;
    line-height: 1.2;
}

.sub-plan-features-box {
    display: flex;
    justify-content: center;
    line-height: 1;
    gap: 20px;
    font-size: 20px;
    border-radius: 10px;
    align-items: center;
}

.sub-plan-feature > div:first-child {
    border-radius: 16px 16px 0 0;
    border: solid 1px #191919;
    border-bottom: none;
    padding: 20px 20px 15px;
    background: #141414;
}

.sub-plan-feature > .panel-background-type2 {
    box-shadow: none;
    border: solid 1px #191919;
    border-top: none;
    border-radius: 0 0 16px 16px;
    padding-top: 0;
}

.sub-plan-features-box > img {
    width: 100%;
}

.sub-plan-features-desc-type2 {
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.2;
}

.sub-plan-card-info {
    font-size: 13px;
    text-decoration: underline;
    display: flex;
    line-height: 1;
    gap: 5px;
    flex-direction: column;
}

.sub-plan-card-button-current {
    opacity: 0.5;
    pointer-events: none;
}

.sub-support-banner {
    display: none;
}

.panel-background-window {
    transition: transform 0.5s cubic-bezier(0, 0, 0, 1), filter 0.5s cubic-bezier(0, 0, 0, 1), opacity 0.5s cubic-bezier(0, 0, 0, 1);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #0f0f0fab;
    z-index: 999;
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel-background-window.d-none {
    opacity: 0;
    pointer-events: none;
    display: flex !important;
}

.panel-background-window-panel {
    width: 500px;
    transition: opacity 0.3s, transform 0.75s cubic-bezier(0, 0, 0, 1), filter 0.5s;
    transform: none;
    filter: none;
    opacity: 1;
    padding: 25px;
}

.panel-background-window.d-none .panel-background-window-panel {
    transform: scale(0.9);
    filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.page-anchor-box {
    position: relative;
}

.page-anchor {
    position: absolute;
    top: -110px;
}

.bd-card-compact-mode .bd-card-bottom {
    width: 100%;
    background: linear-gradient(#14141400, #141414);
    backdrop-filter: blur(0);
    position: absolute;
    z-index: 1;
    bottom: 0;
    transform: translateY(100%);
    transition: transform 0.3s;
    border-radius: 8px 8px 0 0;
}

.bd-card-compact-mode .bd-card:hover .bd-card-bottom {
    transform: translateY(0);
    backdrop-filter: blur(20px);
}

.bd-card-options {
    pointer-events: none;
    width: 100%;
    position: absolute;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    color: #fff;
    font-weight: 100;
    background: #1414148c;
    transform: translateY(10px);
    z-index: 1;
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0, 0, 0.13, 1);
}

.bd-card-compact-mode .bd-card:hover .bd-card-options {
    padding-bottom: 102px;
}

.bd-card-options-hide {
    opacity: 0 !important;
}

.bd-card:hover .bd-card-options {
    opacity: 1;
    transform: translateY(0);
}

.bd-card-options > a {
    padding: 15px;
    pointer-events: all;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 9px;
}

.bd-card-options-hide > a {
    pointer-events: none;
}

.bd-card-options > a > i {
    font-size: 22px;
    display: flex;
    width: 40px;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #ffffff0d;
    backdrop-filter: blur(10px);
    line-height: 0;
    color: #cfcece;
    transition: all 0.3s;
    cursor: pointer;
}

.bd-card-options > a > span {
    position: absolute;
    top: 61px;
    height: 20px;
    display: flex;
    text-shadow: 0 0 8px #000000;
    max-width: 50px;
}

.bd-card-options .button-like {
    background: #e7636326 !important;
}

.bd-card-options .button-fav {
    background: #ff990042 !important;
}

.colored {
    color: #f90;
}

.colored * {
    color: #f90;
}

.bd-card-nsfw > div {
    position: absolute;
    bottom: 10px;
    font-size: 30px;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1414145e;
    color: #ffffff5e;
    font-weight: 700;
}

.bd-card-nsfw > div > div {
    position: absolute;
    bottom: 10px;
    font-size: 20px;
    opacity: .5;
}

.bd-card-nsfw > img {
    filter: blur(10px);
    width: 100%;
}

.bd-nsfw-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    background: #0f0f0fc7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    transition: opacity 0.3s, transform 0.75s cubic-bezier(0, 0, 0, 1), filter 0.5s;
}

.bd-nsfw-banner-hidden {
    transform: scale(1.1);
    filter: blur(10px);
    opacity: 0;
    pointer-events: none;
}

.bd-card-new {
    right: auto !important;
    left: 7px;
}

.bd-card-new > .bd-card-tag {
    background: #ff99002e;
    color: #f90;
}

.nav-link {
    line-height: 1.2;
}

#comment_list #comment_box_move {
    border-top: 1px solid #a7a7a71f;
    margin: 1rem 0;
    padding-top: 1rem;
}

.comment-return {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    opacity: .5;
    gap: 5px;
    line-height: 1;
}

.comment-return > i {
    font-size: 18px;
}

.preview-window {
    top: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: #0f0f0fc7;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    opacity: 1;
    transform: scale(1);
    filter: none;
    transition: opacity 0.3s, transform 0.75s cubic-bezier(0, 0, 0, 1), filter 0.5s;
}

.preview-window .panel-background {
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 1370px;
    max-height: 730px;
    position: relative;
    box-shadow: 0 0 50px #0f0f0f, inset 0 0 0 1px #ffffff0d;
}

.preview-window iframe {
    width: 100%;
    height: 100%;
}

.preview-window-close {
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 8px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    font-size: 25px !important;
    font-weight: 100;
    border: solid 1px #ffffff0d;
    color: #ffffff40;
    transition: all 0.3s;
}

.preview-window-close:hover {
    background: #ffffff08;
}

.preview-window-hide {
    filter: blur(10px);
    transform: scale(0.95);
    opacity: 0;
    pointer-events: none;
}

.g-preview h1, .g-preview h2 {
    border-bottom: 1px solid #232323;
    padding: 10px 0 5px;
}

.g-preview h1 {
    font-size: 2em;
    margin-bottom: .67em;
    padding-top: 0;
}

.g-preview h2 {
    font-size: 1.5em;
}

.g-preview h3 {
    font-size: 1.17em;
    margin: 12px 0 8px;
}

.g-preview code {
    background-color: #1b1b20;
    border-radius: .5rem;
    color: #d5d5d5;
    padding: .2em .4em;
}

.g-preview ul, .g-preview ol {
    margin-bottom: 16px;
    padding: 0;
    padding-left: 40px;
}

.g-preview blockquote {
    border-left: .25em solid #232323;
    margin-inline: 0;
    padding: 0 1em;
}

.g-preview strong {
    color: inherit;
    font-weight: 700;
}

.post-toolbar {
    display: flex;
    height: 30px;
    gap: 5px;
}

.post-toolbar > a {
    display: flex;
    width: 30px;
    aspect-ratio: 1/1;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background: #1a1a1a;
}

.g-preview a {
    color: #f90;
}

.g-preview iframe {
    aspect-ratio: 16 / 9;
    border-radius: 8px;
}

.g-preview img {
    border-radius: 8px;
    max-width: 100%;
}

.onlyPC_img {
    width: 100%;
    display: block;
    border-radius: 10px;
}

.onlyMobile_img {
    width: 100%;
    display: none;
}

.bd-post > div {
    flex-direction: row;
}

.bd-post {
    width: 100%;
    flex: none;
}

.bd-post .bd-card-img {
    height: 116px;
}

.bde-report-tile {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bde-report-tags {
    display: flex;
    line-height: 1;
    margin-bottom: 5px;
    color: #f90;
    align-items: center;
    gap: 7px;
    justify-content: space-between;
}

.bde-report-tags > div {
    background: #f90;
    font-size: 13px;
    padding: 2px 8px;
    border-radius: 20px;
    color: #0c0c0c;
    box-shadow: 0 0 40px #ff990045;
}

.bde-report-tags > div:last-child {
    padding: 0;
    background: #0000;
    box-shadow: none;
    display: flex;
    --bde-report-color: #000;
    --bde-report-Back: #f90;
    color: var(--bde-report-Back);
    align-items: center;
    gap: 7px;

}

.bde-report-tags > div:last-child > div {
    padding: 0;
    display: flex;
    border-radius: 20px;
    gap: 5px;
    font-weight: 100;
}

.bde-report-tags > div:last-child > div > i,
.bde-report-tags > div:last-child > div > a {
    padding: 3px;
    border-radius: 20px;
    background: #343434;
    color: #919191;
}

.bde-report-check-complete {
    background: var(--bde-report-Back) !important;
    color: var(--bde-report-color) !important;
}

.bde-report-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    width: fit-content;
}

.bde-report-desc {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #878787;
    font-size: 13px;
    width: fit-content;
}

.bde-report-info {
    display: flex;
    gap: 15px;
    font-size: 13px;
    line-height: 1;
    align-items: center;
    color: #c5c5c5;
}

.bde-report-info > div {
    display: flex;
    align-items: center;
    line-height: 1;
}

.bde-report-author {
    display: flex;
    gap: 7px;
    font-size: 13px;
    align-items: center;
}

.header-main-menu-search {
    backdrop-filter: blur(20px);
    line-height: 1;
    width: 300px;
    justify-content: space-between;
    z-index: 1;
    border: solid 1px #ffffff0f;
    border-radius: 15px;
    padding: 6px 12px;
    font-size: 15px !important;
    font-weight: 100;
}

.bde-plugin-tile {
    margin-bottom: 6px;
}

.bde-plugin-tile-icon {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 12px;
    background: rgba(255, 255, 255, .08);
    flex-shrink: 0;
}

.bde-plugin-tile-desc {
    color: #a8a8a8;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 6px;
    word-break: break-word;
}

.bde-plugin-install-button {
    justify-content: center;
    gap: 5px;
    height: 38px;
    padding: 0 14px;
}

.bde-plugin-title {
    font-size: 17px;
    font-weight: 600;
}

.studio-relevant-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1;
    width: 90px;
    gap: 5px;
}

.studio-relevant-flex > div {
    font-size: 10px;
    width: 60px;
    opacity: .5;
}

.dev-plugin-icon-list {
    width: 84px;
    height: 84px;
    object-fit: cover;
    border-radius: 10px;
    background: rgba(255, 255, 255, .08);
}

.dev-plugin-desc-list {
    color: #a8a8a8;
    font-size: 13px;
    line-height: 1.35;
    margin-top: 4px;
    max-width: 760px;
    word-break: break-word;
}