<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('theme/reset.css');
@import url('theme/template.css');

/*\



\*/

form header {
   display:flex;
}
form header label[for|='menu'] {
   flex:1 1 auto;
   padding:0.5em;
}
form section {
   flex:1 1 auto;
   display:flex;
   flex-direction:column;
}

/*\

tab

\*/

form input[id='menu-tile']:not(:checked) ~ header label[for='menu-tile'],
form input[id='menu-tiling']:not(:checked) ~ header label[for='menu-tiling'] {
   background-color:rgb(200,200,200);
}
form input[id='menu-tile']:checked ~ section:not([id='menu-tile-tab']),
form input[id='menu-tiling']:checked ~ section:not([id='menu-tiling-tab']) {
   display:none;
}

/*\
form header {
   display:flex;
   align-items:center;
   justify-content:center;
}
\*/

form fieldset input[name='type'] {
   width:3em;
}
form fieldset[name='parameters'] {
   display:grid;
   grid-template-columns:1em 1fr;
   grid-auto-rows:auto;
   grid-column-gap:0.5em;
	box-sizing:border-box;
	padding:0.5em;
}
form fieldset[name='parameters'] span {
   text-align:center;
}
form fieldset[name='tile'] {
   flex:1;
   display:flex;
   align-items:center;
   justify-content:center;
   overflow:hidden;
   position:relative; /* for event.offsetX &amp; event.offsetY */
}
form fieldset[name='style'] {
   display:flex;
   align-items:center;
}</pre></body></html>