.highlighted-code_highlightedCode__S6N3x:not(#highlighted-code_____OWScD):not(#highlighted-code_____OWScD){--c-line-numbers:#fff;font-family:var(--ff-highlighted-code,'"Roboto Mono", ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo');font-weight:400;font-size:.875rem;line-height:200%;letter-spacing:-.02em}.highlighted-code_highlightedCodeLineNumbers__p3nLW:not(#highlighted-code_____OWScD):not(#highlighted-code_____OWScD) [data-line-number]:before{display:inline-flex;align-items:center;justify-content:center;width:2rem;content:attr(data-line-number);margin-inline-end:.5rem;color:var(--c-line-numbers)}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6){--modal-z-index:1100;--modal-width:32rem;--modal-padding:clamp(2rem,10vw,3rem);--modal-border-radius:24px;position:relative;display:block;pointer-events:none;opacity:0;z-index:var(--modal-z-index);transition:opacity .3s ease-out}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__wrap{top:150%;left:50%;transform:translate(-50%,-50%);position:fixed;transition:top 0s;transition-delay:.5s}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__wrap .modal__content{transition:transform .4s cubic-bezier(.32,.72,0,1);transform:translateY(-48px)}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__content{width:min(95vw,var(--modal-width));background:#fff;position:relative;overflow:hidden;border-radius:var(--modal-border-radius)}.modal_modal__AygK3:not(#modal_____8M1H6) .modal__content .modal__close-button{border-radius:100%!important}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__content .modal__close-button{display:flex;align-items:center;justify-content:center;position:absolute;top:16px;right:16px;z-index:1;background:var(--c-indigo-40);color:var(--c-carbon-90);padding:0;text-align:center;border:0;height:1.625rem;width:1.625rem;outline:0}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__content .modal__close-button ion-icon{color:#fff;vertical-align:middle}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__body{padding:clamp(.5rem,8vw,var(--modal-padding));max-height:calc(100vh - 100px);overflow:auto}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__body h1,.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__body h2,.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__body h3,.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__body h4,.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__body h5{margin-top:0}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__body .heading-group{margin-block-end:2rem}.modal_modal__AygK3:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__backdrop{position:fixed;cursor:pointer;background:#000;opacity:0;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .22s cubic-bezier(.32,.72,0,1) .2s}.modal_modalOpen__VXW6A:not(#modal_____8M1H6):not(#modal_____8M1H6){opacity:1;pointer-events:all;visibility:visible;transition:opacity .3s ease-out}.modal_modalOpen__VXW6A:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__backdrop{opacity:.4;pointer-events:all;transition:opacity .22s cubic-bezier(.32,.72,0,1)}.modal_modalOpen__VXW6A:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__wrap{top:50%;display:block;transition:top 0s;transition-delay:0s}.modal_modalOpen__VXW6A:not(#modal_____8M1H6):not(#modal_____8M1H6) .modal__wrap .modal__content{transform:translateY(0)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp){--spacing-x:1rem;margin-block-start:-1rem;margin-inline-start:auto;margin-inline-end:auto;opacity:0;transition:opacity .8s ease-out}.hubspot-form_hubspotFormLoaded__N9B7t:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp){opacity:1}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .button-position--start input[type=submit]{float:left}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .button-position--end input[type=submit]{float:right}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .button-position--center input[type=submit]{margin-inline-start:auto;margin-inline-end:auto}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .button-position--full input[type=submit]{width:100%}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hide-labels fieldset label:not(.hs-error-msg){display:none}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hide-labels .hs-input{margin-block-start:1rem}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hubspot-override fieldset{max-width:100%}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hubspot-override fieldset.form-columns-1 .hs-input:not([type=checkbox]),.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hubspot-override fieldset.form-columns-1 select,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hubspot-override fieldset.form-columns-1 textarea{width:100%}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hubspot-override fieldset.form-columns-1 .input{margin-inline-end:0}@media(min-width:401px){.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hubspot-override fieldset.form-columns-2>:first-child{width:calc(50% + var(--spacing-x)/2)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hubspot-override fieldset.form-columns-2>:nth-child(2){width:calc(50% - var(--spacing-x)/2)}}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hubspot-override fieldset.form-columns-2 .input{margin-inline-end:var(--spacing-x)}@media(max-width:400px),(min-device-width:320px)and (max-device-width:480px){.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hubspot-override fieldset.form-columns-2 .input{margin-inline-end:0}}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .form-columns-2 .hs-form-field+.hs-form-field .input{margin-inline-end:0}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-form-required{display:none}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) fieldset label{display:flex;align-items:flex-start;color:var(--c-carbon-100);font-size:.813rem;line-height:160%;letter-spacing:.01em;margin-block-start:1.25rem;margin-block-end:.375rem}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-error-msg{margin-block-start:.5rem;margin-block-end:0;display:flex;align-items:flex-start;font-size:.75rem;line-height:120%;letter-spacing:.01em;color:var(--c-red-90)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-error-msg:before{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik02IC4zMUE1LjcgNS43IDAgMCAwIC4zMSA2IDUuNyA1LjcgMCAwIDAgNiAxMS42OSA1LjcgNS43IDAgMCAwIDExLjY5IDYgNS43IDUuNyAwIDAgMCA2IC4zMVptLjY2IDguNTNINS4zNFY3Ljc1aDEuMzJ2MS4xWm0wLTIuNEg1LjM0di0zLjVoMS4zMnYzLjVaIgogICAgZmlsbD0iI0UyMTgyNyIKICAvPgo8L3N2Zz4K);margin-inline-end:.188rem;margin-block-start:.063rem}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs_error_rollup label{margin-block-start:.5rem;margin-block-end:.5rem;display:flex;align-items:flex-start;font-size:.75rem;line-height:120%;letter-spacing:.01em;color:var(--c-red-90)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs_error_rollup label:before{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik02IC4zMUE1LjcgNS43IDAgMCAwIC4zMSA2IDUuNyA1LjcgMCAwIDAgNiAxMS42OSA1LjcgNS43IDAgMCAwIDExLjY5IDYgNS43IDUuNyAwIDAgMCA2IC4zMVptLjY2IDguNTNINS4zNFY3Ljc1aDEuMzJ2MS4xWm0wLTIuNEg1LjM0di0zLjVoMS4zMnYzLjVaIgogICAgZmlsbD0iI0UyMTgyNyIKICAvPgo8L3N2Zz4K);margin-inline-end:.188rem;margin-block-start:.063rem}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-input:not([type=checkbox]),.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;border:none;border-radius:8px;box-shadow:0 0 0 1px var(--c-indigo-40);outline:2px solid transparent;padding:.938rem 1rem;font-size:1rem;line-height:160%;letter-spacing:.01em;transition:box-shadow .2s ease-out}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-input:not([type=checkbox])::-moz-placeholder,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) textarea::-moz-placeholder{color:var(--c-indigo-70)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-input:not([type=checkbox])::placeholder,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) textarea::placeholder{color:var(--c-indigo-70)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-input:not([type=checkbox]):hover,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) textarea:hover{box-shadow:0 0 0 1px var(--c-indigo-50)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-input:not([type=checkbox]):active,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-input:not([type=checkbox]):focus,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) textarea:active,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) textarea:focus{box-shadow:0 0 0 2px var(--c-blue-90)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-input:not([type=checkbox]).hs-input.error,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) textarea.hs-input.error{box-shadow:0 0 0 2px var(--c-red-60)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-input:not([type=checkbox]){height:calc(3.5rem - 2px)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) select{padding-inline-end:3rem;background-color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS4yNS42MyA4IDcuMzggMTQuNzUuNjMiIHN0cm9rZT0iIzQ0NUI3OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");background-size:.875em;background-position:calc(100% - 1em);background-repeat:no-repeat}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) select:active{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNzUgNy4zOCA4IC42MyAxLjI1IDcuMzgiIHN0cm9rZT0iIzQ0NUI3OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) select:hover{cursor:pointer}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-richtext{font-size:.75rem;margin-block-start:.75rem}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-richtext a,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-richtext span{display:inline}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-form-booleancheckbox-display,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-form-checkbox-display{display:flex;align-items:center;margin-block-start:.5rem}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-form-booleancheckbox-display input,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .hs-form-checkbox-display input{height:auto;width:auto;margin-inline-end:.5rem}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .multi-container{overflow:hidden}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .multi-container li:nth-last-child(n+6):first-child,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .multi-container li:nth-last-child(n+6):first-child~li{width:50%;float:left;padding-right:11px}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .multi-container li:nth-last-child(n+6):first-child~li:nth-child(2n){padding-right:0;padding-left:11px}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .submitted-message{font-size:1.25rem;padding:2rem 0;color:#35af55;background-color:transparent;margin:0 auto}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .submitted-message p:first-of-type:before{content:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDIgNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIxIDQyYTIxIDIxIDAgMSAwIDAtNDIgMjEgMjEgMCAwIDAgMCA0MnoiIGZpbGw9IiNEM0YzREIiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMy44NyAyMC45N2ExLjc1IDEuNzUgMCAwIDAtMi41NCAyLjRsMi41NC0yLjR6bTMuNTkgNi4zMy0xLjI3IDEuMmExLjc1IDEuNzUgMCAwIDAgMi41NCAwbC0xLjI3LTEuMnptMTMuMjEtMTEuNGExLjc1IDEuNzUgMCAwIDAtMi41NC0yLjRsMi41NCAyLjR6bS0xOS4zNCA3LjQ4IDQuODYgNS4xMiAyLjU0LTIuNC00Ljg2LTUuMTMtMi41NCAyLjR6bTcuNCA1LjEyIDExLjk0LTEyLjYtMi41NC0yLjQtMTEuOTQgMTIuNiAyLjU0IDIuNHoiCiAgICBmaWxsPSIjNDNDNDY1IgogIC8+Cjwvc3ZnPgo=");width:2rem;height:2rem;display:inline-block;vertical-align:middle;margin-block-start:-.25rem;margin-inline-end:.5rem}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) input[type=submit]{display:block;outline:0 solid transparent;border:none;box-shadow:none;cursor:pointer;width:auto;transition:all .3s ease-out;font-size:16px;font-weight:600;padding:19px 20px;color:#fff;background-color:var(--c-blue-90);border-radius:1000px;line-height:112%;letter-spacing:-.02em;margin-block-start:2rem}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) input[type=submit]:hover{background-color:var(--c-blue-80)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) input[type=submit]:focus{background-color:var(--c-blue-100)}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) input[type=submit]:active,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) input[type=submit]:focus{box-shadow:0 0 0 2px rgba(77,141,255,.2)}@media(max-width:900px){.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .multi-container li:nth-last-child(n+6):first-child,.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .multi-container li:nth-last-child(n+6):first-child~li{width:100%;float:none;padding-right:0}.hubspot-form_hubspotForm__T5Mo7:not(#hubspot-form_____y81zp):not(#hubspot-form_____y81zp) .multi-container li:nth-last-child(n+6):first-child~li:nth-child(2n){padding-left:0}}.framework-demo_demo__R0_zw:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){--column-gap:1rem;--w-demo:340px;display:grid;align-items:center;grid-template-columns:calc(100% - var(--column-gap) - var(--w-demo)) var(--w-demo);grid-column-gap:var(--column-gap);-moz-column-gap:var(--column-gap);column-gap:var(--column-gap)}@media(max-width:1024px){.framework-demo_demo__R0_zw:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){display:none}}.framework-demo_demoCode__U0dxi:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:relative;margin-block-start:2rem;margin-block-end:2rem;max-height:35.5rem;height:100%;transform:translateY(1.5rem);background:#121d32;box-shadow:0 16px 32px -2px rgba(0,0,0,.1),0 8px 16px -2px rgba(0,0,0,.08);border-radius:16px;padding-block-start:2.25rem;color:#fff}@media(max-width:1024px){.framework-demo_demoCode__U0dxi:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){margin-inline-start:1rem}}@media(max-width:768px){.framework-demo_demoCode__U0dxi:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){transform:translateY(0)}}.framework-demo_demoCode__U0dxi:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j):before{position:absolute;top:16px;left:16px;content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgb3BhY2l0eT0iLjgiIGZpbGw9IiM1NTYxNzAiPjxjaXJjbGUgY3g9IjQ2IiBjeT0iNiIgcj0iNiIvPjxjaXJjbGUgY3g9IjI2IiBjeT0iNiIgcj0iNiIvPjxjaXJjbGUgY3g9IjYiIGN5PSI2IiByPSI2Ii8+PC9nPjwvc3ZnPg==")}.framework-demo_demoHeaderRow__8d8lY:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 .875rem;border-block-end:1px solid var(--c-carbon-70);color:var(--c-indigo-60)}.framework-demo_demoHeaderRowCta__M81Kv:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){white-space:nowrap;margin-inline-start:.875rem;background:hsla(0,0%,100%,.1);border-radius:100px;padding:.375rem .625rem;font-size:12px;line-height:100%;display:flex;align-items:center;letter-spacing:.01em;color:var(--c-indigo-40);transition:color .2s ease-out}.framework-demo_demoHeaderRowCta__M81Kv:focus:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j),.framework-demo_demoHeaderRowCta__M81Kv:hover:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){color:#fff}.framework-demo_demoStage__C_5_r:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:relative;height:92%;padding:1.5rem 1.5rem 2.75rem;overflow:auto}@media(max-width:1216px){.framework-demo_demoStage__C_5_r:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){height:96%}}@media(max-width:1024px){.framework-demo_demoStage__C_5_r:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){height:94%}}@media(max-width:768px){.framework-demo_demoStage__C_5_r:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){height:89%}}@media(max-width:576px){.framework-demo_demoStage__C_5_r:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){height:85%}}.framework-demo_demoStageScreen__dS5rZ:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:absolute;left:0;top:0}.framework-demo_demoStageScreenActive__Nqzge:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:relative}.framework-demo_demoTabs__OMnYc:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){display:flex;align-items:center;overflow:none}.framework-demo_demoTabs__OMnYc:focus:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){outline:1px solid hsla(0,0%,100%,.4)}.framework-demo_demoTab__xbqkO:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:relative;display:flex;align-items:center;height:100%;font-size:.813rem;line-height:100%;letter-spacing:.01em;white-space:nowrap}.framework-demo_demoTab__xbqkO:focus:not(:focus-visible):not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){outline:0 solid transparent}.framework-demo_demoTab__xbqkO:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j):after{content:"";background:hsla(0,0%,100%,0);position:absolute;bottom:-1px;left:.5rem;right:.5rem;height:1px;transition:background-color .2s ease-out}.framework-demo_demoTabActive___su_8:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){color:#fff}.framework-demo_demoTabActive___su_8:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j):after{background:#fff}.framework-demo_demoTabRow__EaQsz:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:absolute;left:0;top:0}.framework-demo_demoTabRow__EaQsz.framework-demo_active__DvzRk:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:relative}.framework-demo_demoTab__xbqkO:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button{padding:.906rem .875rem;transition:color .2s ease-out}.framework-demo_demoTab__xbqkO:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button:focus,.framework-demo_demoTab__xbqkO:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button:hover{color:#fff}.framework-demo_demoFrameworks__yY1mk:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){display:flex}.framework-demo_demoFramework__uG8nk:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:relative;display:flex;align-items:center}.framework-demo_demoFramework__uG8nk:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j):after{content:"";background:hsla(0,0%,100%,0);position:absolute;bottom:-1px;left:.5rem;right:.5rem;height:1px;transition:background-color .2s ease-out}.framework-demo_demoFrameworkActive__2_k_L:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){color:#fff}.framework-demo_demoFrameworkActive__2_k_L:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j):after{background:#fff}.framework-demo_demoFramework__uG8nk:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button{padding:.625rem .75rem;transition:color .2s ease-out}.framework-demo_demoFramework__uG8nk:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button:focus,.framework-demo_demoFramework__uG8nk:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button:hover{color:#fff}.framework-demo_demoDisplay__2axgT:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){--device-padding:1rem;--device-width:21.25rem;--device-height:41.25rem;--device-frame-width:9px;user-select:none;-webkit-user-select:none;-moz-user-select:none;max-width:21.25rem}@media(max-width:1024px){.framework-demo_demoDisplay__2axgT:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){transform:translateX(-1.5rem)}}.framework-demo_demoDisplayTopRow__SP7H3:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){display:flex;align-items:center;justify-content:center;margin-block-end:.875rem}.framework-demo_demoDisplayModeToggle__1_1RD:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:relative;display:flex;margin-inline-end:.5rem;background:#eff2f7;border-radius:8px;padding:.125rem}.framework-demo_demoDisplayModeToggleIos__C13Zy:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j):before{transform:translate(0)}.framework-demo_demoDisplayModeToggleMd__mRtMi:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j):before{transform:translate(100%)}.framework-demo_demoDisplayModeToggle__1_1RD:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j):before{content:"";position:absolute;left:2px;top:2px;width:3.875rem;bottom:2px;box-shadow:0 2px 3px rgba(0,16,46,.15);border-radius:8px;background:#fff;transition:transform .2s ease-out}.framework-demo_demoDisplayModeToggle__1_1RD:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button{position:relative;z-index:2;width:3.875rem;font-size:.75rem;line-height:120%;padding:.3rem .563rem;letter-spacing:.01em;color:var(--c-indigo-80);transition:color .2s ease-out}.framework-demo_demoDisplayModeToggle__1_1RD:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button.framework-demo_active__DvzRk,.framework-demo_demoDisplayModeToggle__1_1RD:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button:focus,.framework-demo_demoDisplayModeToggle__1_1RD:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button:hover{color:#010610}.framework-demo_demoDisplayThemeToggleWrapper__sHRPD:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){background:#eff2f7;border-radius:8px;height:1.75rem;width:1.75rem;display:flex;align-items:center;justify-content:center;color:var(--c-indigo-60);transition:color .1s ease-out}.framework-demo_demoDisplayThemeToggleWrapper__sHRPD:focus:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j),.framework-demo_demoDisplayThemeToggleWrapper__sHRPD:hover:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){color:#010610}.framework-demo_demoDisplayThemeToggleWrapper__sHRPD:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) button{padding:.813rem}.framework-demo_demoDisplayDeviceOutline__vlaq5:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j){position:relative;pointer-events:none;z-index:2}.framework-demo_demoDisplayDevice__r1b7U:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) figure{border-radius:44px;margin:0;background-size:contain;background-repeat:no-repeat;box-shadow:0 2px 8px rgba(2,8,20,.1),0 8px 16px rgba(2,8,20,.08);width:var(--device-width);height:var(--device-height);overflow:hidden;position:relative;z-index:1}.framework-demo_demoDisplayDevice__r1b7U:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) iframe{position:absolute;top:0;left:0;margin:var(--device-frame-width);width:calc(100% - var(--device-frame-width)*2);height:calc(100% - var(--device-frame-width)*2);border:none;border-radius:16px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);z-index:1}.framework-demo_demo__R0_zw:not(#framework-demo_____Dg_5j) .highlighted-code{background-color:transparent!important}.framework-demo_demo__R0_zw:not(#framework-demo_____Dg_5j):not(#framework-demo_____Dg_5j) .highlighted-code{--c-line-numbers:var(--c-carbon-50);font-size:.813rem;line-height:190%}