.styleguide{padding:50px 0;background:#d9d9d9}.styleguide-title{margin:0}.container{max-width:600px;margin:0 auto;background:#fff;padding:20px;border-radius:8px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.color-box{text-align:center}.color{width:100px;height:100px;border-radius:4px;margin:0 auto 10px;border:1px solid #ccc}p{margin:0;font-size:14px}.light-yellow{background-color:#f6c002;opacity:.7}.white{background-color:#fff;border:1px solid #ddd}.typography,.colors-title{padding-bottom:60px;border-bottom:1px solid #303030}.gothic-title{font-size:100px;font-style:normal;font-weight:700;line-height:110%}.font-types{display:flex;gap:20px}.font-types p{font-size:20px}.typography-wrapper{margin:50px 0}.headline-wrapper{padding-bottom:50px;display:flex;gap:300px;border-bottom:1px solid #303030}.headline-items *{margin:0}.headline-items{display:flex;flex-direction:column;gap:20px}.headline-title{font-size:18px;font-style:normal;font-weight:400;line-height:25px;text-transform:uppercase}.text-samples{padding:50px 0;gap:300px;border-bottom:1px solid #303030}.text-samples p{font-size:18px}.text-samples .size-16{font-size:16px;line-height:26px}.text-samples span{font-size:14px;line-height:normal;color:#696969}.text-samples-content{gap:45px;max-width:500px}.text-samples-title,.headline-title{width:200px}.elements{padding:50px 0;gap:300px;border-bottom:1px solid #303030}.elements .elements-title{width:200px}.elements .elements-content{gap:20px;width:100%;align-items:flex-start}.elements .pagination__list{width:100%;justify-content:flex-start;gap:8px}.elements .pagination-prev,.elements .pagination-next{max-width:fit-content}.elements .pagination-prev .pagination__item,.elements .pagination-next .pagination__item{border:none}.elements .pagination__item-arrow{gap:8px}.elements .pagination__item{color:#303030;font-size:16px;font-style:normal;font-weight:400;line-height:26px;padding:25px;border:1px solid #303030}.elements .pagination-btn{color:#303030;font-size:18px;font-style:normal;font-weight:600;line-height:26px;letter-spacing:-.54px}.elements .pagination__item--current{padding:25px;background-color:#eb521b;color:#fff;border:1px solid #EB521B}.elements .pagination__item--current:after{content:none}.elements .checkbox-container{padding-top:20px;display:flex;flex-direction:column;gap:15px}.elements .notification-container{padding-top:50px}
