/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-border-style: solid;
            --tw-font-weight: initial;
            --tw-leading: initial;
        }
    }
}

@layer theme {

    :root,
    :host {
        --color-blue-100: oklch(93.2% .032 255.585);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-white: #fff;
        --spacing: .25rem;
        --container-6xl: 72rem;
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --radius-lg: .5rem;
    }
}

.pwwp-sidebar {
    width: calc(var(--spacing) * 64);
    height: 100vh;
    top: calc(var(--spacing) * 0);
    flex-grow: 0;
    flex-shrink: 0;
    margin-inline-end: calc(var(--spacing) * -2);
    padding-inline-end: calc(var(--spacing) * 2);
    position: fixed;
    overflow: hidden;
}

@media (min-width: 1119px) {
    .pwwp-sidebar {
        position: sticky;
    }
}

.pwwp-sidebar {
    z-index: 10;
    overflow-x: visible;
}

@media (min-width: 1119px) {
    .pwwp-sidebar {
        overflow-y: auto;
    }
}

.pwwp-sidebar {
    left: calc(var(--spacing) * 0);
}

@media (min-width: 1119px) {
    .pwwp-sidebar {
        left: auto;
    }
}

.pwwp-sidebar.sidebar-open {
    overflow: visible auto;
}

.pwwp-sidebar.sidebar-open .pwwp-hamburger {
    margin-top: calc(var(--spacing) * 0);
}

.pwwp-sidebar.sidebar-open .pwwp-sidebar-inner {
    pointer-events: auto;
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}

.pwwp-hamburger {
    z-index: 10;
    cursor: pointer;
    position: absolute;
}

@media (min-width: 1119px) {
    .pwwp-hamburger {
        display: none;
    }
}

.pwwp-hamburger {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    margin-top: calc(var(--spacing) * 12);
}

.pwwp-hamburger svg {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
}

.pwwp-sidebar-inner {
    pointer-events: auto;
    background-color: #f6f4ef;
    min-height: 100%;
}

@media not all and (min-width: 1119px) {
    .pwwp-sidebar-inner {
        --tw-translate-x: calc(var(--spacing) * 64);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}

.pwwp-sidebar-inner {
    padding-block: calc(var(--spacing) * 12);
}

.pwwp-logo {
    margin-bottom: calc(var(--spacing) * 10);
    padding: calc(var(--spacing) * 4);
    display: block;
}

.pwwp-logo img {
    width: 100%;
    height: auto;
}

.pwwp-sidebar-header .pwwp-main-link {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 1.5);
    color: #484d52;
    display: block;
    position: relative;
}

@media (hover: hover) {
    .pwwp-sidebar-header .pwwp-main-link:hover {
        color: #202224;
    }
}

.pwwp-sidebar-header .pwwp-main-link:hover:before {
    background-color: #5c7ccd;
}

.pwwp-sidebar-header .pwwp-main-link:before {
    content: "";
    top: calc(var(--spacing) * 2);
    bottom: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 1);
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
    background-color: oklab(0% 0 0 / 0);
    position: absolute;
}

.pwwp-sidebar-header .pwwp-main-link.active {
    border-radius: var(--radius-lg);
    padding-block: calc(var(--spacing) * 3);
    color: var(--color-white);
    background-color: #4c65a6;
    margin-inline-start: calc(var(--spacing) * 8);
    margin-inline-end: calc(var(--spacing) * -2);
    position: relative;
}

@media (hover: hover) {
    .pwwp-sidebar-header .pwwp-main-link.active:hover {
        color: var(--color-white);
    }
}

.pwwp-sidebar-header .pwwp-main-link.active:before {
    content: "";
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * -8);
    width: calc(var(--spacing) * 1);
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
    background-color: #4c65a6;
    position: absolute;
}

.pwwp-links-wrapper {
    gap: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    display: grid;
}

.pwwp-sidebar-subheading {
    margin-bottom: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    opacity: .6;
    border-color: #e0e0e0;
    border-bottom-width: 1px;
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    color: #202224 !important;
}

.pwwp-body-category {
    display: block;
    color: #202224 !important;
}

.pwwp-body-category-button {
    cursor: pointer;
    gap: calc(var(--spacing) * 2);
    width: 100%;
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    background-color: #0000;
    border-width: 0;
    display: flex;
}

.pwwp-body-category-button.open .pwwp-body-category-icon {
    rotate: 180deg;
}

.pwwp-body-category-icon {
    margin-top: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 3);
    background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNi43NSA0LjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAuMzUzNTE2IDAuMzUzNTQ2TDMuMzUzNTIgMy4zNTM1NUw2LjM1MzUyIDAuMzUzNTQ2IiBzdHJva2U9IiMyMDIyMjQiIC8+PC9zdmc+") center no-repeat;
    display: block;
}

.pwwp-submenu-link {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    margin-inline-start: calc(var(--spacing) * 6);
    display: block;
    position: relative;
    color: #646566 !important;
}

@media (hover: hover) {
    .pwwp-submenu-link:hover {
        color: #3b3c3d !important;
    }
}

.pwwp-submenu-link:hover:before {
    background-color: #5c7ccd;
}

.pwwp-submenu-link:before {
    content: "";
    top: calc(var(--spacing) * 2);
    bottom: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * -6);
    width: calc(var(--spacing) * 1);
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
    background-color: oklab(0% 0 0 / 0);
    position: absolute;
}

.pwwp-submenu-link.active {
    border-radius: var(--radius-lg);
    background-color: #4c65a6;
    margin-inline-start: calc(var(--spacing) * 6);
    margin-inline-end: calc(var(--spacing) * -2);
    position: relative;
    color: var(--color-white) !important;
}

@media (hover: hover) {
    .pwwp-submenu-link.active:hover {
        color: var(--color-white) !important;
    }
}

.pwwp-submenu-link.active:before {
    content: "";
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * -6);
    width: calc(var(--spacing) * 1);
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
    background-color: #4c65a6;
    position: absolute;
}

.pwwp-footer {
    border-top-style: var(--tw-border-style);
    padding-top: calc(var(--spacing) * 4);
    border-color: #e0e0e0;
    border-top-width: 1px;
}

.pwwp-footer .pwwp-main-link {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 1.5);
    display: block;
    position: relative;
    color: #484d52 !important;
}

@media (hover: hover) {
    .pwwp-footer .pwwp-main-link:hover {
        color: #202224 !important;
    }
}

.pwwp-main-link,
.pwwp-submenu-link {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
}

#pwwp-nav-column .bde-shortcode {
    top: calc(var(--spacing) * 0);
}

@media (min-width: 1119px) {
    #pwwp-nav-column .bde-shortcode {
        position: sticky;
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}