var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import styled from 'styled-components';
import { StyledFont14 } from 'ui/common';
export var StyledNftBox = styled.table(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  white-space: nowrap;\n  p,\n  a,\n  span {\n    white-space: nowrap;\n  }\n\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  grid-row-gap: 10px;\n  grid-column-gap: 10px;\n  margin: 5px 5px 10px;\n\n  ", " {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    grid-row-gap: 20px;\n    grid-column-gap: 20px;\n  }\n\n  ", " {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    grid-row-gap: 20px;\n    grid-column-gap: 20px;\n  }\n"], ["\n  white-space: nowrap;\n  p,\n  a,\n  span {\n    white-space: nowrap;\n  }\n\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  grid-row-gap: 10px;\n  grid-column-gap: 10px;\n  margin: 5px 5px 10px;\n\n  ", " {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    grid-row-gap: 20px;\n    grid-column-gap: 20px;\n  }\n\n  ", " {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    grid-row-gap: 20px;\n    grid-column-gap: 20px;\n  }\n"])), function (_a) {
    var theme = _a.theme;
    return theme.mediaQueries.md;
}, function (_a) {
    var theme = _a.theme;
    return theme.mediaQueries.lg;
});
export var StyledNft = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  border-radius: ", ";\n  padding: 10px;\n  border: 1px solid ", ";\n  ", " {\n    padding: 20px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  border-radius: ", ";\n  padding: 10px;\n  border: 1px solid ", ";\n  ", " {\n    padding: 20px;\n  }\n"])), function (_a) {
    var theme = _a.theme;
    return theme.radii.small;
}, function (_a) {
    var theme = _a.theme;
    return theme.colors.background04;
}, function (_a) {
    var theme = _a.theme;
    return theme.mediaQueries.md;
});
export var StyledLabel = styled(StyledFont14)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  margin-top: 5px;\n"], ["\n  display: flex;\n  margin-top: 5px;\n"])));
export var StyledValue = styled(StyledFont14)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin-left: 3px;\n"], ["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin-left: 3px;\n"])));
export var StyledImg = styled.img(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-bottom: 5px;\n  border-radius: ", ";\n  overflow: hidden;\n"], ["\n  margin-bottom: 5px;\n  border-radius: ", ";\n  overflow: hidden;\n"])), function (_a) {
    var theme = _a.theme;
    return theme.radii.small;
});
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
