@vimeo/iris/components/Annotation/Annotation.style.esm.js

Vimeo Design System

import { a as __makeTemplateObject } from '../../tslib.es6-7f0e734f.js';
import styled from 'styled-components';
import { slate, blue } from '../../color/colors.esm.js';
import 'polished';

var Annotation = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  position: relative;\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n\n  * {\n    fill: currentColor;\n  }\n"], ["\n  display: flex;\n  align-items: flex-start;\n  position: relative;\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n\n  * {\n    fill: currentColor;\n  }\n"])), slate(500), blue(500));
var templateObject_1;

export { Annotation };