import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import styled from '@modern-js/runtime/styled';
export var DownloadWrap = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .hideScrollbar {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: ", ";\n    overflow: ", ";\n    font-size: 16px;\n    color: white;\n    text-align: center;\n  }\n  .spanContainer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: ", ";\n    /* width: 10px; */\n    height: 33px;\n    padding: 16px 10px;\n    background: linear-gradient(\n        95.04deg,\n        rgba(0, 0, 0, 0) 3.11%,\n        rgba(0, 0, 0, 0.12) 94.96%\n      ),\n      #212426;\n    border: 2px solid rgba(0, 0, 0, 0.08);\n    border-radius: 100px;\n    box-shadow: -6px -6px 12px rgba(255, 255, 255, 0.04),\n      6px 6px 12px rgba(0, 0, 0, 0.16);\n  }\n  .downloadA {\n    display: block;\n    margin-top: 22px;\n  }\n"])), function (props) {
  return props.mediaVisible ? '10px' : '10px 15px';
}, function (props) {
  return props.mediaVisible ? 'auto' : 'hidden';
}, function (props) {
  return props.cardWidth && props.cardWidth < 150 ? '100%' : '150px';
});