.whp-logo-library{padding:82px 0 94px!important;background:#131f28;color:#bac8d0}.whp-logo-library__header{max-width:920px;margin:0 auto 38px;text-align:center}.whp-logo-library__header>span{display:block;margin-bottom:10px;color:#fa8705;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.whp-logo-library h2,.whp-logo-library h3{color:#fff}.whp-logo-library__header h2{margin:0 0 16px;font-size:43px}.whp-logo-library__header p{margin:0;font-size:18px;line-height:1.72}.whp-logo-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.whp-logo-links>div,.whp-logo-links>a{display:flex;gap:15px;align-items:center;min-height:90px;padding:20px;background:#1a2834;border:1px solid #2b3b47;border-radius:11px;color:#b8c6ce}.whp-logo-links>a:hover{border-color:#fa8705;text-decoration:none}.whp-logo-links i{display:grid;flex:0 0 42px;height:42px;place-items:center;border-radius:9px;background:rgba(250,135,5,.13);color:#fa8705}.whp-logo-links p,.whp-logo-links span{display:flex;margin:0;flex-direction:column;line-height:1.5}.whp-logo-links strong{color:#fff}.whp-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.whp-logo-card{overflow:hidden;background:#1a2834;border:1px solid #2b3d49;border-radius:13px}.whp-logo-card--hosted{grid-column:1/-1}.whp-logo-card__preview{display:grid;min-height:255px;padding:38px;place-items:center}.whp-logo-card__preview--dark{background:#0b1720}.whp-logo-card__preview--light{background:#eef1f2}.whp-logo-card__preview--split{background:linear-gradient(90deg,#0b1720 0 50%,#eef1f2 50%)}.whp-logo-card__preview img{display:block;max-width:min(100%,460px);max-height:150px;width:auto;height:auto;object-fit:contain}.whp-logo-card:not(.whp-logo-card--wide) .whp-logo-card__preview img{max-width:180px;max-height:150px}.whp-logo-card--hosted .whp-logo-card__preview{min-height:190px}.whp-logo-card--hosted .whp-logo-card__preview img{max-width:350px}.whp-logo-card__content{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:25px}.whp-logo-card__content>div:first-child{max-width:520px}.whp-logo-card__content span{color:#fa8705;font-size:13px;font-weight:700;text-transform:uppercase}.whp-logo-card__content h3{margin:5px 0 8px;font-size:22px}.whp-logo-card__content p{margin:0;line-height:1.6}.whp-logo-card__actions{display:flex;flex:0 0 auto;gap:9px}.whp-logo-card__actions button,.whp-logo-card__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:6px;font-size:14px;font-weight:700;line-height:1;color:#fff}.whp-logo-card__actions button{background:#394a50;border:1px solid #394a50}.whp-logo-card__actions button:hover{background:#465b63}.whp-logo-card__actions a{background:rgba(198,105,3,.88);border:1px solid rgba(250,135,5,.5)}.whp-logo-card__actions a:hover{background:#fa8705;color:#fff}.whp-logo-card__actions i{margin-right:6px}.whp-logo-code{display:block;width:calc(100% - 50px);min-height:92px;margin:0 25px 25px;padding:13px;resize:vertical;background:#0b1720;border:1px solid #30434e;border-radius:8px;color:#aebec7;font-family:Consolas,monospace;font-size:12px;line-height:1.5}.whp-logo-note{display:flex;gap:20px;align-items:flex-start;margin-top:26px;padding:27px 30px;background:#1a2834;border-radius:11px}.whp-logo-note>i{margin-top:3px;color:#fa8705;font-size:25px}.whp-logo-note h3{margin:0 0 8px;font-size:21px}.whp-logo-note p{margin:0;line-height:1.65}@media(max-width:991px){.whp-logo-links{grid-template-columns:1fr}.whp-logo-grid{grid-template-columns:1fr}.whp-logo-card--hosted{grid-column:auto}.whp-logo-card__content{align-items:flex-start;flex-direction:column}}@media(max-width:767px){.whp-logo-library{padding:58px 0 68px!important}.whp-logo-library__header h2{font-size:32px}.whp-logo-card__preview{min-height:210px;padding:25px}.whp-logo-card__content{padding:21px}.whp-logo-card__actions{width:100%;flex-wrap:wrap}.whp-logo-card__actions button,.whp-logo-card__actions a{flex:1}.whp-logo-code{width:calc(100% - 42px);margin:0 21px 21px}.whp-logo-note{padding:24px 20px}}
