/* 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; }
.sample-item-11 { padding: 4px; border-radius: 2px; opacity: .5; }
.sample-item-12 { padding: 5px; border-radius: 3px; opacity: .6; }
.sample-item-13 { padding: 6px; border-radius: 4px; opacity: .7; }
.sample-item-14 { padding: 7px; border-radius: 5px; opacity: .8; }
.sample-item-15 { padding: 8px; border-radius: 1px; opacity: .9; }
.sample-item-16 { padding: 1px; border-radius: 2px; opacity: .2; }
.sample-item-17 { padding: 2px; border-radius: 3px; opacity: .3; }
.sample-item-18 { padding: 3px; border-radius: 4px; opacity: .4; }
.sample-item-19 { padding: 4px; border-radius: 5px; opacity: .5; }
.sample-item-20 { padding: 5px; border-radius: 1px; opacity: .6; }
.sample-item-21 { padding: 6px; border-radius: 2px; opacity: .7; }
.sample-item-22 { padding: 7px; border-radius: 3px; opacity: .8; }
.sample-item-23 { padding: 8px; border-radius: 4px; opacity: .9; }
.sample-item-24 { padding: 1px; border-radius: 5px; opacity: .2; }
.sample-item-25 { padding: 2px; border-radius: 1px; opacity: .3; }
.sample-item-26 { padding: 3px; border-radius: 2px; opacity: .4; }
.sample-item-27 { padding: 4px; border-radius: 3px; opacity: .5; }
.sample-item-28 { padding: 5px; border-radius: 4px; opacity: .6; }
.sample-item-29 { padding: 6px; border-radius: 5px; opacity: .7; }
.sample-item-30 { padding: 7px; border-radius: 1px; opacity: .8; }
.sample-item-31 { padding: 8px; border-radius: 2px; opacity: .9; }
.sample-item-32 { padding: 1px; border-radius: 3px; opacity: .2; }
.sample-item-33 { padding: 2px; border-radius: 4px; opacity: .3; }
.sample-item-34 { padding: 3px; border-radius: 5px; opacity: .4; }
.sample-item-35 { padding: 4px; border-radius: 1px; opacity: .5; }
.sample-item-36 { padding: 5px; border-radius: 2px; opacity: .6; }
.sample-item-37 { padding: 6px; border-radius: 3px; opacity: .7; }
.sample-item-38 { padding: 7px; border-radius: 4px; opacity: .8; }
.sample-item-39 { padding: 8px; border-radius: 5px; opacity: .9; }
.sample-item-40 { padding: 1px; border-radius: 1px; opacity: .2; }
.sample-item-41 { padding: 2px; border-radius: 2px; opacity: .3; }
.sample-item-42 { padding: 3px; border-radius: 3px; opacity: .4; }
.sample-item-43 { padding: 4px; border-radius: 4px; opacity: .5; }
.sample-item-44 { padding: 5px; border-radius: 5px; opacity: .6; }
.sample-item-45 { padding: 6px; border-radius: 1px; opacity: .7; }
.sample-item-46 { padding: 7px; border-radius: 2px; opacity: .8; }
.sample-item-47 { padding: 8px; border-radius: 3px; opacity: .9; }
.sample-item-48 { padding: 1px; border-radius: 4px; opacity: .2; }
.sample-item-49 { padding: 2px; border-radius: 5px; opacity: .3; }
.sample-item-50 { padding: 3px; border-radius: 1px; opacity: .4; }
.sample-item-51 { padding: 4px; border-radius: 2px; opacity: .5; }
.sample-item-52 { padding: 5px; border-radius: 3px; opacity: .6; }
.sample-item-53 { padding: 6px; border-radius: 4px; opacity: .7; }
.sample-item-54 { padding: 7px; border-radius: 5px; opacity: .8; }
.sample-item-55 { padding: 8px; border-radius: 1px; opacity: .9; }
.sample-item-56 { padding: 1px; border-radius: 2px; opacity: .2; }
.sample-item-57 { padding: 2px; border-radius: 3px; opacity: .3; }
.sample-item-58 { padding: 3px; border-radius: 4px; opacity: .4; }
.sample-item-59 { padding: 4px; border-radius: 5px; opacity: .5; }
.sample-item-60 { padding: 5px; border-radius: 1px; opacity: .6; }
.sample-item-61 { padding: 6px; border-radius: 2px; opacity: .7; }
.sample-item-62 { padding: 7px; border-radius: 3px; opacity: .8; }
.sample-item-63 { padding: 8px; border-radius: 4px; opacity: .9; }
.sample-item-64 { padding: 1px; border-radius: 5px; opacity: .2; }
.sample-item-65 { padding: 2px; border-radius: 1px; opacity: .3; }
.sample-item-66 { padding: 3px; border-radius: 2px; opacity: .4; }
.sample-item-67 { padding: 4px; border-radius: 3px; opacity: .5; }
.sample-item-68 { padding: 5px; border-radius: 4px; opacity: .6; }
.sample-item-69 { padding: 6px; border-radius: 5px; opacity: .7; }
.sample-item-70 { padding: 7px; border-radius: 1px; opacity: .8; }
.sample-item-71 { padding: 8px; border-radius: 2px; opacity: .9; }
.sample-item-72 { padding: 1px; border-radius: 3px; opacity: .2; }
.sample-item-73 { padding: 2px; border-radius: 4px; opacity: .3; }
.sample-item-74 { padding: 3px; border-radius: 5px; opacity: .4; }
.sample-item-75 { padding: 4px; border-radius: 1px; opacity: .5; }
.sample-item-76 { padding: 5px; border-radius: 2px; opacity: .6; }
.sample-item-77 { padding: 6px; border-radius: 3px; opacity: .7; }
.sample-item-78 { padding: 7px; border-radius: 4px; opacity: .8; }
.sample-item-79 { padding: 8px; border-radius: 5px; opacity: .9; }
.sample-item-80 { padding: 1px; border-radius: 1px; opacity: .2; }
.sample-item-81 { padding: 2px; border-radius: 2px; opacity: .3; }
.sample-item-82 { padding: 3px; border-radius: 3px; opacity: .4; }
.sample-item-83 { padding: 4px; border-radius: 4px; opacity: .5; }
.sample-item-84 { padding: 5px; border-radius: 5px; opacity: .6; }
.sample-item-85 { padding: 6px; border-radius: 1px; opacity: .7; }
.sample-item-86 { padding: 7px; border-radius: 2px; opacity: .8; }
.sample-item-87 { padding: 8px; border-radius: 3px; opacity: .9; }
.sample-item-88 { padding: 1px; border-radius: 4px; opacity: .2; }
.sample-item-89 { padding: 2px; border-radius: 5px; opacity: .3; }
.sample-item-90 { padding: 3px; border-radius: 1px; opacity: .4; }
.sample-item-91 { padding: 4px; border-radius: 2px; opacity: .5; }
.sample-item-92 { padding: 5px; border-radius: 3px; opacity: .6; }
.sample-item-93 { padding: 6px; border-radius: 4px; opacity: .7; }
.sample-item-94 { padding: 7px; border-radius: 5px; opacity: .8; }
.sample-item-95 { padding: 8px; border-radius: 1px; opacity: .9; }
.sample-item-96 { padding: 1px; border-radius: 2px; opacity: .2; }
.sample-item-97 { padding: 2px; border-radius: 3px; opacity: .3; }
.sample-item-98 { padding: 3px; border-radius: 4px; opacity: .4; }
.sample-item-99 { padding: 4px; border-radius: 5px; opacity: .5; }
.sample-item-100 { padding: 5px; border-radius: 1px; opacity: .6; }