@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";.active-midnight-balance{padding:1rem 1.5rem .75rem}.active-midnight-balance__skeleton{height:7.5rem;border-radius:.5rem}.active-midnight-balance__card{background-color:#f9f9f9;border-radius:.5rem;overflow:hidden}.active-midnight-balance__divider{height:1px;background-color:#e9e9e9;margin:0 .75rem}.active-midnight-balance__dust{padding:.5rem .75rem .75rem;display:flex;flex-direction:column;gap:.375rem}.active-midnight-balance__register-dust-button{align-self:flex-start}.active-midnight-balance__dust-header{display:flex;align-items:center;justify-content:space-between}.active-midnight-balance__dust-title{display:flex;align-items:center;gap:.3125rem}.active-midnight-balance__dust-icon{flex-shrink:0;fill:none;stroke:#5eead4;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.active-midnight-balance__dust-label{font-size:.6875rem;font-weight:600;line-height:1rem;color:var(--dynamic-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.active-midnight-balance__dust-count{font-size:.75rem;font-weight:700;color:var(--dynamic-text-primary);font-variant-numeric:tabular-nums}.active-midnight-balance__dust-bar{display:flex;gap:.125rem;height:.3125rem}.active-midnight-balance__dust-segment{flex:1;background-color:var(--dynamic-base-4)}.active-midnight-balance__dust-segment--first{border-radius:9999px 0 0 9999px}.active-midnight-balance__dust-segment--last{border-radius:0 9999px 9999px 0}.active-midnight-balance__dust-segment--filled{background-color:#5eead4}.active-midnight-balance__tab-bar{display:flex;gap:1.125rem;padding:.625rem .75rem .375rem}.active-midnight-balance__tab{font-size:.9375rem;font-weight:600;line-height:1.25rem;letter-spacing:-.15px;color:var(--dynamic-text-tertiary);transition:color .15s ease}.active-midnight-balance__tab--active{color:var(--dynamic-text-primary)}.active-midnight-balance__pocket{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem .75rem}.active-midnight-balance__pocket-icon{width:1rem;height:1rem;flex-shrink:0}.active-midnight-balance__amount{font-size:1.5625rem;font-weight:700;color:var(--dynamic-text-primary);font-variant-numeric:tabular-nums}.fee-token-selector{display:flex;flex-direction:column;gap:8px}.fee-token-selector__label{margin-bottom:0}.fee-token-selector__menu-list{min-width:100%}.fee-token-selector__menu-item:hover,.fee-token-selector__menu-item--selected{background-color:var(--dynamic-hover)}.preset-use-cases{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;align-self:stretch}.preset-use-cases__container{display:flex;flex-direction:column;gap:.75rem}.preset-use-cases__description{color:var(--text-secondary)}.preset-use-cases__section{display:flex;flex-direction:column;background-color:var(--base-1);border-radius:.75rem;padding:.75rem}.preset-use-cases__section-title{font-size:.75rem;font-weight:600;color:var(--dynamic-text-1);margin-bottom:.5rem}.preset-use-cases__button-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:stretch}.preset-use-cases__button-container{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.preset-use-cases__button{flex:1;padding:1.5rem 1.25rem;height:unset!important;justify-content:unset!important}.preset-use-cases__button-content{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;text-align:left;width:100%;padding:0}.preset-use-cases__subtitle{font-size:.6875rem;color:var(--text-secondary);opacity:.8;line-height:1.2;margin-top:.0625rem;width:100%}.preset-use-cases__title{font-size:.8125rem;font-weight:600;color:var(--dynamic-text-1);margin-bottom:.125rem;line-height:1.2}.preset-use-cases-section{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.preset-use-cases-section__content{display:flex;flex-direction:column;gap:.75rem}.preset-use-cases-section__description{color:var(--text-secondary)}.preset-use-cases-section__logged-in{margin-top:1rem}.stablecoin-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;align-self:stretch}.stablecoin-actions__section{display:flex;flex-direction:column;background-color:var(--base-1);border-radius:.75rem;padding:.75rem}.stablecoin-actions__section-title{font-size:.75rem;font-weight:600;color:var(--dynamic-text-1);margin-bottom:.5rem}.stablecoin-actions__button-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center}.stablecoin-actions__external-note{font-size:.6875rem;color:var(--dynamic-text-3);margin-top:.5rem;margin-bottom:0;font-style:italic}.testnet-tools-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.testnet-tools-section__content{margin-inline:1rem;padding:.5rem;border-radius:12px;background-color:var(--base-1);display:flex;flex-direction:column;gap:.75rem}.testnet-tools-section__content__actions{display:flex;gap:.75rem;flex-wrap:wrap}.testnet-tools-section__content__actions .testnet-tools-section__content__actions__action{padding:.5rem 1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:0;height:unset;flex:1}.testnet-tools-section__content__send-calls{display:flex;flex-direction:column;gap:inherit}.testnet-tools-section .testnet-tools-section__result{margin-inline:1rem;display:flex;flex-direction:row;align-items:center;gap:.5rem}.testnet-tools-section .testnet-tools-section__result__icon{width:1.5rem;height:1.5rem}.wallet-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;align-self:stretch}.wallet-actions__container{display:flex;flex-direction:column;gap:.5rem}.wallet-actions__section{display:flex;flex-direction:column;background-color:var(--dynamic-1);border-radius:.75rem;padding:.75rem}.wallet-actions__section-title{font-size:.75rem;font-weight:600;color:var(--dynamic-text-1);margin-bottom:.5rem}.wallet-actions__button-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center}.wallet-actions__action{margin-top:.75rem;width:100%}.wallet-actions__action__result{overflow-wrap:anywhere;font-family:Roboto Mono,DM Sans,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:1.25rem;letter-spacing:-.009375rem}.wallet-actions__action__result--success{color:var(--primary)}.wallet-actions__action__result--error{color:var(--default-error-1)}.wallet-actions__modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.wallet-actions__modal{background-color:var(--dynamic-1);border-radius:.75rem;padding:1.5rem;min-width:25rem;max-width:31.25rem;box-shadow:0 .625rem 1.5625rem #0003}.wallet-actions__modal-header{margin-bottom:1rem}.wallet-actions__modal-header h3{font-size:1.125rem;font-weight:600;color:var(--dynamic-text-1);margin:0}.wallet-actions__modal-body{margin-bottom:1.5rem}.wallet-actions__modal-body p{font-size:.875rem;color:var(--dynamic-text-2);margin-bottom:.75rem}.wallet-actions__modal-input{width:100%;padding:.75rem;border:.0625rem solid var(--dynamic-border-1);border-radius:.5rem;font-size:1rem;background-color:var(--dynamic-2);color:var(--dynamic-text-1);box-sizing:border-box}.wallet-actions__modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 .125rem rgba(var(--primary-rgb),.2)}.wallet-actions__modal-input::placeholder{color:var(--dynamic-text-3)}.wallet-actions__modal-error{color:var(--default-error-1);font-size:.75rem;margin-top:.5rem}.wallet-actions__modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.wallet-actions-section{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.wallet-actions-section__title{margin-bottom:1rem}.wallet-actions-section__content{display:flex;flex-direction:column;gap:.75rem}.wallet-actions-section__description{color:var(--text-secondary)}.wallet-actions-section .authentication-section__logged-out{margin-top:1rem}.authentication-section{padding:0 --px-to-rem(24) --px-to-rem(24);display:flex;flex-direction:column;align-items:stretch;gap:--px-to-rem(16)}.authentication-section__logout-prompt{display:flex;gap:--px-to-rem(4);align-items:center}.authentication-section__collapsible__provider-select,.authentication-section__chain-select{display:grid;gap:--px-to-rem(16);grid-template-columns:repeat(auto-fill,minmax(--px-to-rem(32),1fr));justify-items:center;align-items:center}.authentication-section__collapsible__provider-select__description,.authentication-section__chain-select__description{margin-bottom:--px-to-rem(4)}.authentication-section__collapsible__provider-select__option,.authentication-section__chain-select__option{transition:opacity .2s;display:flex;align-items:center;justify-content:center;border:--px-to-rem(2) solid var(--base-2);border-radius:50%}.authentication-section__collapsible__provider-select__option__tooltip,.authentication-section__chain-select__option__tooltip{max-width:--px-to-rem(130)}.authentication-section__collapsible__provider-select__option>*,.authentication-section__chain-select__option>*{width:--px-to-rem(34);height:--px-to-rem(34);margin:--px-to-rem(-2)}.authentication-section__auth-reorder__item{display:flex;align-items:center;gap:--px-to-rem(4);flex:1;max-width:100%;cursor:pointer;min-height:100%;padding:--px-to-rem(10) --px-to-rem(12);background:var(--base-3);border-radius:--px-to-rem(8)}.settings-effect-disabled-disclaimer{margin-block:--px-to-rem(10);display:flex;flex-direction:column;align-items:stretch;gap:--px-to-rem(6)}.design-section{display:flex;flex-direction:column;align-items:stretch;gap:--px-to-rem(16)}.design-section__introduction{display:flex;flex-direction:column;gap:--px-to-rem(16);align-items:flex-start;padding-inline:--px-to-rem(24)}.design-section__introduction__disabled-scss-toggle{width:100%;display:flex;flex-direction:column;padding:--px-to-rem(12);gap:--px-to-rem(2);border-radius:--px-to-rem(12);background:var(--base-3)}.design-section__content{display:flex;flex-direction:column;align-items:stretch;gap:--px-to-rem(12);padding:0 --px-to-rem(24) --px-to-rem(24)}.design-section__content__row{display:flex;align-items:flex-start;gap:--px-to-rem(12)}.design-section__content__group{display:flex;flex-direction:column;gap:--px-to-rem(8)}.embedded-wallets-section{padding:0 --px-to-rem(24) --px-to-rem(24);display:flex;flex-direction:column;align-items:stretch;gap:--px-to-rem(16)}.embedded-wallets-section__button__icon{width:--px-to-rem(14);height:--px-to-rem(14)}.embedded-wallets-section__passkeys-demo-callout{display:flex;gap:--px-to-rem(4);align-items:center}.section-general{display:flex;align-items:center;padding:--px-to-rem(16) --px-to-rem(24);gap:--px-to-rem(12)}.section-general__toggle{transition:all .2s;width:--px-to-rem(20);height:--px-to-rem(20)}.settings-actions{margin-top:--px-to-rem(6);display:flex;align-items:center;gap:--px-to-rem(12);flex-wrap:wrap}.settings-actions__button{padding:--px-to-rem(8) --px-to-rem(12)}.evm-methods-container{display:flex;flex-direction:column;width:100%;padding:.75rem}.evm-method{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--dynamic-bg-primary);border:1px solid var(--dynamic-border-primary);border-radius:.75rem}.evm-method__action-toggle{display:flex;gap:.5rem;margin-bottom:.5rem}.evm-method__action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--dynamic-text-secondary);background:transparent;border:1px solid var(--dynamic-border-primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.evm-method__action-button:hover{background:var(--dynamic-bg-secondary)}.evm-method__action-button.active{color:var(--dynamic-text-primary);background:var(--dynamic-bg-secondary);border-color:var(--dynamic-primary)}.evm-method__action-button svg{width:1rem;height:1rem}.evm-method__form{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0}.evm-method__form-group{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0}.evm-method__form-group>input[type=text]{margin:0;padding:.75rem;border:1px solid var(--dynamic-border-primary);border-radius:.5rem;background:#fff;color:var(--dynamic-text-primary);font-size:1rem}.evm-method__form-group>input[type=text]:focus{outline:none;border-color:var(--dynamic-primary)}.evm-method__form-group>input[type=text]::placeholder{color:var(--dynamic-text-secondary)}.evm-method__form-group>input[type=text]:disabled{opacity:.7;cursor:not-allowed;background:var(--dynamic-bg-secondary)}.evm-method__form>input[type=text]{margin:0;padding:.75rem;border:1px solid var(--dynamic-border-primary);border-radius:.5rem;background:#fff;color:var(--dynamic-text-primary);font-size:1rem}.evm-method__form>input[type=text]:focus{outline:none;border-color:var(--dynamic-primary)}.evm-method__form>input[type=text]::placeholder{color:var(--dynamic-text-secondary)}.evm-method__form>input[type=text]:disabled{opacity:.7;cursor:not-allowed;background:var(--dynamic-bg-secondary)}.evm-method__form .button{margin:.25rem 0}.evm-method__checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--dynamic-text-secondary);cursor:pointer;margin:0;padding:0}.evm-method__checkbox-label input[type=checkbox]{padding:0;width:1rem;height:1rem;margin:0;cursor:pointer;accent-color:var(--dynamic-primary)}.evm-method .json-template{margin-top:1rem}.evm-method .json-template__code-container section{min-height:84px!important}.evm-method .json-template__code-container .code-block,.evm-method .json-template__code-container .overflow-guard{min-height:84px!important}.eip5792-container{display:flex;flex-direction:column;gap:1rem}.eip5792-container .json-template{min-height:200px}.container__label{margin-bottom:--px-to-rem(-16)}.container input{padding:--px-to-rem(8) --px-to-rem(16);border-radius:8px}.transaction-simulation-demo{max-width:1200px;margin:0 auto;padding:24px;height:100%;overflow-y:auto}.transaction-simulation-demo__title{margin:0 0 24px;font-size:2rem;font-weight:600;color:var(--text-primary);text-align:center}.transaction-simulation-demo__form{background:var(--bg-card);padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a}.transaction-simulation-demo__input-group{margin-bottom:16px}.transaction-simulation-demo__input-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.transaction-simulation-demo__input-group input{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;background:var(--bg-input);color:var(--text-primary);transition:border-color .2s ease}.transaction-simulation-demo__input-group input:focus{outline:none;border-color:#2196f3}.transaction-simulation-demo__input-group input::placeholder{color:var(--text-tertiary)}.transaction-simulation-demo__submit{background:#2196f3;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.transaction-simulation-demo__submit:hover{background:#1976d2}.transaction-simulation-demo__submit:disabled{background:#e0e0e0;cursor:not-allowed}.transaction-simulation-demo__results{display:grid;gap:16px}.simulation-card{background:var(--bg-card);border-radius:8px;padding:16px;box-shadow:0 4px 6px #0000001a}.simulation-card__title{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.simulation-card__content{font-size:14px}.simulation-card__loading{color:#666;text-align:center;font-style:italic}.simulation-card__error{color:#d32f2f;padding:12px;background:var(--error-bg);border-radius:4px}.simulation-card__result pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;overflow:auto;max-height:60vh}.simulation-card__result pre code{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12px;line-height:1.4;white-space:pre}.simulation-card__empty{color:#666;text-align:center;font-style:italic}.sui-methods-container{display:flex;flex-direction:column;width:100%;padding:.75rem}.sui-method{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--dynamic-bg-primary);border:1px solid var(--dynamic-border-primary);border-radius:.75rem}.sui-method__action-toggle{display:flex;gap:.5rem;margin-bottom:.5rem}.sui-method__action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--dynamic-text-secondary);background:transparent;border:1px solid var(--dynamic-border-primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.sui-method__action-button:hover{background:var(--dynamic-bg-secondary)}.sui-method__action-button.active{color:var(--dynamic-text-primary);background:var(--dynamic-bg-secondary);border-color:var(--dynamic-primary)}.sui-method__action-button svg{width:1rem;height:1rem}.sui-method__form{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0}.sui-method__form-group{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0}.sui-method__form-group>input[type=text]{margin:0;padding:.75rem;border:1px solid var(--dynamic-border-primary);border-radius:.5rem;background:#fff;color:var(--dynamic-text-primary);font-size:1rem}.sui-method__form-group>input[type=text]:focus{outline:none;border-color:var(--dynamic-primary)}.sui-method__form-group>input[type=text]::placeholder{color:var(--dynamic-text-secondary)}.sui-method__form-group>input[type=text]:disabled{opacity:.7;cursor:not-allowed;background:var(--dynamic-bg-secondary)}.sui-method__form>input[type=text]{margin:0;padding:.75rem;border:1px solid var(--dynamic-border-primary);border-radius:.5rem;background:#fff;color:var(--dynamic-text-primary);font-size:1rem}.sui-method__form>input[type=text]:focus{outline:none;border-color:var(--dynamic-primary)}.sui-method__form>input[type=text]::placeholder{color:var(--dynamic-text-secondary)}.sui-method__form>input[type=text]:disabled{opacity:.7;cursor:not-allowed;background:var(--dynamic-bg-secondary)}.sui-method__form .button{margin:.25rem 0}.sui-method .json-template{margin-top:1rem}.sui-method .json-template__code-container section{min-height:84px!important}.sui-method .json-template__code-container .code-block,.sui-method .json-template__code-container .overflow-guard{min-height:84px!important}@layer shadow-reset{.dynamic-shadow-dom-content{all:initial}}@layer preflight{a,hr{color:inherit}progress,sub,sup{vertical-align:baseline}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,menu,ol,p,pre,ul{margin:0}fieldset,legend,menu,ol,ul{padding:0}*,:after,:before{box-sizing:border-box;border:0 solid currentcolor}html{line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{line-height:inherit}hr{height:0;border-top-width:--px-to-rem(1)}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:--px-to-rem(-2)}::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Medium-BbGT42By.otf) format("opentype");font-weight:500}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-SemiBold-C6dMyk6O.otf) format("opentype");font-weight:600}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Bold-XUGFDIlK.otf) format("opentype");font-weight:700}.button{display:flex;justify-content:center;align-items:center;border-radius:.25rem;white-space:nowrap;position:relative;z-index:1;transition:box-shadow .25s,background-color .25s,opacity .25s}.button:before{position:absolute;content:"";inset:0;z-index:-1;transition:opacity .2s linear;opacity:0;border-radius:.25rem}.button:not(:disabled):hover:before{opacity:.6}.button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--base-3);border-color:var(--base-4);color:var(--text-secondary)}@media(min-width:767px){.button{height:var(--input-height)}}.button--size-small{min-height:2.25rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.42}.button--size-medium{min-height:2.5rem;padding:.625rem 1rem;font-size:.9375rem;line-height:1.45}.button--size-large{min-height:3rem;padding:.75rem 1rem;font-size:1rem;line-height:1.5}.button--variant-primary{background-color:var(--dark-base-1);color:var(--dark-text-primary);box-shadow:0 4px 4px -4px var(--dark-base-4)}.button--variant-primary:hover{background-color:var(--dark-base-2)}.button--variant-secondary{border:1px solid var(--base-4);transition:all .1s;background:var(--base-2);box-shadow:0 4px 4px -4px var(--base-4)}.button--variant-secondary:before{background:var(--base-3)}.button__loading-spinner>div{width:1.5rem;height:1.5rem}.callout{padding:.75rem;border-radius:.75rem;gap:.125rem;display:flex;flex-direction:column;align-items:flex-start}.callout--type-default{background-color:var(--base-1)}.callout--type-info{background-color:var(--dynamic-info-2)}.callout--type-error{background-color:var(--red-3);color:var(--red-1)}.callout--type-success{background-color:var(--green-3);color:var(--green-dark)}.callout--type-warning{background-color:var(--dynamic-alert-2)}.color-scheme{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;cursor:pointer}.color-scheme--size-large{width:100%}.color-scheme__toggle{display:inline-flex;align-items:stretch;justify-content:space-around;gap:.25rem;background:var(--base-3);width:100%;border-radius:2.6875rem;padding:.25rem;height:var(--input-height)}.color-scheme__toggle__item{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:2.6875rem}.color-scheme__toggle__item--selected{color:var(--primary);background:var(--secondary)}.color-scheme__toggle__item svg{width:1.5rem;height:1.5rem}.color-scheme__toggle--size-small{width:4.75rem}.color-scheme__toggle--size-small .color-scheme__toggle__item{height:2rem;min-width:2rem}.color-scheme__toggle--size-small .color-scheme__toggle__item svg{width:1.25rem;height:1.25rem}.demo-logo{display:flex;align-items:center;gap:.4375rem}.demo-logo__dynamic-logo{width:7.5rem;height:1.875rem}.demo-logo__code{width:1.456625rem;height:1.249875rem;color:var(--primary)}.drawer-shadow{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;animation:drawer-shadow__fade .3s both;--shadow-background: #23263333;--shadow-background-transparent: #23263300;background:var(--shadow-background)}:root.dark-mode .drawer-shadow{--shadow-background: #0d0e129f}.drawer-shadow--closing{animation:drawer-shadow__fade-out .2s both}.drawer-shadow__drawer{border-radius:1rem 1rem 0rem 0rem;max-height:75%;width:100%;display:flex;flex-direction:column;align-items:center;position:absolute;animation:drawer-shadow__drawer__slide .3s ease-in-out both;bottom:0;transition:background .2s}.drawer-shadow__drawer--color-background{background:var(--base-2)}.drawer-shadow__drawer--color-cloud{background:var(--base-1)}.drawer-shadow__drawer--closing{animation:drawer-shadow__drawer__slide-out .2s ease-in-out both}.drawer-shadow__drawer__handle{width:7.5rem;height:.375rem;border-radius:1.875rem;background:var(--base-4);margin-block:.75rem 1.5rem}.drawer-shadow__drawer__content{width:100%}@keyframes drawer-shadow__drawer__slide{0%{bottom:-6.25rem;opacity:0}to{bottom:0;opacity:1}}@keyframes drawer-shadow__drawer__slide-out{0%{bottom:0;opacity:1}to{bottom:-6.25rem;opacity:0}}@keyframes drawer-shadow__fade{0%{background:var(--shadow-background-transparent)}to{background:var(--shadow-background)}}@keyframes drawer-shadow__fade-out{0%{background:var(--shadow-background)}to{background:var(--shadow-background-transparent)}}.scroll-section{overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;width:100%;position:relative;--light-scrollbar-color: #adb0be69;--dark-scrollbar-color: #7f829433}.scroll-section:after,.scroll-section:before{content:"";position:absolute;width:110%;opacity:0;transition:all .2s;z-index:500}.scroll-section:before{z-index:100;top:0;box-shadow:0 0 1.875rem var(--top-shadow) #000517}:root.dark-mode .scroll-section:before{box-shadow:0 0 1.875rem calc(var(--top-shadow) + 5px) #000517}.scroll-section:after{z-index:100;bottom:0;box-shadow:0 0 1.875rem var(--bottom-shadow) #000517}:root.dark-mode .scroll-section:after{box-shadow:0 0 1.875rem calc(var(--bottom-shadow) + 5px) #000517}.scroll-section--shadow-top:before{opacity:1}.scroll-section--shadow-bottom:after{opacity:1}.scroll-section__area{width:100%;height:100%;overflow:auto;display:flex;flex-direction:column;flex:1}@media(min-width:767px){.scroll-section__area{scrollbar-width:thin}.scroll-section__area::-webkit-scrollbar{width:.5rem}.scroll-section__area::-webkit-scrollbar-thumb{background-color:var(--light-scrollbar-color);border-radius:.625rem}:root.dark-mode .scroll-section__area::-webkit-scrollbar-thumb{background-color:var(--dark-scrollbar-color)}}.scroll-section__area--gutter-default{scrollbar-gutter:default}.scroll-section__area--gutter-stable{scrollbar-gutter:stable}.demo-typography{font-style:normal;font-weight:500;line-height:1.25rem}.demo-typography--style-links a,.demo-typography--style-links .link{color:var(--primary);font-weight:700;cursor:pointer}.demo-typography--style-links a:hover,.demo-typography--style-links .link:hover{background-color:var(--secondary)}.demo-typography--nowrap{white-space:nowrap}.demo-typography--font-gilroy{font-family:Gilroy,Times New Roman,DM Sans,sans-serif}.demo-typography--font-roboto-mono{font-family:Roboto Mono,DM Mono,monospace}.demo-typography--font-dm-sans{font-family:DM Sans,Gilroy,sans-serif}.demo-typography--color-white{color:#fff}.demo-typography--color-primary{color:var(--primary)}.demo-typography--color-text-primary{color:var(--text-primary)}.demo-typography--color-text-secondary{color:var(--text-secondary)}.demo-typography--color-text-tertiary{color:var(--text-tertiary)}.demo-typography--color-background{color:var(--base-2)}.demo-typography--color-current-color{color:currentColor}.demo-typography--weight-medium{font-weight:500}.demo-typography--weight-semi-bold{font-weight:600}.demo-typography--weight-bold{font-weight:700}.demo-typography--variant-title-1{font-size:3rem;line-height:3.5rem;letter-spacing:-.06rem}.demo-typography--variant-title-2{font-size:2.25rem;line-height:3rem;letter-spacing:-.045rem}.demo-typography--variant-title-3{font-size:1.75rem;line-height:2.5rem;letter-spacing:-.035rem}.demo-typography--variant-title-4{font-size:1.25rem;line-height:2rem;letter-spacing:-.025rem}.demo-typography--variant-title-5{font-size:1.125rem;line-height:1.5rem;letter-spacing:-.01125rem}.demo-typography--variant-paragraph-1{font-size:1.25rem;line-height:2rem}.demo-typography--variant-paragraph-2{font-size:1rem;line-height:1.5rem}.demo-typography--variant-paragraph-2-lines{font-size:1rem;line-height:1.625rem}.demo-typography--variant-paragraph-3{font-size:.875rem;line-height:1.25rem}.demo-typography--variant-headline-large{font-size:1rem;line-height:1.5rem;letter-spacing:.08rem;text-transform:uppercase}.demo-typography--variant-headline-small{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.demo-typography--variant-link{font-size:.875rem;line-height:1.25rem;color:var(--primary);font-weight:700;cursor:pointer}.demo-typography--variant-link:hover{background-color:var(--secondary)}.demo-typography--variant-button-large,.demo-typography--variant-button-medium{font-size:1rem;line-height:1.5rem}.demo-typography--variant-button-small{font-size:.875rem;line-height:1.25rem}.demo-typography--variant-button-x-small{font-size:.75rem;line-height:1rem}.dropdown-select{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.dropdown-select__wrapper{position:relative;width:100%;display:flex;align-items:center;cursor:pointer}.dropdown-select__wrapper__down-icon{width:1rem;height:1rem;color:var(--text-secondary);position:absolute;right:.75rem;pointer-events:none}.dropdown-select__wrapper__select{width:100%;display:flex;padding:.625rem 2.5rem .625rem .75rem;justify-content:space-between;align-items:center;height:var(--input-height);border-radius:.5rem;background:var(--base-3);transition:all .2s;color:var(--text-primary);text-align:left;font-size:.875rem;font-weight:600;line-height:1.25rem;appearance:none;cursor:pointer}.dropdown-select__wrapper__select:disabled{cursor:default}.desktop-container{position:absolute;bottom:1.5rem;left:1.5rem;min-width:18.125rem;border-radius:.75rem;border:.0625rem solid var(--base-4);background:var(--base-2);box-shadow:0 1rem 1.625rem -.25rem #18274b0a,0 .75rem 1.25rem -.375rem #18274b05}.see-it-in-the-real-world{gap:.75rem;padding:1rem;display:flex;align-items:stretch;flex-direction:column;border-radius:.75rem;background:var(--base-3)}.see-it-in-the-real-world--desktop{gap:0;padding:0;background:none}.see-it-in-the-real-world--desktop .see-it-in-the-real-world__item{padding:.5rem .75rem;transition:all .2s;color:var(--text-secondary)}.see-it-in-the-real-world--desktop .see-it-in-the-real-world__item__icon{width:2rem;height:2rem}.see-it-in-the-real-world--desktop .see-it-in-the-real-world__item__icon-background svg{width:1.5rem;height:1.5rem}.see-it-in-the-real-world--desktop .see-it-in-the-real-world__item__link{opacity:0;transition:all .2s}.see-it-in-the-real-world--desktop .see-it-in-the-real-world__item:hover{background-color:var(--base-3);color:var(--text-primary)}.see-it-in-the-real-world--desktop .see-it-in-the-real-world__item:hover .see-it-in-the-real-world__item__link{opacity:1}.see-it-in-the-real-world__item{display:flex;justify-content:space-between;align-items:center;gap:.625rem}.see-it-in-the-real-world__item__icon-background{padding:.25rem;border-radius:50%}.see-it-in-the-real-world__item__icon-background svg{width:1rem;height:1rem}.see-it-in-the-real-world__item__name{flex:1}.see-it-in-the-real-world__item__link{width:1.25rem;height:1.25rem;color:var(--text-tertiary)}.see-it-in-the-real-world__header{display:flex;align-items:center;gap:.5rem;padding:.75rem}.see-it-in-the-real-world__header--selected{border-bottom:.0625rem solid var(--base-4)}.see-it-in-the-real-world__header__eye-icon{width:1.5rem;height:1.5rem;color:var(--primary)}.see-it-in-the-real-world__header__toggle{color:var(--text-tertiary);margin-left:auto;transition:all .2s}.see-it-in-the-real-world__header__toggle--selected{transform:rotate(180deg)}.color-picker{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.color-picker__visible{display:flex;align-items:center;gap:.25rem;cursor:pointer;position:relative;width:100%}.color-picker__visible__field{height:var(--input-height);width:100%;flex:1;border-radius:.5rem;background:var(--base-3);cursor:pointer;display:flex;align-items:center;padding-inline:.625rem;padding-right:3.125rem;transition:all .2s}.color-picker__visible__field__input{background:none;font-family:Roboto Mono,DM Mono,monospace;width:5rem;color:var(--text-primary, #383c48);font-size:.8125rem;font-weight:600;line-height:1.125rem;padding-block:.25rem}.color-picker__visible__preview{width:1.25rem;height:1.25rem;position:absolute;right:.625rem;border-radius:.25rem;cursor:pointer}.color-picker__hidden{max-height:0;pointer-events:none;opacity:0}.toggle{display:flex;padding:.25rem var(--label-margin);padding-right:calc(var(--gap) + var(--knob-size) + var(--knob-margin));align-items:center;gap:.5rem;border-radius:271.1875rem;position:relative;transition:all .3s;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle--size-small{--knob-size: 1rem;--label-margin: .3rem;--knob-margin: .1rem;--gap: .19rem;height:1.25rem}.toggle--size-large{--knob-size: 2rem;--label-margin: .8rem;--knob-margin: .25rem;--gap: .3rem;height:var(--input-height)}.toggle--variant-light{background-color:var(--base-3);border:.0625rem solid var(--base-4)}.toggle--variant-default{background-color:var(--base-4)}.toggle--toggled.toggle--variant-light{background-color:var(--secondary);border-color:#fff0}.toggle--toggled.toggle--variant-light .toggle__knob{background-color:var(--primary)}.toggle--toggled.toggle--variant-light .toggle__knob svg{color:#fff}.toggle--toggled.toggle--variant-default{background-color:var(--primary)}.toggle--toggled.toggle--variant-default .toggle__knob{background-color:#fff}.toggle--toggled .toggle__knob{left:calc(100% - var(--knob-size) - var(--knob-margin))}.toggle--toggled .toggle__label{color:var(--primary)}.toggle--toggled .toggle__label--enabled{opacity:1}.toggle--toggled .toggle__label--disabled{opacity:0}.toggle--disabled{cursor:default}.toggle__knob{position:absolute;left:var(--knob-margin);width:var(--knob-size);height:var(--knob-size);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease-out;z-index:5}.toggle__knob--variant-light{background:var(--base-4)}.toggle__knob--variant-default{background-color:#fff}.toggle__knob--disabled{background-color:var(--base-1)}.toggle__knob svg{width:1.25rem;height:1.25rem;color:var(--text-secondary)}.toggle__label{transition:all .3s;z-index:10;min-width:max-content}.toggle__label--enabled{opacity:0;min-width:.59375rem}.toggle__label--disabled{position:absolute;right:var(--label-margin)}.toggle-field{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;cursor:pointer}.toggle-field--disabled{cursor:default}.toggle-field__field{width:100%;display:flex;padding-inline:.75rem;height:var(--input-height);justify-content:space-between;align-items:center;gap:.5rem;border-radius:.5rem;background:var(--base-3)}.toggle-field__field--disabled{opacity:.6}.radio-select{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.radio-select--disabled .radio-select__options__item--selected{opacity:.6}.radio-select__options{display:flex;align-items:center;gap:.75rem;width:100%;margin-top:.375rem;justify-content:space-between}.radio-select__options__item{border-radius:5.4375rem;outline:.125rem solid rgba(255,255,255,0);transition:all .2s;cursor:pointer}.radio-select__options__item:hover{outline-color:var(--base-4);outline-offset:.125rem}.radio-select__options__item--selected,.radio-select__options__item--selected:hover{outline-color:var(--primary);outline-offset:.125rem}.radio-select__options__item--selected .radio-select__options__item__backup-component{background-color:var(--secondary)}.radio-select__options__item__backup-component{height:100%;min-height:var(--input-height);width:var(--input-height);border-radius:50%;background-color:var(--base-3);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:all .2s}.radio-select__options__item__backup-component--disabled{opacity:.6}.input-field{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.input-field--disabled{cursor:default}.input-field__field{width:100%;display:flex;flex-direction:column;align-items:stretch}.input-field__field__input{font-size:14px;font-weight:600;padding-inline:.75rem;height:var(--input-height);justify-content:space-between;align-items:center;gap:.5rem;border-radius:.5rem;background:var(--base-3)}.input-field__field__input--disabled{opacity:.6}.stacked-icons{display:flex;align-items:center}.stacked-icons>*{border:.125rem solid var(--base-2);border-radius:50%}.stacked-icons>*:not(:first-child){margin-left:-.5rem}.collapsible--open{animation:collapsible__expand .3s ease-in-out backwards}.collapsible--exiting{box-sizing:content-box;animation:collapsible__collapse .2s forwards}@keyframes collapsible__expand{0%{opacity:0;max-height:0;padding-block:0;margin-bottom:var(--negative-margin)}50%{opacity:0}to{max-height:18.75rem;opacity:1;margin-bottom:0}}@keyframes collapsible__collapse{0%{opacity:1;max-height:var(--content-height);padding-block:1rem .5rem;margin-bottom:0}50%{opacity:0}to{max-height:0;padding-block:0;opacity:0;margin-bottom:var(--negative-margin)}}.reorderable-list-item{display:flex;align-items:center;gap:.25rem;min-height:var(--input-height);transition:scale .2s,filter .2s}.reorderable-list-item--active{z-index:9999;filter:drop-shadow(0 .25rem .25rem rgba(24,39,75,.16))}.reorderable-list-item__backup-component{max-width:100%;display:flex;flex:1;gap:inherit;padding:.625rem .75rem;background:var(--base-3);border-radius:.5rem}.reorderable-list-item__drag-icon{width:1.25rem;height:1.25rem;margin-inline:-.25rem .25rem;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:grab;transition:all .1s;outline:3px solid transparent}.reorderable-list-item__drag-icon:hover{background:var(--base-4);border-radius:.25rem;outline:3px solid var(--base-4)}.reorderable-list-item__drag-icon:active{cursor:grabbing;background-color:transparent;outline:3px solid transparent}.grid{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.grid__items{display:grid;gap:.5rem;width:100%;grid-template-columns:repeat(auto-fit,minmax(var(--min-item-width, 9.375rem),1fr))}.modal-backdrop{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center}.modal-backdrop__modal{background-color:var(--base-2);border-radius:.75rem;position:relative;display:flex;align-items:stretch;flex-direction:column;padding:1rem}.modal-backdrop__modal--open{animation:demo-modal-open .2s ease-out both}.modal-backdrop__modal--exiting{animation:demo-modal-open reverse .2s ease-in both}.modal-backdrop--open{animation:demo-modal-backdrop-open .2s ease-out both}.modal-backdrop--exiting{animation:demo-modal-backdrop-open reverse .2s ease-in both}@keyframes demo-modal-open{0%{transform:translateY(1.875rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes demo-modal-backdrop-open{0%{opacity:0}to{opacity:1}}.code-block{overflow:hidden}.code-block--border-rounded{border-radius:1.5rem}.code-block--border-square{border-radius:0}.tooltip{--back-color: var(--text-primary);--arrow-size: 4px;position:fixed;left:var(--left);top:calc(var(--top) + var(--arrow-size));pointer-events:none;z-index:1000;transform:translate(var(--translate-x)) translateY(var(--translate-y));padding:.25rem .375rem;text-align:center;border-radius:4px;background:var(--back-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:12.5rem;white-space:wrap}.tooltip:before{content:"";width:0;height:0;border-style:solid;border-width:0 calc(var(--arrow-size) * 3 / 4) var(--arrow-size) calc(var(--arrow-size) * 3 / 4);border-color:transparent transparent var(--back-color) transparent;position:absolute;top:0;left:50%;translate:-50% -100%}.tooltip--exiting{animation:tooltip-exit .15s ease-in both}.tooltip--open{animation:tooltip-enter .2s ease-out both}@keyframes tooltip-enter{0%{opacity:0;transform:translate(var(--translate-x)) translateY(calc(var(--translate-y) - 1rem))}to{opacity:1;translate:0 0;transform:translate(var(--translate-x)) translateY(var(--translate-y))}}@keyframes tooltip-exit{0%{opacity:1;translate:0 0;transform:translate(var(--translate-x)) translateY(var(--translate-y))}to{opacity:0;transform:translate(var(--translate-x)) translateY(calc(var(--translate-y) + 20px))}}.divisor{display:flex;align-items:center;margin-block:2rem 1rem;gap:1rem}.divisor:after{content:"";height:0;flex:1;border-top:1px solid var(--base-4)}.native-demo-callout{display:flex;border-radius:0;padding:.5rem 1.5rem;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap}.native-demo-callout>*{white-space:none}.native-demo-callout__new-badge{background-color:var(--primary);border-radius:1.25rem;padding:.125rem .375rem;margin-right:.5rem}.native-demo-callout__link{margin-inline:.1875rem;text-decoration:underline;cursor:pointer}.hidden-panel{position:fixed;right:0;bottom:0;z-index:300;transition:all .3s ease-in-out;--icon-width: 2rem;--icon-height: 3rem;--area-padding-x: 1rem;--area-padding-y: 5rem;--area-width: calc(var(--icon-width) + var(--area-padding-x));--area-height: calc(var(--icon-height) + 2 * var(--area-padding-y));translate:calc(100% - var(--area-width)) 0;padding:3rem 0 1.5rem var(--area-width)}.hidden-panel--open{translate:0 0}.hidden-panel__content{position:relative;background-color:var(--base-2);border-radius:1rem 0 0 1rem;border:.0625rem solid var(--base-4);border-right:none;box-shadow:0 1rem 1.625rem -.25rem #18274b0a,0 .75rem 1.25rem -.375rem #18274b05}.hidden-panel__content__toggle-area{--area-bottom-space: calc((var(--area-height) - var(--icon-height)) / 2);padding:var(--area-padding-y) 0 var(--area-padding-y) var(--area-padding-x);position:absolute;left:0;bottom:calc(3rem - var(--area-bottom-space));translate:calc(-100% + 1px) 0;z-index:10}.hidden-panel__content__toggle-area__icon{background-color:var(--base-2);border-radius:.5rem 0 0 .5rem;border:.0625rem solid var(--base-4);border-right-color:var(--base-2);color:var(--text-secondary);width:var(--icon-width);height:var(--icon-height);display:flex;align-items:center;justify-content:center}.hidden-panel__content__toggle-area__icon svg{transition:all .2s}.hidden-panel__content__toggle-area__icon--open svg{rotate:180deg}.toggle-area{display:flex;flex-direction:column;align-items:stretch}.toggle-area__header{cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-area__header--disabled{color:var(--text-tertiary);cursor:default}.copy-field{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.copy-field--disabled{cursor:default}.copy-field__field{width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.copy-field__field__text{padding-inline:.75rem;height:var(--input-height);border-radius:.5rem;background:var(--base-3);display:flex;align-items:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1}.copy-field__field__copy{color:var(--text-tertiary)}.copy-field__field--disabled{opacity:.6}.loading-spinner{display:flex;flex-direction:column;gap:.5rem}.loading-spinner__spinner{animation:loading-spinner__spin 1.5s infinite linear;width:3em;height:3em;border-radius:50%;background:conic-gradient(rgba(0,0,0,0),var(--primary));mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 6px),#000 calc(100% - 5px))}@keyframes loading-spinner__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qrcode{color:var(--base-1);position:relative}.qrcode__container{display:flex;justify-content:center;align-items:center;margin:auto;border-radius:calc(var(--dynamic-border-radius) / 1.5);height:12.5rem;width:12.5rem}.qrcode__dot-circle{color:var(--dynamic-text-primary)}.chips-input{padding:.4375rem 1rem;display:flex;align-items:stretch;flex-direction:column;gap:.25rem;border-radius:12px;border:1px solid var(--base-4);background:var(--base-2);cursor:text}.chips-input__values{display:flex;align-items:center;row-gap:.5rem;column-gap:.25rem;flex-wrap:wrap}.chips-input__values__chip{border-radius:999px;background:var(--base-4);padding:.25rem .625rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.chips-input__values__chip:hover{filter:brightness(.9)}.chips-input__values__chip__icon{width:1.25rem;height:1.25rem}.chips-input__values__chip--invalid{background:var(--dynamic-error-2);color:var(--dynamic-error-1)}.chips-input__values__input{min-width:3.125rem;flex:1;align-self:stretch;background:none;padding:0;outline:none}.google-icon{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;min-height:.5rem;min-width:.5rem;transition:all .2s}.google-icon__svg{width:90%}.twitter-bird-icon{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;min-height:.5rem;min-width:.5rem;transition:all .2s}.twitter-bird-icon__svg{width:80%}.twitter-icon{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;min-height:.5rem;min-width:.5rem;transition:all .2s;background-color:#fff;color:#161616}:root.dark-mode .twitter-icon{color:#fff;background-color:#161616}.github-icon{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;min-height:.5rem;min-width:.5rem;transition:all .2s;color:#24292f}:root.dark-mode .github-icon{color:#fff}.arbitrum-icon{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;min-height:.5rem;min-width:.5rem;transition:all .2s;background-color:#96bedc}.binance-icon{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;min-height:.5rem;min-width:.5rem;transition:all .2s;background-color:#000}.binance-icon__svg{height:62.5%;width:54%}.sdk-view{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;flex:1;overflow:hidden;align-self:stretch}.sdk-view__loading-spinner{background:none;display:flex;justify-content:center;align-items:center}.sdk-view__content-scroll-section{height:100%;flex:1;z-index:100}.sdk-view__content{flex:1;padding:.75rem 1.5rem 1.5rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;z-index:0}@media(min-width:767px){.sdk-view__content{padding:0;padding-top:1.5rem;gap:0}.sdk-view__content__nav{align-self:flex-end}}.sdk-view__content__sdk{max-width:100%;margin-bottom:auto}@media(min-width:767px){.sdk-view__content__sdk{margin-top:13vh}}.sdk-view__content__sdk__shadow{filter:drop-shadow(0rem 1.125rem 5.5rem rgba(0,19,91,.08)) drop-shadow(0rem .5rem 1.75rem rgba(0,19,91,.06))}.sdk-view__content__sdk__shadow--dark{filter:drop-shadow(0rem 1.125rem 5.5rem rgba(0,19,91,.2)) drop-shadow(0rem .5rem 1.75rem rgba(0,19,91,.12))}.sdk-view__content__footer{display:none;align-items:center;justify-content:flex-end;z-index:10;padding:1.5rem 2rem;align-self:flex-end;gap:1rem;flex-wrap:wrap}@media(min-width:767px){.sdk-view__content__footer{display:flex}}.sdk-view__content__footer__link{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.sdk-view__content__footer__link__emoji{color:transparent;text-shadow:0 0 0 var(--text-secondary)}.sdk-view__content__footer__version-tooltip{white-space:nowrap;margin-top:-.5rem}.sdk-view__mobile-settings{width:100%;display:inline-flex;padding:1.5rem 1.5rem 2.5rem;gap:1rem;flex-direction:column;border-top:.0625rem solid var(--base-3);margin-top:auto;box-shadow:0 1rem 1.625rem -.25rem #18274b0a,0 .75rem 1.25rem -.375rem #18274b05;background:var(--base-2)}@media(min-width:767px){.sdk-view__mobile-settings{display:none}}.authentication-section{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.authentication-section__logout-prompt{display:flex;gap:.25rem;align-items:center}.authentication-section__collapsible{display:flex;flex-direction:column;gap:inherit}.authentication-section__collapsible__provider-select,.authentication-section__chain-select{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));justify-items:center;align-items:center}.authentication-section__collapsible__provider-select__description,.authentication-section__chain-select__description{margin-bottom:.25rem}.authentication-section__collapsible__provider-select__option,.authentication-section__chain-select__option{transition:opacity .2s;display:flex;align-items:center;justify-content:center;border:.125rem solid var(--base-2);border-radius:50%}.authentication-section__collapsible__provider-select__option--disabled,.authentication-section__chain-select__option--disabled{opacity:.6}.authentication-section__collapsible__provider-select__option--not-selected,.authentication-section__chain-select__option--not-selected{opacity:.4}.authentication-section__collapsible__provider-select__option__tooltip,.authentication-section__chain-select__option__tooltip{max-width:8.125rem}.authentication-section__collapsible__provider-select__option>*,.authentication-section__chain-select__option>*{width:2.125rem;height:2.125rem;margin:-.125rem}.authentication-section__auth-reorder__item{display:flex;align-items:center;gap:.25rem;flex:1;max-width:100%;cursor:pointer;min-height:100%;padding:.625rem .75rem;background:var(--base-3);border-radius:.5rem}.authentication-section__auth-reorder__item__toggle{margin-left:auto}.authentication-section__auth-reorder__item--disabled{opacity:.6;cursor:default}.settings-effect-disabled-disclaimer{margin-block:.625rem;display:flex;flex-direction:column;align-items:stretch;gap:.375rem}:root{--default-error-1: #ff4646;--red-1: #991b1b;--red-3: #ffefef;--green-3: #e9fbf2;--green-dark: #065f46;--light-primary: #4779ff;--light-secondary: #4779ff29;--light-backdrop: rgba(0, 0, 0, .5);--light-text-primary: #383c48;--light-text-secondary: #7b7d86;--light-text-tertiary: #abacb2;--light-base-1: #f9f9fb;--light-base-2: #ffffff;--light-base-3: #f4f4f6;--light-base-4: #e7e8ed;--light-global-gradient: radial-gradient( 139.35% 139.35% at 0% 100%, rgb(160 126 255 / 40%) 0%, rgb(160 126 255 / 0%) 100% ), linear-gradient(136deg, #346bff 0%, #59f 100%);--light-global-gradient-hover: radial-gradient( 139.35% 139.35% at 0% 100%, rgba(160, 126, 255, .4) 0%, rgba(160, 126, 255, 0) 100% ), linear-gradient(136deg, #346bff 13.09%, #59f 83.38%);--dark-primary: #4779ff;--dark-secondary: #4779ff29;--dark-backdrop: rgba(0, 0, 0, .5);--dark-text-primary: #fbfcff;--dark-text-secondary: #a8aab0;--dark-text-tertiary: #6f7177;--dark-base-1: #0c0e13;--dark-base-2: #1b1d22;--dark-base-3: #24272e;--dark-base-4: #31353f;--dark-global-gradient: radial-gradient( 139.35% 139.35% at 0% 100%, rgba(160, 126, 255, .4) 0%, rgba(160, 126, 255, 0) 100% ), linear-gradient(136deg, #346bff 0%, #59f 100%);--dark-global-gradient-hover: radial-gradient( 139.35% 139.35% at 0% 100%, rgba(160, 126, 255, .4) 0%, rgba(160, 126, 255, 0) 100% ), linear-gradient(136deg, #346bff 13.09%, #59f 83.38%)}:root{--primary: var(--light-primary);--secondary: var(--light-secondary);--backdrop: var(--light-backdrop);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-tertiary: var(--light-text-tertiary);--base-1: var(--light-base-1);--base-2: var(--light-base-2);--base-3: var(--light-base-3);--base-4: var(--light-base-4);--global-gradient: var(--light-global-gradient);--global-gradient-hover: var(--light-global-gradient-hover);--input-height: 40px;--max-window-width: 1440px}:root.dark-mode{--primary: var(--dark-primary);--secondary: var(--dark-secondary);--backdrop: var(--dark-backdrop);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--base-1: var(--dark-base-1);--base-2: var(--dark-base-2);--base-3: var(--dark-base-3);--base-4: var(--dark-base-4);--global-gradient: var(--dark-global-gradient);--global-gradient-hover: var(--dark-global-gradient-hover)}.design-section{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.design-section__introduction{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding-inline:1.5rem}@media(min-width:767px){.design-section__introduction{flex-direction:row}}.design-section__introduction__disabled-scss-toggle{width:100%;display:flex;flex-direction:column;padding:.75rem;gap:.125rem;border-radius:.75rem;background:var(--base-3)}.design-section__content{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding:0 1.5rem 1.5rem}.design-section__content__row{display:flex;align-items:flex-start;gap:.75rem}.design-section__content__row__flex-1{flex:1}.design-section__content__group{display:flex;flex-direction:column;gap:.5rem}.embedded-wallets-section{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.embedded-wallets-section__collapsible{display:flex;flex-direction:column;gap:inherit}.embedded-wallets-section__button__icon{width:.875rem;height:.875rem}.embedded-wallets-section__passkeys-demo-callout{display:flex;gap:.25rem;align-items:center}.section-general{display:flex;align-items:center;padding:1rem 1.5rem;gap:.75rem}.section-general__icon{color:#7b7d86}.section-general__icon--selected{color:var(--primary)}.section-general__title{flex:1}.section-general__toggle{transition:all .2s;width:1.25rem;height:1.25rem}.section-general__toggle--selected{transform:rotate(180deg)}.settings-actions{margin-top:.375rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.settings-actions__button{padding:.5rem .75rem}.stablecoin-actions-section{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.stablecoin-actions-section__title{margin-bottom:1rem}.stablecoin-actions-section__content{display:flex;flex-direction:column;gap:.75rem}.stablecoin-actions-section__description{color:var(--text-secondary)}.stablecoin-actions-section .authentication-section__logged-out{margin-top:1rem}.setting-view{display:flex;flex-direction:column;align-items:stretch}.setting-view__sections{border-top:.0625rem solid var(--base-4);display:flex;flex-direction:column;align-items:stretch}.setting-view__sections>*{border-bottom:.0625rem solid var(--base-4);transition:all .2s}@media(min-width:767px){.setting-view__sections>*:last-child{margin-bottom:0;border:none}}.setting-view__sections--out-of-effect{opacity:.4}.setting-view__header{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.5rem;align-items:flex-start}.setting-view__header__title{display:flex;align-items:center;gap:.375rem}.setting-view__header__title svg{color:var(--primary);width:1.25rem;height:1.25rem}.setting-view__header__top{display:flex;justify-content:space-between;align-items:center;width:100%}.setting-view__header__actions{display:flex;gap:.5rem;align-items:center}.setting-view__native-demo-callout{display:none}@media(min-width:767px){.setting-view__native-demo-callout{display:flex}}.design-and-customization{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}@media(min-width:767px){.design-and-customization{flex-direction:row;align-items:flex-start}}.design-and-customization__scroll{display:flex;max-width:min(42.6vw,525px);max-height:100%}.design-and-customization__scroll__desktop-settings{overflow:hidden;background-color:var(--base-2);margin-right:.5rem;transition:all .2s;z-index:50;position:relative;border-radius:1rem;border:.0625rem solid var(--base-4);box-shadow:0 1rem 1.625rem -.25rem #18274b0a,0 .75rem 1.25rem -.375rem #18274b05}.sign-message-method{flex:1;display:flex;flex-direction:column;gap:1rem}.send-transaction-method{display:flex;flex-direction:column;gap:1.5rem}.send-transaction-method__label{margin-bottom:-1rem}.send-transaction-method input{padding:.5rem 1rem;border-radius:8px}.zerodev-sponsored-transaction-method{display:flex;flex-direction:column;gap:1.5rem}.zerodev-sponsored-transaction-method__label{margin-bottom:-1rem}.zerodev-sponsored-transaction-method input{padding:.5rem 1rem;border-radius:8px}.sign-message-with-viem-wallet-client{display:flex;flex-direction:column;gap:1.5rem}.sign-message-with-viem-wallet-client input{padding:.5rem 1rem;border-radius:8px}.hook .title{font-weight:700}.bitcoin-methods-container{display:flex;flex-direction:column;padding:1.5rem}.bitcoin-methods-container__method-container{display:flex;flex-direction:column}.bitcoin-methods-container__method-container__title{font-size:1.5rem;font-weight:500;margin-top:1rem;margin-bottom:1rem}.bitcoin-methods-container__method-container__send-bitcoin,.bitcoin-methods-container__method-container__send-raw-transaction,.bitcoin-methods-container__method-container__sign-psbt,.bitcoin-methods-container__method-container__sign-psbts{display:flex;flex-direction:row;gap:1rem}.solana-methods-container{display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;overflow:scroll}.solana-methods-container__method-container{display:flex;flex-direction:column;padding-bottom:1.5rem;gap:.25rem}.solana-methods-container__result-row{display:flex;align-items:center;gap:.5rem}.solana-methods-container>div:not(:last-child){border-bottom:2px solid #ccc}.cosmos-methods-container{display:flex;flex-direction:column;padding:1.5rem}.cosmos-methods-container__method-container{display:flex;flex-direction:column}.cosmos-methods-container__method-container__title{font-size:1.5rem;font-weight:500;margin-top:1rem;margin-bottom:1rem}.cosmos-methods-container__method-container__sign-arbitrary{display:flex;flex-direction:row;gap:1rem}.zksync-sso{min-height:100vh;height:100vh;box-sizing:border-box;overflow-y:auto}.zksync-sso__title{margin-bottom:2rem}.zksync-sso__container{display:grid;gap:2rem;max-width:600px;margin:0 auto;padding-bottom:6rem;overflow:visible;box-sizing:border-box}.zksync-sso__status-card{padding:1.5rem;background-color:var(--gray-50);border-radius:.5rem}.zksync-sso__button-group{display:grid;gap:1rem}.zksync-sso__button{width:100%;max-width:100%}.zksync-sso__message{margin:1rem 0;padding:.75rem;border-radius:.5rem;max-width:100%;overflow:hidden;word-break:break-word}.zksync-sso__message--error{background-color:#fee2e2;color:#b91c1c}.zksync-sso__message--success{background-color:#d1fae5;color:#065f46}.zksync-sso__message-text{white-space:normal;overflow-wrap:break-word;word-break:break-word}.zksync-sso__transaction-form{margin-top:1rem;border:1px solid #e5e7eb;padding:1rem;border-radius:.5rem;width:100%;margin-bottom:6rem;overflow:visible;box-sizing:border-box}.zksync-sso__input-group{margin-bottom:.75rem}.zksync-sso__input{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.875rem;box-sizing:border-box;overflow:visible;min-height:2.5rem}.zksync-sso__label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.container{display:flex;flex-direction:column;gap:1rem}.container__label{margin-bottom:-1rem}.container input{padding:.5rem 1rem;border-radius:8px}.container .json-template{min-height:200px}.json-template{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.json-template__code-container{flex:1;display:flex;overflow:hidden}.loading-template{margin-top:5rem;width:100%;display:flex;align-items:center;justify-content:center}.hooks-and-methods-view{flex:1;height:100%;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}@media(min-width:767px){.hooks-and-methods-view{flex-direction:row}}.hooks-and-methods-view__mobile-method-select{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:.0625rem solid var(--base-4);border-bottom:.0625rem solid var(--base-4)}.hooks-and-methods-view__mobile-method-select svg{width:1.25rem;height:1.25rem}.hooks-and-methods-view__mobile-method-select__down-arrow{color:var(--text-secondary);margin-left:auto;transition:all .2s}.hooks-and-methods-view__mobile-method-select__down-arrow--open{transform:rotate(180deg)}@media(min-width:767px){.hooks-and-methods-view__mobile-method-select{display:none}}.hooks-and-methods-view__desktop-method-select{display:flex;flex-direction:column;align-items:stretch;padding-bottom:1rem;display:none;margin-top:1rem;gap:.5rem;overflow:auto}.hooks-and-methods-view__desktop-method-select__item{padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer}.hooks-and-methods-view__desktop-method-select__item svg{width:1.25rem;height:1.25rem;color:var(--text-secondary);transition:all .2s}.hooks-and-methods-view__desktop-method-select__item svg.check-icon{color:var(--text-tertiary);margin-left:auto}.hooks-and-methods-view__desktop-method-select__item--selected svg{color:var(--text-primary)}@media(min-width:767px){.hooks-and-methods-view__desktop-method-select{display:flex}}.hooks-and-methods-view__desktop-method-select__item{border-radius:8px;transition:all .2s}.hooks-and-methods-view__desktop-method-select__item--selected{background-color:var(--base-2)}.hooks-and-methods-view__main{display:flex;flex-direction:column;align-items:stretch;flex:1;overflow:hidden;position:relative;margin-inline:1.5rem}.hooks-and-methods-view__main__content{display:flex;flex:1;min-height:0;padding-block:1rem 2.5rem;overflow-y:auto;overflow-x:hidden;flex-direction:column;gap:1.5rem}.hooks-and-methods-view__main__content__header,.hooks-and-methods-view__main__content__header__text{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.hooks-and-methods-view__main__content__header__dynamic-widget{width:100%;position:relative;z-index:1}@media(min-width:767px){.hooks-and-methods-view__main__content__header__dynamic-widget{width:max-content}}.hooks-and-methods-view__main__content__sdk{align-self:center;z-index:10;min-height:2.375rem}@media(min-width:767px){.hooks-and-methods-view__main__content__sdk{align-self:flex-end}}.hooks-and-methods-view__main__content__sdk__spinner{font-size:.7em}.hooks-and-methods-view__main__mobile-selection-dropdown{position:absolute;top:0;width:100%;max-height:100%;overflow:hidden;background-color:var(--base-2);box-shadow:0 1.125rem 5.5rem -.25rem #00135b1a,0 .5rem 1.75rem -.375rem #00135b14;display:flex;z-index:30}.hooks-and-methods-view__main__mobile-selection-dropdown--open{animation:hooks-and-methods-view__main__selection-dropdown__slide-in .2s ease-out backwards}.hooks-and-methods-view__main__mobile-selection-dropdown--exiting{animation:hooks-and-methods-view__main__selection-dropdown__slide-out .2s ease-in forwards}.hooks-and-methods-view__main__mobile-selection-dropdown__options{display:flex;flex-direction:column;align-items:stretch;padding-bottom:1rem}.hooks-and-methods-view__main__mobile-selection-dropdown__options__item{padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer}.hooks-and-methods-view__main__mobile-selection-dropdown__options__item svg{width:1.25rem;height:1.25rem;color:var(--text-secondary);transition:all .2s}.hooks-and-methods-view__main__mobile-selection-dropdown__options__item svg.check-icon{color:var(--text-tertiary);margin-left:auto}.hooks-and-methods-view__main__mobile-selection-dropdown__options__item--selected svg{color:var(--text-primary)}.hooks-and-methods-view__main__mobile-selection-dropdown__options__item--selected{background-color:var(--base-1)}@keyframes hooks-and-methods-view__main__selection-dropdown__slide-in{0%{top:1.25rem;opacity:0}to{top:0;opacity:1}}@keyframes hooks-and-methods-view__main__selection-dropdown__slide-out{0%{top:0;opacity:1}to{top:1.25rem;opacity:0}}.bridge-view{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;height:100%}.bridge-view__switch-order{padding:.5rem .8rem;border-radius:10px;border:none;cursor:pointer}.bridge-view__sdk{width:22.5rem;max-width:100%;margin-block:auto;border-radius:var(--custom-border-radius, 1.5rem);border:1px solid var(--base-4);background:var(--base-1);transition:all .2s;box-shadow:0 18px 88px -4px #00135b1a,0 8px 28px -6px #00135b14}.design-mock{margin:5rem 1rem 0}.headless-multiwallet-method{display:flex;flex-direction:column;align-items:stretch;gap:2.25rem;padding:16px 20%;overflow:auto}.headless-multiwallet-method__section{display:flex;flex-direction:row;gap:.75rem;justify-content:space-between}.headless-multiwallet-method__section__label{margin-bottom:-1rem}.headless-multiwallet-method__section input{padding:.5rem 1rem;border-radius:8px}.headless-multiwallet-method__wallets{display:flex;flex-direction:column;gap:1.5rem}.headless-multiwallet-method__wallet{display:flex;flex-direction:column;gap:.75rem;border:1px solid gray;border-radius:4px;padding:8px}.headless-multiwallet-method__wallet__actions{display:flex;flex-direction:row;gap:.75rem}.headless-sms-otp{display:flex;flex-direction:column;gap:.75rem;align-items:center;padding:1.5rem}.headless-sms-otp__section{display:flex;gap:.75rem;align-items:center}.headless-sms-otp__section label{width:9.375rem}.headless-sms-otp__section input{padding:.5rem 1rem;border-radius:8px}.headless-mfa__tabs{gap:.75rem;display:flex;flex-direction:row;align-items:center;padding:1.5rem;overflow:auto}.headless-mfa__tab{background-color:var(--primary);padding:.5rem 1rem;border-radius:0;border:1px solid var(--color-border);cursor:pointer}.headless-mfa__tab--active{background-color:var(--dark-base-1)}.headless-mfa-view{display:flex;flex-direction:column;gap:.75rem;align-items:center;padding:1.5rem;overflow:auto}.headless-mfa-view__section{display:flex;flex-direction:column;gap:.75rem;align-items:center}.headless-mfa-view__form{display:flex;flex-direction:column}.headless-mfa-view__form__section{display:flex;gap:.75rem;align-items:center}.headless-mfa-view__form__section input{padding:.5rem 1rem;border-radius:8px}.headless-mfa-view__form button{margin-top:.625rem}.headless-mfa-view .error{color:red}.headless-social-signin{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:1.5rem}.headless-social-signin__container{display:flex;flex-direction:column;padding:1.5rem;gap:.75rem;align-items:center;background-color:var(--base-2);border-radius:1rem;border:.0625rem solid var(--base-4);box-shadow:0 1rem 1.625rem -.25rem #18274b0a,0 .75rem 1.25rem -.375rem #18274b05}.headless-social-signin__container p{font-weight:700;font-size:1.125rem}.headless-social-signin__container button{width:17.5rem;display:flex;gap:.5rem;justify-content:center;padding:.75rem;border-radius:.5rem;background:var(--base-3);color:var(--text-primary)}.headless-social-signin__container button img{width:1.125rem}.headless-social-signin__container .error{color:var(--default-error-1)}.headless-social-signin__container .processing{color:var(--primary)}.headless-connect-social-accounts{display:flex;flex-direction:column;gap:.5rem}.headless-dashboard{display:flex;flex-direction:column;overflow-y:scroll}.headless-dashboard__header{display:flex;flex-direction:row;flex:1;align-items:center;justify-content:space-between;padding:1rem 0}.headless-dashboard__content{display:flex;flex:1;flex-direction:column;gap:1rem}.headless-dashboard__row{display:flex;flex-flow:row wrap;gap:1rem}.headless-dashboard__col{display:flex;flex-direction:column}.headless-card{display:flex;flex:0;flex-direction:column;gap:.5rem;align-items:flex-start;min-width:12.5rem;background-color:var(--base-2);border-radius:.5rem;padding:1rem}.iframe-view{margin:0;background-color:#f0f0f0;display:flex;flex-direction:column;height:100vh}.iframe-view--iframe{flex-grow:1;border-top:1px solid #ccc}.iframe-view--buttons{display:flex;gap:16px}.iframe-view--header{display:flex;flex-direction:column;gap:8px;padding:16px}.background{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.navigation-options{padding-top:1.25rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.6875rem;overflow:hidden;position:absolute;height:100%;max-height:100%;width:100%;background-color:var(--base-2);transition:background-color .2s;z-index:50}@media(min-width:767px){.navigation-options{flex-direction:row;padding:0;gap:.5rem;position:relative;width:unset;background-color:unset}}.navigation-options__links{width:100%;display:flex;flex-direction:column;gap:1rem;padding-inline:1.5rem;white-space:nowrap}@media(min-width:767px){.navigation-options__links{flex-direction:row;overflow:hidden;max-height:100%;justify-content:center;gap:.25rem;padding:0}}.navigation-options__links__margin-top{margin-top:1rem}.navigation-options__links__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s;color:var(--text-secondary)}.navigation-options__links__item.active{color:var(--text-primary)}.navigation-options__links__item.disabled{color:var(--text-tertiary);cursor:default}.navigation-options__links__item svg{color:var(--text-tertiary);width:1.5rem;height:1.5rem}@media(min-width:767px){.navigation-options__links__item{padding:.375rem .75rem;border-radius:.5rem;justify-content:flex-start}.navigation-options__links__item.active{background:var(--base-3)}.navigation-options__links__item svg{width:1rem;height:1rem}}.navigation-options__actions{width:100%;display:flex;flex-direction:column;gap:1rem;padding-inline:1.5rem;margin-top:auto;background:var(--base-2);transition:background-color .2s}@media(min-width:767px){.navigation-options__actions{flex-direction:row;padding:0;flex:0;background:unset}}.navigation-options__actions__color-scheme-toggle{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1}.navigation-options__actions--turnkey{padding:0 1.5rem 1.5rem;justify-content:center;align-items:flex-start;gap:8px;flex-direction:row;flex:1;width:100%}@media(min-width:767px){.navigation-options__actions--turnkey{justify-content:flex-end;padding:0}}.navigation-options__actions--turnkey__button{width:100%}@media(min-width:767px){.navigation-options__actions--turnkey__button{width:unset}}.navigation-menu{--vertical-padding: 1rem;background-color:var(--base-2);display:flex;align-items:stretch;justify-content:center;width:100%;transition:background-color .2s;min-height:calc(var(--input-height) + 2 * var(--vertical-padding));overflow:hidden;position:relative;z-index:95;flex-direction:column}@media(min-width:767px){.navigation-menu__native-demo-callout{display:none}}.navigation-menu__content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:3rem;width:100%;max-width:var(--max-window-width);overflow:hidden;padding:var(--vertical-padding) 1.5rem;margin-inline:auto}.navigation-menu__content__logo{cursor:pointer}.navigation-menu__content__toggle{color:var(--text-secondary);cursor:pointer}.navigation-menu__content__toggle--x{color:var(--text-tertiary)}.layout{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden}.layout__content{flex:1;display:flex;flex-direction:column;position:relative;align-items:stretch;width:100%;overflow:hidden;max-width:var(--max-window-width)}.layout__content__mobile-navigation,.layout__content__route-view{display:flex;flex:1;height:100%;flex-direction:column;z-index:100;overflow:hidden;width:100%}@media(min-width:767px){.layout__content__mobile-navigation{display:none}}.layout__content__mobile-navigation--turnkey{background:var(--backdrop)}.layout__content__mobile-navigation--open{animation:demo-root__content__slide-in .3s ease-out both}.layout__content__mobile-navigation--exiting{animation:demo-root__content__slide-out .2s ease-in both}@media(min-width:767px){.layout__content__route-view{border-radius:1.5rem;box-shadow:0 .07156rem .07156rem #ffffff05 inset;padding-inline:1.5rem;width:unset;transition:all .2s;position:relative}}.layout__content__route-view__background{background:var(--base-1);transition:all .2s}.layout__content__route-view--open{animation:demo-root__content__fade-in .15s ease-out both}.layout__content__route-view--exiting{animation:demo-root__content__fade-out .15s ease-in both}@keyframes demo-root__content__slide-in{0%{opacity:0;translate:0 -30%}to{opacity:1;translate:0 0}}@keyframes demo-root__content__slide-out{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -30%}}@keyframes demo-root__content__fade-in{0%{opacity:0}to{opacity:1}}@keyframes demo-root__content__fade-out{0%{opacity:1}to{opacity:0}}.custom-chain-modal{max-width:43.75rem;gap:.75rem;padding-bottom:2rem}.custom-chain-modal__header{display:flex;align-items:center;justify-content:center;padding-block:.75rem}.custom-chain-modal__header__x{position:absolute;right:1.5rem;color:var(--text-tertiary);width:1.25rem;height:1.25rem;cursor:pointer}.custom-chain-modal__copy-result{position:absolute;top:calc(100% + 1rem);z-index:10;align-self:center;transition:all .2s}.custom-chain-modal__copy-result--hidden{opacity:0;transform:translateY(1rem)}.custom-chain-modal__field{flex:1}.custom-chain-modal__field-row{display:flex;gap:1rem}.developer-kit{display:flex;flex-direction:column;align-items:stretch}.developer-kit>*:not(.hidden-panel__content__toggle-area){padding:1rem 1.5rem}.developer-kit>*:not(.hidden-panel__content__toggle-area):not(:last-child){border-bottom:1px solid var(--base-4);padding-bottom:1.5rem}.developer-kit__environment-select{display:flex;align-items:stretch;gap:1rem}.developer-kit__environment-select__column{display:flex;flex-direction:column;gap:.5rem;width:min-content;min-width:23.125rem}.developer-kit__environment-select__column--stretch{justify-content:space-between}.developer-kit__environment-select__column__label{margin-bottom:-.625rem}.developer-kit__environment-select__column__input{width:23.125rem;background-color:var(--base-3);padding:.25rem .5rem;border-radius:.5rem;font-size:13px;font-weight:400;font-family:Roboto Mono,monospace}.developer-kit__environment-select__column__input--disabled{opacity:.6}.developer-kit__environment-select__column__description{min-height:2.5rem}.developer-kit__environment-select__column__tracing{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;width:100%}.developer-kit__environment-select__column__tracing__item{display:flex;flex-direction:column}.developer-kit__environment-select__column__tracing__item--deployment{padding:.25rem .625rem;border-radius:10px;background-color:var(--base-3)}.developer-kit__environment-select__column__tracing__item--deployment--live{background-color:#4679fe26;color:#4679fe}.developer-kit__environment-select__column__tracing__item--deployment--sandbox{background-color:#ff990026;color:#f90}.developer-kit__settings-toggle{display:flex;align-items:center;gap:1rem}.developer-kit__settings-toggle>*{flex:1}html,body,#root{width:100%;height:100%;font-family:Gilroy,DM Sans,sans-serif;color:var(--text-primary)}.share-config{display:flex;align-items:center;gap:.5rem;width:100%}.share-config__button-content{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.share-config__button{width:16px;height:16px}.share-config :global(.settings-actions__button){height:32px!important;width:100%;min-width:100%}.share-config__modal{max-width:500px;width:100%;padding:24px}.share-config__modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.share-config__modal__header__x{width:24px;height:24px;cursor:pointer;opacity:.6;transition:opacity .2s}.share-config__modal__header__x:hover{opacity:1}.share-config__modal__copy-result{margin-top:16px;transition:opacity .2s}.share-config__modal__copy-result--hidden{opacity:0}