import { style } from '@vanilla-extract/css' ; import { theme } from '@island.is/island-ui/theme' ; import { escapeGrid } from '@island.is/island-ui/utils' ; export const root = style ( { ... escapeGrid ( ) , } ) ; export const container = style ( { marginLeft : 'auto' , marginRight : 'auto' , position : 'relative' , overflow : 'hidden' , padding : 0 , zIndex : 1 , } ) ; export const slides = style ( { scrollSnapType : 'x proximity' , overflow : 'auto' , display : 'flex' , transform : 'translate3d(0,0,0)' , } ) ; export const slide = style ( { width : '100%' , position : 'relative' , display : 'flex' , scrollSnapAlign : 'center' , flexShrink : 0 , marginLeft : theme . spacing [ 3 ] , marginTop : theme . spacing [ 2 ] , marginBottom : theme . spacing [ 2 ] , selectors : { '&:last-child::after' : { content : "''" , display : 'block' , flex : 'none' , width : theme . spacing [ 3 ] , } , } , } ) ;