html{--semantic-paper-default: #0c0e10;--semantic-divider-divider-3: rgba(255, 255, 255, .1);--header-height: 80px;--logo-height: 26px;--global-horizontal-padding: 20px;--content-vertical-top-padding: 60px;--content-vertical-bottom-padding: 60px;--scale-gray-600: #888a8c;--scale-gray-900: #ffffff}html,body{height:100%;background-color:var(--semantic-paper-default);color:#fff;font-family:Inter,sans-serif;margin:0;padding:0}*{box-sizing:border-box;-webkit-box-sizing:border-box}body,html{height:100%;text-size-adjust:none;-webkit-text-size-adjust:none}body,button,input,select,table,textarea{font-family:SF-Pro-R,sans-serif;font-weight:400;color:#fff}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6,strong,th{font-weight:400}img{border:0;vertical-align:top}a{color:inherit;text-decoration:none;cursor:pointer}a:hover{text-decoration:none}button{appearance:button;-webkit-appearance:button;-moz-appearance:button;border:0;background-color:transparent;outline:none;cursor:pointer}input[type=text]:focus,input[type=number]:focus{outline:none;border:none}hr{display:none}table{border-collapse:collapse}.blind{overflow:hidden;position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px}#content{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px 20px 0;box-sizing:border-box}#header,#footer{flex-shrink:0;position:relative;width:100%}#header .inner,#footer .inner{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}#header{z-index:130;position:sticky;top:0;right:0;left:0;flex-shrink:0;width:100%;border-bottom:1px solid var(--semantic-divider-divider-3);background-color:var(--semantic-paper-default);height:var(--header-height)}#header .inner{display:flex;justify-content:space-between;margin:0 auto;padding:0 var(--global-horizontal-padding);width:100%;max-width:calc(1280px + var(--global-horizontal-padding) * 2)}@media (max-width: 346px){#header .inner{padding:0 calc(var(--global-horizontal-padding) - 3px)}}#header .logo{position:relative;z-index:110;margin-right:20px}#header .logo a{display:flex;align-items:center;position:relative;padding:calc((var(--header-height) - var(--logo-height)) / 2) 0}#header .logo a:before{display:block;width:var(--logo-width);height:var(--logo-height);background-color:var(--scale-gray-900);content:""}@media (max-width: 767px){#header .logo{margin-right:5px}}#header .navigation{position:relative;flex:1;display:flex;justify-content:flex-end;align-items:center;margin-left:auto}#header .navigation nav{position:relative;display:flex}#header .navigation a{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 24px;color:var(--scale-gray-900);font-family:Inter;font-size:16px;line-height:1.5;letter-spacing:-.01em}@media (max-width: 767px){#header .navigation a{font-size:15px}}@media (max-width: 450px){#header .navigation a{font-size:14px}}#header .navigation a.active,#header .navigation a:hover{color:var(--scale-gray-900);text-decoration:underline;text-underline-position:under}#header .navigation svg{margin-left:4px;color:var(--scale-gray-600)}#header .navigation:has(a.active) a:not(.active){color:var(--scale-gray-600)}#header .navigation:has(a.active) a:not(.active):hover{color:var(--scale-gray-900)}#header .navigation:has(a.active) a:not(.active):hover svg{color:var(--scale-gray-900)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app-header{padding:20px 24px}.brand{font-size:18px;font-weight:700;color:#fff}.caption{margin-top:4px;color:#1eeeaf;font-size:13px}.app-main{display:flex;justify-content:center;padding:24px}.bridge-card{width:100%;max-width:480px;font-family:SF-Pro-M,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.bridge-card{--wui-color-accent-100: #1eeeaf;--wui-color-accent-090: #1eeeaf;--wui-color-accent-080: #1eeeaf;--wui-color-accent-glass-010: #1eeeaf14;--wui-color-accent-glass-015: #1eeeaf14;--wui-color-accent-glass-020: #1eeeaf14;--wui-color-inverse-100: #0c0e10}.bridge-card input,.bridge-card textarea{color:#fff!important}.bridge-card input::placeholder,.bridge-card textarea::placeholder{color:#36383a!important;opacity:1}.bridge-card .MuiOutlinedInput-root,.bridge-card .MuiPaper-root,.bridge-card [class*=picker],.bridge-card [class*=Picker]{background-color:#1a1c1e!important}.bridge-card .MuiOutlinedInput-notchedOutline,.bridge-card [class*=token] .MuiOutlinedInput-notchedOutline,.bridge-card [class*=Token] .MuiOutlinedInput-notchedOutline{border-color:#ffffff1a!important}.bridge-card [class*=history] button,.bridge-card [class*=History] button,.bridge-card button[aria-label*=history i],.bridge-card button[title*=history i]{border:none!important;box-shadow:none!important}.bridge-card .MuiToggleButton-root,.bridge-card button[role=tab][aria-selected=false],.bridge-card button[aria-pressed=false],.bridge-card .MuiButton-outlined{background:#1eeeaf14!important;color:#54f2c2!important}.bridge-card .MuiToggleButton-root.Mui-selected,.bridge-card button[role=tab][aria-selected=true],.bridge-card button[aria-pressed=true],.bridge-card .MuiButton-contained,.bridge-card .MuiButton-containedPrimary{background:#1eeeaf!important;color:#0c0e10!important}.bridge-card button[aria-label*=swap i],.bridge-card button[title*=swap i],.bridge-card [class*=swap] button,.bridge-card [class*=Swap] button,.bridge-card [class*=swapButton],.bridge-card [class*=SwapButton]{border:1px solid #0c0e10!important;background:#1a1c1e!important}.bridge-card button[aria-label*=swap i] svg,.bridge-card button[title*=swap i] svg,.bridge-card [class*=swap] button svg,.bridge-card [class*=Swap] button svg,.bridge-card [class*=swapButton] svg,.bridge-card [class*=SwapButton] svg,.bridge-card button[aria-label*=swap i] svg path,.bridge-card button[title*=swap i] svg path,.bridge-card [class*=swap] button svg path,.bridge-card [class*=Swap] button svg path,.bridge-card [class*=swapButton] svg path,.bridge-card [class*=SwapButton] svg path{color:#fff!important;fill:#fff!important;stroke:#fff!important}.bridge-card [class*=from],.bridge-card [class*=From],.bridge-card [class*=to],.bridge-card [class*=To],.bridge-card [class*=source],.bridge-card [class*=Source],.bridge-card [class*=destination],.bridge-card [class*=Destination]{color:#fff!important}.bridge-card button[class*=connect i],.bridge-card [class*=connectButton i],.bridge-card button[aria-label*=connect i]{border-radius:6px!important}.bridge-card .MuiSelect-select,.bridge-card [class*=tokenSelect],.bridge-card [class*=TokenSelect],.bridge-card [class*=picker-select],.bridge-card [class*=PickerSelect],.bridge-card [class*=token-picker] [class*=select i],.bridge-card [class*=TokenPicker] [class*=select i]{background:#0c0e10!important}.app-footer{border-top:1px solid #1eeeaf;padding:12px 24px;color:#1eeeaf;font-size:12px}#penguin-bridge .MuiInput-input{text-align:left!important}
