:root {
    --icon-flame-1: #f97316;
    --icon-flame-2: #facc15;
    --icon-flame-3: #ef4444;
    --icon-glow: 0 0 8px rgba(249, 115, 22, 0.6);
}

.pix-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    filter: drop-shadow(0 0 3px rgba(249, 115, 22, 0.5));
}

.pix-icon svg {
    width: 100%;
    height: 100%;
}

.pix-icon-lg {
    width: 1.5em;
    height: 1.5em;
}

.pix-icon-xl {
    width: 2em;
    height: 2em;
}

.pix-fire {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f97316' d='M8 1C6 3 5 5 5 7c0 1 .5 2 1 2.5C5.5 8.5 5 7 6 5c0 2 1 4 2 5 1-1 2-3 2-5 1 2 .5 3.5 0 4.5.5-.5 1-1.5 1-2.5 0-2-1-4-3-6z'/%3E%3Cpath fill='%23facc15' d='M8 6c-.5 1-1 2-1 3 0 .5.5 1 1 1.5.5-.5 1-1 1-1.5 0-1-.5-2-1-3z'/%3E%3Cpath fill='%23fef08a' d='M8 8c-.25.5-.5 1-.5 1.5 0 .25.25.5.5.75.25-.25.5-.5.5-.75 0-.5-.25-1-.5-1.5z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-bolt {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23facc15' stroke='%23f97316' stroke-width='.5' d='M9 1L4 9h4l-1 6 5-8H8l1-6z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-folder {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='4' width='14' height='10' fill='%23f97316' rx='0'/%3E%3Crect x='1' y='3' width='6' height='2' fill='%23facc15'/%3E%3Crect x='2' y='6' width='12' height='7' fill='%23fbbf24'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-upload {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='10' width='10' height='4' fill='%23f97316'/%3E%3Cpath fill='%23facc15' d='M8 2l4 5H9v4H7V7H4l4-5z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-download {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='11' width='10' height='3' fill='%23f97316'/%3E%3Cpath fill='%2322c55e' d='M8 10l4-5H9V1H7v4H4l4 5z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-squad {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='5' cy='4' r='2' fill='%23f97316'/%3E%3Ccircle cx='11' cy='4' r='2' fill='%23facc15'/%3E%3Crect x='2' y='7' width='6' height='5' rx='0' fill='%23f97316'/%3E%3Crect x='8' y='7' width='6' height='5' rx='0' fill='%23facc15'/%3E%3Ccircle cx='8' cy='6' r='2.5' fill='%23ef4444'/%3E%3Crect x='5' y='9' width='6' height='5' rx='0' fill='%23ef4444'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-chat {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f97316' d='M2 2h12v9H5l-3 3V2z'/%3E%3Crect x='4' y='5' width='2' height='2' fill='%23facc15'/%3E%3Crect x='7' y='5' width='2' height='2' fill='%23facc15'/%3E%3Crect x='10' y='5' width='2' height='2' fill='%23facc15'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-user {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5' r='3' fill='%23f97316'/%3E%3Cpath fill='%23facc15' d='M3 14c0-3 2-5 5-5s5 2 5 5H3z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-grid {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='1' width='6' height='6' fill='%23f97316'/%3E%3Crect x='9' y='1' width='6' height='6' fill='%23facc15'/%3E%3Crect x='1' y='9' width='6' height='6' fill='%23facc15'/%3E%3Crect x='9' y='9' width='6' height='6' fill='%23f97316'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-login {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='8' y='2' width='6' height='12' fill='%23f97316'/%3E%3Cpath fill='%23facc15' d='M1 8l4-3v2h4v2H5v2l-4-3z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-logout {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='6' height='12' fill='%23f97316'/%3E%3Cpath fill='%23ef4444' d='M15 8l-4-3v2H7v2h4v2l4-3z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-rocket {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23facc15' d='M8 1c2 2 3 5 3 8l-3 3-3-3c0-3 1-6 3-8z'/%3E%3Ccircle cx='8' cy='6' r='1.5' fill='%23f97316'/%3E%3Cpath fill='%23ef4444' d='M5 12l-2 3 2-1.5L5 12zm6 0l2 3-2-1.5V12z'/%3E%3Cpath fill='%23f97316' d='M6 13l2 2 2-2c-.5.5-1.5 1-2 1s-1.5-.5-2-1z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-gem {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23a855f7' d='M8 14L1 6l2-4h10l2 4-7 8z'/%3E%3Cpath fill='%23c084fc' d='M3 2l-2 4 7 8 7-8-2-4H3zm5 1l3 3-3 6-3-6 3-3z'/%3E%3Cpath fill='%23e9d5ff' d='M8 3l2 2-2 4-2-4 2-2z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-moon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23facc15' d='M6 2C3 3 1 6 1 9c0 4 3 6 6 6 3 0 5-1 6-4-1 1-3 2-5 2-4 0-6-3-6-6 0-2 1-4 4-5z'/%3E%3Ccircle cx='12' cy='3' r='1' fill='%23facc15'/%3E%3Ccircle cx='14' cy='6' r='.5' fill='%23facc15'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-sun {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='%23facc15'/%3E%3Cpath stroke='%23f97316' stroke-width='1.5' d='M8 1v2M8 13v2M1 8h2M13 8h2M3 3l1.5 1.5M11.5 11.5L13 13M13 3l-1.5 1.5M4.5 11.5L3 13'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-menu {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='3' width='12' height='2' fill='%23f97316'/%3E%3Crect x='2' y='7' width='12' height='2' fill='%23facc15'/%3E%3Crect x='2' y='11' width='12' height='2' fill='%23f97316'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-plus {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='7' y='2' width='2' height='12' fill='%2322c55e'/%3E%3Crect x='2' y='7' width='12' height='2' fill='%2322c55e'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-link {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2322c55e' stroke-width='2' d='M6 10l4-4M4 8l-2 2c-1 1-1 3 1 4 1 1 3 1 4-1l2-2M8 4l2-2c1-1 3-1 4 1 1 1 1 3-1 4l-2 2'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-storage {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='4' fill='%23f97316' rx='0'/%3E%3Crect x='2' y='7' width='12' height='4' fill='%23facc15' rx='0'/%3E%3Crect x='2' y='12' width='12' height='2' fill='%23f97316' rx='0'/%3E%3Ccircle cx='12' cy='4' r='1' fill='%2322c55e'/%3E%3Ccircle cx='12' cy='9' r='1' fill='%2322c55e'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-mail {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='3' width='14' height='10' fill='%23f97316'/%3E%3Cpath fill='%23facc15' d='M1 3l7 5 7-5H1z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-send {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f97316' d='M2 2l12 6-12 6V9l8-1-8-1V2z'/%3E%3Cpath fill='%23facc15' d='M2 2l12 6-12 6V9l6-1-6-1V2z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-check {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2322c55e'/%3E%3Cpath fill='white' d='M4 8l2 2 5-5 1 1-6 6-3-3 1-1z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-x {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23ef4444'/%3E%3Cpath fill='white' d='M5 5l6 6M11 5l-6 6' stroke='white' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-trash {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='4' y='3' width='8' height='11' fill='%23ef4444'/%3E%3Crect x='2' y='2' width='12' height='2' fill='%23f97316'/%3E%3Crect x='6' y='0' width='4' height='2' fill='%23facc15'/%3E%3Crect x='6' y='5' width='1' height='7' fill='%23fca5a5'/%3E%3Crect x='9' y='5' width='1' height='7' fill='%23fca5a5'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-star {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23facc15' d='M8 1l2 5h5l-4 3 2 5-5-3-5 3 2-5-4-3h5l2-5z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-search {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6' cy='6' r='4' fill='none' stroke='%23f97316' stroke-width='2'/%3E%3Cpath stroke='%23facc15' stroke-width='2' d='M10 10l4 4'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-book {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='1' width='12' height='14' fill='%23f97316'/%3E%3Crect x='4' y='1' width='10' height='14' fill='%23facc15'/%3E%3Crect x='6' y='3' width='6' height='1' fill='%23f97316'/%3E%3Crect x='6' y='5' width='4' height='1' fill='%23f97316'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-announce {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f97316' d='M2 6v4h2l4 4V2L4 6H2z'/%3E%3Cpath fill='%23facc15' d='M10 4c2 1 3 2 3 4s-1 3-3 4V4z'/%3E%3Crect x='11' y='7' width='3' height='2' fill='%23facc15'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-key {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='5' cy='5' r='3' fill='%23facc15' stroke='%23f97316' stroke-width='1'/%3E%3Crect x='7' y='4' width='7' height='2' fill='%23f97316'/%3E%3Crect x='12' y='6' width='2' height='3' fill='%23f97316'/%3E%3Crect x='10' y='6' width='2' height='2' fill='%23f97316'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-crown {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23facc15' d='M2 12h12v2H2zM2 12L1 5l3 3 4-6 4 6 3-3-1 7z'/%3E%3Ccircle cx='4' cy='11' r='1' fill='%23f97316'/%3E%3Ccircle cx='8' cy='11' r='1' fill='%23f97316'/%3E%3Ccircle cx='12' cy='11' r='1' fill='%23f97316'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.pix-code {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23f97316' stroke-width='2' d='M5 4L1 8l4 4M11 4l4 4-4 4'/%3E%3Cpath stroke='%23facc15' stroke-width='2' d='M9 2l-2 12'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

[data-theme="light"] .pix-icon {
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
}