.embed-snippets-page{min-height:calc(100vh - 4rem);padding-bottom:4.5rem}@media (min-width:768px){.embed-snippets-page{padding-bottom:2rem}}.embed-snippets-page .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;font-size:1.25rem}.embed-snippets-page .material-symbols-outlined.mso-lg{font-size:1.875rem}.embed-snippets-page .material-symbols-outlined.mso-sm{font-size:1rem}.embed-snippets-inner{width:100%;max-width:80rem;margin:0 auto;padding:0}.embed-page-header{margin-bottom:3rem}.embed-page-header h1{letter-spacing:-.03em;color:#17124a;margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:500;line-height:1.1}.embed-page-header .embed-lead{color:#5e5d59;max-width:42rem;margin:0;font-size:1.25rem;line-height:1.6}.embed-page-header .embed-meta{color:#5e5d59;max-width:50rem;margin:1rem 0 0;font-size:.875rem;line-height:1.6}.embed-page-header code{background:#fff;border:1px solid #e6e4f2;border-radius:4px;padding:.1em .35em;font-size:.85em}.embed-bento{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.embed-bento{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:2rem}}.embed-tools-heading{text-transform:uppercase;letter-spacing:.12em;color:#87867f;margin:0 0 1rem;font-size:.75rem;font-weight:500}.embed-tools-column{flex-direction:column;gap:0;min-width:0;display:flex}.embed-tool-search{margin-bottom:1rem}.embed-tool-search-label{color:#5e5d59;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.embed-tool-search-wrap{align-items:center;display:flex;position:relative}.embed-tool-search-icon{color:#87867f;pointer-events:none;font-size:1.125rem;position:absolute;left:.65rem}.embed-tool-search-input{width:100%;font:inherit;color:#17124a;background:#fff;border:1px solid #e6e4f2;border-radius:6px;padding:.55rem .75rem .55rem 2.35rem;font-size:.875rem}.embed-tool-search-input:focus{border-color:#1c169a;outline:none;box-shadow:0 0 0 2px #1c169a22}.embed-tool-search-input::placeholder{color:#a8a69e}.embed-tool-search-empty{color:#5e5d59;margin:0 0 1rem;font-size:.875rem}.embed-custom-css{border-top:1px solid #e8e8f4;margin-top:1.25rem;padding-top:1.25rem}.embed-custom-css-label{color:#17124a;margin:0 0 .35rem;font-size:.75rem;font-weight:500;display:block}.embed-custom-css-optional{color:#87867f;font-weight:400}.embed-custom-css-hint{color:#5e5d59;margin:0 0 .5rem;font-size:.75rem;line-height:1.5}.embed-custom-css-hint code{background:#fff;border:1px solid #e6e4f2;border-radius:3px;padding:.05em .3em;font-size:.9em}.embed-custom-css-input{color:#17124a;resize:vertical;background:#fff;border:1px solid #e6e4f2;border-radius:6px;width:100%;min-height:5rem;margin:0;padding:.65rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.45}.embed-custom-css-input:focus{border-color:#1c169a;outline:none;box-shadow:0 0 0 2px #1c169a22}.embed-panel-empty{color:#5e5d59;background:#fff;border:1px dashed #e6e4f2;border-radius:6px;padding:2rem;font-size:.95rem;line-height:1.5}.embed-panel-empty p{margin:0}.embed-tool-list{flex-direction:column;gap:1rem;max-height:min(70vh,560px);padding-right:.25rem;display:flex;overflow-y:auto}.embed-tool-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #e8e8f4;padding:1.25rem;transition:border-color .15s,background .15s;display:block}.embed-tool-card:hover{border-color:#1c169a}.embed-tool-card.is-active{background:#fff;border-color:#e6e4f2;box-shadow:inset 0 0 0 1px #1c169a33}.embed-tool-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.embed-tool-card .embed-tool-icon{color:#5e5d59}.embed-tool-card:hover .embed-tool-icon,.embed-tool-card.is-active .embed-tool-icon{color:#1c169a}.embed-tool-badge{color:#5e5d59;background:#f5f5fc;border:1px solid #e6e4f2;flex-shrink:0;padding:.2rem .5rem;font-size:10px}.embed-tool-card h4{color:#17124a;margin:0 0 .25rem;font-size:1.125rem;font-weight:500}.embed-tool-card p{color:#5e5d59;margin:0;font-size:.875rem;line-height:1.45}.embed-panel{flex-direction:column;gap:2rem;display:flex}.embed-preview-card{background:#fff;border:1px solid #e8e8f4;padding:2rem;box-shadow:0 4px 24px #0000000d}.embed-preview-card-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.embed-preview-card-header h3{color:#17124a;margin:0;font-size:1.25rem;font-weight:500}.embed-preview-dots{gap:.5rem;display:flex}.embed-preview-dots span{background:#e6e4f2;border-radius:9999px;width:12px;height:12px}.embed-preview-frame-wrap{background:#fff;border:1px solid #e6e4f2;max-width:100%;margin:0 auto;padding:1.5rem;box-shadow:0 0 #e6e4f2,0 0 0 1px #d1cfc5}.embed-preview-frame-wrap iframe{background:#fff;border:0;width:100%;min-height:280px;display:block}.embed-preview-meta{border-top:1px solid #e8e8f4;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;display:flex}.embed-preview-meta dt{color:#87867f;margin:0;font-size:.75rem}.embed-preview-meta dd{color:#17124a;margin:0;font-size:.75rem;font-weight:500}.embed-preview-meta>div{align-items:center;gap:.5rem;display:flex}.embed-code-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.embed-code-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.embed-code-block label{color:#17124a;margin-bottom:.75rem;font-size:.875rem;font-weight:500;display:block}.embed-code-block-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.embed-code-block-header label{margin:0}.embed-code-pre{color:#b0aea5;white-space:pre-wrap;word-break:break-word;background:#161059;border:1px solid #1c169a;min-height:8rem;max-height:10rem;margin:0 0 .75rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow:auto}.embed-code-hint{color:#5e5d59;margin:0;font-size:.75rem;line-height:1.6}.embed-copy-link{font:inherit;color:#1c169a;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-size:.75rem;text-decoration:underline;display:inline-flex}.embed-copy-link:hover{color:#2a21c4}.embed-copy-primary{font:inherit;color:#17124a;cursor:pointer;background:#fff;border:1px solid #e6e4f2;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.embed-copy-primary:hover{color:#1c169a;border-color:#1c169a}.embed-config-section{border-top:1px solid #e8e8f4;margin-top:1.25rem;padding-top:1.25rem}.embed-config-title{text-transform:uppercase;letter-spacing:.12em;color:#87867f;margin:0 0 1rem;font-size:.75rem;font-weight:500}.embed-config-block{margin-bottom:1.25rem}.embed-config-block:last-of-type{margin-bottom:0}.embed-config-label{text-transform:uppercase;letter-spacing:.08em;color:#5e5d59;margin:0 0 .5rem;font-size:.7rem;font-weight:600;display:block}.embed-theme-list{flex-direction:column;gap:.35rem;display:flex}.embed-theme-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #e6e4f2;border-radius:6px;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;transition:border-color .15s,background .15s;display:flex}.embed-theme-row:hover{border-color:#1c169a}.embed-theme-row.is-selected{background:#fff;border-color:#1c169a;box-shadow:inset 0 0 0 1px #1c169a33}.embed-theme-check{color:#e6e4f2;flex-shrink:0;margin-top:.05rem;font-size:1.125rem!important}.embed-theme-check.is-on{color:#1c169a;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.embed-theme-row-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.embed-theme-row-name{color:#17124a;font-size:.875rem;font-weight:500}.embed-theme-row-hint{color:#87867f;font-size:.75rem}.embed-segmented{flex-wrap:wrap;gap:.35rem;display:flex}.embed-segment-btn{min-width:0;font:inherit;color:#5e5d59;cursor:pointer;background:#fff;border:1px solid #e6e4f2;border-radius:6px;flex:auto;padding:.45rem .5rem;font-size:.72rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.embed-segment-btn:hover{color:#17124a;border-color:#1c169a}.embed-segment-btn.is-active{color:#fff;background:#1c169a;border-color:#1c169a}.embed-check-row{color:#17124a;cursor:pointer;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.875rem;display:flex}.embed-check-row:last-child{margin-bottom:0}.embed-check-row input{accent-color:#1c169a;width:1rem;height:1rem}.embed-domain-note{background:#fff;border:1px solid #e6e4f2;border-radius:6px;gap:.65rem;margin-top:1rem;padding:.75rem .85rem;display:flex}.embed-domain-note-icon{color:#5e5d59;flex-shrink:0;font-size:1.25rem!important}.embed-domain-note p{color:#5e5d59;margin:0;font-size:.75rem;line-height:1.5}.embed-preview-frame-wrap.is-fixed-canvas{max-width:100%;margin-left:auto;margin-right:auto}.embed-preview-frame-wrap[data-canvas=fixed_400]{max-width:28rem}.embed-preview-frame-wrap[data-canvas=fixed_600]{max-width:40rem}.embed-implementation{margin-top:.5rem}.embed-implementation-head{margin-bottom:1rem}.embed-implementation-title{color:#17124a;margin:0 0 .25rem;font-size:1.125rem;font-weight:500}.embed-implementation-sub{color:#5e5d59;margin:0;font-size:.8rem}.embed-snippet-tabs{border-bottom:1px solid #e6e4f2;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;padding-bottom:.25rem;display:flex}.embed-snippet-tab{font:inherit;color:#5e5d59;cursor:pointer;background:0 0;border:none;border-radius:6px 6px 0 0;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:color .15s,background .15s}.embed-snippet-tab:hover{color:#17124a;background:#fff}.embed-snippet-tab.is-active{color:#17124a;background:#fff;box-shadow:inset 0 -2px #1c169a}.embed-snippet-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.embed-snippet-toolbar-label{text-transform:uppercase;letter-spacing:.06em;color:#87867f;font-size:.75rem;font-weight:600}.embed-code-pre--tabbed{min-height:10rem;max-height:14rem;margin-bottom:.75rem}.embed-pro-tip{background:#fff;border:1px solid #e6e4f2;border-radius:6px;gap:.65rem;margin-top:.25rem;padding:.85rem 1rem;display:flex}.embed-pro-tip-icon{color:#1c169a;flex-shrink:0;font-size:1.35rem!important}.embed-pro-tip p{color:#5e5d59;margin:0;font-size:.8rem;line-height:1.55}.embed-pro-tip strong{color:#17124a}.embed-pro-tip a{color:#1c169a;font-weight:500}.embed-pro-tip code{background:#fff;border:1px solid #e6e4f2;border-radius:3px;padding:.05em .3em;font-size:.9em}.embed-guide{color:#b0aea5;background:#17124a;padding:2rem}.embed-guide h3{color:#fff;margin:0 0 1rem;font-size:1.125rem;font-weight:500}.embed-guide ol{flex-direction:column;gap:1rem;margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.55;display:flex}.embed-guide li::marker{color:#1c169a}.embed-guide strong,.embed-guide .embed-guide-em{color:#fff;font-weight:500}.embed-mobile-bar{z-index:50;background:#f5f5fc;border-top:1px solid #e8e8f4;justify-content:space-around;padding:.75rem 0;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.embed-mobile-bar{display:none}}.embed-mobile-item{font:inherit;color:#5e5d59;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;padding:0;font-size:10px;text-decoration:none;display:flex}a.embed-mobile-item:hover{color:#17124a}.embed-mobile-item.is-active{color:#1c169a;font-weight:500}.embed-mobile-item.is-active .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}