@media print,screen and (max-width:1023px){.l-side{margin-right:0;margin-bottom:2rem}}.components-list-main{display:flex;align-items:flex-start;justify-content:flex-start;margin-top:4rem;padding:0 1rem;min-width:320px;max-width:1300px}.components-list-main .l-side__list__item.router-link-exact-active{color:#ed2d1e;font-weight:700}@media print,screen and (min-width:1023px){.components-list-main{flex-wrap:nowrap;padding-bottom:4rem}}.components-list-content{padding:0 1rem;width:100%}@media print,screen and (min-width:1023px){.components-list-content{max-width:980px}}.components-list-content pre{padding:2rem;background-color:#edeef0;border:1px solid #cacccf;color:#63666a;border-radius:4px}.components-list-content pre:not(:last-child){margin-bottom:2rem}.components-list-containers:not(:last-child){margin-bottom:4rem}.components-list-container:not(:last-child){margin-bottom:2rem}.components-list-container>:last-child{margin-bottom:0}.components-list-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-1rem 0 0 -2rem}.components-list-buttons>*{padding:1rem 0 0 2rem;width:50%}@media print,screen and (max-width:1023px){.components-list-buttons{justify-content:center;text-align:center}.components-list-buttons>*{width:100%}}.components-list-buttons--narrow>*{width:auto}.components-list-icons{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin:-1rem 0 0 -2rem}.components-list-icons>*{padding:1rem 0 0 2rem;width:20%;text-align:center}@media print,screen and (max-width:1023px){.components-list-icons>*{width:50%;word-break:break-all}}.components-list-colors{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin:-1rem 0 0 -2rem}.components-list-colors>*{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:1rem 0 0 2rem;max-width:9rem}.components-list-colors>* p{width:100%;text-align:center;font-size:14px}.components-list-colors>* p:not(:last-child){margin-bottom:.5rem}@media print,screen and (max-width:1023px){.components-list-colors>*{width:33.333%;word-break:break-all}}.components-list-color{margin-bottom:.5rem;padding:.5rem;width:4rem;height:4rem;border:1px solid #63666a}.components-list-color-code:not(:last-child),.components-list-color-variable:not(:last-child){margin-bottom:.5rem}.components-list-color-label{color:#63666a}.components-list-color-label:not(:last-child){margin-bottom:.5rem}