.ui-kit{padding-top:50px;padding-bottom:80px}.ui-kit__container{max-width:1200px;margin:0 auto}.ui-kit__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-black-60);margin-bottom:8px}.ui-kit__title{font-size:48px;margin-bottom:16px}.ui-kit__subtitle{font-size:18px;color:var(--color-black-80);margin-bottom:40px;max-width:600px}.ui-kit__block{margin-bottom:60px}.ui-kit__block h2{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--color-black-10)}.ui-kit__icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:20px}.ui-kit__icon-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;border:1px solid var(--color-black-10);border-radius:4px;background:#fff;transition:transform .2s,box-shadow .2s}.ui-kit__icon-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.ui-kit__icon-item span{word-break:break-all;font-size:10px;color:var(--color-black-60)}.ui-kit__icon-wrapper{margin-bottom:8px;display:flex;align-items:center;justify-content:center;height:40px;width:100%;background-color:var(--color-black-5);border-radius:4px}.ui-kit .color-card{border:1px solid var(--color-black-10);padding:16px;background:#fff;border-radius:4px;text-align:center}.ui-kit .color-card .card-color{border:1px solid var(--color-black-10);margin:0 auto 12px;width:50px;height:50px;border-radius:2px}.ui-kit .color-card span{font-size:11px;line-height:1.2;color:var(--color-black-60)}.ui-kit__buttons{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-bottom:40px}.ui-kit__typography-item{margin-bottom:40px;padding:20px;background:#fff;border:1px solid var(--color-black-10);border-radius:4px}.ui-kit__typography-item .type-label{font-family:monospace;font-size:10px;color:var(--color-black-40);margin-bottom:15px;display:block;border-bottom:1px solid var(--color-black-5);padding-bottom:5px}.ui-kit__typography-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media screen and (max-width:767px){.ui-kit__typography-grid{grid-template-columns:1fr}}.ui-kit__forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.ui-kit__form-item{padding:24px;background:#fff;border:1px solid var(--color-black-10);border-radius:4px}.ui-kit__form-item .type-label{font-family:monospace;font-size:10px;color:var(--color-black-40);margin-bottom:20px;display:block;border-bottom:1px solid var(--color-black-5);padding-bottom:5px}.ui-kit__spacing-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media screen and (max-width:767px){.ui-kit__spacing-grid{grid-template-columns:1fr}}.ui-kit__spacing-usage b{color:var(--primary-color-brand);font-family:monospace}.ui-kit__spacing-example-item{margin-bottom:10px}.ui-kit__spacing-example-item .spacing-bar{height:10px;background:var(--primary-color-brand);opacity:.2;border-radius:2px;margin-bottom:5px}.ui-kit__dark-bg{background:#333;padding:30px;border-radius:4px;margin:20px 0}.ui-kit__dark-bg h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:14px;text-transform:uppercase;letter-spacing:1px}