.birds-gbis{max-width:940px;margin:0 auto;color:#173c48;line-height:1.65}
.birds-gbis .gbis-kicker{font:600 .8rem/1.4 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#466b62}
.birds-gbis .gbis-intro{font-size:1.15rem;max-width:760px}
.birds-gbis h2{margin:2rem 0 .7rem;line-height:1.22}
.birds-gbis .gbis-tool{padding:1.5rem;border:1px solid #cbd9d0;border-radius:18px;background:#fff}
.birds-gbis .gbis-tool h2{margin-top:0}
.birds-gbis .gbis-controls{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.3fr;gap:1rem;align-items:end}
.birds-gbis label{display:block;font:600 .85rem/1.4 system-ui,sans-serif;margin-bottom:.45rem}
.birds-gbis input,.birds-gbis select{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #8caaa1;border-radius:7px;background:#fff;color:#173c48;font:1rem system-ui,sans-serif;padding:.6rem}
.birds-gbis input[type=color]{padding:.2rem;cursor:pointer}
.birds-gbis input[aria-invalid=true]{border-color:#a43030;outline:1px solid #a43030}
.birds-gbis input:focus-visible,.birds-gbis select:focus-visible,.birds-gbis a:focus-visible{outline:3px solid #af7e21;outline-offset:3px}
.birds-gbis .gbis-preview{--gbis-size:96px;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}
.birds-gbis figure{margin:0;text-align:center;border-radius:12px;border:1px solid #cbd9d0;overflow:hidden;background:#f7faf7}
.birds-gbis [data-icon]{display:flex;align-items:center;justify-content:center;min-height:190px;padding:24px;box-sizing:border-box}
.birds-gbis [data-icon] svg{display:block;width:var(--gbis-size);height:var(--gbis-size)}
.birds-gbis figcaption{padding:.6rem 1rem;background:#edf3ed;font:600 .9rem system-ui,sans-serif;color:#173c48}
.birds-gbis [data-background=dark] [data-icon]{background:#172b32}
.birds-gbis [data-background=checker] [data-icon]{background-color:#fff;background-image:linear-gradient(45deg,#e0e7e2 25%,transparent 25%),linear-gradient(-45deg,#e0e7e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e7e2 75%),linear-gradient(-45deg,transparent 75%,#e0e7e2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.birds-gbis .gbis-current,.birds-gbis .gbis-note{font-size:.9rem;color:#45675e}
.birds-gbis .gbis-current{margin-bottom:0;font-family:system-ui,sans-serif}
.birds-gbis .gbis-error{color:#a43030;font-size:.9rem}
.birds-gbis [hidden]{display:none!important}
.birds-gbis .gbis-download{padding:0 .1rem .5rem}
.birds-gbis .gbis-button{display:inline-block;background:#173c48;color:#fff!important;text-decoration:none!important;padding:.8rem 1.1rem;border-radius:7px;font:600 .95rem/1.4 system-ui,sans-serif}
.birds-gbis .gbis-button:hover{background:#245c63}
.birds-gbis .gbis-license{display:inline-block;margin:.6rem 0 .6rem 1rem}
.birds-gbis .gbis-full-pack{display:grid;grid-template-columns:190px 1fr;gap:1.3rem;align-items:center;background:#edf3ed;border-radius:15px;padding:1.2rem;margin:1.2rem 0}
.birds-gbis .gbis-full-pack img{width:100%;height:auto;border-radius:8px}
.birds-gbis .gbis-full-pack h3{margin:0}
.birds-gbis code{font-size:.9em;overflow-wrap:anywhere}
@media(max-width:700px){.birds-gbis .gbis-controls{grid-template-columns:1fr 1fr}.birds-gbis .gbis-tool{padding:1rem}.birds-gbis .gbis-full-pack{grid-template-columns:120px 1fr}}
@media(max-width:420px){.birds-gbis .gbis-preview{gap:.6rem}.birds-gbis [data-icon]{padding:12px;min-height:165px}.birds-gbis .gbis-full-pack{grid-template-columns:1fr}.birds-gbis .gbis-full-pack img{max-width:180px}.birds-gbis .gbis-license{margin-left:0;display:block}}