.blah{
    color: inherit;
}

.callout {
    padding: 6px 8px !important;
}

.callout[data-callout^="summary"] {
    --callout-icon: <svg class="svg-icon" fill="#000000" width="800px" height="800px" viewBox="0 0 512 512" data-name="Layer 1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"><title/><path d="M450.46,256.09C449.35,175.17,399.81,102.71,324,73.79,247.59,44.67,157.49,69,105.82,132.13,54.4,195,46.61,285.58,88.49,355.68c41.8,69.95,123.74,106,203.55,91.63,91-16.37,156.14-98.12,158.35-189.14A20.16,20.16,0,0,0,450.46,256.09ZM119.05,174.38C152.76,118,220.23,87,285,99.43c69.4,13.29,120.43,70.47,128.83,139H318.41c-8.26-27.36-32-48-62.62-48-29.65,0-55.15,20.65-63.11,48H97.74A158,158,0,0,1,119.05,174.38ZM286.13,256.1c-2,38.75-60.67,39.4-60.67,0S284.17,217.33,286.13,256.1Zm24,149.79C246.85,428.58,175,408.74,132.3,356.82a157.53,157.53,0,0,1-34.57-83H192.6c7.91,27.39,33.7,48,63.19,48,30.67,0,54.36-20.68,62.62-48h95.45C406.61,333,367.54,385.32,310.14,405.89Z"/></svg>;
    
    background: 
    linear-gradient(180deg, transparent 0%, var(--background-primary) 100%),
    linear-gradient(90deg, var(--type-color1, rgba(200, 0, 0, 0.60)), var(--type-color2, rgba(84, 0, 0, 0.6)));
    >.callout-title:first-child {
        color: white;
        .callout-icon {
            .svg-icon {
                width: 24px;
                height: 24px;
                color: rgb(255, 255, 255);
            }
        }
    }
}

.callout[data-callout="technique-stat"] {
    --callout-icon: lucide-flask-conical;
    mix-blend-mode: normal; 
    background: 
        linear-gradient(to right, #4a3b51, 75%, rgba(0, 0, 0, 0));
    >.callout-title:first-child {
        color: #e4bff5;
        .callout-icon {
            .svg-icon {
                color: #ff84f7/* rgba(255, 200, 0, 1) */;
            }
        }
    }
}

.callout[data-callout="technique-spec"] {
    --callout-icon: lucide-sparkles;
    mix-blend-mode: normal; 
    background: 
        linear-gradient(to right, #192950, 75%, rgba(0, 0, 0, 0));
    >.callout-title:first-child {
        color: #aec5ff;
        .callout-icon {
            .svg-icon {
                color: #94dce2/* rgba(255, 200, 0, 1) */;
            }
        }
    }
}

.callout[data-callout="technique-phys"] {
    --callout-icon: lucide-sword;
    mix-blend-mode: normal; 
    background: 
        linear-gradient(to right, #5b2110, 75%, rgba(0, 0, 0, 0));
    >.callout-title:first-child {
        color: #ff9b7c;
        .callout-icon {
            .svg-icon {
                color: #ffc631/* rgba(255, 200, 0, 1) */;
            }
        }
    }
}

.callout[data-callout="ability"] {
    --callout-icon: lucide-cross;   
    mix-blend-mode: normal; 
    background: 
        linear-gradient(to right, rgb(153, 105, 0), 75%, rgba(0, 0, 0, 0));
    >.callout-title:first-child {
        color: white;
        .callout-icon {
            .svg-icon {
                color: white/* rgba(255, 200, 0, 1) */;
            }
        }
    }
}

.callout[data-callout="question"] {
    --callout-color: 255, 38, 197;
    --callout-icon: lucide-message-circle-question
}

.callout[data-callout*="fairy1"] {
    --type-color1: var(--fairy1);
}

.callout[data-callout*="fairy2"] {
    --type-color2: var(--fairy2);
}

.callout[data-callout*="psychic1"] {
    --type-color1: var(--psychic1);
}

.callout[data-callout*="psychic2"] {
    --type-color2: var(--psychic2);
}

.callout[data-callout*="normal1"] {
    --type-color1: var(--normal1);
}

.callout[data-callout*="normal2"] {
    --type-color2: var(--normal2);
}

.callout[data-callout*="fire1"] {
    --type-color1: var(--fire1);
}

.callout[data-callout*="fire2"] {
    --type-color2: var(--fire2);
}

.callout[data-callout*="water1"] {
    --type-color1: var(--water1);
}

.callout[data-callout*="water2"] {
    --type-color2: var(--water2);
}

.callout[data-callout*="electric1"] {
    --type-color1: var(--electric1);
}

.callout[data-callout*="electric2"] {
    --type-color2: var(--electric2);
}

.callout[data-callout*="grass1"] {
    --type-color1: var(--grass1);
}

.callout[data-callout*="grass2"] {
    --type-color2: var(--grass2);
}

.callout[data-callout*="ice1"] {
    --type-color1: var(--ice1);
}

.callout[data-callout*="ice2"] {
    --type-color2: var(--ice2);
}

.callout[data-callout*="fighting1"] {
    --type-color1: var(--fighting1);
}

.callout[data-callout*="fighting2"] {
    --type-color2: var(--fighting2);
}

.callout[data-callout*="ground1"] {
    --type-color1: var(--ground1);
}

.callout[data-callout*="ground2"] {
    --type-color2: var(--ground2);
}

.callout[data-callout*="poison1"] {
    --type-color1: var(--poison1);
}

.callout[data-callout*="poison2"] {
    --type-color2: var(--poison2);
}

.callout[data-callout*="rock1"] {
    --type-color1: var(--rock1);
}

.callout[data-callout*="rock2"] {
    --type-color2: var(--rock2);
}

.callout[data-callout*="steel1"] {
    --type-color1: var(--steel1);
}

.callout[data-callout*="steel2"] {
    --type-color2: var(--steel2);
}

.callout[data-callout*="dragon1"] {
    --type-color1: var(--dragon1);
}

.callout[data-callout*="dragon2"] {
    --type-color2: var(--dragon2);
}

.callout[data-callout*="ghost1"] {
    --type-color1: var(--ghost1);
}

.callout[data-callout*="ghost2"] {
    --type-color2: var(--ghost2);
}

.callout[data-callout*="dark1"] {
    --type-color1: var(--dark1);
}

.callout[data-callout*="dark2"] {
    --type-color2: var(--dark2);
}

.callout[data-callout*="bug1"] {
    --type-color1: var(--bug1);
}

.callout[data-callout*="bug2"] {
    --type-color2: var(--bug2);
}

.callout[data-callout*="flying1"] {
    --type-color1: var(--flying1);
}

.callout[data-callout*="flying2"] {
    --type-color2: var(--flying2);
}
.markdown-rendered table {
	width: 100%;
	margin-top: 0;
	
	td {
		border-color: white;
		text-align: center;
	}
	
	th {
		border-color: white !important;
		text-align: center;
	}

	tr > td {
		border-left: none;
	}

	tr > td:last-child {
		border-right: none;
	}
}

.markdown-rendered th {
	border: none;
	border-bottom: 1px solid var(--text-normal);
}
.markdown-rendered h1, .markdown-rendered h2 {
	margin-bottom: 0.16em;
	margin-top: 1em;
}

.markdown-rendered h3, .markdown-rendered h4, .markdown-rendered h5, .markdown-rendered h6{
	margin-bottom: 0em;
	margin-top: 0.16em;
 }

.markdown-rendered p {
	margin-block-start: 4px;
	margin: 0.5rem 0;
}

.callout {
	padding: 6px 24px 
}

.callout-content > p {
	margin-block-end: 4px;
}	
:root {
    --type-opacity: 96;
    --fairy1: #F5A2F5;
    --fairy2: #9B499B;
    --psychic1: #F584A8;
    --psychic2: #9B2A4F;
    --normal1: #c4c4c4;
    --normal2: #676967;
    --fire1: #EE8130;
    --fire2: #DD1A1B;
    --water1: #6390F0;
    --water2: #1B539B;
    --electric1: #FCD659;
    --electric2: #FF8000;
    --grass1: #7AC74C;
    --grass2: #29691B;
    --ice1: #96D9D6;
    --ice2: #28869E;
    --fighting1: #C22E28;
    --fighting2: #915121;
    --poison1: #A33EA1;
    --poison2: #5E2A84;
    --ground1: #E2BF65;
    --ground2: #5E3515;
    --flying1: #A98FF3;
    --flying2: #81B9EF;
    --bug1: #91A119;
    --bug2: #5E6910;
    --rock1: #B6A136;
    --rock2: #726E54;
    --ghost1: #735797;
    --ghost2: #492A49;
    --dragon1: #FF8000;
    --dragon2: #5060E1;
    --dark1: #704170;
    --dark2: #403233;
    --steel1: #3E6978;
    --steel2: #98C2D1;
  }

mark.pill {
    border-radius: 12px; 
    padding: 0px 12px 2px 12px; 
}

mark.pill-left {
    border-radius: 12px 0px 0px 12px; 
    /* border: 2px solid black;
    border-right: none; */
    padding: 0px 12px 2px 12px; 
}

mark.pill-right {
    border-radius: 0px 12px 12px 0px; 
    /* border: 2px solid black;
    border-left: none; */
    padding: 0px 12px 2px 12px; 
}

mark.normal {
    background: linear-gradient(135deg, var(--normal1), 35%, var(--normal2)); 
}

mark.fire {
    background: linear-gradient(135deg, var(--fire1), 35%, var(--fire2)); 
}

mark.water {
    background: linear-gradient(135deg, var(--water1), 35%, var(--water2)); 
}

mark.grass {
    background: linear-gradient(135deg, var(--grass1), 35%, var(--grass2)); 
}

mark.bug {
    background: linear-gradient(135deg, var(--bug1), 35%, var(--bug2)); 
}

mark.ice {
    background: linear-gradient(135deg, var(--ice1), 35%, var(--ice2)); 
}

mark.fighting {
    background: linear-gradient(135deg, var(--fighting1), 35%, var(--fighting2)); 
}

mark.poison {
    background: linear-gradient(135deg, var(--poison1), 35%, var(--poison2)); 
}

mark.ground {
    background: linear-gradient(135deg, var(--ground1), 35%, var(--ground2)); 
}

mark.rock {
    background: linear-gradient(135deg, var(--rock1), 35%, var(--rock2)); 
}

mark.dragon {
    background: linear-gradient(135deg, var(--dragon1), 35%, var(--dragon2)); 
}

mark.flying {
    background: linear-gradient(135deg, var(--flying1), 35%, var(--flying2)); 
}

mark.dark {
    background: linear-gradient(135deg, var(--dark1), 35%, var(--dark2)); 
}

mark.steel {
    background: linear-gradient(135deg, var(--steel1), 35%, var(--steel2)); 
}

mark.ghost {
    background: linear-gradient(135deg, var(--ghost1), 35%, var(--ghost2)); 
}

mark.psychic {
    background: linear-gradient(135deg, #F584A8, 35%, #671b34); 
}

mark.fairy {
    background: linear-gradient(135deg, #F5A2F5, 35%, #8f078f); 
}

mark.question {
    background: linear-gradient(135deg, #b8b8b8, 35%, #390037); 
}

mark.electric {
    color: black;
    background: linear-gradient(135deg, #FCD659, 35%, #FF8000); 
}