/* 
	Default Frame Stylesheet

	Last Updated : 21/12/25

	(C) PEOPLUS Studio, All rights reserved.
	https://peoplus.studio/
*/

    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
    }

    body {
        margin: 0;
    }

    a {
        background-color: transparent;
    }

    [hidden] {
        display: none;
    }

    html {
        font-family: 'peoplus_barunche', sans-serif, system-ui;
        line-height: 2;
        word-break: keep-all;
    }

    *,
    :after,
    :before {
        box-sizing: border-box;
        border: 0 solid #e2e8f0;
    }

    a {
        color: inherit;
        text-decoration: inherit;
    }

    svg,
    video {
        display: inline-block;
        vertical-align: middle;
    }

    video {
        max-width: 100%;
        height: auto;
    }

    .non-click {
        pointer-events: none;
    }

    /* Border Options */
    .border-all {
        border-width: 1px;
    }

    .border-t {
        border-top-width: 1px;
    }

    .border-t-2 {
        border-top-width: 2px;
    }

    .border-t-2 {
        border-top-width: 4px;
    }

    .border-b {
        border-bottom-width: 1px;
    }

    .border-b-2 {
        border-bottom-width: 2px;
    }

    .border-b-4 {
        border-bottom-width: 4px;
    }

    .border-round {
        border-radius: 0rem;
    }

    .flex {
        display: flex;
    }

    .grid {
        display: grid;
    }

    .block {
        display: block;
    }

    .inline-block {
        display: inline-block;
    }

    .hidden {
        display: none;
    }

    .flex-direction-column {
        flex-direction: column;
    }

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

    .items-left {
        align-items: flex-start;
    }

    .items-center {
        align-items: center;
    }

    .items-right {
        align-items: flex-end;
    }

    .justify-center {
        justify-content: center;
    }

    .font-thin {
        font-weight: 200;
    }

    .font-regular {
        font-weight: 400;
    }

    .font-semibold {
        font-weight: 600;
    }

    .font-bold {
        font-weight: 700;
    }

    .font-black {
        font-weight: 800;
    }

    .h-5 {
        height: 1.25rem;
    }

    .h-8 {
        height: 2rem;
    }

    .h-16 {
        height: 4rem;
    }

    .text-xs {
        font-size: .75rem;
    }

    .text-sm {
        font-size: .875rem;
    }

    .text-md,
    .text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .text-5xl {
        font-size: 3rem;
        line-height: 1;
    }

    .text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }

    .text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }

    .text-8xl {
        font-size: 6rem;
        line-height: 1;
    }

    .text-9xl {
        font-size: 8rem;
        line-height: 1;
    }

    .leading-0 {
        line-height: 0;
    }

    .leading-1 {
        line-height: .25rem;
    }

    .leading-2 {
        line-height: .5rem;
    }

    .leading-3 {
        line-height: .75rem;
    }

    .leading-4 {
        line-height: 1rem;
    }

    .leading-5 {
        line-height: 1.25rem;
    }

    .leading-6 {
        line-height: 1.5rem;
    }

    .leading-7 {
        line-height: 1.75rem;
    }

    .leading-8 {
        line-height: 2rem;
    }

    .leading-9 {
        line-height: 2.25rem;
    }

    .leading-10 {
        line-height: 2.5rem;
    }

    .leading-none {
        line-height: 1;
    }

    .leading-tight {
        line-height: 1.25;
    }

    .leading-snug {
        line-height: 1.375;
    }

    .leading-normal {
        line-height: 1.5;
    }

    .leading-relaxed {
        line-height: 1.625;
    }

    .leading-loose {
        line-height: 2;
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .mx-left-auto {
        margin-right: auto;
        margin-inline-end: auto;
    }

    .mx-right-auto {
        margin-left: auto;
        margin-inline-start: auto;
    }

    .mt-1 {
        margin-top: .25rem;
    }

    .mt-2 {
        margin-top: .5rem;
    }

    .mr-2 {
        margin-right: .5rem;
    }

    .mt-4 {
        margin-top: 1rem;
    }

    .mt-8 {
        margin-top: 2rem;
    }

    .ml-1 {
        margin-left: .25rem;
    }

    .ml-2 {
        margin-left: .5rem;
    }

    .ml-4 {
        margin-left: 1rem;
    }

    .ml-12 {
        margin-left: 3rem;
    }

    .mr-1 {
        margin-right: .25rem;
    }

    .mr-2 {
        margin-right: .5rem;
    }

    .mr-4 {
        margin-right: 1rem;
    }

    .mr-12 {
        margin-right: 3rem;
    }

    .mb-1 {
        margin-bottom: .25rem;
    }

    .mb-2 {
        margin-bottom: .5rem;
    }

    .mb-4 {
        margin-bottom: 1rem;
    }

    .mb-8 {
        margin-bottom: 2rem;
    }

    .-mt-px {
        margin-top: -1px;
    }

    .max-w-xs {
        max-width: 20rem;
    }

    .max-w-sm {
        max-width: 24rem;
    }

    .max-w-md {
        max-width: 28rem;
    }

    .max-w-lg {
        max-width: 32rem;
    }

    .max-w-xl {
        max-width: 36rem;
    }

    .max-w-2xl {
        max-width: 42rem;
    }

    .max-w-3xl {
        max-width: 48rem;
    }

    .max-w-4xl {
        max-width: 56rem;
    }

    .max-w-5xl {
        max-width: 64rem;
    }

    .max-w-6xl {
        max-width: 72rem;
    }

    .max-w-7xl {
        max-width: 80rem;
    }

    .full-w {
        width: 100%;
    }

    .full-h {
        height: 100%;
    }

    .min-h-screen {
        min-height: 100vh;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .p-6 {
        padding: 1.5rem;
    }

    .py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pt-2 {
        padding-top: 0.5rem;
    }

    .pt-4 {
        padding-top: 1rem;
    }

    .pt-8 {
        padding-top: 2rem;
    }

    .pb-2 {
        padding-bottom: 0.5rem;
    }

    .pb-4 {
        padding-bottom: 1rem;
    }

    .fixed {
        position: fixed;
    }

    .relative {
        position: relative;
    }

    .absolute {
        position: absolute;
    }

    .top-0 {
        top: 0;
    }

    .right-0 {
        right: 0;
    }

    .shadow {
        box-shadow: 0 1px 3px 0 rgba(26, 30, 39, .1), 0 1px 2px 0 rgba(26, 30, 39, .06);
    }

    .text-shadow {
        text-shadow: 1px 1px 2px rgb(26, 30, 39, .1);
    }

    .text-left {
        text-align: left;
    }

    .text-center {
        text-align: center;
    }

    .text-right {
        text-align: right;
    }

    .underline {
        text-decoration: underline;
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .w-5 {
        width: 1.25rem;
    }

    .w-8 {
        width: 2rem;
    }

    .w-auto {
        width: auto;
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    @media (min-width:640px) {
        .border-round {
            border-radius: 0.5rem;
        }
        
        .sm\:rounded-lg {
            border-radius: .5rem
        }

        .sm\:block {
            display: block
        }

        .sm\:items-center {
            align-items: center
        }

        .sm\:justify-start {
            justify-content: flex-start;
        }

        .sm\:justify-between {
            justify-content: space-between;
        }

        .sm\:justify-end {
            justify-content: flex-end;
        }

        .sm\:h-20 {
            height: 5rem
        }

        .sm\:ml-0 {
            margin-left: 0
        }

        .sm\:px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .sm\:pt-0 {
            padding-top: 0
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:text-right {
            text-align: right
        };
    }

    @media (min-width:768px) {
        .md\:border-all {
            border-width: 1px;
        }

        .md\:border-t-0 {
            border-top-width: 0;
        }

        .md\:border-l {
            border-left-width: 1px
        }

        .md\:grid-cols-full {
            grid-column: 1 / -1;
        }
        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        };
    }

    @media (min-width:1024px) {
        .lg\:px-8 {
            padding-left: 2rem;
            padding-right: 2rem;
        };
    }

    @media (prefers-color-scheme:dark) {
        .dark\:bg-gray-800 {
            --bg-opacity: 1;
            background-color: #2d3748;
            background-color: rgba(45, 55, 72, var(--bg-opacity))
        }

        .dark\:bg-gray-900 {
            --bg-opacity: 1;
            background-color: #1A1E27;
            background-color: rgba(26, 32, 44, var(--bg-opacity))
        }

        .dark\:border-gray-700 {
            --border-opacity: 1;
            border-color: #4a5568;
            border-color: rgba(74, 85, 104, var(--border-opacity))
        }

        .dark\:text-white {
            --text-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--text-opacity))
        }

        .dark\:text-gray-400 {
            --text-opacity: 1;
            color: #cbd5e0;
            color: rgba(203, 213, 224, var(--text-opacity))
        };
    }