.playground-grid-page{--paper: #fff;background:#fff}.playground-grid{width:min(1560px,calc(100% - 96px));margin-inline:auto;padding-block:clamp(100px,8vw,124px) 48px}.playground-grid-heading{padding-bottom:36px;text-align:left}.playground-grid-heading h1{color:#292727;font-family:var(--serif);font-size:clamp(44px,4vw,56px);font-weight:400;line-height:1;letter-spacing:-.045em;margin:0}.playground-tabs{display:flex;gap:28px;margin-top:30px;border-bottom:1px solid #eeedef}.playground-tabs button{position:relative;padding:12px 0 15px;border:0;background:transparent;color:#807b80;font:400 15px/1.4 var(--sans);cursor:pointer}.playground-tabs button[aria-selected=true]{color:#252326}.playground-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:currentColor;border-radius:2px}.playground-tabs button:hover{color:#252326}.playground-tabs button:focus-visible{outline:2px solid #2558bd;outline-offset:5px;border-radius:3px}[data-playground-panel][hidden]{display:none!important}[data-playground-panel]:focus-visible{outline:2px solid #2558bd;outline-offset:8px}.playground-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0);white-space:nowrap;border:0}.playground-docus-card{min-width:0;margin:0}.playground-docus-frame{padding:6px;border:1px solid #e7e6e5;border-radius:13px;background:#fff}.playground-docus-card h2{margin:0;color:#69676b}.playground-grid-gallery{--masonry-columns: 3;display:grid;grid-template-columns:repeat(var(--masonry-columns),minmax(0,1fr));align-items:start;gap:32px 28px}.playground-grid-item{display:block;width:100%;min-width:0;margin:0}.playground-grid-gallery[data-masonry-ready]{position:relative;display:block}.playground-grid-gallery[data-masonry-ready]>.playground-grid-item{position:absolute;top:0;left:0;width:var(--masonry-width);transform:translate(var(--masonry-x),var(--masonry-y))}.playground-grid-card{display:block;width:100%;padding:0;border:0;background:transparent;color:#69676b;text-align:left;font:inherit;-webkit-appearance:none;appearance:none}button.playground-grid-card{cursor:zoom-in}.playground-grid-media{position:relative;display:block;width:100%;overflow:hidden;isolation:isolate;border-radius:10px;background:#f5f4f5}.playground-grid-media>img,.playground-grid-media>video{width:100%;height:100%;object-fit:contain}.playground-grid-media>video{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .25s ease}.playground-grid-media>video.is-playing{opacity:1}.playground-grid-link-indicator{position:absolute;z-index:2;inset-block-start:12px;inset-inline-end:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #e8e6e3;border-radius:50%;background:#fffffff2;color:#292727;opacity:0;pointer-events:none;transition:opacity .16s ease-out}a.playground-grid-card:hover .playground-grid-link-indicator,a.playground-grid-card:focus-visible .playground-grid-link-indicator{opacity:1}@media (hover: none){.playground-grid-link-indicator{opacity:1}}.playground-grid-card[href="/docus/"] .playground-grid-media>video{object-position:left top;transform:scale(1.02);transform-origin:left top}.playground-grid-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;font-family:var(--sans);font-size:13px;font-weight:400;line-height:1.4;transition:color .2s ease}.playground-grid-card:hover .playground-grid-caption,.playground-grid-card:focus-visible .playground-grid-caption{color:#242323}.playground-grid-card:focus-visible{outline:2px solid #2558bd;outline-offset:6px;border-radius:10px}.playground-grid-preview{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:72px 88px 40px;border:0;background:transparent;color:#fff;overscroll-behavior:contain}.playground-grid-preview::backdrop{background:#17171be8}.playground-grid-preview[open]{display:grid;place-items:center}.playground-grid-preview figure{min-width:0;width:100%;max-width:100%;margin:auto}.playground-grid-preview-media{display:flex;justify-content:center;min-width:0}.playground-grid-preview-media>img,.playground-grid-preview-media>video{width:auto;height:auto;max-width:100%;max-height:calc(100svh - 156px);object-fit:contain;border-radius:4px}.playground-grid-preview figcaption{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px 16px;padding-top:16px;text-align:center;font-size:14px;line-height:1.5}.playground-grid-preview-count{color:#ffffffa6;font-size:12px;font-variant-numeric:tabular-nums}.playground-grid-close,.playground-grid-previous,.playground-grid-next{position:fixed;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e4e2e5;border-radius:50%;background:#fff;color:#343236;cursor:pointer}.playground-grid-close{top:max(20px,env(safe-area-inset-top));right:24px}.playground-grid-previous{top:50%;left:24px;transform:translateY(-50%)}.playground-grid-next{top:50%;right:24px;transform:translateY(-50%)}.playground-grid-preview button:hover{background:#e9e9ef}.playground-grid-preview button:focus-visible{outline:2px solid #fff;outline-offset:4px}html.playground-grid-preview-open{overflow:hidden}@media (max-width: 1099px){.playground-grid{width:calc(100% - 64px)}.playground-grid-gallery{--masonry-columns: 2;column-gap:24px}}@media (max-width: 639px){.playground-grid{width:calc(100% - 40px);padding-top:100px;padding-bottom:32px}.playground-grid-heading{padding-bottom:28px}.playground-grid-heading h1{font-size:40px}.playground-grid-gallery{--masonry-columns: 1;row-gap:28px}.playground-grid-media{border-radius:8px}.playground-grid-caption{padding-top:10px;font-size:13px}.playground-grid-preview{padding:72px 16px 96px}.playground-grid-preview-media>img,.playground-grid-preview-media>video{max-height:calc(100svh - 220px)}.playground-grid-previous,.playground-grid-next{top:auto;bottom:max(20px,env(safe-area-inset-bottom));transform:none}.playground-grid-previous{left:calc(50% - 54px)}.playground-grid-next{right:calc(50% - 54px)}.playground-grid-close{top:16px;right:16px}}@media (prefers-reduced-motion: reduce){.playground-grid-media>video,.playground-grid-caption{transition:none}}.playground-grid-media.is-top-aligned>img,.playground-grid-media.is-top-aligned>video{object-position:center top}