/*
    Defines
*/
:root
{
    --ari-gray-hue-1: #92898a;
    --ari-gray-hue-1-glossy: #92898ad0;
    --ari-gray-hue-2: #ded5d0;
    --ari-gray-hue-2-glossy: #ded5d0d0;
    --ari-gray-hue-3: #eee5de;
    --ari-gray-hue-3-glossy: #eee5ded0;
    --ari-gray-hue-4: #f8efe7;
    --ari-gray-hue-4-glossy: #f8efe7d0;

    --ari-light-text: white;
    --ari-dark-text: black;
}

/*
    General rules
*/
@media screen
{
    /*
        main
    */

    .ariMenheraBG
    {
        background: url("menherapattern.png") top left/20%,
                    radial-gradient(ellipse farthest-corner, #835e6f, #ddb6b1 40%, #fbf4e4 65%) top left/200% 200%;
        font: 11pt "Quicksand", sans-serif;
        padding: 10px 5px;
        color: var(--ari-dark-text);
    }

    .ariMenheraBG *
    {
        text-shadow: none !important;
    }

    .ariMenheraGrid
    {
        display: grid;
        grid-template-areas:
            "ariMenheraHead ariMenheraHead ariMenheraHead"
            "ariMenheraSide ariTab1 ariTab2"
            "ariMenheraSide ariMenheraText ariMenheraText"
            "ariMenheraSig ariMenheraSig ariMenheraSig";
        grid-auto-columns: 50px 1fr 1fr;
        border-radius: 8px;
        backdrop-filter: blur(6px);
    }

    /*
        Header
    */
    .ariMenheraHead
    {
        grid-area: ariMenheraHead;
        background-color: var(--ari-gray-hue-3-glossy);
        color: var(--ari-gray-hue-1);
        border: 1px solid var(--ari-gray-hue-2);
        border-radius: 8px 8px 0 0;
        display: flex;
        height: 32px;
        align-items: center;
        user-select: none;
    }

    /*
        Menu settings
    */
    .ariEmpty
    {
        display: flex;
    }

    .ariEmpty:last-of-type
    {
        flex-grow: 1;
    }

    .ariEmpty:first-of-type::before
    {
        content: "";
        height: 24px;
        width: 24px;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0xNiA1SDBWNGgxNnptMCA4SDB2LTFoMTZ6bTAtNC4wMDhIMFY4aDE2eiIgZmlsbD0iIzkyODk4YSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTZ2MTZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=") center left no-repeat;
    }

    .ariMenu
    {
        font-size: 10.25pt;
        padding: 0 8px;
        display: none;
    }

    .ariMenheraHead::before
    {
        content: "";
        height: 24px;
        width: 24px;
        background: url("menherawave.webp") top left/24px 24px no-repeat;
        margin-left: 8px;
        margin-right: 4px;
    }

    .ariMenheraHead::after
    {
        content: "";
        height: 24px;
        width: 200px;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgMUgzTDIgMnYxMWwxIDFoMTFsMS0xVjJ6TTcgMTNIM1YyaDR6bTcgMEg4VjJoNnoiIGZpbGw9IiM5Mjg5OGEiLz48L3N2Zz4=") 0% center no-repeat,
                    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgMUgzTDIgMnYxMWwxIDFoMTFsMS0xVjJ6bTAgMTJIM3YtM2gxMXptMC00SDNWMmgxMXY1WiIgZmlsbD0iIzkyODk4YSIvPjwvc3ZnPg==") 15% center no-repeat,
                    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgMUgzTDIgMnYxMWwxIDFoMTFsMS0xVjJ6TTkgMTNIM1YyaDZ2MTJabTUgMGgtNFYyaDR6IiBmaWxsPSIjOTI4OThhIi8+PC9zdmc+") 30% center no-repeat,
                    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMSAzMiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjAwMDIgNy45OTk5NFY4Ljk5OTk0SDMuMDAwMjRWNy45OTk5NEgxNC4wMDAyWiIgZmlsbD0iIzkyODk4YSIvPgo8L3N2Zz4=") 55% center no-repeat,
                    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMDAwMjQgM1YxM0gxMy4wMDAyVjNIMy4wMDAyNFpNMTIuMDAwMiAxMkg0LjAwMDI0VjRIMTIuMDAwMlYxMloiIGZpbGw9IiM5Mjg5OGEiLz4KPC9zdmc+") 77.5% center no-repeat,
                    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjExNjQxIDcuOTk5OTJMMi41NTgzNSAxMi41NThMMy40NDIyMyAxMy40NDE5TDguMDAwMjkgOC44ODM4MUwxMi41NTgzIDEzLjQ0MTlMMTMuNDQyMiAxMi41NThMOC44ODQxNyA3Ljk5OTkyTDEzLjQ0MjIgMy40NDE4N0wxMi41NTgzIDIuNTU3OThMOC4wMDAyOSA3LjExNjA0TDMuNDQyMjMgMi41NTc5OEwyLjU1ODM1IDMuNDQxODdMNy4xMTY0MSA3Ljk5OTkyWiIgZmlsbD0iIzkyODk4YSIvPgo8L3N2Zz4=") 100% center no-repeat;
    }

    /*
        Sidebar
    */
    .ariMenheraSide
    {
        grid-area: ariMenheraSide;
        background-color: var(--ari-gray-hue-2-glossy);
    }

    /*
        Tabs
    */
    .ariMenheraTab
    {
        background-color: var(--ari-gray-hue-4-glossy);
        padding: 8px;
        font-size: 10pt;
        color: var(--ari-gray-hue-1);
        display: flex;
        align-items: center;
        user-select: none;
    }

    .ariMenheraTab span
    {
        flex-grow: 1;
    }

    .ariMenheraTab.ariTab1
    {
        grid-area: ariTab1;
        color: #ce4770;
        border-left: 1px solid var(--ari-gray-hue-2);
        border-bottom: 1px solid #ce4770;
    }

    .ariMenheraTab.ariTab2
    {
        grid-area: ariTab2;
        display: flex;
    }

    .ariMenheraTab.ariTab3
    {
        grid-area: ariTab3;
        display: none;
    }

    .ariMenheraTab.ariTab4
    {
        grid-area: ariTab4;
        display: none;
    }

    .ariMenheraTab.ariTab5
    {
        grid-area: ariTab5;
        border-right: 1px solid var(--ari-gray-hue-2);
        display: none;
    }

    .ariMenheraTab::before, .ariMenheraTab::after
    {
        content: "";
        height: 16px;
        width: 16px;
    }

    .ariMenheraTab::before
    {
        margin-right: 4px;
    }

    /*
        Tab icons: programming language
    */
    .ariMenheraTab.ariTab1::before
    {
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjIgNCAyNSAyNSI+PHBhdGggZmlsbD0iI0VGNzYyMyIgZD0iTTggMTVsNi01LjZWMTJsLTQuNSA0IDQuNSA0djIuNkw4IDE3di0yem0xNiAyLjFsLTYgNS42VjIwbDQuNi00LTQuNi00VjkuM2w2IDUuNnYyLjJ6Ii8+PC9zdmc+");
    }

    .ariMenheraTab.ariTab2::before
    {
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgdmlld0JveD0nNCA0IDI0IDI0Jz4KICA8cGF0aCBmaWxsPScjNTI5QkJBJyBkPSdNMTAuMyAyMy4zbC44LTRIOC42di0yLjFoM2wuNS0yLjVIOS41di0yLjFoMy4xbC44LTMuOWgyLjhsLS44IDMuOWgyLjhsLjgtMy45aDIuOGwtLjggMy45aDIuNXYyLjFoLTIuOWwtLjYgMi41aDIuNnYyLjFoLTNsLS44IDRIMTZsLjgtNEgxNGwtLjggNGgtMi45em02LjktNi4xbC41LTIuNWgtMi44bC0uNSAyLjVoMi44eicvPgo8L3N2Zz4=") center no-repeat;
    }

    .ariMenheraTab.ariTab3::before
    {
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2JhM2U0ZCIgZD0iTTUuOTk4IDE5LjYyNWwyLjYyMy03LjI4aDEuMzdsMi42MjMgNy4yOGgtMS40M2wtLjcxNi0xLjk1SDcuNzI3bC0uNzE1IDEuOTVINS45OTh6bTIuMDI3LTIuODZoMi4wODZMOS4wOTggMTMuODRsLTEuMDczIDIuOTI1em00Ljk0NyAyLjc5NXYtMS4yMzVjLjk1My4zMjUgMS43MjguNTIgMi4zODQuNTIuNTM2IDAgLjg5NC0uMTMgMS4xMzItLjI2LjI5OC0uMTk1LjQxNy0uMzkuNDE3LS43MTUgMC0uMjYtLjA2LS40NTUtLjIzOC0uNTg1LS4xNzktLjE5NS0uNDc3LS4zOS0uOTU0LS41ODVsLS41OTYtLjI2Yy0uNzc1LS4zOS0xLjMxMS0uNzgtMS42NjktMS4xMDUtLjI5OC0uMzI1LS40NzYtLjcxNS0uNDc2LTEuMTcgMC0uNTg1LjIzOC0xLjEwNS43NzQtMS40My41MzctLjM5IDEuMjUyLS41ODUgMi4xNDYtLjU4NS43MTUgMCAxLjQ5LjA2NSAyLjMyNC4yNnYxLjE3Yy0uODk0LS4yNi0xLjYwOS0uMzktMi4xNDUtLjM5LS40MTcgMC0uNzE1LjA2NS0uOTU0LjE5NS0uMjM4LjE5NS0uMzU3LjM5LS4zNTcuNTg1IDAgLjE5NS4wNi4zOS4yMzguNTIuMTc5LjEzLjQ3Ny4zMjUuOTU0LjU4NWwuNTk2LjI2Yy44MzQuMzkgMS40My43OCAxLjcyOCAxLjEwNS4yOTguMzI1LjQ3Ny43MTUuNDc3IDEuMjM1IDAgLjY1LS4yOTggMS4yMzUtLjg5NCAxLjU2LS41MzcuMzktMS4zNzEuNTg1LTIuNDQ0LjU4NS0uNjU1IDAtMS40OS0uMDY1LTIuNDQzLS4yNnptNi4zMTguMDY1VjEyLjQxaDEuODQ3bDEuNjA5IDUuMTM1IDEuNjY5LTUuMTM1aDEuNjA5djcuMjE1aC0xLjMxMVYxNC4xbC0xLjYxIDUuMDA1aC0xLjEzMmwtMS42MDktNS4wN3Y1LjU5aC0xLjA3M3oiLz48L3N2Zz4=");
    }

    .ariMenheraTab.ariTab4::before
    {
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iNCAyIDI0IDI0Ij48cGF0aCBmaWxsPSIjNTI5YmJhIiBkPSJNOC4zIDE1LjVjMC0xLjMuMi0yLjQuNi0zLjRzLjktMS44IDEuNi0yLjVTMTIgOC40IDEyLjkgOHMxLjktLjUgMi45LS41IDEuOS4yIDIuNy42IDEuNS45IDIgMS40TDE4LjMgMTJjLS40LS4zLS43LS42LTEuMS0uN3MtLjgtLjMtMS40LS4zYy0uNSAwLS45LjEtMS4zLjNzLS44LjUtMS4xLjktLjUuOC0uNyAxLjQtLjMgMS4yLS4zIDEuOWMwIDEuNS4zIDIuNiAxIDMuMy43LjggMS41IDEuMiAyLjYgMS4yLjUgMCAxLS4xIDEuNC0uM3MuOC0uNSAxLjEtLjlsMi4yIDIuNWMtLjcuOC0xLjQgMS4zLTIuMiAxLjdxLTEuMi42LTIuNy42Yy0xLjUgMC0yLS4yLTIuOS0uNXMtMS43LS44LTIuNC0xLjUtMS4xLTEuNy0xLjUtMi43Yy0uNS0xLS43LTIuMS0uNy0zLjQiLz48cGF0aCBmaWxsPSIjNTI5YmJhIiBkPSJNMTguMiAxMi45aC0xLjR2MS43aC0xLjZWMTZoMS42djEuOGgxLjRWMTZoMS42di0xLjRoLTEuNnptNiAxLjZ2LTJoLTEuN3YyaC0xLjl2MS43aDEuOXYyLjFoMS43di0yLjFoMS45di0xLjd6Ii8+PC9zdmc+");
    }

    .ariMenheraTab.ariTab5::before
    {
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgdmlld0JveD0iMCA0IDEyMDAgMTAwMCI+PHBhdGggZD0iTTM5NC4xIDUzNy44aDQxMS43djU0LjdIMzk0LjF6bTAtMTMwLjNINjI0djU0LjdIMzk0LjF6bTAtMTMwLjNoNDExLjd2NTQuN0gzOTQuMXptMCAzOTAuOUg3MDB2NTQuN0gzOTQuMXoiIGZpbGw9IiM5Mjg5OGEiLz48L3N2Zz4=");
    }

    /*
        Tab icons: actions
    */
    .ariMenheraTab.ariTab1::after
    {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjAwMDI4IDguNzA3MTFMMTEuNjQ2NyAxMi4zNTM2TDEyLjM1MzggMTEuNjQ2NUw4LjcwNzM5IDguMDAwMDFMMTIuMzUzOCA0LjM1MzU2TDExLjY0NjcgMy42NDY0NUw4LjAwMDI4IDcuMjkyOUw0LjM1Mzg0IDMuNjQ2NDVMMy42NDY3MyA0LjM1MzU2TDcuMjkzMTcgOC4wMDAwMUwzLjY0NjczIDExLjY0NjVMNC4zNTM4NCAxMi4zNTM2TDguMDAwMjggOC43MDcxMVoiIGZpbGw9IiNjZTQ3NzAiLz4KPC9zdmc+");
    }

    .ariMenheraTab.ariTab2::after
    {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDAwMjQgNEM4LjM2NzQzIDQgOC43MjE2IDQuMDQ4MTggOS4wNjI3NCA0LjE0NDUzQzkuNDAzODkgNC4yMzgyOCA5LjcyMTYgNC4zNzI0IDEwLjAxNTkgNC41NDY4OEMxMC4zMTI3IDQuNzIxMzUgMTAuNTgyMyA0LjkzMDk5IDEwLjgyNDUgNS4xNzU3OEMxMS4wNjkzIDUuNDE3OTcgMTEuMjc4OSA1LjY4NzUgMTEuNDUzNCA1Ljk4NDM4QzExLjYyNzggNi4yNzg2NSAxMS43NjIgNi41OTYzNSAxMS44NTU3IDYuOTM3NUMxMS45NTIxIDcuMjc4NjUgMTIuMDAwMiA3LjYzMjgxIDEyLjAwMDIgOEMxMi4wMDAyIDguMzY3MTkgMTEuOTUyMSA4LjcyMTM1IDExLjg1NTcgOS4wNjI1QzExLjc2MiA5LjQwMzY1IDExLjYyNzggOS43MjI2NiAxMS40NTM0IDEwLjAxOTVDMTEuMjc4OSAxMC4zMTM4IDExLjA2OTMgMTAuNTgzMyAxMC44MjQ1IDEwLjgyODFDMTAuNTgyMyAxMS4wNzAzIDEwLjMxMjcgMTEuMjc4NiAxMC4wMTU5IDExLjQ1MzFDOS43MjE2IDExLjYyNzYgOS40MDM4OSAxMS43NjMgOS4wNjI3NCAxMS44NTk0QzguNzIxNiAxMS45NTMxIDguMzY3NDMgMTIgOC4wMDAyNCAxMkM3LjYzMzA2IDEyIDcuMjc4ODkgMTEuOTUzMSA2LjkzNzc0IDExLjg1OTRDNi41OTY2IDExLjc2MyA2LjI3NzU5IDExLjYyNzYgNS45ODA3MSAxMS40NTMxQzUuNjg2NDQgMTEuMjc4NiA1LjQxNjkxIDExLjA3MDMgNS4xNzIxMiAxMC44MjgxQzQuOTI5OTMgMTAuNTgzMyA0LjcyMTYgMTAuMzEzOCA0LjU0NzEyIDEwLjAxOTVDNC4zNzI2NCA5LjcyMjY2IDQuMjM3MjIgOS40MDM2NSA0LjE0MDg3IDkuMDYyNUM0LjA0NzEyIDguNzIxMzUgNC4wMDAyNCA4LjM2NzE5IDQuMDAwMjQgOEM0LjAwMDI0IDcuNjMyODEgNC4wNDcxMiA3LjI3ODY1IDQuMTQwODcgNi45Mzc1QzQuMjM3MjIgNi41OTYzNSA0LjM3MjY0IDYuMjc4NjUgNC41NDcxMiA1Ljk4NDM4QzQuNzIxNiA1LjY4NzUgNC45Mjk5MyA1LjQxNzk3IDUuMTcyMTIgNS4xNzU3OEM1LjQxNjkxIDQuOTMwOTkgNS42ODY0NCA0LjcyMTM1IDUuOTgwNzEgNC41NDY4OEM2LjI3NzU5IDQuMzcyNCA2LjU5NjYgNC4yMzgyOCA2LjkzNzc0IDQuMTQ0NTNDNy4yNzg4OSA0LjA0ODE4IDcuNjMzMDYgNCA4LjAwMDI0IDRaIiBmaWxsPSIjOTI4OThhIi8+Cjwvc3ZnPg==");
    }

    /*
        Content boxes
    */
    .ariMenheraText
    {
        grid-area: ariMenheraText;
        background-color: var(--ari-gray-hue-4-glossy);
        min-height: 360px;
        border-left: 1px solid var(--ari-gray-hue-2);
        border-right: 1px solid var(--ari-gray-hue-2);
        padding: 15px;
    }

    .ariMenheraSig
    {
        grid-area: ariMenheraSig;
        background-color: var(--ari-gray-hue-3-glossy);
        color: var(--ari-gray-hue-1);
        font-size: 9pt;
        font-weight: 600;
        padding: 4px 8px;
        border-top: 1px solid var(--ari-gray-hue-2);
        border-left: 1px solid var(--ari-gray-hue-2);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    /*
        Links
    */
    .ariMenheraBG a, .ariMenheraBG a:visited
    {
        color: #d69103;
        text-decoration: underline;
    }

    .ariMenheraBG a:hover
    {
        background: none !important;
        color: #4daed9;
    }

    /*
        quote box
    */

    .ariMenheraBG .quote
    {
        border: 0;
        margin: 0;
    }

    .ariMenheraBG .quote .quoteHead
    {
        color: var(--ari-dark-text);
        font-weight: 400;
        font-style: italic;
        font-size: 9.5pt;
        border: 0;
    }

    .ariMenheraBG .quote .quoteHead::before
    {
        display: inline-block;
        content: " ";
        background: url("menherathink.webp") center/32px no-repeat;
        height: 34px;
        width: 32px;
        margin-right: 10px;
        margin-bottom: -4px;
    }

    .ariMenheraBG .quote .quoteHead::after
    {
        content: " 🤎";
        font-style: normal;
    }

    .ariMenheraBG .quote .quoteInner .quoteHead
    {
        color: var(--ari-light-text);
    }

    .ariMenheraBG .quote .quoteInner, .ariMenheraBG .quote .quoteInner .quoteInner
    {
        background-color: #69545dd0;
        color: var(--ari-light-text);
        border: 1px solid #473441;
        border-radius: 6px;
        box-shadow: none;
    }

    /*
        Code box
    */
    .ariMenheraBG .code
    {
        border: 0;
        box-shadow: none;
        background: none;
    }

    .ariMenheraBG .code .codeHead
    {
        border: 0;
        align-items: end;
    }

    .ariMenheraBG .code .codeHead span::before
    {
        display: inline-block;
        content: " ";
        background: url("menheracode.webp") center/40px no-repeat;
        height: 40px;
        width: 40px;
        margin-right: 10px;
        margin-bottom: -4px;
    }

    .ariMenheraBG .code .codeHead span
    {
        font-weight: 400;
        font-style: italic;
        font-size: 9.5pt;
    }

    .ariMenheraBG .code .codeHead span::after
    {
        content: " 🤓 - ";
        font-style: normal;
    }

    .ariMenheraBG .code .codeHead a
    {
        color: var(--ari-dark-text);
        cursor: pointer;
        margin: 0;
    }

    .ariMenheraBG .code .codeHead a::before
    {
        content: "[";
    }

    .ariMenheraBG .code .codeHead a::after
    {
        content: "]";
    }

    .ariMenheraBG .code .codeInner, .ariMenheraBG .code.inline
    {
        background: #69636f;
        border: 1px solid #322c2f;
        border-radius: 6px;
        font: 11pt "Consolas", monospace;
    }

    .ariMenheraBG .code.inline
    {
        color: var(--ari-light-text);
        margin: 0;
        padding: 4px;
    }


    /*
        Spoilers and collapses
    */
    .ariMenheraBG .spoiler
    {
        background-color: #fe829ad0;
        border: 1px solid #ce4770;
        border-radius: 4px;
        padding: 4px;
    }

    .ariMenheraBG .spoiler input[type="checkbox"]
    {
        z-index: 4;
    }

    .ariMenheraBG .spoiler input[type="checkbox"]:not(:checked) ~ .spoilerInner
    {
        filter: blur(3px);
    }

    .ariMenheraBG .spoiler .spoilerInner
    {
        visibility: visible;
    }
    .ariMenheraBG .collapse
    {
        border: 1px solid #ce4770;
        background-color: #fe829ad0;
        border-radius: 4px;
        padding: 4px;
        position: relative;
    }

    .ariMenheraBG .collapse .collapse-header
    {
        border-bottom-color: #ce4770;
        font-style: italic;
    }
    
    .ariMenheraBG .collapse .collapse-header span::before
    {
        display: inline-block;
        content: "";
        width: 32px;
        height: 32px;
        background: url("menherapeek.webp") center left/32px no-repeat;
        position: absolute;
        left: -8px;
        top: 2px;
    }

    .ariMenheraBG .collapse .collapse-header span
    {
        margin-left: 16px;
    }

    .ariMenheraBG .collapse .collapse-header span::after
    {
        content: " 🙈";
        font-style: normal;
    }

    /*
        Bullets
    */
    .ariMenheraBG ol, .ariMenheraBG ul
    {
        list-style: outside;
    }

    /*
        Breaks
    */
    .ariMenheraBG hr
    {
        border-bottom: 1px solid var(--ari-gray-hue-1);
    }
}

/*
    Background rules
*/
@media screen and (min-aspect-ratio: 4/3) and (min-width: 1075px)
{
    .ariMenheraBG
    {
        background: url("menherapic.png") 103% 80%/30% no-repeat,
                    url("menherapattern.png") top left/20%,
                    radial-gradient(ellipse farthest-corner, #835e6f, #ddb6b1 40%, #fbf4e4 65%) top left/200% 200%;
        padding: 20px 26% 20px 20px;
        min-height: 510px;
    }

}

/*
    Tab rules
*/
@media screen and (min-width: 500px)
{
    .ariMenheraGrid
    {
        display: grid;
        grid-template-areas:
            "ariMenheraHead ariMenheraHead ariMenheraHead ariMenheraHead"
            "ariMenheraSide ariTab1 ariTab2 ariTab3"
            "ariMenheraSide ariMenheraText ariMenheraText ariMenheraText"
            "ariMenheraSig ariMenheraSig ariMenheraSig ariMenheraSig";
        grid-auto-columns: 50px 1fr 1fr 1fr;
    }

    .ariMenheraTab.ariTab3
    {
        display: flex;
    }

}

@media screen and (min-aspect-ratio: 4/3) and (min-width: 1200px)
{
    .ariMenheraGrid
    {
        display: grid;
        grid-template-areas:
            "ariMenheraHead ariMenheraHead ariMenheraHead ariMenheraHead ariMenheraHead"
            "ariMenheraSide ariTab1 ariTab2 ariTab3 ariTab4"
            "ariMenheraSide ariMenheraText ariMenheraText ariMenheraText ariMenheraText"
            "ariMenheraSig ariMenheraSig ariMenheraSig ariMenheraSig ariMenheraSig";
        grid-auto-columns: 50px 1fr 1fr 1fr 1fr;
    }

    .ariMenheraTab.ariTab4
    {
        display: flex;
    }

}

@media screen and (min-aspect-ratio: 4/3) and (min-width: 1370px)
{
    .ariMenheraGrid
    {
        display: grid;
        grid-template-areas:
            "ariMenheraHead ariMenheraHead ariMenheraHead ariMenheraHead ariMenheraHead ariMenheraHead"
            "ariMenheraSide ariTab1 ariTab2 ariTab3 ariTab4 ariTab5"
            "ariMenheraSide ariMenheraText ariMenheraText ariMenheraText ariMenheraText ariMenheraText"
            "ariMenheraSig ariMenheraSig ariMenheraSig ariMenheraSig ariMenheraSig ariMenheraSig";
        grid-auto-columns: 50px 1fr 1fr 1fr 1fr 1fr;
    }

    .ariMenheraTab.ariTab5
    {
        display: flex;
    }


}

/*
    Menu item rules
*/
@media screen and (min-width: 961px)
{
    .ariMenu:nth-of-type(1)
    {
        display: flex;
    }

    .ariMenu:nth-of-type(2)
    {
        display: flex;
        /* flex-grow: 1; */
    }

    .ariEmpty:first-of-type::before
    {
        display: none;
    }

    .ariEmpty:last-of-type::after
    {
        content: "";
        width: 24px;
        height: 24px;
        margin-left: 8px;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAxMmExLjUgMS41IDAgMSAxLTMgMCAxLjUgMS41IDAgMCAxIDMgMG03LjUgMGExLjUgMS41IDAgMSAxLTIuOTk5IDAgMS41IDEuNSAwIDAgMSAzIDBNMjEgMTJhMS41IDEuNSAwIDEgMS0yLjk5OSAwIDEuNSAxLjUgMCAwIDEgMyAwIiBmaWxsPSIjOTI4OThhIi8+PC9zdmc+") -5%;
    }
}

@media screen and (min-width: 1180px)
{
    .ariMenu:nth-of-type(2)
    {
        flex-grow: 0;
    }

    .ariMenu:nth-of-type(3)
    {
        display: flex;
        /* flex-grow: 1; */
    }
}

@media screen and (min-width: 1280px)
{
    .ariMenu:nth-of-type(3)
    {
        flex-grow: 0;
    }

    .ariMenu:nth-of-type(4)
    {
        display: flex;
        /* flex-grow: 1; */
    }
}

@media screen and (min-width: 1340px)
{
    .ariMenu:nth-of-type(4)
    {
        flex-grow: 0;
    }

    .ariMenu:nth-of-type(5)
    {
        display: flex;
        /* flex-grow: 1; */
    }
}

@media screen and (min-width: 1390px)
{
    .ariMenu:nth-of-type(5)
    {
        flex-grow: 0;
    }

    .ariMenu:nth-of-type(6)
    {
        display: flex;
        /* flex-grow: 1; */
    }
}

@media screen and (min-width: 1410px)
{
    .ariMenu:nth-of-type(6)
    {
        flex-grow: 0;
    }

    .ariMenu:nth-of-type(7)
    {
        display: flex;
    }
}

@media screen and (min-width: 1450px)
{
    .ariMenu:nth-of-type(7)
    {
        flex-grow: 0;
    }

    .ariMenu:nth-of-type(8)
    {
        display: flex;
        flex-grow: 1;
    }

    .ariEmpty:last-of-type::after
    {
        display: none;
    }
}