Template:Manual Chem Box/styles.css

.quickbox {
	--quickbox-header-text-theme-light: hsl(0deg 0% 95%);
	--quickbox-header-text-theme-dark: hsl(0deg 0% 5%);
	--quickbox-header-text-outline-light: hsl(0deg 0% 100% / 26%);
	--quickbox-header-text-outline-dark: hsl(0deg 0% 0% / 57%);
	
	width: 27em;
	margin: .5rem 0;
}

.quickboxhead {
	font-weight: 500; 
    --sh-s: 1px;
    --sh-b: 0px;
    /*--sh-c: hsl(0deg 0% 0% / 57%);*/
    --sh: 	    
    	0 var(--sh-s) var(--sh-b) var(--sh-c), 
	    0 calc(var(--sh-s) * -1) var(--sh-b) var(--sh-c), 
	    var(--sh-s) 0 var(--sh-b) var(--sh-c), 
	    calc(var(--sh-s) * -1) 0 var(--sh-b) var(--sh-c);
    text-shadow: var(--sh);
}

.quickbox-section {
    width:100%; 
    overflow:visible; 
    border-bottom: 1px solid #303038;
}

.quickboxbody-section-bare {
	padding: 0 0.5em;
}

.quickboxbody-section-header {
	font-weight:bold;
	line-height:1.6; 
	padding: 0 0.5em;
}

.quickboxbody-section-body {
    border-left: .5em solid var(--border-color-light);
    padding: 0.25em 0.5em;
    margin-left: 0.5em;
}

.quickbox-catalyst-note {
	color: gray; 
	font-size: small;
}

.quickbox-catalyst-note-tooltip {
	font-weight: normal;
}

/* list of all reagents */
.reagents-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-start;
    justify-content: center;
}