@reservoir0x/relay-kit-ui

{ "schemaVersion": "0.40.1", "styles": { "atomic": [ "width]___[value:100%", "background]___[value:none", "backgroundColor]___[value:transparent", "fontWeight]___[value:600", "fontSize]___[value:32", "paddingInline]___[value:0 !important", "paddingBlock]___[value:1", "boxShadow]___[value:none]___[cond:_focus", "outline]___[value:none]___[cond:_focus", "color]___[value:gray12]___[cond:_placeholder", "height]___[value:18", "display]___[value:flex", "color]___[value:red", "color]___[value:subtleSecondary", "marginTop]___[value:6px", "color]___[value:gray9", "color]___[value:gray11]___[cond:_hover", "color]___[value:ghost", "width]___[value:16", "height]___[value:16", "overflow]___[value:hidden", "height]___[value:100%", "gap]___[value:4", "width]___[value:370]___[cond:sm", "flexDirection]___[value:column", "gap]___[value:2", "position]___[value:relative", "display]___[value:inline-block", "background]___[value:amber2", "padding]___[value:2", "borderRadius]___[value:8", "alignItems]___[value:center", "background]___[value:green2", "flexWrap]___[value:wrap", "color]___[value:warning", "height]___[value:48", "right]___[value:2", "top]___[value:3", "position]___[value:absolute", "color]___[value:#FFA01C", "color]___[value:#30A46C", "gap]___[value:6px", "cursor]___[value:pointer", "color]___[value:transparent", "justifyContent]___[value:center", "marginBlock]___[value:4", "textAlign]___[value:center", "wordBreak]___[value:break-word", "animation]___[value:spin 1s linear infinite", "fill]___[value:primary-color", "position]___[value:fixed", "top]___[value:0", "left]___[value:0", "right]___[value:0", "bottom]___[value:0", "backgroundColor]___[value:blackA10", "--borderColor]___[value:colors.subtle-border-color", "border]___[value:1px solid var(--borderColor)", "padding]___[value:4", "paddingInline]___[value:2 !important", "alignContent]___[value:center", "gap]___[value:1", "borderRadius]___[value:12", "padding]___[value:1", "color]___[value:amber11", "color]___[value:anchor-color", "width]___[value:14", "height]___[value:14", "transition]___[value:backdrop-filter 250ms linear", "backdropFilter]___[value:brightness(98%)]___[cond:_hover", "flexShrink]___[value:0", "--borderColor]___[value:colors.gray.6", "background]___[value:subtle-background-color", "border]___[value:widget-card-border", "height]___[value:36px", "paddingInline]___[value:10px", "maxWidth]___[value:190", "lineHeight]___[value:14px", "color]___[value:subtle", "color]___[value:red11", "maxWidth]___[value:188", "flexDirection]___[value:row", "color]___[value:gray8", "right]___[value:8", "top]___[value:50%", "transform]___[value:translateY(-50%)", "width]___[value:50%", "paddingRight]___[value:28px !important", "border]___[value:none", "textAlign]___[value:right", "zIndex]___[value:1000", "marginLeft]___[value:-20px", "marginLeft]___[value:0", "width]___[value:48px", "height]___[value:48px", "background]___[value:amber3", "borderRadius]___[value:9999", "padding]___[value:3", "gap]___[value:3", "background]___[value:gray2", "borderRadius]___[value:12px", "color]___[value:amber9", "width]___[value:24", "height]___[value:24", "height]___[value:14px", "flex]___[value:1", "background]___[value:gray3", "background]___[value:gray4]___[cond:_hover", "userSelect]___[value:none", "width]___[value:max-content", "fontWeight]___[value:500", "fontSize]___[value:14", "color]___[value:anchor-hover-color]___[cond:_hover", "--focusColor]___[value:colors.focus-color", "boxShadow]___[value:0 0 0 2px var(--focusColor)]___[cond:_focusVisible", "outline]___[value:none]___[cond:_focusVisible", "borderRadius]___[value:4px]___[cond:_focusVisible", "color]___[value:gray11", "color]___[value:gray12]___[cond:_hover", "color]___[value:gray12", "fontWeight]___[value:900", "fontWeight]___[value:700", "outline]___[value:none", "fontFamily]___[value:body", "fontSize]___[value:16", "transition]___[value:background-color 250ms linear", "display]___[value:inline-flex", "lineHeight]___[value:20px", "cursor]___[value:not-allowed]___[cond:_disabled", "backgroundColor]___[value:button-disabled-background]___[cond:_disabled", "color]___[value:button-disabled-color]___[cond:_disabled", "backgroundColor]___[value:button-disabled-background]___[cond:_disabled<___>_hover", "color]___[value:button-disabled-color]___[cond:_disabled<___>_hover", "backgroundColor]___[value:primary-button-background", "color]___[value:primary-button-color", "backgroundColor]___[value:primary-button-hover-background]___[cond:&:hover", "color]___[value:primary-button-hover-color]___[cond:&:hover", "--border-color]___[value:primary-outline-button-color", "border]___[value:1px solid var(--border-color)", "color]___[value:primary-outline-button-hover-color]___[cond:&:hover", "backgroundColor]___[value:secondary-button-background", "color]___[value:secondary-button-color", "backgroundColor]___[value:secondary-button-hover-background]___[cond:&:hover", "color]___[value:secondary-button-hover-color]___[cond:&:hover", "backgroundColor]___[value:tertiary-button-background", "color]___[value:tertiary-button-color", "backgroundColor]___[value:tertiary-button-hover-background]___[cond:&:hover", "color]___[value:tertiary-button-hover-color]___[cond:&:hover", "color]___[value:text-default", "backgroundColor]___[value:widget-background", "transition]___[value:filter 250ms linear", "filter]___[value:brightness(97%)]___[cond:&:hover", "backgroundColor]___[value:red9", "color]___[value:white", "backgroundColor]___[value:red10]___[cond:&:hover", "backgroundColor]___[value:amber3", "backgroundColor]___[value:amber4]___[cond:&:hover", "color]___[value:amber11]___[cond:&:hover", "backgroundColor]___[value:gray3", "backgroundColor]___[value:gray4]___[cond:&:hover", "borderRadius]___[value:0", "borderRadius]___[value:99999", "borderRadius]___[value:99999px", "lineHeight]___[value:16px", "minHeight]___[value:40", "paddingInline]___[value:3", "paddingBlock]___[value:2", "lineHeight]___[value:12px", "paddingInline]___[value:5", "paddingBlock]___[value:3", "minHeight]___[value:44", "paddingBlock]___[value:4", "minHeight]___[value:52", "token]___[value:32", "chain]___[value:16", "borderRadius]___[value:50%", "backgroundColor]___[value:primary4", "color]___[value:primary8", "borderRadius]___[value:4", "--borderColor]___[value:colors.modal-background", "backgroundColor]___[value:modal-background", "animation]___[value:collapsibleSlideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)]___[cond:_data_state_open", "animation]___[value:collapsibleSlideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)]___[cond:_data_state_closed", "justifyContent]___[value:space-between", "inset]___[value:0", "borderRadius]___[value:modal-border-radius", "border]___[value:modal-border", "left]___[value:50%", "top]___[value:100%", "minWidth]___[value:90vw", "maxWidth]___[value:100vw", "minWidth]___[value:400px]___[cond:sm", "maxWidth]___[value:532px]___[cond:sm", "maxHeight]___[value:85vh", "overflowY]___[value:auto", "borderBottomRightRadius]___[value:0]___[cond:@media(max-width: 520px)", "borderBottomLeftRadius]___[value:0]___[cond:@media(max-width: 520px)", "width]___[value:100%]___[cond:@media(max-width: 520px)", "srOnly]___[value:true", "marginInline]___[value:4", "zIndex]___[value:5", "background]___[value:modal-background", "boxShadow]___[value:0px 0px 50px 0px #0000001F", "border]___[value:dropdown-border", "backdropFilter]___[value:brightness(95%)]___[cond:_hover", "backgroundColor]___[value:gray/10]___[cond:_hover", "backdropFilter]___[value:brightness(95%)]___[cond:&:focus", "backgroundColor]___[value:gray/10]___[cond:&:focus", "alignItems]___[value:flex-start", "alignItems]___[value:flex-end", "alignItems]___[value:stretch", "alignItems]___[value:baseline", "alignItems]___[value:normal", "justifyContent]___[value:flex-start", "justifyContent]___[value:flex-end", "flexDirection]___[value:row-reverse", "flexDirection]___[value:column-reverse", "flexWrap]___[value:nowrap", "flexWrap]___[value:wrap-reverse", "paddingInline]___[value:16", "paddingBlock]___[value:12", "borderRadius]___[value:input-border-radius", "color]___[value:input-color", "backgroundColor]___[value:input-background", "color]___[value:gray10]___[cond:_placeholder", "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_focus", "WebkitAppearance]___[value:none]___[cond:_spinButtons", "lineHeight]___[value:42px", "textOverflow]___[value:ellipsis", "whiteSpace]___[value:nowrap", "left]___[value:unset", "left]___[value:16", "right]___[value:16", "right]___[value:unset", "top]___[value:12", "zIndex]___[value:0", "background]___[value:red3", "background]___[value:green3", "color]___[value:green12", "borderRadius]___[value:25", "animationName]___[value:pulse", "backgroundColor]___[value:skeleton-background", "width]___[value:100", "height]___[value:12", "animation]___[value:pulse 3s ease-in-out infinite", "width]___[value:38px", "height]___[value:20px", "backgroundColor]___[value:gray7", "borderRadius]___[value:9999px", "WebkitTapHighlightColor]___[value:rgba(0, 0, 0, 0)", "padding]___[value:0 10px", "transition]___[value:background-color 250ms", "backgroundColor]___[value:primary-button-background]___[cond:&[data-state='checked']", "display]___[value:block", "width]___[value:17.5px", "height]___[value:17.5px", "backgroundColor]___[value:gray1", "zIndex]___[value:1", "--borderColor]___[value:colors.gray.8", "transition]___[value:transform 100ms", "transform]___[value:translateX(0px)", "willChange]___[value:transform", "left]___[value:2px", "transform]___[value:translateX(17px)]___[cond:&[data-state='checked']", "backgroundColor]___[value:gray2", "fontSize]___[value:14px", "paddingBlock]___[value:2px", "backgroundColor]___[value:subtle-background-color]___[cond:&[data-state=\"active\"]", "--borderColor]___[value:colors.gray.5]___[cond:&[data-state=\"active\"]", "border]___[value:1px solid var(--borderColor)]___[cond:&[data-state=\"active\"]", "fontSize]___[value:48px", "fontSize]___[value:32px", "fontSize]___[value:24px", "fontSize]___[value:20px", "fontSize]___[value:16px", "fontSize]___[value:12px", "fontWeight]___[value:400", "fontSize]___[value:10", "color]___[value:text-subtle", "color]___[value:text-subtle-secondary", "color]___[value:text-error", "color]___[value:blue12", "color]___[value:text-success", "color]___[value:amber12", "fontStyle]___[value:italic", "fill]___[value:modal-background", "zIndex]___[value:9999", "boxShadow]___[value:0px 1px 5px rgba(0,0,0,0.2)", "color]___[value:{colors.green.9}", "color]___[value:{colors.amber.9}", "justifyContent]___[value:between", "color]___[value:gray6", "height]___[value:4", "paddingBottom]___[value:3", "paddingTop]___[value:0", "backgroundColor]___[value:amber2", "width]___[value:12", "paddingBlock]___[value:1px", "paddingInline]___[value:4px", "borderRadius]___[value:100", "color]___[value:warningSecondary", "alignSelf]___[value:flex-start", "borderRadius]___[value:widget-card-border-radius", "marginBottom]___[value:widget-card-section-gutter", "transform]___[value:rotate(-180deg)", "transform]___[value:rotate(0)", "marginLeft]___[value:2", "transition]___[value:transform 300ms", "borderBottomRadius]___[value:0", "borderBottomRadius]___[value:widget-card-border-radius", "borderBottom]___[value:none", "borderBottom]___[value:widget-card-border", "transitionDelay]___[value:0s, 0s", "transitionDelay]___[value:0s, 300ms", "transition]___[value:border-radius 300ms, border-bottom 0s", "borderRadius]___[value:0 0 12px 12px", "borderTop]___[value:none", "gap]___[value:14", "marginBottom]___[value:3", "marginTop]___[value:1", "padding]___[value:3 0", "margin]___[value:0 auto", "minWidth]___[value:200", "marginRight]___[value:auto", "marginRight]___[value:1", "height]___[value:1", "backgroundColor]___[value:slate.6", "marginTop]___[value:2", "marginBottom]___[value:2", "color]___[value:error", "color]___[value:primary", "padding]___[value:12", "cursor]___[value:default]___[cond:&:disabled", "backgroundColor]___[value:transparent]___[cond:&:disabled", "backgroundColor]___[value:transparent]___[cond:&:disabled<___>&:hover", "boxShadow]___[value:none]___[cond:_focusVisible", "maxWidth]___[value:260", "gap]___[value:10px", "paddingBottom]___[value:8px", "paddingTop]___[value:8px", "alignItems]___[value:start", "backgroundColor]___[value:widget-card-background", "padding]___[value:12px 12px", "--borderColor]___[value:colors.amber4", "backgroundColor]___[value:red2", "--borderColor]___[value:colors.red4", "color]___[value:red10", "color]___[value:amber10", "color]___[value:red12", "maxWidth]___[value:215", "marginInline]___[value:auto", "paddingTop]___[value:12", "fill]___[value:gray11", "fill]___[value:gray12]___[cond:_hover", "color]___[value:gray", "height]___[value:40", "paddingInline]___[value:4 !important", "backgroundColor]___[value:dropdown-background", "borderRadius]___[value:dropdown-border-radius", "overflowY]___[value:scroll", "maxHeight]___[value:290", "width]___[value:20", "height]___[value:20", "transform]___[value:rotate(180deg)", "marginLeft]___[value:auto", "paddingInline]___[value:2", "textOverflow]___[value:ellipsis]___[cond:_placeholder_parent", "maxWidth]___[value:212", "scrollbarColor]___[value:var(--relay-colors-gray5) transparent", "backgroundColor]___[value:gray6]___[cond:_hover", "backgroundColor]___[value:gray6", "marginBlock]___[value:2", "paddingRight]___[value:2", "--borderColor]___[value:colors.gray5", "borderRadius]___[value:100px", "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_focusVisible", "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:&[data-state=\"on\"]", "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_active", "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_focusWithin", "backgroundColor]___[value:primary5", "color]___[value:primary11", "paddingInline]___[value:6px", "paddingBlock]___[value:4px", "lineHeight]___[value:100%", "gap]___[value:2px", "flexGrow]___[value:1", "maxWidth]___[value:100%", "minWidth]___[value:0", "alignItems]___[value:end", "width]___[value:40", "width]___[value:60%", "width]___[value:40%", "width]___[value:60", "backgroundColor]___[value:gray5]___[cond:button:hover &", "textWrap]___[value:nowrap", "scrollSnapAlign]___[value:start", "minHeight]___[value:24", "color]___[value:grey", "minWidth]___[value:660]___[cond:@media(min-width: 660px)", "minWidth]___[value:408]___[cond:@media(min-width: 660px)", "minWidth]___[value:400]___[cond:@media(min-width: 660px)", "maxWidth]___[value:660]___[cond:@media(min-width: 660px)", "maxWidth]___[value:408]___[cond:@media(min-width: 660px)", "height]___[value:min(85vh, 600px)", "overflowY]___[value:hidden", "paddingTop]___[value:2", "paddingBlock]___[value:5", "maxWidth]___[value:312", "alignSelf]___[value:center", "width]___[value:27", "maxWidth]___[value:412px !important", "marginBottom]___[value:8", "border]___[value:widget-border", "minWidth]___[value:300", "maxWidth]___[value:408", "gap]___[value:4px", "cursor]___[value:pointer]___[cond:_hover", "height]___[value:23", "minHeight]___[value:18", "color]___[value:text-subtle]___[cond:_placeholder", "color]___[value:input-color]___[cond:_placeholder", "lineHeight]___[value:36px", "paddingBlock]___[value:0", "color]___[value:gray10]___[cond:_disabled<___>_placeholder", "color]___[value:gray10]___[cond:_disabled", "width]___[value:45", "borderRadius]___[value:widget-border-radius", "marginBlock]___[value:-13", "height]___[value:32", "width]___[value:32", "width]___[value:20px", "padding]___[value:4px", "fontSize]___[value:12", "paddingInline]___[value:1", "minHeight]___[value:23px", "backgroundColor]___[value:widget-selector-background", "backgroundColor]___[value:widget-selector-hover-background]___[cond:_hover", "marginTop]___[value:4px", "--borderWidth]___[value:borders.widget-swap-currency-button-border-width", "--borderColor]___[value:colors.widget-swap-currency-button-border-color", "border]___[value:var(--borderWidth) solid var(--borderColor)", "zIndex]___[value:10", "borderRadius]___[value:widget-swap-currency-button-border-radius", "color]___[value:secondary", "height]___[value:10", "height]___[value:50", "minHeight]___[value:50", "backgroundColor]___[value:widget-selector-background]___[cond:_disabled", "maxWidth]___[value:100", "minWidth]___[value:60", "lineHeight]___[value:15px", "flexDirection]___[value:row]___[cond:bp500", "backgroundColor]___[value:subtle-background-color", "padding]___[value:12px 16px", "--borderColor]___[value:colors.gray3", "height]___[value:260", "gap]___[value:8px", "backgroundColor]___[value:gray5", "borderRadius]___[value:9999999", "filter]___[value:none", "filter]___[value:grayscale(100%)", "padding]___[value:0 16px", "transform]___[value:rotate(90deg)]___[cond:bp400Down", "color]___[value:green9", "paddingLeft]___[value:16px", "marginTop]___[value:12px", "width]___[value:1px", "backgroundColor]___[value:gray11", "fill]___[value:gray9", "paddingInline]___[value:4", "fill]___[value:button-disabled-color", "marginTop]___[value:4", "marginTop]___[value:12", "color]___[value:button-disabled-color !important", "marginTop]___[value:8", "marginBottom]___[value:24", "marginRight]___[value:$2", "color]___[value:red9", "flexDirection]___[value:column]___[cond:bp500", "gap]___[value:1]___[cond:bp500", "alignItems]___[value:flex-start]___[cond:bp500", "backgroundColor]___[value:primary6", "backgroundColor]___[value:green3", "color]___[value:primary6", "color]___[value:green11", "animation]___[value:pulse-shadow 1s infinite", "animation]___[value:none", "animationDirection]___[value:alternate-reverse", "padding]___[value:0 12px", "padding]___[value:12px 0]___[cond:bp400Down", "fontSize]___[value:10px", "paddingLeft]___[value:12px", "backgroundColor]___[value:primary3", "opacity]___[value:1", "opacity]___[value:0.6", "height]___[value:80", "width]___[value:78", "borderRadius]___[value:999999px", "width]___[value:80", "backgroundColor]___[value:green2", "--borderColor]___[value:colors.green10", "border]___[value:6px solid var(--borderColor)", "width]___[value:50", "color]___[value:primary-color", "border]___[value:3px solid var(--borderColor)", "right]___[value:-40", "bottom]___[value:-12", "marginBottom]___[value:20", "width]___[value:29", "height]___[value:27", "background]___[value:gray5", "color]___[value:#889096", "width]___[value:105", "height]___[value:105", "zIndex]___[value:999", "transform]___[value:translate3d(0,0,0)", "border]___[value:1.5px solid white", "height]___[value:21", "transition]___[value:transform 0.3s ease", "transform]___[value:scale(1.25)]___[cond:&:hover", "maxHeight]___[value:450px !important", "height]___[value:450", "maxWidth]___[value:400px !important]___[cond:sm", "height]___[value:28", "minHeight]___[value:28", "backgroundColor]___[value:gray3]___[cond:_hover", "marginBottom]___[value:1", "marginBottom]___[value:0", "content]___[value:\"\"]___[cond:_before", "position]___[value:absolute]___[cond:_before", "borderRadius]___[value:8]___[cond:_before", "top]___[value:0]___[cond:_before", "left]___[value:0]___[cond:_before", "width]___[value:100%]___[cond:_before", "height]___[value:100%]___[cond:_before", "opacity]___[value:0.15]___[cond:_before", "backgroundColor]___[value:primary-color]___[cond:_before", "zIndex]___[value:-1]___[cond:_before", "textAlign]___[value:left", "position]___[value:sticky", "height]___[value:calc(100% - 24px)", "scrollPaddingTop]___[value:40px", "paddingTop]___[value:40px", "paddingBottom]___[value:24px", "marginRight]___[value:2", "textIndent]___[value:-36px", "fontSize]___[value:48", "lineHeight]___[value:58px", "whiteSpace]___[value:pre", "filter]___[value:brightness(97%)]___[cond:_light", "filter]___[value:brightness(130%)]___[cond:_dark", "width]___[value:1", "marginBlock]___[value:5px", "marginLeft]___[value:4", "marginLeft]___[value:1", "top]___[value:-100%", "width]___[value:48", "height]___[value:52", "borderRadius]___[value:100%", "background]___[value:primary3", "bottom]___[value:-6px", "right]___[value:-6px", "border]___[value:2px solid var(--borderColor)", "marginBottom]___[value:4", "marginTop]___[value:24px", "marginBottom]___[value:6px", "filter]___[value:grayscale(1)" ], "recipes": {} } }