.examples-page{width:var(--docs-page-max-width)}.examples-page .page-heading{margin-bottom:48px}.examples-page .text-title{color:var(--text-primary);margin-bottom:8px;line-height:44px}.examples-page .text-tagline{color:var(--text-secondary);font-size:18px;line-height:24px}.search-section{margin-bottom:48px;display:flex}.search-section .search-bar{flex:1 1 100%;margin-right:12px;height:32px;position:relative}.search-section .search-bar input{width:100%;height:100%;padding-left:32px;padding-right:32px;font-size:14px;line-height:20px;border-color:var(--gray-300)}.search-section .search-bar input:focus{box-shadow:none}.search-section .search-bar.filled input{border:1px solid var(--green-600)}.search-section .search-bar ::-moz-placeholder{color:var(--text-disabled)}.search-section .search-bar ::placeholder{color:var(--text-disabled)}.search-section .search-bar svg.search-icon{position:absolute;height:100%;color:#a9a9ba;margin-left:12px}.search-section .search-bar svg.close-button{position:absolute;height:100%;color:#a9a9ba;margin-left:-32px;cursor:pointer}.search-section .category-dropdown{flex:1 1 50%}@media (max-width: 950px){.search-section{flex-flow:column}.search-section .search-bar{margin-right:0;margin-bottom:12px}.search-section .search-section{margin-bottom:32px}}.examples-grid{display:grid;flex-wrap:wrap;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:32px;max-width:100%}.examples-grid .no-results{width:200%;text-align:center;margin-top:112px}.examples-grid .no-results .body-small{margin-top:8px}.examples-grid .no-results .body-small a{text-decoration:none;margin-left:3px}@media (max-width: 950px){.examples-grid{grid-template-columns:1fr}.examples-grid .example-preview-item{flex-basis:100%;max-width:100%}.examples-grid .no-results{width:100%}}.example-avatar{height:48px;width:48px;display:inline-block;border-radius:4px;text-align:center;flex:0 0 auto}.example-avatar svg{height:100%;width:32px;color:#fff}.example-details-parameter-row{display:flex}.example-details-parameter-row .stop-seq-container{display:inline-block}.example-details-parameter-row .param-snippet,.example-details-parameter-row .restart-sequence,.example-details-parameter-row .start-sequence{color:var(--gray-900);font-family:var(--monospace);font-size:12px;font-weight:400;line-height:20px;padding:2px 2px 0;margin:2px;display:inline-block;border-radius:4px;background:rgba(237,238,241,.5);border-bottom:1px solid var(--gray-100)}.example-details-content{display:flex;flex-direction:column}.example-details .modal-dialog{padding:38px 42px 0;box-sizing:border-box;max-height:80vh;overflow:auto}.example-details .modal-dialog:after{content:"";height:38px;display:block}.example-details .modal-dialog .details-header{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.example-details .modal-dialog .details-header .details-header-text{margin-left:16px}.example-details .modal-dialog .details-title{color:var(--text-primary);font-size:20px;line-height:28px;font-weight:700;margin-bottom:4px}.example-details .modal-dialog .left-header{display:flex;margin-right:12px}.example-details .modal-dialog .left-header .example-avatar{height:56px;width:56px;flex:0 0 56px}.example-details .modal-dialog .left-header .tag{display:inline-block;border:1px solid var(--gray-100);background-color:var(--gray-50);color:var(--text-secondary);border-radius:8px;padding:4px 8px;font-size:14px;line-height:20px;margin-right:4px}.example-details .modal-dialog .right-header{display:flex;align-items:center;font-variant-numeric:tabular-nums}.example-details .modal-dialog .right-header a{text-decoration:none}.example-details .modal-dialog .details-description{margin-top:31px;width:60%;font-size:16px;line-height:24px}.example-details .modal-dialog .parameter-label{font-size:14px;font-weight:400;line-height:28px;color:var(--gray-600);width:120px;display:inline-block;margin-right:24px}.example-details .modal-dialog .parameter-value{font-size:14px;font-weight:400;line-height:28px;color:var(--gray-900);font-variant-numeric:tabular-nums}.example-details .modal-dialog .prompt,.example-details .modal-dialog .response-text{white-space:pre-wrap;background-color:var(--pill-success-bg);font-size:14px;line-height:20px;padding:16px;margin-top:12px;border-radius:8px;color:var(--pill-success-text)}@media (max-width: 700px){.example-details .modal-dialog .details-description{width:100%}}.example-details .body-large.bold{margin-top:32px;margin-bottom:12px}@media (max-width: 950px){.example-details .modal-dialog{width:100vh;max-height:100vh;height:100vh;padding:24px;border-radius:0;border:none;margin:0}.example-details .modal-dialog .modal-close{display:block}.example-details .modal-dialog .details-header,.example-details .modal-dialog .left-header{flex-flow:column}.example-details .modal-dialog .details-header .details-header-text,.example-details .modal-dialog .left-header .details-header-text{margin-left:0;margin-top:12px}.example-details .modal-dialog .details-header .right-header,.example-details .modal-dialog .left-header .right-header{margin-top:22px}.example-details .modal-dialog .details-header{padding-bottom:12px}}
