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

@import url('theme/reset.css');
@import url('theme/layout.css');
@import url('theme/style.css');

/* layout */

body {
   display:grid;
   grid-template-rows:1fr;
   grid-template-columns:auto 1fr;
   grid-template-areas:'tileset library';
}
#tileset {
   grid-area:tileset;
}
#library {
   grid-area:library;
}

/* section */

#library {
   overflow-x:hidden;
   overflow-y:auto;
}
#library .column {
   column-count:auto;
   column-width:400px;
   padding:0.25em;
}
#library .column .tileset {
   break-inside:avoid;
   display:flex;
   flex-direction:column;
   align-items:center;
}
#library .column .tileset header {
   display:flex;
   align-items:center;
   justify-content:start;
}
#library .column .tileset header span {
   padding:0.5em;
   color:rgb(230,230,230);
}
#library .column .tileset .grid button {
   opacity:0.8;
   background-color:rgb(150,150,150);
}
#library .column .tileset .grid button.selected {
   opacity:1;
   background-color:rgb(230,230,230);
}
#library .column .tileset .grid button:focus {
   padding:calc(0.5em - 1px);
   border-style:solid;
   border-width:1px;
   border-color:rgb(230,230,230);
}
#library .column .tileset button:hover {
   opacity:1;
   z-index:1;
   transform:scale(1.4);
	transition-property:transform;
	transition-duration:0.1s;
}

#tileset header {
   display:flex;
}
#tileset header &gt; span {
   flex-grow:1;
   display:flex;
   align-items:center;
   padding:0.25em 0.5em;
   border-radius:0.25em;
   background:rgb(230,230,230);
}
#tileset header &gt; input {
   flex-grow:1;
   border-radius:0.25em;
}

#tileset {
   display:flex;
   flex-direction:column;
}
#tileset fieldset {
   flex-grow:1;
   overflow:hidden auto;
}
#tileset fieldset .button {
   background-color:rgb(230,230,230);
}

.grid {
   display:grid;
   width:100%;
   height:100%;
   /* grid-template-columns:repeat(auto-fill,calc(18px + 1em)); */
   grid-template-columns:repeat(10,calc(18px + 1em));
   justify-content:center;
   align-content:start;
   grid-gap:0.25em;
   padding:0.5em;
}
[draggable] {
   cursor:grab;
}
[draggable] * {
   pointer-events:none;
}
[draggable] label span::before,
[draggable] button {
   pointer-events:initial;
}
[draggable]:active {
   z-index:1;
}
[draggable]:not(:active) [style] {
	transition-property:transform;
	transition-duration:0.25s;
}</pre></body></html>