@media (max-width:600px){:root{font-size:3.125%}.body{min-width:300px}}.header__inner{max-width:100%}.main{padding:0}.main__inner{max-width:100%}.footer-inner{max-width:100%}.color{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:0;width:100%;height:calc(100vh - 61rem);user-select:text}.color__item{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:0;width:100%;user-select:text}.color__item-shade{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;border:1rem solid transparent;padding:0 2rem;box-sizing:border-box;cursor:pointer;overflow:hidden;font-size:10rem;user-select:none;transition:.1s}.color__item-shade[shade="0"]:hover,.color__item-shade[shade="100"]:hover,.color__item-shade[shade="150"]:hover,.color__item-shade[shade="200"]:hover,.color__item-shade[shade="300"]:hover,.color__item-shade[shade="400"]:hover,.color__item-shade[shade="50"]:hover{border:1rem solid var(--gray-900)}.color__item-shade[shade="1000"]:hover,.color__item-shade[shade="500"]:hover,.color__item-shade[shade="600"]:hover,.color__item-shade[shade="700"]:hover,.color__item-shade[shade="800"]:hover,.color__item-shade[shade="850"]:hover,.color__item-shade[shade="900"]:hover,.color__item-shade[shade="950"]:hover{border:1rem solid var(--gray-100)}