dialog.market-action-modal{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid rgb(var(--color-border-1));border-radius:12px;background:rgb(var(--color-bg-app));color:rgb(var(--color-text-primary));font:14px/1.5 var(--font-family-sans);text-align:left;overflow:hidden;box-shadow:none}dialog.market-action-modal[open]{display:flex;flex-direction:column}dialog.market-action-modal::-webkit-backdrop{background:var(--color-overlay,rgb(0 0 0/60%))}dialog.market-action-modal::backdrop{background:var(--color-overlay,rgb(0 0 0/60%))}:is(dialog.market-action-modal,[data-deposit]) .market-dialog-header{display:flex;align-items:center;gap:16px;flex:0 0 auto;padding:24px 24px 20px}:is(dialog.market-action-modal,[data-deposit]) .market-dialog-header h2{margin:0;padding:0;flex:1 1;min-width:0;font-size:24px;font-weight:500;line-height:32px}:is(dialog.market-action-modal,[data-deposit]) .modal-close{position:static;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:4px;border:1px solid rgb(var(--color-border-1));border-radius:50%;background:rgb(var(--color-bg-primary));color:inherit}:is(dialog.market-action-modal,[data-deposit]) .market-dialog-body{display:flex;flex-direction:column;gap:20px;min-height:0;padding:0 24px 24px;overflow:auto;overscroll-behavior:contain}:is(dialog.market-action-modal,[data-deposit]) .market-dialog-body>p{margin:0}:is(dialog.market-action-modal,[data-deposit]) .market-dialog-footer{display:flex;gap:8px;flex:0 0 auto;padding:16px 24px 24px;border-top:1px solid rgb(var(--color-border-1))}:is(dialog.market-action-modal,[data-deposit]) .pill,:is(dialog.market-action-modal,[data-deposit]) .primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;margin:0;font:500 14px/21px var(--font-family-sans);border:1px solid rgb(var(--color-border-1));border-radius:999px;background:rgb(var(--color-bg-primary));color:rgb(var(--color-text-primary));text-decoration:none;cursor:pointer}:is(dialog.market-action-modal,[data-deposit]) .primary-action{flex:1 1;width:auto;min-width:0;border-color:transparent;background:rgb(var(--color-blue-3));color:white}:is(dialog.market-action-modal,[data-deposit]) .primary-action:hover:not(:disabled){background:rgb(var(--color-blue-2))}:is(dialog.market-action-modal,[data-deposit]) .modal-close:hover,:is(dialog.market-action-modal,[data-deposit]) .pill:hover:not(:disabled){background:rgb(var(--color-bg-additional-1));border-color:rgb(var(--color-border-2))}:is(dialog.market-action-modal,[data-deposit]) :is(button,input,select):disabled{opacity:.4;cursor:not-allowed}:is(dialog.market-action-modal,[data-deposit]) :is(button,a):focus-visible{outline:2px solid rgb(var(--color-blue-3));outline-offset:3px}:is(dialog.market-action-modal,[data-deposit]) .checkout-items{max-height:none;overflow:visible}:is(dialog.market-action-modal,[data-deposit]) .checkout-items:empty{display:none}:is(dialog.market-action-modal,[data-deposit]) .checkout-row{display:flex;align-items:center;gap:12px;margin:0;min-height:48px}:is(dialog.market-action-modal,[data-deposit]) .checkout-row+.checkout-row{margin-top:12px}:is(dialog.market-action-modal,[data-deposit]) .checkout-row .image-fallback,:is(dialog.market-action-modal,[data-deposit]) .checkout-row img{width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:8px}:is(dialog.market-action-modal,[data-deposit]) .checkout-row strong{min-width:0;flex:1 1;font:500 14px/21px var(--font-family-sans);overflow-wrap:anywhere}:is(dialog.market-action-modal,[data-deposit]) .checkout-row span{font:400 14px/21px var(--font-family-mono);white-space:nowrap}:is(dialog.market-action-modal,[data-deposit]) .simulation-form{display:grid;grid-gap:16px;gap:16px;margin:0}:is(dialog.market-action-modal,[data-deposit]) .simulation-form label{display:grid;grid-gap:8px;gap:8px;font-weight:500}:is(dialog.market-action-modal,[data-deposit]) .simulation-form input,:is(dialog.market-action-modal,[data-deposit]) .simulation-form select{width:100%;min-width:0;min-height:44px;padding:10px 12px;color:inherit;background:rgb(var(--color-bg-primary));border:1px solid rgb(var(--color-border-1));border-radius:8px;font:400 16px/24px var(--font-family-sans)}:is(dialog.market-action-modal,[data-deposit]) .transaction-summary{display:grid;grid-gap:10px;gap:10px;margin:0;padding:16px 0 0;border-top:1px solid rgb(var(--color-border-1))}:is(dialog.market-action-modal,[data-deposit]) .checkout-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0;padding:0;border:0;min-height:21px;color:rgb(var(--color-text-secondary))}:is(dialog.market-action-modal,[data-deposit]) .checkout-total strong{flex:0 0 auto;color:rgb(var(--color-text-primary));font:400 14px/21px var(--font-family-mono)}:is(dialog.market-action-modal,[data-deposit]) .checkout-total.transaction-total{color:rgb(var(--color-text-primary));font-weight:500}:is(dialog.market-action-modal,[data-deposit]) .transaction-total strong{font-weight:500}:is(dialog.market-action-modal,[data-deposit]) .simulation-form small,:is(dialog.market-action-modal,[data-deposit]) .transaction-note{color:rgb(var(--color-text-secondary));font-size:14px;line-height:21px}:is(dialog.market-action-modal,[data-deposit]) [role=alert]{color:rgb(var(--color-text-primary));padding:12px;border:1px solid rgb(var(--color-border-1));border-radius:8px}:is(dialog.market-action-modal,[data-deposit]) .purchase-success-items{display:grid;grid-gap:16px;gap:16px}:is(dialog.market-action-modal,[data-deposit]) .purchase-success-items .checkout-row img{width:48px;height:48px}:is(dialog.market-action-modal,[data-deposit]) .purchase-success-items .checkout-row small{display:block;margin-top:2px;color:rgb(var(--color-text-secondary));font-weight:400}:is(dialog.market-action-modal,[data-deposit]) .transaction-loading-layout{display:grid;grid-gap:20px;gap:20px}:is(dialog.market-action-modal,[data-deposit]) .transaction-field-skeleton{display:grid;grid-gap:8px;gap:8px}:is(dialog.market-action-modal,[data-deposit]) .transaction-placeholder{display:block;width:72px;height:16px;flex:0 0 auto;border-radius:4px;background:rgb(var(--color-bg-additional-1));animation:transaction-pulse 2s cubic-bezier(.4,0,.6,1) infinite}:is(dialog.market-action-modal,[data-deposit]) .transaction-placeholder-label{width:112px;height:21px;max-width:100%}:is(dialog.market-action-modal,[data-deposit]) .transaction-placeholder-field{width:100%;height:44px;border-radius:8px}:is(dialog.market-action-modal,[data-deposit]) .transaction-placeholder-note{width:84%;height:21px}:is(dialog.market-action-modal,[data-deposit]) .transaction-placeholder-image{width:48px;height:48px;border-radius:8px}@keyframes transaction-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){:is(dialog.market-action-modal,[data-deposit]) .transaction-placeholder{animation:none}}@media (max-height:600px),(max-width:600px){:is(dialog.market-action-modal,[data-deposit]) .market-dialog-header{padding:16px}:is(dialog.market-action-modal,[data-deposit]) .market-dialog-body{padding:0 16px 16px;gap:16px}:is(dialog.market-action-modal,[data-deposit]) .transaction-loading-layout{gap:16px}:is(dialog.market-action-modal,[data-deposit]) .market-dialog-footer{padding:12px 16px 16px}}@media (max-width:600px){dialog.market-action-modal{inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:calc(100dvh - 16px);border-radius:12px 12px 0 0;border-bottom:0}:is(dialog.market-action-modal,[data-deposit]) .market-dialog-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}