403WebShell

403Webshell
Server IP : 45.32.152.128 / Your IP : 216.73.216.91
Web Server : nginx/1.24.0
System : Linux stage-vultr 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : forge ( 1000)
PHP Version : 8.2.14
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON
Directory : /home/forge/spin-robotics.pdgm.dev/resources/sass/
Upload File :
[ Back ]
Current File : /home/forge/spin-robotics.pdgm.dev/resources/sass/app.scss
@import "github-markdown-css/github-markdown.css";

@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

// @font-face {
//   font-family: "Minion";
//   src: url("/assets/fonts/Minion/MinionPro-Bold.otf") format("opentype");
//   font-weight: 700;
//   font-style: normal;
// }

// @font-face {
//   font-family: "Minion";
//   src: url("/assets/fonts/Minion/MinionPro-Medium.otf") format("opentype");
//   font-weight: 500;
//   font-style: normal;
// }

// @font-face {
//   font-family: "Minion";
//   src: url("/assets/fonts/Minion/MinionPro-Regular.otf") format("opentype");
//   font-weight: normal;
//   font-style: normal;
// }

// @font-face {
//   font-family: "Minion";
//   src: url("/assets/fonts/Minion/MinionPro-Semibold.otf") format("opentype");
//   font-weight: 600;
//   font-style: normal;
// }

// @layer base {
//   input:-webkit-autofill,
//   input:-webkit-autofill:hover,
//   input:-webkit-autofill:focus {
//     -webkit-text-fill-color: white;
//     -webkit-box-shadow: inherit;
//     transition: background-color 5000s ease-in-out 0s;

//     @apply font-euclid text-16;
//   }
//   input:-webkit-autofill::first-line {
//     @apply font-euclid text-16;
//   }
// }

// @layer utilities {
//   .hyphens{
//     hyphens: auto;
//   }
// }

html {
    font-family: "Poppins", ui-sans-serif, system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
        "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol", "Noto Color Emoji";
    // scroll-behavior: smooth;
}

body {
    font-size: 16px;
    color: #1a495a;
    font-family: "Poppins", ui-sans-serif, system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
        "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol", "Noto Color Emoji" !important;
    // scroll-behavior: smooth;
}

.test-pdf {
    color: red;
}

.popins {
    font-family: "Poppins", ui-sans-serif, system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
        "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.bg-blend-multiply {
    background-blend-mode: multiply;
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

.flex-basis-100 {
    flex-basis: 100%;
}

.flex-basis-33 {
    flex-basis: 33%;
}

.flex-basis-30 {
    flex-basis: 30%;
}

.flex-basis-25 {
    flex-basis: 25%;
}

.flex-basis-20 {
    flex-basis: 20%;
}

.flex-basis-50 {
    flex-basis: 50%;
}

.flex-basis-40 {
    flex-basis: 40%;
}

.collapsable {
    transition: height 0.3s ease-in-out;
    height: auto;
}

input[type="radio"]:checked + div {
    @apply bg-mediumGreen;

    div {
        display: flex;
    }
}

input[type="checkbox"]:checked + div {
    @apply bg-mediumGreen;
}

.hide-arrows {
    /* Chrome, Safari, Edge, Opera */
    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    &[type="number"] {
        -moz-appearance: textfield;
    }
}

.backdrop-blur-sm {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

/* width */
.scrollbar::-webkit-scrollbar {
    margin: 10px 0px;
    width: 4px;
    border-radius: 9999px;
}

/* Track */
.scrollbar::-webkit-scrollbar-track {
    background: #c4c4c4;
    border-radius: 9999px;
}

/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
    background: #4a6019;
    border-radius: 9999px;
}

/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
    background: #425616;
}

.custom-border {
    border-radius: 35px / 40px;
}

.markdown-body {
    font-family: "Poppins";
    color: #1a495a;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        border-bottom: none;
    }

    h3 {
        font-size: 20px;
    }

    ul {
        li {
            margin-left: 24px;
            list-style: disc;
            font-family: "Poppins";
        }
    }

    ol {
        li {
            margin-left: 24px;
            list-style: decimal;
            font-family: "Poppins";
        }
    }

    img {
        margin-bottom: 24px;
    }
    p {
        font-family: "Poppins";
    }
    td {
        max-width: 13vw;
    }
}

@media screen and (max-width: 768px) {
    .markdown-body {
        td {
            max-width: none;
        }
    }
}
.note-editable {
    ul {
        li {
            list-style: disc;
        }
    }
    ol {
        li {
            list-style: decimal;
        }
    }
}

main > div {
    @apply 1441min:w-full;
}
.border-products {
    border-bottom: 1px solid #ebe9e6;
}

.border-products:last-child {
    border-bottom: none;
}

.dotted-deco {
    text-decoration-style: dotted;
}

.learn-category-box:first-child {
    @media only screen and (max-width: 1149px) {
        border-top: 1px solid #e6e6e6;
    }
}

.tooltiphook:hover {
    .tooltip {
        opacity: 1;
    }
}

.background-half {
    background: linear-gradient(to top, #dad8d5 50%, white 50%);
}

/* .background-half-pink {
    background: linear-gradient(to top, #dad8d5 50%, white 50%);
} */

.background-half-pink {
    background: linear-gradient(to top, #fdeff0 50%, white 50%);
}

.background-half-reverse {
    background: linear-gradient(to bottom, #dad8d5 50%, white 50%);
}

.half-background-green {
    background: linear-gradient(to bottom, #1a495a 50%, white 50%);
}

.industryTile:nth-child(1) {
    border: 1px solid;
    @apply border-lightGray;
}
// .industryTile:nth-child(1):hover{
//   border: 1px solid;
//   @apply border-lightBlue;
// }
.industryTile:nth-child(2) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid white;
    border-right: 1px solid white;
    @media only screen and (max-width: 1149px) {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }
}
// .industryTile:nth-child(2):hover{
//   border: 1px solid;
//   @apply border-lightBlue;
// }
.industryTile:nth-child(3) {
    border: 1px solid;
    @apply border-lightGray;
}
// .industryTile:nth-child(3):hover{
//   border: 1px solid;
//   @apply border-lightBlue;
// }
.industryTile:nth-child(4) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid white;
    border-right: 1px solid #e5e5e5;
    @media only screen and (max-width: 1149px) {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-top: 1px solid white;
        border-bottom: 1px solid #e5e5e5;
    }
}
// .industryTile:nth-child(4):hover{
//   border: 1px solid;
//   @apply border-lightBlue;
// }
.industryTile:nth-child(5) {
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid white;
}
// .industryTile:nth-child(5):hover{
//   border: 1px solid;
//   @apply border-lightBlue;
// }
.industryTile:nth-child(6) {
    border-left: 1px solid white;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid white;
    border-top: 1px solid white;
    @media only screen and (max-width: 1149px) {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-top: 1px solid white;
        border-bottom: 1px solid #e5e5e5;
    }
}
// .industryTile:nth-child(6):hover{
//   border: 1px solid;
//   @apply border-lightBlue;
// }
.industryTile:nth-child(7) {
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid white;
}
// .industryTile:nth-child(7):hover{
//   border: 1px solid;
//   @apply border-lightBlue;
// }
.industryTile:nth-child(8) {
    border-left: 1px solid white;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid white;
    @media only screen and (max-width: 1149px) {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-top: 1px solid white;
        border-bottom: 1px solid #e5e5e5;
    }
}
// .industryTile:nth-child(8):hover{
//   border: 1px solid;
//   @apply border-lightBlue;
// }

.text-transition {
    animation: bruh 2.2s;
}

@keyframes bruh {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 100;
    }
    100% {
        opacity: 0;
    }
}

.animation-go {
    animation: mymove 5s infinite linear;
}

@keyframes mymove {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Hide scrollbar for Chrome, Safari and Opera */

.hidescroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.hidescroll {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

@media only screen and (max-width: 1333px) {
    .marker {
        width: 70px;
        height: 70px;
    }
}

.marker {
    background-image: url("assets/img/darkBluePin.png");
    background-size: cover;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #115740;
    cursor: pointer;
}
.mapboxgl-popup {
    max-width: 200px;
}
.mapboxgl-popup-content {
    // text-align: center;
    font-family: "Mabry";
    color: white;
    padding: 20px 24px;
    padding-right: 30px;
    border-radius: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
    width: 335px;
    // background-color: #1A495A;
}
.mapboxgl-popup-close-button {
    top: 10px;
    right: 10px;
    position: absolute;
    // opacity: 0;
}
.mapboxgl-popup-close-button::after {
    content: url("assets/icons/cross.svg");
    color: white;
    position: absolute;
    background: #1a495a;
    top: 0;
    right: 0;
}
.mapboxgl-canvas-container {
    @apply h-full;
}

.loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #37aacf;
    background: -moz-linear-gradient(
        left,
        #37aacf 10%,
        rgba(255, 255, 255, 0) 42%
    );
    background: -webkit-linear-gradient(
        left,
        #37aacf 10%,
        rgba(255, 255, 255, 0) 42%
    );
    background: -o-linear-gradient(
        left,
        #37aacf 10%,
        rgba(255, 255, 255, 0) 42%
    );
    background: -ms-linear-gradient(
        left,
        #37aacf 10%,
        rgba(255, 255, 255, 0) 42%
    );
    background: linear-gradient(
        to right,
        #37aacf 10%,
        rgba(255, 255, 255, 0) 42%
    );
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader:before {
    width: 50%;
    height: 50%;
    background: #37aacf;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
.loader:after {
    background: #1a495a;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.videoplaceholder {
    background-image: url("assets/img/thumbnail.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.videoplaceholder-spin-mount {
    background-image: url("assets/img/spin-mount-thumbnail.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.progress-ring__circle {
    transition: 0.35s stroke-dashoffset;
    // axis compensation
    transform-origin: 50% 50%;
    transform: rotate(90deg);
}

.scrollbar {
    /* width */
    &::-webkit-scrollbar {
        margin: 10px 0px;
        width: 4px;
        height: 8px;
        border-radius: 9999px;
        cursor: pointer;
    }

    /* Track */
    &::-webkit-scrollbar-track {
        background: rgba($color: #1a495a, $alpha: 0.3);
        border-radius: 9999px;
        cursor: pointer;
    }

    /* Handle */
    &::-webkit-scrollbar-thumb {
        background: #1a495a;
        border-radius: 9999px;
        cursor: pointer;
    }

    /* Handle on hover */
    // &::-webkit-scrollbar-thumb:hover {
    //   background: #37A9CF;
    //   cursor: pointer;
    // }

    // &:hover {
    //     /* Track */
    //     &::-webkit-scrollbar-track {
    //       background: rgba($color: #000000, $alpha: 0.01);

    //     }

    //     /* Handle */
    //     &::-webkit-scrollbar-thumb {
    //       background: #37A9CF;
    //     }
    // }
}

.menuItem:hover {
    .item {
        opacity: 1;
    }
}

.tagscrollbar {
    /* width */
    &::-webkit-scrollbar {
        margin: 10px 0px;
        width: 6px;
        height: 6px;
        border-radius: 9999px;
        cursor: pointer;
    }

    /* Track */
    &::-webkit-scrollbar-track {
        background: rgba($color: #000000, $alpha: 0.01);
    }

    /* Handle */
    &::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 9999px;
        cursor: pointer;
    }

    /* Handle on hover */
    &::-webkit-scrollbar-thumb:hover {
        background: #1a495a;
        cursor: pointer;
    }

    &:hover {
        /* Handle */
        &::-webkit-scrollbar-thumb {
            background: #1a495a;
        }
    }
}

.mapboxgl-popup-content {
    font-family: "Poppins";
    width: 250px !important;
}

.mapboxgl-popup-close-button {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

.card {
    width: 556px;
    height: 250px;
    background-color: white;
}

.cardsMobile {
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    transition: all 3s ease;
    -webkit-overflow-scrolling: touch;
}

.cardMobile {
    width: 343px;
    height: 392px;
    background-color: #fff;
}

@media only screen and (max-width: 1120px) {
    .Y {
        display: none;
    }
}

@media only screen and (min-width: 1119px) {
    .X {
        display: none;
    }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

//SUMMERNOTE
// .note-toolbar {
//   background-color: white !important;
//   border-bottom: none !important;
//   display: flex;
// }

/* .note-editor.note-frame{
  border: none !important;
}

.note-btn{
  border: none !important;
  background-color: #F4F1ED !important;
  padding: 10px 15px !important;
  margin: 0px 5px;
  border-radius: 8px !important;
}
 */
/* .note-editing-area{
  border: 1px solid #EBE9E6;
  border-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-top: 16px;
  font-family: 'Minion' !important;
}

.note-btn-group>.note-btn-group:not(:last-child)>.note-btn, .note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle){
  border-top-right-radius:8px !important;
  border-bottom-right-radius:8px !important;
}
.note-dropdown-menu {
  border-radius: 8px;
} */

/* .note-btn-group.open .note-btn[aria-label=Paragraph] + .note-dropdown-menu {
  display: flex;
  min-width: max-content;

  .note-list{
    margin-right: 0 !important;

    .note-btn:last-child {
      margin-right: 0 !important;
    }
  }
}

.note-btn-group {
  margin-right: 10px !important;
} */

/* .note-placeholder{
  color: #C4C4C4;
}

.note-icon-bar{
  border-top: 1px solid #271F00 !important;
}

.note-statusbar{
  border-top: none !important;
  background-color: #F4F1ED !important;
}

.note-modal-footer {
  height: auto !important;
  display: flex;
  justify-content: flex-end;
  .btn {
    float: none;
    min-height: max-content;
  }
  .note-btn-primary {
    background: #4A6019 !important;
    color: #fff;
  }
}
.note-editor {
  input {
    -webkit-appearance: auto;
    margin-right: 5px;
  }
} */
Youez - 2016 - github.com/yon3zu
LinuXploit