section{margin-bottom:2rem;padding:1rem;border-bottom:1px solid #ddd}.color-tile{width:150px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;border:1px solid #ddd;margin-bottom:1rem;border-radius:.5rem}.color-code{font-size:.75rem}.spacing{width:100%;border-collapse:collapse;margin-top:20px}.spacing,.spacing th,.spacing td{border:1px solid #ddd}.spacing th,.spacing td{padding:10px;text-align:left;vertical-align:middle}.spacing th{background-color:#f8f9fa;color:#333}.spacing td{background-color:#fff}.size-bar{height:20px;background-color:#a7c8f5;border-radius:5px}.size-bar-wrapper{background-color:#f0f0f0;padding:5px;border-radius:5px}