import { style } from '@vanilla-extract/css'
import { sprinkles, themeVars } from 'nft/css/sprinkles.css'

export const buttonSelected = style([
  sprinkles({
    borderWidth: '1px',
    borderStyle: 'solid',
    borderColor: 'genieBlue',
  }),
])

export const nftDivider = style([
  sprinkles({
    height: '0',
    width: 'full',
    borderRadius: '20',
    borderWidth: '0.5px',
    borderStyle: 'solid',
    borderColor: 'backgroundOutline',
  }),
])

export const chevronDown = style({
  transform: 'rotate(180deg)',
})

export const dropdown = style({
  boxShadow: `0px 4px 16px ${themeVars.colors.backgroundSurface}`,
  marginLeft: '-12px',
})

export const removeAsset = style({
  top: '31px',
  left: '8px',
})

export const removeMarketplace = style({
  top: '11px',
  right: '14px',
})
