.tl-app{display:grid;grid-template-columns:30% minmax(0,1fr);min-height:15rem;overflow:hidden;border:1px solid var(--rule);color:#26221c}
.tl-side{padding:.6rem}
.tl-side div{padding:.25rem .4rem}
.tl-side .on{font-weight:500}
.tl-main{padding:.6rem;min-width:0}
.tl-bento{background:#fbf8f2;border-radius:14px}
.tl-bento .tl-side{background:#f4efe5}
.tl-bento .tl-side .on{border-radius:8px;background:#fff;box-shadow:0 1px 0 #d9d2c4}
.tl-bento h4{margin:0 0 .5rem;font-size:1.15em;font-weight:600}
.tl-bento .tl-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.tl-bento .tl-item{display:grid;gap:.1rem;padding:.5rem;border-radius:10px;background:#fff;box-shadow:0 1px 0 #e6dfd2}
.tl-bento .tl-item b{font-size:1.25em;font-weight:600}
.tl-bento .tl-item i{font-style:normal;color:#167a42;font-size:.85em}
.tl-bento .tl-item i.look{color:#a56a06}
.tl-bento .tl-item i.mac{color:#6b6b6b}
.tl-native{border-radius:10px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
.tl-native .tl-side{background:#ececec}
.tl-native .tl-side .on{border-radius:5px;background:#0a68d6;color:#fff}
.tl-native h4{margin:0 0 .5rem;font-size:1em;font-weight:600}
.tl-native .tl-items{display:grid}
.tl-native .tl-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 .5rem;padding:.25rem .4rem}
.tl-native .tl-item:nth-child(even){background:#f4f5f5}
.tl-native .tl-item b{order:2;font-weight:400;color:#555;font-variant-numeric:tabular-nums}
.tl-native .tl-item i{display:none}