@luno-kit/ui 0.0.1 → 0.0.3

package/dist/styles.css

@@ -1,1378 +1,2 @@
 /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-@layer properties;
-@keyframes dialog-in {
-  from {
-    opacity: 0;
-    top: 80vh;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    top: 50%;
-    transform: scale(1);
-  }
-}
-@keyframes dialog-out {
-  from {
-    opacity: 1;
-    top: 50%;
-  }
-  to {
-    opacity: 0;
-    top: 80vh;
-  }
-}
-@keyframes overlay-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes overlay-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-@keyframes ripple {
-  0% {
-    transform: translate(-50%, -50%) scale(1);
-    opacity: 0.6;
-  }
-  100% {
-    transform: translate(-50%, -50%) scale(2);
-    opacity: 0;
-  }
-}
-@keyframes ping {
-  75%, 100% {
-    transform: scale(3.2);
-    opacity: 0;
-  }
-}
-@keyframes slide-up {
-  from {
-    transform: translateY(100%);
-  }
-  to {
-    transform: translateY(0);
-  }
-}
-@keyframes shimmer {
-  0% {
-    background-position: 100% 0;
-  }
-  100% {
-    background-position: -100% 0;
-  }
-}
-@layer theme, base, components, utilities;
-@layer theme {
-  :root, :host {
-    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
-      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --font-mono: var(--font-mono);
-    --color-pink-500: oklch(65.6% 0.241 354.308);
-    --color-gray-500: oklch(55.1% 0.027 264.364);
-    --spacing: 0.25rem;
-    --text-xs--line-height: calc(1 / 0.75);
-    --text-sm--line-height: calc(1.25 / 0.875);
-    --text-base--line-height: calc(1.5 / 1);
-    --text-lg--line-height: calc(1.75 / 1.125);
-    --radius-sm: 0.25rem;
-    --ease-out: cubic-bezier(0, 0, 0.2, 1);
-    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --default-transition-duration: 150ms;
-    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --default-font-family: var(--font-sans);
-    --default-mono-font-family: var(--font-mono);
-    --color-accentColor: var(--color-accentColor);
-    --color-modalBackground: var(--color-modalBackground);
-    --color-modalText: var(--color-modalText);
-    --color-modalTextSecondary: var(--color-modalTextSecondary);
-    --color-modalBackdrop: var(--color-modalBackdrop);
-    --color-modalBorder: var(--color-modalBorder);
-    --color-modalControlButtonBackgroundHover: var(--color-modalControlButtonBackgroundHover);
-    --color-modalControlButtonText: var(--color-modalControlButtonText);
-    --color-connectButtonBackground: var(--color-connectButtonBackground);
-    --color-connectButtonInnerBackground: var(--color-connectButtonInnerBackground);
-    --color-connectButtonText: var(--color-connectButtonText);
-    --color-walletSelectItemBackground: var(--color-walletSelectItemBackground);
-    --color-walletSelectItemBackgroundHover: var(--color-walletSelectItemBackgroundHover);
-    --color-walletSelectItemText: var(--color-walletSelectItemText);
-    --color-accountActionItemBackground: var(--color-accountActionItemBackground);
-    --color-accountActionItemBackgroundHover: var(--color-accountActionItemBackgroundHover);
-    --color-accountActionItemText: var(--color-accountActionItemText);
-    --color-accountSelectItemBackground: var(--color-accountSelectItemBackground);
-    --color-accountSelectItemBackgroundHover: var(--color-accountSelectItemBackgroundHover);
-    --color-accountSelectItemText: var(--color-accountSelectItemText);
-    --color-currentNetworkButtonBackground: var(--color-currentNetworkButtonBackground);
-    --color-currentNetworkButtonText: var(--color-currentNetworkButtonText);
-    --color-networkSelectItemBackground: var(--color-networkSelectItemBackground);
-    --color-networkSelectItemBackgroundHover: var(--color-networkSelectItemBackgroundHover);
-    --color-networkSelectItemText: var(--color-networkSelectItemText);
-    --color-navigationButtonBackground: var(--color-navigationButtonBackground);
-    --color-separatorLine: var(--color-separatorLine);
-    --color-skeleton: var(--color-skeleton);
-    --color-success: var(--color-success);
-    --color-successForeground: var(--color-successForeground);
-    --color-warning: var(--color-warning);
-    --color-warningForeground: var(--color-warningForeground);
-    --color-error: var(--color-error);
-    --color-errorForeground: var(--color-errorForeground);
-    --color-info: var(--color-info);
-    --color-infoForeground: var(--color-infoForeground);
-    --color-cutLine: var(--color-cutLine);
-    --radius-walletSelectItem: var(--radius-walletSelectItem);
-    --radius-connectButton: var(--radius-connectButton);
-    --radius-modalControlButton: var(--radius-modalControlButton);
-    --radius-accountActionItem: var(--radius-accountActionItem);
-    --radius-accountSelectItem: var(--radius-accountSelectItem);
-    --radius-currentNetworkButton: var(--radius-currentNetworkButton);
-    --radius-networkSelectItem: var(--radius-networkSelectItem);
-    --radius-modal: var(--radius-modal);
-    --radius-modalMobile: var(--radius-modalMobile);
-    --shadow-button: var(--shadow-button);
-    --shadow-modal: var(--shadow-modal);
-    --blur-modalOverlay: var(--blur-modalOverlay);
-    --font-body: var(--font-body);
-    --font-heading: var(--font-heading);
-  }
-}
-@layer base {
-  *, ::after, ::before, ::backdrop, ::file-selector-button {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    border: 0 solid;
-  }
-  html, :host {
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
-    font-feature-settings: var(--default-font-feature-settings, normal);
-    font-variation-settings: var(--default-font-variation-settings, normal);
-    -webkit-tap-highlight-color: transparent;
-  }
-  hr {
-    height: 0;
-    color: inherit;
-    border-top-width: 1px;
-  }
-  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 {
-    color: inherit;
-    -webkit-text-decoration: inherit;
-    text-decoration: inherit;
-  }
-  b, strong {
-    font-weight: bolder;
-  }
-  code, kbd, samp, pre {
-    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
-    font-feature-settings: var(--default-mono-font-feature-settings, normal);
-    font-variation-settings: var(--default-mono-font-variation-settings, normal);
-    font-size: 1em;
-  }
-  small {
-    font-size: 80%;
-  }
-  sub, sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  summary {
-    display: list-item;
-  }
-  ol, ul, menu {
-    list-style: none;
-  }
-  img, svg, video, canvas, audio, iframe, embed, object {
-    display: block;
-    vertical-align: middle;
-  }
-  img, video {
-    max-width: 100%;
-    height: auto;
-  }
-  button, input, select, optgroup, textarea, ::file-selector-button {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    border-radius: 0;
-    background-color: transparent;
-    opacity: 1;
-  }
-  :where(select:is([multiple], [size])) optgroup {
-    font-weight: bolder;
-  }
-  :where(select:is([multiple], [size])) optgroup option {
-    padding-inline-start: 20px;
-  }
-  ::file-selector-button {
-    margin-inline-end: 4px;
-  }
-  ::placeholder {
-    opacity: 1;
-  }
-  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
-    ::placeholder {
-      color: currentcolor;
-      @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
-      }
-    }
-  }
-  textarea {
-    resize: vertical;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-date-and-time-value {
-    min-height: 1lh;
-    text-align: inherit;
-  }
-  ::-webkit-datetime-edit {
-    display: inline-flex;
-  }
-  ::-webkit-datetime-edit-fields-wrapper {
-    padding: 0;
-  }
-  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
-    padding-block: 0;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
-    appearance: button;
-  }
-  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [hidden]:where(:not([hidden="until-found"])) {
-    display: none !important;
-  }
-}
-@layer utilities {
-  .sr-only {
-    position: absolute !important;
-    width: 1px !important;
-    height: 1px !important;
-    padding: 0 !important;
-    margin: -1px !important;
-    overflow: hidden !important;
-    clip: rect(0, 0, 0, 0) !important;
-    white-space: nowrap !important;
-    border-width: 0 !important;
-  }
-  .absolute {
-    position: absolute !important;
-  }
-  .fixed {
-    position: fixed !important;
-  }
-  .relative {
-    position: relative !important;
-  }
-  .inset-0 {
-    inset: calc(var(--spacing) * 0) !important;
-  }
-  .top-1\/2 {
-    top: calc(1/2 * 100%) !important;
-  }
-  .bottom-0 {
-    bottom: calc(var(--spacing) * 0) !important;
-  }
-  .left-0 {
-    left: calc(var(--spacing) * 0) !important;
-  }
-  .left-1\/2 {
-    left: calc(1/2 * 100%) !important;
-  }
-  .z-10 {
-    z-index: 10 !important;
-  }
-  .z-\[3\] {
-    z-index: 3 !important;
-  }
-  .z-\[4\] {
-    z-index: 4 !important;
-  }
-  .z-\[100\] {
-    z-index: 100 !important;
-  }
-  .z-\[200\] {
-    z-index: 200 !important;
-  }
-  .container {
-    width: 100% !important;
-    @media (width >= 40rem) {
-      max-width: 40rem !important;
-    }
-    @media (width >= 48rem) {
-      max-width: 48rem !important;
-    }
-    @media (width >= 64rem) {
-      max-width: 64rem !important;
-    }
-    @media (width >= 80rem) {
-      max-width: 80rem !important;
-    }
-    @media (width >= 96rem) {
-      max-width: 96rem !important;
-    }
-  }
-  .m-0 {
-    margin: calc(var(--spacing) * 0) !important;
-  }
-  .mx-\[-100px\] {
-    margin-inline: -100px !important;
-  }
-  .mr-1\.5 {
-    margin-right: 6px !important;
-  }
-  .mb-4 {
-    margin-bottom: 16px !important;
-  }
-  .box-border {
-    box-sizing: border-box !important;
-  }
-  .block {
-    display: block !important;
-  }
-  .flex {
-    display: flex !important;
-  }
-  .inline-flex {
-    display: inline-flex !important;
-  }
-  .h-\[1px\] {
-    height: 1px !important;
-  }
-  .h-\[10px\] {
-    height: 10px !important;
-  }
-  .h-\[16px\] {
-    height: 16px !important;
-  }
-  .h-\[18px\] {
-    height: 18px !important;
-  }
-  .h-\[20px\] {
-    height: 20px !important;
-  }
-  .h-\[24px\] {
-    height: 24px !important;
-  }
-  .h-\[30px\] {
-    height: 30px !important;
-  }
-  .h-\[55px\] {
-    height: 55px !important;
-  }
-  .h-\[102px\] {
-    height: 102px !important;
-  }
-  .h-\[160px\] {
-    height: 160px !important;
-  }
-  .h-full {
-    height: 100% !important;
-  }
-  .max-h-\[40px\] {
-    max-height: 40px !important;
-  }
-  .max-h-\[400px\] {
-    max-height: 400px !important;
-  }
-  .max-h-\[450px\] {
-    max-height: 450px !important;
-  }
-  .max-h-\[500px\] {
-    max-height: 500px !important;
-  }
-  .min-h-\[20px\] {
-    min-height: 20px !important;
-  }
-  .min-h-\[24px\] {
-    min-height: 24px !important;
-  }
-  .min-h-\[40px\] {
-    min-height: 40px !important;
-  }
-  .min-h-\[400px\] {
-    min-height: 400px !important;
-  }
-  .min-h-\[472px\] {
-    min-height: 472px !important;
-  }
-  .w-\[10px\] {
-    width: 10px !important;
-  }
-  .w-\[16px\] {
-    width: 16px !important;
-  }
-  .w-\[18px\] {
-    width: 18px !important;
-  }
-  .w-\[20px\] {
-    width: 20px !important;
-  }
-  .w-\[24px\] {
-    width: 24px !important;
-  }
-  .w-\[30px\] {
-    width: 30px !important;
-  }
-  .w-\[55px\] {
-    width: 55px !important;
-  }
-  .w-\[60px\] {
-    width: 60px !important;
-  }
-  .w-\[80px\] {
-    width: 80px !important;
-  }
-  .w-\[102px\] {
-    width: 102px !important;
-  }
-  .w-\[160px\] {
-    width: 160px !important;
-  }
-  .w-\[400px\] {
-    width: 400px !important;
-  }
-  .w-full {
-    width: 100% !important;
-  }
-  .max-w-\[220px\] {
-    max-width: 220px !important;
-  }
-  .max-w-\[360px\] {
-    max-width: 360px !important;
-  }
-  .min-w-\[48px\] {
-    min-width: 48px !important;
-  }
-  .shrink-0 {
-    flex-shrink: 0 !important;
-  }
-  .grow {
-    flex-grow: 1 !important;
-  }
-  .-translate-x-0 {
-    --tw-translate-x: calc(var(--spacing) * -0) !important;
-    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
-  }
-  .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1) !important;
-    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
-  }
-  .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;
-    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
-  }
-  .translate-y-0 {
-    --tw-translate-y: calc(var(--spacing) * 0) !important;
-    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
-  }
-  .transform {
-    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
-  }
-  .animate-\[spin_2s_linear_infinite\] {
-    animation: spin 2s linear infinite !important;
-  }
-  .animate-\[spin_3s_linear_infinite\] {
-    animation: spin 3s linear infinite !important;
-  }
-  .animate-pulse {
-    animation: var(--animate-pulse) !important;
-  }
-  .cursor-auto {
-    cursor: auto !important;
-  }
-  .cursor-default {
-    cursor: default !important;
-  }
-  .cursor-pointer {
-    cursor: pointer !important;
-  }
-  .resize {
-    resize: both !important;
-  }
-  .flex-col {
-    flex-direction: column !important;
-  }
-  .items-center {
-    align-items: center !important;
-  }
-  .items-start {
-    align-items: flex-start !important;
-  }
-  .items-stretch {
-    align-items: stretch !important;
-  }
-  .justify-between {
-    justify-content: space-between !important;
-  }
-  .justify-center {
-    justify-content: center !important;
-  }
-  .justify-start {
-    justify-content: flex-start !important;
-  }
-  .gap-1 {
-    gap: 4px !important;
-  }
-  .gap-1\.5 {
-    gap: 6px !important;
-  }
-  .gap-2 {
-    gap: 8px !important;
-  }
-  .gap-3 {
-    gap: 12px !important;
-  }
-  .gap-3\.5 {
-    gap: 14px !important;
-  }
-  .gap-4 {
-    gap: 16px !important;
-  }
-  .gap-6 {
-    gap: 24px !important;
-  }
-  .overflow-auto {
-    overflow: auto !important;
-  }
-  .overflow-hidden {
-    overflow: hidden !important;
-  }
-  .overflow-y-auto {
-    overflow-y: auto !important;
-  }
-  .rounded {
-    border-radius: 0.25rem !important;
-  }
-  .rounded-accountActionItem {
-    border-radius: var(--radius-accountActionItem) !important;
-  }
-  .rounded-accountSelectItem {
-    border-radius: var(--radius-accountSelectItem) !important;
-  }
-  .rounded-connectButton {
-    border-radius: var(--radius-connectButton) !important;
-  }
-  .rounded-currentNetworkButton {
-    border-radius: var(--radius-currentNetworkButton) !important;
-  }
-  .rounded-full {
-    border-radius: calc(infinity * 1px) !important;
-  }
-  .rounded-modalControlButton {
-    border-radius: var(--radius-modalControlButton) !important;
-  }
-  .rounded-networkSelectItem {
-    border-radius: var(--radius-networkSelectItem) !important;
-  }
-  .rounded-sm {
-    border-radius: var(--radius-sm) !important;
-  }
-  .rounded-walletSelectItem {
-    border-radius: var(--radius-walletSelectItem) !important;
-  }
-  .rounded-t-modalMobile {
-    border-top-left-radius: var(--radius-modalMobile) !important;
-    border-top-right-radius: var(--radius-modalMobile) !important;
-  }
-  .border {
-    border-style: var(--tw-border-style) !important;
-    border-width: 1px !important;
-  }
-  .border-2 {
-    border-style: var(--tw-border-style) !important;
-    border-width: 2px !important;
-  }
-  .border-\[1px\] {
-    border-style: var(--tw-border-style) !important;
-    border-width: 1px !important;
-  }
-  .border-r-\[1px\] {
-    border-right-style: var(--tw-border-style) !important;
-    border-right-width: 1px !important;
-  }
-  .border-none {
-    --tw-border-style: none !important;
-    border-style: none !important;
-  }
-  .border-solid {
-    --tw-border-style: solid !important;
-    border-style: solid !important;
-  }
-  .border-accentColor {
-    border-color: var(--color-accentColor) !important;
-  }
-  .border-connectButtonBackground {
-    border-color: var(--color-connectButtonBackground) !important;
-  }
-  .border-r-separatorLine {
-    border-right-color: var(--color-separatorLine) !important;
-  }
-  .bg-accentColor {
-    background-color: var(--color-accentColor) !important;
-  }
-  .bg-accountActionItemBackground {
-    background-color: var(--color-accountActionItemBackground) !important;
-  }
-  .bg-accountActionItemBackgroundHover {
-    background-color: var(--color-accountActionItemBackgroundHover) !important;
-  }
-  .bg-accountSelectItemBackground {
-    background-color: var(--color-accountSelectItemBackground) !important;
-  }
-  .bg-connectButtonBackground {
-    background-color: var(--color-connectButtonBackground) !important;
-  }
-  .bg-connectButtonInnerBackground {
-    background-color: var(--color-connectButtonInnerBackground) !important;
-  }
-  .bg-currentNetworkButtonBackground {
-    background-color: var(--color-currentNetworkButtonBackground) !important;
-  }
-  .bg-cutLine {
-    background-color: var(--color-cutLine) !important;
-  }
-  .bg-gray-500 {
-    background-color: var(--color-gray-500) !important;
-  }
-  .bg-modalBackdrop {
-    background-color: var(--color-modalBackdrop) !important;
-  }
-  .bg-modalBackground {
-    background-color: var(--color-modalBackground) !important;
-  }
-  .bg-navigationButtonBackground {
-    background-color: var(--color-navigationButtonBackground) !important;
-  }
-  .bg-networkSelectItemBackground {
-    background-color: var(--color-networkSelectItemBackground) !important;
-  }
-  .bg-pink-500 {
-    background-color: var(--color-pink-500) !important;
-  }
-  .bg-skeleton {
-    background-color: var(--color-skeleton) !important;
-  }
-  .bg-transparent {
-    background-color: transparent !important;
-  }
-  .bg-walletSelectItemBackground {
-    background-color: var(--color-walletSelectItemBackground) !important;
-  }
-  .object-cover {
-    object-fit: cover !important;
-  }
-  .p-0 {
-    padding: calc(var(--spacing) * 0) !important;
-  }
-  .p-2 {
-    padding: 8px !important;
-  }
-  .p-3\.5 {
-    padding: 14px !important;
-  }
-  .p-4 {
-    padding: 16px !important;
-  }
-  .px-2 {
-    padding-inline: 8px !important;
-  }
-  .px-2\.5 {
-    padding-inline: 10px !important;
-  }
-  .px-3\.5 {
-    padding-inline: 14px !important;
-  }
-  .px-4 {
-    padding-inline: 16px !important;
-  }
-  .px-5 {
-    padding-inline: 20px !important;
-  }
-  .px-\[12px\] {
-    padding-inline: 12px !important;
-  }
-  .py-1\.5 {
-    padding-block: 6px !important;
-  }
-  .py-2 {
-    padding-block: 8px !important;
-  }
-  .py-2\.5 {
-    padding-block: 10px !important;
-  }
-  .py-4 {
-    padding-block: 16px !important;
-  }
-  .py-12 {
-    padding-block: calc(var(--spacing) * 12) !important;
-  }
-  .py-\[4px\] {
-    padding-block: 4px !important;
-  }
-  .pt-0 {
-    padding-top: calc(var(--spacing) * 0) !important;
-  }
-  .pt-3 {
-    padding-top: 12px !important;
-  }
-  .pt-4 {
-    padding-top: 16px !important;
-  }
-  .pt-\[16px\] {
-    padding-top: 16px !important;
-  }
-  .pb-4 {
-    padding-bottom: 16px !important;
-  }
-  .pb-6 {
-    padding-bottom: 24px !important;
-  }
-  .pb-\[10px\] {
-    padding-bottom: 10px !important;
-  }
-  .pb-\[16px\] {
-    padding-bottom: 16px !important;
-  }
-  .pl-3 {
-    padding-left: 12px !important;
-  }
-  .text-center {
-    text-align: center !important;
-  }
-  .text-left {
-    text-align: left !important;
-  }
-  .font-body {
-    font-family: var(--font-body) !important;
-  }
-  .font-heading {
-    font-family: var(--font-heading) !important;
-  }
-  .text-base {
-    font-size: 16px !important;
-    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
-  }
-  .text-lg {
-    font-size: 18px !important;
-    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
-  }
-  .text-sm {
-    font-size: 14px !important;
-    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
-  }
-  .text-xs {
-    font-size: 12px !important;
-    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
-  }
-  .text-\[12px\] {
-    font-size: 12px !important;
-  }
-  .leading-\[16px\] {
-    --tw-leading: 16px !important;
-    line-height: 16px !important;
-  }
-  .leading-base {
-    --tw-leading: 20px !important;
-    line-height: 20px !important;
-  }
-  .leading-lg {
-    --tw-leading: 24px !important;
-    line-height: 24px !important;
-  }
-  .leading-sm {
-    --tw-leading: 18px !important;
-    line-height: 18px !important;
-  }
-  .leading-xs {
-    --tw-leading: 18px !important;
-    line-height: 18px !important;
-  }
-  .font-\[500\] {
-    --tw-font-weight: 500 !important;
-    font-weight: 500 !important;
-  }
-  .font-\[600\] {
-    --tw-font-weight: 600 !important;
-    font-weight: 600 !important;
-  }
-  .font-bold {
-    --tw-font-weight: 700 !important;
-    font-weight: 700 !important;
-  }
-  .font-medium {
-    --tw-font-weight: 500 !important;
-    font-weight: 500 !important;
-  }
-  .font-semibold {
-    --tw-font-weight: 600 !important;
-    font-weight: 600 !important;
-  }
-  .text-accentColor {
-    color: var(--color-accentColor) !important;
-  }
-  .text-accountActionItemText {
-    color: var(--color-accountActionItemText) !important;
-  }
-  .text-accountSelectItemText {
-    color: var(--color-accountSelectItemText) !important;
-  }
-  .text-connectButtonText {
-    color: var(--color-connectButtonText) !important;
-  }
-  .text-modalText {
-    color: var(--color-modalText) !important;
-  }
-  .text-modalTextSecondary {
-    color: var(--color-modalTextSecondary) !important;
-  }
-  .opacity-80 {
-    opacity: 80% !important;
-  }
-  .shadow-button {
-    --tw-shadow: var(--shadow-button) !important;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
-  }
-  .shadow-modal {
-    --tw-shadow: var(--shadow-modal) !important;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
-  }
-  .transition-\[125\] {
-    transition-property: 125 !important;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
-    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
-  }
-  .transition-all {
-    transition-property: all !important;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
-    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
-  }
-  .transition-colors {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
-    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
-  }
-  .transition-opacity {
-    transition-property: opacity !important;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
-    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
-  }
-  .transition-transform {
-    transition-property: transform, translate, scale, rotate !important;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
-    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
-  }
-  .duration-200 {
-    --tw-duration: 200ms !important;
-    transition-duration: 200ms !important;
-  }
-  .duration-300 {
-    --tw-duration: 300ms !important;
-    transition-duration: 300ms !important;
-  }
-  .ease-out {
-    --tw-ease: var(--ease-out) !important;
-    transition-timing-function: var(--ease-out) !important;
-  }
-  .hover\:scale-\[1\.03\] {
-    &:hover {
-      @media (hover: hover) {
-        scale: 1.03 !important;
-      }
-    }
-  }
-  .hover\:bg-accountActionItemBackgroundHover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-accountActionItemBackgroundHover) !important;
-      }
-    }
-  }
-  .hover\:bg-accountSelectItemBackgroundHover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-accountSelectItemBackgroundHover) !important;
-      }
-    }
-  }
-  .hover\:bg-modalControlButtonBackgroundHover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-modalControlButtonBackgroundHover) !important;
-      }
-    }
-  }
-  .hover\:bg-networkSelectItemBackgroundHover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-networkSelectItemBackgroundHover) !important;
-      }
-    }
-  }
-  .hover\:bg-walletSelectItemBackgroundHover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-walletSelectItemBackgroundHover) !important;
-      }
-    }
-  }
-  .hover\:text-modalText {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-modalText) !important;
-      }
-    }
-  }
-  .focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none !important;
-      outline-style: none !important;
-    }
-  }
-  .active\:scale-\[0\.95\] {
-    &:active {
-      scale: 0.95 !important;
-    }
-  }
-  .data-\[state\=open\]\:\[animation\:overlay-in_150ms_ease-out\] {
-    &[data-state="open"] {
-      animation: overlay-in 150ms ease-out !important;
-    }
-  }
-  .data-\[state\=open\]\:\[animation\:slide-up_200ms_ease-out\] {
-    &[data-state="open"] {
-      animation: slide-up 200ms ease-out !important;
-    }
-  }
-  .md\:top-1\/2 {
-    @media (width >= 48rem) {
-      top: calc(1/2 * 100%) !important;
-    }
-  }
-  .md\:bottom-auto {
-    @media (width >= 48rem) {
-      bottom: auto !important;
-    }
-  }
-  .md\:left-1\/2 {
-    @media (width >= 48rem) {
-      left: calc(1/2 * 100%) !important;
-    }
-  }
-  .md\:max-h-\[504px\] {
-    @media (width >= 48rem) {
-      max-height: 504px !important;
-    }
-  }
-  .md\:w-\[360px\] {
-    @media (width >= 48rem) {
-      width: 360px !important;
-    }
-  }
-  .md\:w-auto {
-    @media (width >= 48rem) {
-      width: auto !important;
-    }
-  }
-  .md\:max-w-\[724px\] {
-    @media (width >= 48rem) {
-      max-width: 724px !important;
-    }
-  }
-  .md\:min-w-\[360px\] {
-    @media (width >= 48rem) {
-      min-width: 360px !important;
-    }
-  }
-  .md\:-translate-x-1\/2 {
-    @media (width >= 48rem) {
-      --tw-translate-x: calc(calc(1/2 * 100%) * -1) !important;
-      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
-    }
-  }
-  .md\:-translate-y-1\/2 {
-    @media (width >= 48rem) {
-      --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;
-      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
-    }
-  }
-  .md\:rounded-modal {
-    @media (width >= 48rem) {
-      border-radius: var(--radius-modal) !important;
-    }
-  }
-  .md\:data-\[state\=open\]\:\[animation\:dialog-in_150ms_ease-out\] {
-    @media (width >= 48rem) {
-      &[data-state="open"] {
-        animation: dialog-in 150ms ease-out !important;
-      }
-    }
-  }
-}
-.luno-kit * {
-  box-sizing: border-box;
-}
-:root {
-  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  --font-heading: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --radius-walletSelectItem: 6px;
-  --radius-connectButton: 6px;
-  --radius-modalControlButton: 6px;
-  --radius-accountActionItem: 6px;
-  --radius-accountSelectItem: 6px;
-  --radius-currentNetworkButton: 6px;
-  --radius-networkSelectItem: 6px;
-  --radius-modal: 6px;
-  --radius-modalMobile: 24px;
-  --shadow-button: 0px 10px 20px 0px rgba(0,0,0,0.1);
-  --shadow-modal: 0px 20px 25px -5px rgba(0,0,0,0.1);
-  --blur-modalOverlay: blur(8px);
-}
-[data-theme="light"] {
-  --color-accentColor: #3385FF;
-  --color-walletSelectItemBackground: rgba(0,0,0,0.035);
-  --color-walletSelectItemBackgroundHover: rgba(0,0,0,0.08);
-  --color-walletSelectItemText: #211F26;
-  --color-connectButtonBackground: #F1EFF3;
-  --color-connectButtonInnerBackground: rgba(0,0,0,0.06);
-  --color-connectButtonText: #211F26;
-  --color-accountActionItemBackground: rgba(0,0,0,0.035);
-  --color-accountActionItemBackgroundHover: rgba(0,0,0,0.08);
-  --color-accountActionItemText: #211F26;
-  --color-accountSelectItemBackground: rgba(0,0,0,0.035);
-  --color-accountSelectItemBackgroundHover: rgba(0,0,0,0.08);
-  --color-accountSelectItemText: #211F26;
-  --color-currentNetworkButtonBackground: #FFFFFF;
-  --color-currentNetworkButtonText: #211F26;
-  --color-networkSelectItemBackground: rgba(0,0,0,0.035);
-  --color-networkSelectItemBackgroundHover: rgba(0,0,0,0.08);
-  --color-networkSelectItemText: #211F26;
-  --color-navigationButtonBackground: rgba(0,0,0,0.15);
-  --color-separatorLine: rgba(0, 0, 0, 0.035);
-  --color-modalBackground: #ffffff;
-  --color-modalBackdrop: rgba(0, 0, 0, 0.3);
-  --color-modalBorder: transparent;
-  --color-modalText: #25292E;
-  --color-modalTextSecondary: rgba(60, 66, 66, 0.6);
-  --color-modalControlButtonBackgroundHover: rgba(0,0,0,0.08);
-  --color-modalControlButtonText: #6B7280;
-  --color-success: #10b981;
-  --color-successForeground: #ffffff;
-  --color-warning: #f59e0b;
-  --color-warningForeground: #ffffff;
-  --color-error: #ef4444;
-  --color-errorForeground: #ffffff;
-  --color-info: #3b82f6;
-  --color-infoForeground: #ffffff;
-  --color-skeleton: rgba(0,0,0,0.08);
-  --color-cutLine: #0000000d;
-}
-[data-theme="dark"] {
-  --color-accentColor: #8A6EAC;
-  --color-walletSelectItemBackground: rgba(255,255,255,0.035);
-  --color-walletSelectItemBackgroundHover: rgba(255,255,255,0.09);
-  --color-walletSelectItemText: #FFFFFF;
-  --color-connectButtonBackground: #4A4B51;
-  --color-connectButtonInnerBackground: #3A3B43;
-  --color-connectButtonText: #FFFFFF;
-  --color-accountActionItemBackground: rgba(255,255,255,0.035);
-  --color-accountActionItemBackgroundHover: rgba(255,255,255,0.09);
-  --color-accountActionItemText: #FFFFFF;
-  --color-accountSelectItemBackground: rgba(255,255,255,0.035);
-  --color-accountSelectItemBackgroundHover: rgba(255,255,255,0.09);
-  --color-accountSelectItemText: #FFFFFF;
-  --color-currentNetworkButtonBackground: #4A4B51;
-  --color-currentNetworkButtonText: #FFFFFF;
-  --color-networkSelectItemBackground: rgba(255,255,255,0.035);
-  --color-networkSelectItemBackgroundHover: rgba(255,255,255,0.09);
-  --color-networkSelectItemText: #FFFFFF;
-  --color-navigationButtonBackground: rgba(255,255,255,0.15);
-  --color-separatorLine: rgba(74,75,88,0.75);
-  --color-modalBackground: #3A3B43;
-  --color-modalBackdrop: rgba(0, 0, 0, 0.5);
-  --color-modalBorder: #374151;
-  --color-modalText: #FFFFFF;
-  --color-modalTextSecondary: rgba(255,255,255,0.5);
-  --color-modalControlButtonBackgroundHover: rgba(255,255,255,0.09);
-  --color-modalControlButtonText: #9CA3AF;
-  --color-success: #10b981;
-  --color-successForeground: #ffffff;
-  --color-warning: #f59e0b;
-  --color-warningForeground: #ffffff;
-  --color-error: #ef4444;
-  --color-errorForeground: #ffffff;
-  --color-info: #3b82f6;
-  --color-infoForeground: #ffffff;
-  --color-skeleton: rgba(255,255,255,0.09);
-  --color-cutLine: #4a4b58bf;
-  --radius-walletSelectItem: 6px;
-  --radius-connectButton: 6px;
-  --radius-modalControlButton: 6px;
-  --radius-accountActionItem: 6px;
-  --radius-accountSelectItem: 6px;
-  --radius-currentNetworkButton: 6px;
-  --radius-networkSelectItem: 6px;
-  --radius-modal: 6px;
-  --radius-modalMobile: 24px;
-  --shadow-button: 0px 4px 12px rgba(0, 0, 0, 0.3);
-  --shadow-modal: 0px 20px 25px -5px rgba(0, 0, 0, 0.4);
-  --blur-modalOverlay: blur(8px);
-}
-.luno-kit * {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-.luno-kit *::-webkit-scrollbar {
-  display: none;
-}
-.luno-kit .chain-icon-text {
-  font-family: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  font-size: calc(100% * 0.8);
-  line-height: 1;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -52%);
-}
-.status-dot-container {
-  position: relative;
-  display: flex;
-  height: 10px;
-  width: 10px;
-}
-.ping-animation {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: inline-flex;
-  height: 100%;
-  width: 100%;
-  border-radius: 50%;
-  background-color: var(--color-accentColor);
-  opacity: 0.75;
-  animation: ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
-}
-.status-dot {
-  position: relative;
-  display: inline-flex;
-  border-radius: 50%;
-  height: 100%;
-  width: 100%;
-  background-color: var(--color-accentColor);
-}
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes ping {
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}
-@keyframes pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
-@layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
-    *, ::before, ::after, ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
-      --tw-border-style: solid;
-      --tw-leading: initial;
-      --tw-font-weight: initial;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-duration: initial;
-      --tw-ease: initial;
-    }
-  }
-}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@keyframes dialog-in{0%{opacity:0;top:80vh;transform:scale(.96)}to{opacity:1;top:50%;transform:scale(1)}}@keyframes dialog-out{0%{opacity:1;top:50%}to{opacity:0;top:80vh}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ripple{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:var(--font-mono);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-500:oklch(55.1% .027 264.364);--spacing:.25rem;--text-xs--line-height:calc(1/.75);--text-sm--line-height:calc(1.25/.875);--text-base--line-height:calc(1.5/1);--text-lg--line-height:calc(1.75/1.125);--radius-sm:.25rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-accentColor:var(--color-accentColor);--color-modalBackground:var(--color-modalBackground);--color-modalText:var(--color-modalText);--color-modalTextSecondary:var(--color-modalTextSecondary);--color-modalBackdrop:var(--color-modalBackdrop);--color-modalBorder:var(--color-modalBorder);--color-modalControlButtonBackgroundHover:var(--color-modalControlButtonBackgroundHover);--color-modalControlButtonText:var(--color-modalControlButtonText);--color-connectButtonBackground:var(--color-connectButtonBackground);--color-connectButtonInnerBackground:var(--color-connectButtonInnerBackground);--color-connectButtonText:var(--color-connectButtonText);--color-walletSelectItemBackground:var(--color-walletSelectItemBackground);--color-walletSelectItemBackgroundHover:var(--color-walletSelectItemBackgroundHover);--color-walletSelectItemText:var(--color-walletSelectItemText);--color-accountActionItemBackground:var(--color-accountActionItemBackground);--color-accountActionItemBackgroundHover:var(--color-accountActionItemBackgroundHover);--color-accountActionItemText:var(--color-accountActionItemText);--color-accountSelectItemBackground:var(--color-accountSelectItemBackground);--color-accountSelectItemBackgroundHover:var(--color-accountSelectItemBackgroundHover);--color-accountSelectItemText:var(--color-accountSelectItemText);--color-currentNetworkButtonBackground:var(--color-currentNetworkButtonBackground);--color-currentNetworkButtonText:var(--color-currentNetworkButtonText);--color-networkSelectItemBackground:var(--color-networkSelectItemBackground);--color-networkSelectItemBackgroundHover:var(--color-networkSelectItemBackgroundHover);--color-networkSelectItemText:var(--color-networkSelectItemText);--color-navigationButtonBackground:var(--color-navigationButtonBackground);--color-separatorLine:var(--color-separatorLine);--color-skeleton:var(--color-skeleton);--color-success:var(--color-success);--color-successForeground:var(--color-successForeground);--color-warning:var(--color-warning);--color-warningForeground:var(--color-warningForeground);--color-error:var(--color-error);--color-errorForeground:var(--color-errorForeground);--color-info:var(--color-info);--color-infoForeground:var(--color-infoForeground);--color-cutLine:var(--color-cutLine);--radius-walletSelectItem:var(--radius-walletSelectItem);--radius-connectButton:var(--radius-connectButton);--radius-modalControlButton:var(--radius-modalControlButton);--radius-accountActionItem:var(--radius-accountActionItem);--radius-accountSelectItem:var(--radius-accountSelectItem);--radius-currentNetworkButton:var(--radius-currentNetworkButton);--radius-networkSelectItem:var(--radius-networkSelectItem);--radius-modal:var(--radius-modal);--radius-modalMobile:var(--radius-modalMobile);--shadow-button:var(--shadow-button);--shadow-modal:var(--shadow-modal);--blur-modalOverlay:var(--blur-modalOverlay);--font-body:var(--font-body);--font-heading:var(--font-heading)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.inset-0{inset:calc(var(--spacing)*0)!important}.top-1\/2{top:50%!important}.bottom-0{bottom:calc(var(--spacing)*0)!important}.left-0{left:calc(var(--spacing)*0)!important}.left-1\/2{left:50%!important}.z-10{z-index:10!important}.z-\[3\]{z-index:3!important}.z-\[4\]{z-index:4!important}.z-\[100\]{z-index:100!important}.z-\[200\]{z-index:200!important}.container{width:100%!important}@media (min-width:40rem){.container{max-width:40rem!important}}@media (min-width:48rem){.container{max-width:48rem!important}}@media (min-width:64rem){.container{max-width:64rem!important}}@media (min-width:80rem){.container{max-width:80rem!important}}@media (min-width:96rem){.container{max-width:96rem!important}}.m-0{margin:calc(var(--spacing)*0)!important}.mx-\[-100px\]{margin-inline:-100px!important}.mr-1\.5{margin-right:6px!important}.mb-4{margin-bottom:16px!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.h-\[1px\]{height:1px!important}.h-\[10px\]{height:10px!important}.h-\[16px\]{height:16px!important}.h-\[18px\]{height:18px!important}.h-\[20px\]{height:20px!important}.h-\[24px\]{height:24px!important}.h-\[30px\]{height:30px!important}.h-\[55px\]{height:55px!important}.h-\[102px\]{height:102px!important}.h-\[160px\]{height:160px!important}.h-full{height:100%!important}.max-h-\[40px\]{max-height:40px!important}.max-h-\[400px\]{max-height:400px!important}.max-h-\[450px\]{max-height:450px!important}.max-h-\[500px\]{max-height:500px!important}.min-h-\[20px\]{min-height:20px!important}.min-h-\[24px\]{min-height:24px!important}.min-h-\[40px\]{min-height:40px!important}.min-h-\[400px\]{min-height:400px!important}.min-h-\[472px\]{min-height:472px!important}.w-\[10px\]{width:10px!important}.w-\[16px\]{width:16px!important}.w-\[18px\]{width:18px!important}.w-\[20px\]{width:20px!important}.w-\[24px\]{width:24px!important}.w-\[30px\]{width:30px!important}.w-\[55px\]{width:55px!important}.w-\[60px\]{width:60px!important}.w-\[80px\]{width:80px!important}.w-\[102px\]{width:102px!important}.w-\[160px\]{width:160px!important}.w-\[400px\]{width:400px!important}.w-full{width:100%!important}.max-w-\[220px\]{max-width:220px!important}.max-w-\[360px\]{max-width:360px!important}.min-w-\[48px\]{min-width:48px!important}.shrink-0{flex-shrink:0!important}.grow{flex-grow:1!important}.-translate-x-0{--tw-translate-x:calc(var(--spacing)*0)!important;translate:var(--tw-translate-x)var(--tw-translate-y)!important}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1)!important;translate:var(--tw-translate-x)var(--tw-translate-y)!important}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1)!important;translate:var(--tw-translate-x)var(--tw-translate-y)!important}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0)!important;translate:var(--tw-translate-x)var(--tw-translate-y)!important}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)!important}.animate-\[spin_2s_linear_infinite\]{animation:2s linear infinite spin!important}.animate-\[spin_3s_linear_infinite\]{animation:3s linear infinite spin!important}.animate-pulse{animation:var(--animate-pulse)!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-stretch{align-items:stretch!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-start{justify-content:flex-start!important}.gap-1{gap:4px!important}.gap-1\.5{gap:6px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.gap-3\.5{gap:14px!important}.gap-4{gap:16px!important}.gap-6{gap:24px!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.rounded{border-radius:.25rem!important}.rounded-accountActionItem{border-radius:var(--radius-accountActionItem)!important}.rounded-accountSelectItem{border-radius:var(--radius-accountSelectItem)!important}.rounded-connectButton{border-radius:var(--radius-connectButton)!important}.rounded-currentNetworkButton{border-radius:var(--radius-currentNetworkButton)!important}.rounded-full{border-radius:3.40282e38px!important}.rounded-modalControlButton{border-radius:var(--radius-modalControlButton)!important}.rounded-networkSelectItem{border-radius:var(--radius-networkSelectItem)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-walletSelectItem{border-radius:var(--radius-walletSelectItem)!important}.rounded-t-modalMobile{border-top-left-radius:var(--radius-modalMobile)!important;border-top-right-radius:var(--radius-modalMobile)!important}.border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-\[1px\]{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-r-\[1px\]{border-right-style:var(--tw-border-style)!important;border-right-width:1px!important}.border-none{--tw-border-style:none!important;border-style:none!important}.border-solid{--tw-border-style:solid!important;border-style:solid!important}.border-accentColor{border-color:var(--color-accentColor)!important}.border-connectButtonBackground{border-color:var(--color-connectButtonBackground)!important}.border-r-separatorLine{border-right-color:var(--color-separatorLine)!important}.bg-accentColor{background-color:var(--color-accentColor)!important}.bg-accountActionItemBackground{background-color:var(--color-accountActionItemBackground)!important}.bg-accountActionItemBackgroundHover{background-color:var(--color-accountActionItemBackgroundHover)!important}.bg-accountSelectItemBackground{background-color:var(--color-accountSelectItemBackground)!important}.bg-connectButtonBackground{background-color:var(--color-connectButtonBackground)!important}.bg-connectButtonInnerBackground{background-color:var(--color-connectButtonInnerBackground)!important}.bg-currentNetworkButtonBackground{background-color:var(--color-currentNetworkButtonBackground)!important}.bg-cutLine{background-color:var(--color-cutLine)!important}.bg-gray-500{background-color:var(--color-gray-500)!important}.bg-modalBackdrop{background-color:var(--color-modalBackdrop)!important}.bg-modalBackground{background-color:var(--color-modalBackground)!important}.bg-navigationButtonBackground{background-color:var(--color-navigationButtonBackground)!important}.bg-networkSelectItemBackground{background-color:var(--color-networkSelectItemBackground)!important}.bg-pink-500{background-color:var(--color-pink-500)!important}.bg-skeleton{background-color:var(--color-skeleton)!important}.bg-transparent{background-color:#0000!important}.bg-walletSelectItemBackground{background-color:var(--color-walletSelectItemBackground)!important}.object-cover{object-fit:cover!important}.p-0{padding:calc(var(--spacing)*0)!important}.p-2{padding:8px!important}.p-3\.5{padding:14px!important}.p-4{padding:16px!important}.px-2{padding-inline:8px!important}.px-2\.5{padding-inline:10px!important}.px-3\.5{padding-inline:14px!important}.px-4{padding-inline:16px!important}.px-5{padding-inline:20px!important}.px-\[12px\]{padding-inline:12px!important}.py-1\.5{padding-block:6px!important}.py-2{padding-block:8px!important}.py-2\.5{padding-block:10px!important}.py-4{padding-block:16px!important}.py-12{padding-block:calc(var(--spacing)*12)!important}.py-\[4px\]{padding-block:4px!important}.pt-0{padding-top:calc(var(--spacing)*0)!important}.pt-3{padding-top:12px!important}.pt-4,.pt-\[16px\]{padding-top:16px!important}.pb-4{padding-bottom:16px!important}.pb-6{padding-bottom:24px!important}.pb-\[10px\]{padding-bottom:10px!important}.pb-\[16px\]{padding-bottom:16px!important}.pl-3{padding-left:12px!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.font-body{font-family:var(--font-body)!important}.font-heading{font-family:var(--font-heading)!important}.text-base{font-size:16px!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:18px!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:14px!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xs{font-size:12px!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[12px\]{font-size:12px!important}.leading-\[16px\]{--tw-leading:16px!important;line-height:16px!important}.leading-base{--tw-leading:20px!important;line-height:20px!important}.leading-lg{--tw-leading:24px!important;line-height:24px!important}.leading-sm,.leading-xs{--tw-leading:18px!important;line-height:18px!important}.font-\[500\]{--tw-font-weight:500!important;font-weight:500!important}.font-\[600\]{--tw-font-weight:600!important;font-weight:600!important}.font-bold{--tw-font-weight:700!important;font-weight:700!important}.font-medium{--tw-font-weight:500!important;font-weight:500!important}.font-semibold{--tw-font-weight:600!important;font-weight:600!important}.text-accentColor{color:var(--color-accentColor)!important}.text-accountActionItemText{color:var(--color-accountActionItemText)!important}.text-accountSelectItemText{color:var(--color-accountSelectItemText)!important}.text-connectButtonText{color:var(--color-connectButtonText)!important}.text-modalText{color:var(--color-modalText)!important}.text-modalTextSecondary{color:var(--color-modalTextSecondary)!important}.opacity-80{opacity:.8!important}.shadow-button{--tw-shadow:var(--shadow-button)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-modal{--tw-shadow:var(--shadow-modal)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.transition-\[125\]{transition-property:125!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-all{transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-opacity{transition-property:opacity!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-transform{transition-property:transform,translate,scale,rotate!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-200{--tw-duration:.2s!important;transition-duration:.2s!important}.duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.ease-out{--tw-ease:var(--ease-out)!important;transition-timing-function:var(--ease-out)!important}@media (hover:hover){.hover\:scale-\[1\.03\]:hover{scale:1.03!important}.hover\:bg-accountActionItemBackgroundHover:hover{background-color:var(--color-accountActionItemBackgroundHover)!important}.hover\:bg-accountSelectItemBackgroundHover:hover{background-color:var(--color-accountSelectItemBackgroundHover)!important}.hover\:bg-modalControlButtonBackgroundHover:hover{background-color:var(--color-modalControlButtonBackgroundHover)!important}.hover\:bg-networkSelectItemBackgroundHover:hover{background-color:var(--color-networkSelectItemBackgroundHover)!important}.hover\:bg-walletSelectItemBackgroundHover:hover{background-color:var(--color-walletSelectItemBackgroundHover)!important}.hover\:text-modalText:hover{color:var(--color-modalText)!important}}.focus\:outline-none:focus{--tw-outline-style:none!important;outline-style:none!important}.active\:scale-\[0\.95\]:active{scale:.95!important}.data-\[state\=open\]\:\[animation\:overlay-in_150ms_ease-out\][data-state=open]{animation:.15s ease-out overlay-in!important}.data-\[state\=open\]\:\[animation\:slide-up_200ms_ease-out\][data-state=open]{animation:.2s ease-out slide-up!important}@media (min-width:48rem){.md\:top-1\/2{top:50%!important}.md\:bottom-auto{bottom:auto!important}.md\:left-1\/2{left:50%!important}.md\:max-h-\[504px\]{max-height:504px!important}.md\:w-\[360px\]{width:360px!important}.md\:w-auto{width:auto!important}.md\:max-w-\[724px\]{max-width:724px!important}.md\:min-w-\[360px\]{min-width:360px!important}.md\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1)!important;translate:var(--tw-translate-x)var(--tw-translate-y)!important}.md\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1)!important;translate:var(--tw-translate-x)var(--tw-translate-y)!important}.md\:rounded-modal{border-radius:var(--radius-modal)!important}.md\:data-\[state\=open\]\:\[animation\:dialog-in_150ms_ease-out\][data-state=open]{animation:.15s ease-out dialog-in!important}}}.luno-kit *{box-sizing:border-box}:root{--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-heading:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-walletSelectItem:6px;--radius-connectButton:6px;--radius-modalControlButton:6px;--radius-accountActionItem:6px;--radius-accountSelectItem:6px;--radius-currentNetworkButton:6px;--radius-networkSelectItem:6px;--radius-modal:6px;--radius-modalMobile:24px;--shadow-button:0px 10px 20px 0px #0000001a;--shadow-modal:0px 20px 25px -5px #0000001a;--blur-modalOverlay:blur(8px)}[data-theme=light]{--color-accentColor:#3385ff;--color-walletSelectItemBackground:#00000009;--color-walletSelectItemBackgroundHover:#00000014;--color-walletSelectItemText:#211f26;--color-connectButtonBackground:#f1eff3;--color-connectButtonInnerBackground:#0000000f;--color-connectButtonText:#211f26;--color-accountActionItemBackground:#00000009;--color-accountActionItemBackgroundHover:#00000014;--color-accountActionItemText:#211f26;--color-accountSelectItemBackground:#00000009;--color-accountSelectItemBackgroundHover:#00000014;--color-accountSelectItemText:#211f26;--color-currentNetworkButtonBackground:#fff;--color-currentNetworkButtonText:#211f26;--color-networkSelectItemBackground:#00000009;--color-networkSelectItemBackgroundHover:#00000014;--color-networkSelectItemText:#211f26;--color-navigationButtonBackground:#00000026;--color-separatorLine:#00000009;--color-modalBackground:#fff;--color-modalBackdrop:#0000004d;--color-modalBorder:transparent;--color-modalText:#25292e;--color-modalTextSecondary:#3c424299;--color-modalControlButtonBackgroundHover:#00000014;--color-modalControlButtonText:#6b7280;--color-success:#10b981;--color-successForeground:#fff;--color-warning:#f59e0b;--color-warningForeground:#fff;--color-error:#ef4444;--color-errorForeground:#fff;--color-info:#3b82f6;--color-infoForeground:#fff;--color-skeleton:#00000014;--color-cutLine:#0000000d}[data-theme=dark]{--color-accentColor:#8a6eac;--color-walletSelectItemBackground:#ffffff09;--color-walletSelectItemBackgroundHover:#ffffff17;--color-walletSelectItemText:#fff;--color-connectButtonBackground:#4a4b51;--color-connectButtonInnerBackground:#3a3b43;--color-connectButtonText:#fff;--color-accountActionItemBackground:#ffffff09;--color-accountActionItemBackgroundHover:#ffffff17;--color-accountActionItemText:#fff;--color-accountSelectItemBackground:#ffffff09;--color-accountSelectItemBackgroundHover:#ffffff17;--color-accountSelectItemText:#fff;--color-currentNetworkButtonBackground:#4a4b51;--color-currentNetworkButtonText:#fff;--color-networkSelectItemBackground:#ffffff09;--color-networkSelectItemBackgroundHover:#ffffff17;--color-networkSelectItemText:#fff;--color-navigationButtonBackground:#ffffff26;--color-separatorLine:#4a4b58bf;--color-modalBackground:#3a3b43;--color-modalBackdrop:#00000080;--color-modalBorder:#374151;--color-modalText:#fff;--color-modalTextSecondary:#ffffff80;--color-modalControlButtonBackgroundHover:#ffffff17;--color-modalControlButtonText:#9ca3af;--color-success:#10b981;--color-successForeground:#fff;--color-warning:#f59e0b;--color-warningForeground:#fff;--color-error:#ef4444;--color-errorForeground:#fff;--color-info:#3b82f6;--color-infoForeground:#fff;--color-skeleton:#ffffff17;--color-cutLine:#4a4b58bf;--radius-walletSelectItem:6px;--radius-connectButton:6px;--radius-modalControlButton:6px;--radius-accountActionItem:6px;--radius-accountSelectItem:6px;--radius-currentNetworkButton:6px;--radius-networkSelectItem:6px;--radius-modal:6px;--radius-modalMobile:24px;--shadow-button:0px 4px 12px #0000004d;--shadow-modal:0px 20px 25px -5px #0006;--blur-modalOverlay:blur(8px)}.luno-kit *{scrollbar-width:none;-ms-overflow-style:none}.luno-kit ::-webkit-scrollbar{display:none}.luno-kit .chain-icon-text{font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:80%;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.status-dot-container{width:10px;height:10px;display:flex;position:relative}.ping-animation{background-color:var(--color-accentColor);opacity:.75;border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(0,0,.2,1) infinite ping;display:inline-flex;position:absolute;top:0;left:0}.status-dot{background-color:var(--color-accentColor);border-radius:50%;width:100%;height:100%;display:inline-flex;position:relative}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}