.gb-public-library{--gbpl-ink:var(--gb-contrast,#0c0e0f);--gbpl-ink-hover:#22282c;--gbpl-muted:var(--gb-contrast-3,#68758c);--gbpl-chip-text:#3d4657;--gbpl-rule:#d5dcea;--gbpl-hairline:rgba(104,117,140,.28);--gbpl-line:var(--gb-base,#e6eaf5);--gbpl-page:var(--gb-base-2,#fafbff);--gbpl-white:var(--gb-base-3,#fff);--gbpl-wash:var(--gb-tint,#ebf0fc);--gbpl-panel:var(--gb-tint-2,#f2f7ff);--gbpl-pill:var(--gb-radius-pill,100px);--gbpl-card:var(--gb-radius-card,14px);--gbpl-ease:cubic-bezier(0.2,0.6,0.2,1);--gbpl-ring:0 0 0 2px var(--gbpl-page),0 0 0 4px var(--gb-accent-4,#6417ff);color:var(--gbpl-ink);font-family:var(--gb-font-body,inherit);width:100%}.gb-public-library *,.gb-public-library :after,.gb-public-library :before{box-sizing:border-box}.gb-public-library [hidden]{display:none!important}.gb-public-library h2,.gb-public-library h3,.gb-public-library p{margin:0;padding:0}.gb-public-library .gbpl-sr-only{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.gb-public-library .gbpl-loading{color:var(--gbpl-muted);font-size:17px;line-height:1.6;padding:48px 0}.gb-public-library .gbpl-filter-bar{align-items:center;border-bottom:1px solid var(--gbpl-line);border-top:1px solid var(--gbpl-line);-moz-column-gap:40px;column-gap:40px;display:flex;justify-content:space-between;padding:20px 0}.gb-public-library .gbpl-chips,.gb-public-library .gbpl-devices{display:flex;flex-wrap:wrap;gap:10px}.gb-public-library .gbpl-chip{align-items:center;background:transparent;border:1px solid var(--gbpl-rule);border-radius:var(--gbpl-pill);box-shadow:none;color:var(--gbpl-chip-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.25;margin:0;padding:8px 17px;text-transform:none;transition:background-color .24s var(--gbpl-ease),color .24s var(--gbpl-ease)}.gb-public-library .gbpl-chip:hover{background:rgba(12,14,15,.06);color:var(--gbpl-ink)}.gb-public-library .gbpl-chip[aria-checked=true],.gb-public-library .gbpl-chip[aria-pressed=true]{background:var(--gbpl-ink);border-color:var(--gbpl-ink);color:var(--gbpl-page)}.gb-public-library .gbpl-chip[aria-checked=true]:hover,.gb-public-library .gbpl-chip[aria-pressed=true]:hover{background:var(--gbpl-ink-hover);border-color:var(--gbpl-ink-hover)}.gb-public-library .gbpl-search{align-items:center;background:var(--gbpl-white);border:1px solid var(--gbpl-rule);border-radius:var(--gbpl-pill);color:var(--gbpl-ink);-moz-column-gap:10px;column-gap:10px;cursor:text;display:flex;flex-shrink:0;font-size:14px;line-height:1.25;margin:0;min-width:260px;padding:9px 17px}.gb-public-library .gbpl-search svg{color:var(--gbpl-muted);flex-shrink:0}.gb-public-library .gbpl-search input{background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;flex-grow:1;font:inherit;height:auto;margin:0;min-width:0;outline:none;padding:0}.gb-public-library .gbpl-search input::-moz-placeholder{color:var(--gbpl-muted);opacity:1}.gb-public-library .gbpl-search input::placeholder{color:var(--gbpl-muted);opacity:1}.gb-public-library .gbpl-button:focus-visible,.gb-public-library .gbpl-card:has(.gbpl-open:focus-visible) .gbpl-stage,.gb-public-library .gbpl-chip:focus-visible,.gb-public-library .gbpl-search:focus-within{box-shadow:var(--gbpl-ring);outline:none}.gb-public-library .gbpl-grid{-moz-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;row-gap:32px}.gb-public-library .gbpl-card{display:flex;flex-direction:column;min-width:0;position:relative;row-gap:14px}.gb-public-library .gbpl-stage{aspect-ratio:16/10;background:var(--gbpl-panel);border-radius:var(--gbpl-card);overflow:hidden;position:relative;transition:box-shadow .24s var(--gbpl-ease)}.gb-public-library .gbpl-dialog.is-device .gbpl-dialog-stage:after,.gb-public-library .gbpl-stage:after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--gbpl-hairline);content:"";inset:0;pointer-events:none;position:absolute;transition:box-shadow .24s var(--gbpl-ease);z-index:1}.gb-public-library .gbpl-card:hover .gbpl-stage:after{box-shadow:inset 0 0 0 1px rgba(12,14,15,.35)}.gb-public-library .gbpl-canvas{opacity:0;position:absolute;transform-origin:top left;transition:opacity .32s var(--gbpl-ease)}.gb-public-library .gbpl-canvas.is-ready{opacity:1}.gb-public-library .gbpl-canvas iframe{background:var(--gbpl-white);border:0;display:block;margin:0;max-width:none}.gb-public-library .gbpl-stage iframe{pointer-events:none}.gb-public-library .gbpl-stage:has(.gbpl-canvas.is-ready){background:var(--gbpl-white)}.gb-public-library .gbpl-placeholder{align-items:center;color:var(--gbpl-muted);display:flex;flex-direction:column;font-size:14px;gap:14px;inset:0;justify-content:center;position:absolute}.gb-public-library .gbpl-caption{color:var(--gbpl-ink);font-family:inherit;font-size:17px;font-weight:400;letter-spacing:normal;line-height:1.4}.gb-public-library button.gbpl-open{background:transparent;border:0;border-radius:var(--gbpl-card);box-shadow:none;cursor:pointer;height:100%;inset:0;margin:0;outline:none;padding:0;position:absolute;width:100%;z-index:2}.gb-public-library button.gbpl-open:focus,.gb-public-library button.gbpl-open:hover{background:transparent}.gb-public-library .gbpl-empty{align-items:center;display:flex;flex-direction:column;padding-top:64px;row-gap:20px;text-align:center}.gb-public-library .gbpl-empty p{color:var(--gbpl-muted);font-size:17px;line-height:1.6}.gb-public-library .gbpl-more{align-items:center;display:flex;flex-direction:column;margin-top:56px;row-gap:14px}.gb-public-library .gbpl-more p{color:var(--gbpl-muted);font-size:var(--gb-size-caption,16px);font-variant-numeric:tabular-nums;line-height:1.6}.gb-public-library .gbpl-button{align-items:center;background:var(--gbpl-ink);border:1px solid var(--gbpl-ink);border-radius:var(--gbpl-pill);box-shadow:none;color:var(--gbpl-page);cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:500;justify-content:center;letter-spacing:normal;line-height:1.25;margin:0;padding:14px 31px;text-align:center;text-decoration:none;text-transform:none;transition:background-color .24s var(--gbpl-ease),border-color .24s var(--gbpl-ease),color .24s var(--gbpl-ease);white-space:nowrap}.gb-public-library .gbpl-button:focus,.gb-public-library .gbpl-button:hover{background:var(--gbpl-ink-hover);border-color:var(--gbpl-ink-hover);color:var(--gbpl-page)}.gb-public-library .gbpl-button-md{font-size:15px;padding:12px 26px}.gb-public-library .gbpl-button-sm{font-size:15px;padding:11px 22px}.gb-public-library .gbpl-button-secondary{background:transparent;color:var(--gbpl-ink)}.gb-public-library .gbpl-button-secondary:focus,.gb-public-library .gbpl-button-secondary:hover{background:rgba(12,14,15,.06);border-color:var(--gbpl-ink);color:var(--gbpl-ink)}.gb-public-library .gbpl-button:disabled{background:var(--gbpl-line);border-color:var(--gbpl-line);color:var(--gbpl-muted);cursor:not-allowed;pointer-events:none}.gb-public-library .gbpl-dialog{background:var(--gbpl-page);border:0;border-radius:0;box-shadow:none;color:var(--gbpl-ink);height:100%;inset:0;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;position:fixed;width:100%}.gb-public-library .gbpl-dialog[open]{display:flex;flex-direction:column}.gb-public-library .gbpl-dialog::backdrop{background:rgba(12,14,15,.55)}.gb-public-library .gbpl-bar{align-items:center;border-bottom:1px solid var(--gbpl-line);display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 24px;position:relative}.gb-public-library .gbpl-bar-title{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.gb-public-library .gbpl-bar-name{align-items:baseline;display:flex;gap:12px;min-width:0}.gb-public-library .gbpl-dialog h2{border-radius:4px;color:var(--gbpl-ink);font-family:inherit;font-size:18px;font-weight:500;letter-spacing:normal;line-height:1.3;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-public-library .gbpl-dialog h2:focus-visible{box-shadow:var(--gbpl-ring)}.gb-public-library .gbpl-note{color:var(--gbpl-muted);font-size:13px;line-height:1.4}.gb-public-library .gbpl-dimensions,.gb-public-library .gbpl-position{color:var(--gbpl-muted);flex-shrink:0;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.gb-public-library .gbpl-devices{align-items:center;gap:8px}.gb-public-library .gbpl-dimensions{margin-left:4px;min-width:56px}.gb-public-library .gbpl-bar-actions,.gb-public-library .gbpl-nav{align-items:center;display:flex;flex-wrap:wrap;gap:10px 16px}.gb-public-library .gbpl-nav{gap:8px}.gb-public-library .gbpl-nav-button{gap:6px;padding-left:14px;padding-right:14px}.gb-public-library .gbpl-nav-button svg{flex-shrink:0}.gb-public-library .gbpl-dialog-scroll{background:var(--gbpl-white);flex:1;min-height:0;overflow:auto;padding:0}.gb-public-library .gbpl-dialog.is-device .gbpl-dialog-scroll{background:var(--gbpl-wash);padding:24px}.gb-public-library .gbpl-dialog-stage{background:var(--gbpl-white);margin:0 auto;min-height:200px;overflow:hidden;position:relative}.gb-public-library .gbpl-dialog.is-device .gbpl-dialog-stage{border-radius:12px}@media(max-width:767px){.gb-public-library .gbpl-filter-bar{align-items:stretch;flex-direction:column;padding:16px 0;row-gap:14px}.gb-public-library .gbpl-search{min-width:0;order:-1}.gb-public-library .gbpl-chips{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.gb-public-library .gbpl-chips::-webkit-scrollbar{display:none}.gb-public-library .gbpl-chip{flex-shrink:0;font-size:13px;padding:7px 14px}.gb-public-library .gbpl-devices{gap:8px}.gb-public-library .gbpl-grid{grid-template-columns:minmax(0,1fr);margin-top:28px;row-gap:26px}.gb-public-library .gbpl-card{row-gap:12px}.gb-public-library .gbpl-caption{font-size:16px}.gb-public-library .gbpl-more{margin-top:40px}.gb-public-library .gbpl-button-sm{font-size:14px;padding:9px 16px}.gb-public-library .gbpl-bar{gap:10px 12px;padding:10px 12px}.gb-public-library .gbpl-bar-title{justify-content:center;min-height:38px;padding-right:84px}.gb-public-library .gbpl-dialog h2{font-size:16px}.gb-public-library .gbpl-close{position:absolute;right:12px;top:10px}.gb-public-library .gbpl-bar-actions{gap:8px 12px;width:100%}.gb-public-library .gbpl-nav-button{padding-left:10px;padding-right:10px}.gb-public-library .gbpl-nav-label{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.gb-public-library .gbpl-dialog.is-device .gbpl-dialog-scroll{padding:12px}}@media(prefers-reduced-motion:reduce){.gb-public-library *,.gb-public-library :after,.gb-public-library :before{transition:none!important}}