/* DARK BACKGROUND */
/* DARK TEXT */
/* DARK BORDER */
/* LIGHT BACKGROUND */
/* LIGHT TEXT */
/* LIGHT BORDER */
.modal-title {
  letter-spacing: unset !important;
  font-family: unset !important; }

.modal-dc-error {
  display: none;
  background: #ffebee;
  padding: 16px;
  border-bottom: 1px solid #dee2e6; }
  .modal-dc-error p {
    font-size: 14px; }

#report-entity .g-recaptcha,
#claim-project .g-recaptcha {
  margin-bottom: 0; }

.project-message {
  padding: 25px;
  background: #424242;
  border-radius: 0.25rem; }
  .project-message .title {
    font-weight: bold;
    color: white;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px; }
  .project-message li {
    color: white; }

.project-not-found {
  text-align: center;
  margin: 0;
  padding: 50px; }

.modal-footer {
  display: -ms-flexbox;
  display: flex; }
  .modal-footer p,
  .modal-footer a {
    -ms-flex: 0.5;
        flex: 0.5; }

.artifact-integratality {
  text-transform: lowercase !important; }
  .artifact-integratality::first-line {
    text-transform: capitalize !important; }

#versions .version:not(:last-of-type) {
  padding-bottom: 15px; }

#versions .version-name {
  font-weight: 700;
  cursor: pointer; }

#versions .version :deep li {
  padding-bottom: 10px; }

#files-table {
  color: white; }
  #files-table .filename {
    word-break: break-all; }

#files-table td:nth-child(3) {
  text-transform: uppercase; }

#mobile-project-tab .dropdown-item,
#project-tab .dropdown-item {
  text-transform: capitalize;
  font-weight: 500; }

#mobile-project-tab .dropdown-item:active,
#project-tab .dropdown-item:active {
  background-color: black; }

#mobile-project-tab .nav-link.active,
#project-tab .nav-link.active {
  font-weight: 700;
  color: black; }

#mobile-project-tab .nav-link,
#project-tab .nav-link {
  font-weight: 700;
  color: #999;
  font-size: 18px; }

.tab-pane.active {
  background: white; }

.project-loading {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px; }

.project-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "Roboto" !important; }

#project .zoom-in {
  background-size: 200% !important; }

#project video {
  border-radius: 0.25rem; }

#project .section .description * {
  font-family: unset !important;
  letter-spacing: unset !important; }

#project .youtube {
  margin-bottom: 35px; }
  #project .youtube iframe {
    border-radius: 4px; }

#project .extra-related-collections {
  margin-bottom: 48px; }

#project .swiper-container {
  position: relative; }
  #project .swiper-container .extra-swiper {
    position: absolute;
    padding: 6px 13px;
    background: white;
    color: #959595;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(25, 25, 25, 0.33); }
  #project .swiper-container .swiper-creators-other-projects-prev,
  #project .swiper-container .swiper-related-projects-prev,
  #project .swiper-container .swiper-mods-prev {
    left: -20px;
    top: 104px; }
  #project .swiper-container .swiper-creators-other-projects-next,
  #project .swiper-container .swiper-related-projects-next,
  #project .swiper-container .swiper-mods-next {
    right: -20px;
    top: 104px; }
  #project .swiper-container .swiper-related-collections-prev {
    left: -20px;
    top: 50%;
    transform: translateY(-50%); }
  #project .swiper-container .swiper-related-collections-next {
    right: -20px;
    top: 50%;
    transform: translateY(-50%); }

#project .section-divider {
  height: 1px;
  background: #616161;
  margin: 35px 0; }

#project .section .title {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 10px;
  letter-spacing: 0;
  font-family: "Roboto" !important; }

#project .col-main {
  padding-right: 35px; }

#project .swiper-project {
  margin-bottom: 40px; }

#project .gallery {
  position: relative; }

#project #project-slide-prev-mobile,
#project #project-slide-prev-desktop {
  position: absolute;
  padding: 6px 13px;
  background: white;
  color: #959595;
  z-index: 2;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(25, 25, 25, 0.16);
  left: -20px;
  top: 50%;
  transform: translateY(-50%); }
  #project #project-slide-prev-mobile i,
  #project #project-slide-prev-desktop i {
    vertical-align: middle; }

#project #project-slide-next-mobile,
#project #project-slide-next-desktop {
  position: absolute;
  padding: 6px 13px;
  background: white;
  color: #959595;
  z-index: 2;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(25, 25, 25, 0.16);
  right: -20px;
  top: 50%;
  transform: translateY(-50%); }
  #project #project-slide-next-mobile i,
  #project #project-slide-next-desktop i {
    vertical-align: middle; }

#project #project-slide-next-mobile:hover,
#project #project-slide-prev-desktop:hover {
  background: #eee; }

#project .slide-image {
  text-align: center;
  background: black;
  border-radius: 4px;
  width: 100%;
  aspect-ratio: 1.778;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center; }
  #project .slide-image iframe {
    border-radius: 4px; }

#project .image-not-available p {
  color: white;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 32px; }

#project .header {
  margin: 0; }
  #project .header .info {
    display: -ms-flexbox;
    display: flex; }
    #project .header .info ul {
      padding: 0;
      margin: 0;
      list-style: none;
      line-height: 1; }
    #project .header .info .title-author {
      display: -ms-flexbox;
      display: flex; }
    #project .header .info .avatar {
      background-image: url("https://res.cloudinary.com/dluzyz2in/image/upload/v1644997683/images/avatars/avatar-are-we-cool-yet_yj9lwo.png");
      background-color: #ccc;
      background-size: cover;
      background-position: center center;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      margin-right: 10px;
      margin-top: 3px; }
    #project .header .info .title {
      font-size: 18px;
      font-weight: 500;
      margin: 5px 0 2px 0;
      text-decoration: none;
      display: inline-block;
      color: black; }
    #project .header .info .author {
      font-size: 12px;
      font-weight: 300;
      text-decoration: none;
      display: inline-block;
      color: black; }

#project .versions {
  background: #f1f1f1;
  border-radius: 4px;
  padding: 25px; }
  #project .versions .version:not(:last-of-type) {
    margin-bottom: 20px; }
  #project .versions .version-number {
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px; }
  #project .versions ul {
    margin: 0; }
  #project .versions li {
    font-size: 14px; }
  #project .versions li:not(:last-of-type) {
    margin-bottom: 5px; }

#project .row-files-versions {
  margin-bottom: 35px; }

#project .files .file-main-title {
  font-weight: 700; }

#project .files .file-contents {
  background: #f1f1f1;
  border-radius: 4px;
  padding: 25px; }
  #project .files .file-contents .folder-contents:not(.folder-contents:last-of-type) {
    margin-bottom: 25px; }

#project .files .folder {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px; }

#project .files .file {
  margin-left: 25px;
  margin-bottom: 5px;
  font-size: 14px;
  word-break: break-all; }
  #project .files .file i {
    margin-right: 5px; }

#project .latest-version {
  text-transform: uppercase;
  padding: 3px 6px;
  font-size: 10px;
  letter-spacing: 1px;
  color: white;
  font-weight: 500;
  border-radius: 4px;
  background: #4caf50;
  vertical-align: middle; }

#project .description-limited {
  height: 250px;
  overflow-y: hidden; }

#project .description-container {
  position: relative;
  margin-bottom: 35px; }
  #project .description-container .read-more {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    background: white;
    background: linear-gradient(0deg, white 15%, rgba(255, 255, 255, 0) 100%); }
    #project .description-container .read-more p {
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%); }

#project .description {
  line-height: 28.8px;
  line-height: 1.8rem;
  font-size: 16px; }
  #project .description a {
    color: #f44336; }
    #project .description a:hover {
      color: #e53935; }

#project .project-info {
  margin-bottom: 25px;
  padding: 25px 25px 0 25px;
  background: #424242;
  border-radius: 4px; }
  #project .project-info a {
    color: #f44336; }
    #project .project-info a:hover {
      color: #e53935; }
  #project .project-info .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-family: "Roboto" !important; }
  #project .project-info .metric {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
    letter-spacing: 0;
    font-family: "Roboto" !important; }
  #project .project-info .message {
    font-size: 16px;
    padding-bottom: 25px; }
  #project .project-info .message-sm {
    font-size: 14px;
    padding-bottom: 25px; }
  #project .project-info .value {
    font-size: 16px;
    padding-bottom: 25px;
    text-transform: capitalize;
    margin: 0; }
    #project .project-info .value a {
      color: #f44336; }
      #project .project-info .value a:hover {
        color: #e53935; }
  #project .project-info .value.value-preserve-case {
    text-transform: none; }
  #project .project-info .creator {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 25px; }
    #project .project-info .creator .avatar {
      background-image: url("https://res.cloudinary.com/dluzyz2in/image/upload/v1644997683/images/avatars/avatar-are-we-cool-yet_yj9lwo.png");
      background-color: #ccc;
      background-size: cover;
      background-position: center center;
      height: 35px;
      width: 35px;
      border-radius: 50%;
      margin-right: 10px; }
    #project .project-info .creator .username {
      margin: 4px 0 0 0;
      color: white;
      text-decoration: none; }

#project .disclaimer {
  font-size: 12px;
  font-weight: 300;
  color: #999; }

#file-request-modal .defcad-modal-message-container {
  color: #fff;
  font-family: 'bebasneue_regular'; }

.products {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 24px; }
  @media (max-width: 1199.98px) {
    .products {
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 767.98px) {
    .products {
      -ms-grid-columns: (1fr)[1];
          grid-template-columns: repeat(1, 1fr); } }

.product {
  width: 304px;
  border-radius: 4px;
  background: #424242;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  @media (max-width: 1399.98px) {
    .product {
      width: 259px; } }
  @media (max-width: 1199.98px) {
    .product {
      width: 332px; } }
  @media (max-width: 991.98px) {
    .product {
      width: 100%; } }
  .product .product-image {
    width: 100%;
    background-size: cover;
    background-position: center center;
    height: 300px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    @media (max-width: 991.98px) {
      .product .product-image {
        height: 211px; } }
    @media (max-width: 767.98px) {
      .product .product-image {
        height: 340px; } }
    .product .product-image .product-store-logo {
      position: absolute;
      bottom: 12px;
      right: 12px;
      width: 75px; }
  .product .product-details {
    padding: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex: 1;
        flex: 1; }
    .product .product-details .product-title {
      color: white;
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 5px;
      line-height: 20.8px;
      line-height: 1.3rem; }
    .product .product-details .product-prices {
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 16px; }
      @media (max-width: 991.98px) {
        .product .product-details .product-prices {
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: start;
              align-items: start; } }
      @media (max-width: 767.98px) {
        .product .product-details .product-prices {
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center; } }
      .product .product-details .product-prices .product-regular-price {
        text-decoration: line-through;
        opacity: 0.6;
        font-size: 14px;
        color: white;
        margin-right: 8px; }
      .product .product-details .product-prices .product-savings {
        font-size: 12px;
        background: #4caf50;
        border-radius: 4px;
        padding: 4px 6px;
        line-height: 1;
        margin: 0; }
    .product .product-details .product-price {
      font-size: 14px;
      color: white; }
    .product .product-details .product-description {
      font-size: 14px;
      margin-bottom: 12px; }
    .product .product-details .product-button-link {
      border-radius: 4px;
      padding: 14px;
      font-weight: bold;
      font-size: 14px;
      width: 100%;
      background: #f44336;
      width: 100%;
      color: white;
      display: block;
      text-align: center; }
      .product .product-details .product-button-link:hover {
        background: #e53935; }
    .product .product-details .product-store-logo-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      .product .product-details .product-store-logo-container .product-store-logo {
        width: 25%; }

body.light-mode .project-message {
  background: #F1F1F1; }
  body.light-mode .project-message .title {
    color: black; }
  body.light-mode .project-message li {
    color: black; }

body.light-mode #project {
  background: white; }
  body.light-mode #project .section-divider {
    background: #CED4DA; }
  body.light-mode #project #files-table {
    color: black; }
  body.light-mode #project .project-info {
    background: #F1F1F1; }
    body.light-mode #project .project-info .creator .username {
      color: black; }

body.light-mode .product {
  outline: 1px solid #f1f1f1;
  background: #f1f1f1; }
  body.light-mode .product .product-details .product-title {
    color: black; }
  body.light-mode .product .product-details .product-prices .product-regular-price {
    color: black; }
  body.light-mode .product .product-details .product-prices .product-savings {
    color: white; }
  body.light-mode .product .product-details .product-price {
    color: black; }

@media (max-width: 1399.98px) {
  #project .swiper-container .swiper-creators-other-projects-prev,
  #project .swiper-container .swiper-related-projects-prev,
  #project .swiper-container .swiper-mods-prev {
    left: -20px;
    top: 141px; }
  #project .swiper-container .swiper-creators-other-projects-next,
  #project .swiper-container .swiper-related-projects-next,
  #project .swiper-container .swiper-mods-next {
    right: -20px;
    top: 141px; } }

@media (max-width: 1199.98px) {
  #project .swiper-container .swiper-creators-other-projects-prev,
  #project .swiper-container .swiper-related-projects-prev,
  #project .swiper-container .swiper-mods-prev {
    left: -20px;
    top: 117px; }
  #project .swiper-container .swiper-creators-other-projects-next,
  #project .swiper-container .swiper-related-projects-next,
  #project .swiper-container .swiper-mods-next {
    right: -20px;
    top: 117px; }
  #project .col-main {
    padding-right: 38px; } }

@media (max-width: 991.98px) {
  #project .swiper-container .swiper-creators-other-projects-prev,
  #project .swiper-container .swiper-related-projects-prev,
  #project .swiper-container .swiper-mods-prev {
    left: -20px;
    top: 162px; }
  #project .swiper-container .swiper-creators-other-projects-next,
  #project .swiper-container .swiper-related-projects-next,
  #project .swiper-container .swiper-mods-next {
    right: -20px;
    top: 162px; }
  .files {
    margin-bottom: 25px; }
  .project-btns {
    display: -ms-flexbox;
    display: flex; }
  .project-btns .btn-dc-secondary {
    padding: 8px 0;
    -ms-flex: 1;
        flex: 1;
    font-size: 12px; } }

@media (max-width: 767.98px) {
  .project-btns {
    margin-top: 15px; }
  #project .col-main {
    padding-right: 12px; }
  #project .swiper-project {
    margin-bottom: 20px; }
  #project .swiper-container .swiper-creators-other-projects-prev,
  #project .swiper-container .swiper-related-projects-prev,
  #project .swiper-container .swiper-mods-prev {
    left: -20px;
    top: 87px; }
  #project .swiper-container .swiper-creators-other-projects-next,
  #project .swiper-container .swiper-related-projects-next,
  #project .swiper-container .swiper-mods-next {
    right: -20px;
    top: 87px; } }

@media (max-width: 575.98px) {
  #project .image-not-available p {
    font-size: 16px; }
  #project .swiper-container .swiper-creators-other-projects-prev,
  #project .swiper-container .swiper-related-projects-prev,
  #project .swiper-container .swiper-mods-prev {
    left: -20px;
    top: 121px; }
  #project .swiper-container .swiper-creators-other-projects-next,
  #project .swiper-container .swiper-related-projects-next,
  #project .swiper-container .swiper-mods-next {
    right: -20px;
    top: 121px; } }

div.glock_copyright {
  padding: 15px;
  background: #424242;
  border-radius: 4px;
  font-size: 12px;
  color: #999;
}
