#how .of-message-list{gap:26px}
#how .of-message{position:relative}
#how .of-message h4{align-items:center;font-size:16px;line-height:24px;gap:4px;margin-bottom:2px}
#how .of-message h4>span[aria-hidden]{font-size:14px;line-height:22px}
#how .of-message h4>.of-title{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
#how .of-message p{font-size:12px;line-height:normal}
#how .of-usdc-tip{display:inline-flex;align-items:center}
#how .of-chip{height:26px;margin:0;padding:2px 6px;gap:2px;border:0;background:rgb(94 133 238 / 12%);color:var(--ink,#2e2e2e);font-size:14px;font-weight:400;line-height:22px;cursor:help}
#how .of-usdc-icon{position:relative;display:block;flex:none;width:16px;height:16px;overflow:hidden}
#how .of-usdc-icon img{position:absolute;left:-10px;top:-10px;width:36px;height:36px;max-width:none}
#how .of-tip-bubble{font-size:12px;line-height:18px;font-weight:400;z-index:10;max-width:min(100%,340px);pointer-events:none}
#how .of-usdc-tip:hover .of-tip-bubble,#how .of-usdc-tip:focus-within .of-tip-bubble{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}
#how .of-usdc-tip[data-dismissed] .of-tip-bubble{opacity:0;visibility:hidden;pointer-events:none}
#how .of-tip-bubble::after{content:'';position:absolute;inset:100% 0 auto;height:8px}
#closing .action-button:first-child{background:#2e2e2e!important;color:#fff!important;border:1px solid #2e2e2e!important}
#closing .action-button:last-child{background:var(--page,#fff)!important;color:var(--ink,#2e2e2e)!important;border:1px solid var(--line,#ebebec)!important}