/* Original Teak sample stylesheet. CC0 1.0. */
:root { --teak-green: #164d3c; --teak-paper: #f5f7ef; }
body { margin: 0; font-family: system-ui, sans-serif; color: var(--teak-green); background: var(--teak-paper); }
.container { width: min(100% - 2rem, 72rem); margin-inline: auto; }
@media (max-width: 40rem) { .container { width: calc(100% - 1.5rem); } }
.sample-item-1 { padding: 2px; border-radius: 2px; opacity: .3; }
.sample-item-2 { padding: 3px; border-radius: 3px; opacity: .4; }
.sample-item-3 { padding: 4px; border-radius: 4px; opacity: .5; }
.sample-item-4 { padding: 5px; border-radius: 5px; opacity: .6; }
.sample-item-5 { padding: 6px; border-radius: 1px; opacity: .7; }
.sample-item-6 { padding: 7px; border-radius: 2px; opacity: .8; }
.sample-item-7 { padding: 8px; border-radius: 3px; opacity: .9; }
.sample-item-8 { padding: 1px; border-radius: 4px; opacity: .2; }
.sample-item-9 { padding: 2px; border-radius: 5px; opacity: .3; }
.sample-item-10 { padding: 3px; border-radius: 1px; opacity: .4; }