Untitled

mail@pastecode.io avatar
unknown
plain_text
7 months ago
47 kB
1
Indexable
Never
// Customizable Area Start
// @ts-nocheck
// @ts-ignore
import { StyleSheet, Dimensions, Platform, PixelRatio } from 'react-native';
import COLOR_CONST, { FONTS } from '../../../../framework/src/AppFonts';
import Scale, { verticalScale } from '../../../../framework/src/Scale';
import {
  heightPercentageToDP,
  widthPercentageToDP,
} from 'react-native-responsive-screen';
const { width, height } = Dimensions.get('screen');

import {
  responsiveHeight,
  responsiveWidth,
  responsiveFontSize,
} from 'react-native-responsive-dimensions';
import { primaryColor } from '../../../../framework/src/Utilities';
import Apptheme from '../../../HamburgerMenu/src/Apptheme';

let screenWidth = Dimensions.get('window').width;
let screenHeight = Dimensions.get('window').height;
//Artboard Dimension
let artBoardHeightOrg = 812;
let artBoardWidthOrg = 375;
//Re calculated Artboard Dimension
let artBoardWidth = isSameRatio() ? artBoardWidthOrg : screenWidth;
let artBoardHeight = isSameRatio() ? artBoardHeightOrg : screenHeight;
// To check if Artboard and Device screen has same ratio
function isSameRatio(): boolean {
  return (
    artBoardWidthOrg / artBoardHeightOrg < 1 && screenWidth / screenHeight < 1
  );
}

//Top or Bottom nav spaces or any extra space occupied by os e.g Status bar, Notch
let extraSpace = 0;

function deviceBasedDynamicDimension(
  originalDimen: number,
  compareWithWidth: boolean,
  resizeFactor: number
): number | undefined {
  if (originalDimen != null) {
    if (resizeFactor != null) {
      originalDimen *= resizeFactor;
    }
    const compareArtBoardDimenValue = compareWithWidth
      ? artBoardWidth
      : artBoardHeight;
    const artBoardScreenDimenRatio =
      (originalDimen * 100) / compareArtBoardDimenValue;
    let compareCurrentScreenDimenValue = compareWithWidth
      ? screenWidth
      : screenHeight - extraSpace;
    if (Platform.OS === 'web') {
      return (
        responsiveWidth(originalDimen / compareCurrentScreenDimenValue) * 100
      );
    }
    return PixelRatio.roundToNearestPixel(
      (artBoardScreenDimenRatio * compareCurrentScreenDimenValue) / 100
    );
  }
  return null;
}

export default StyleSheet.create({
  container: {
    flex: 1,
    maxWidth: 650,
    backgroundColor: '#ffffffff',
  },
  dashIconStyle: {
    height: Scale(30),
    width: Scale(30),
    alignSelf: 'center',
    marginVertical: Scale(10),
  },
  textStyleApple: {
    width: Scale(212),
    textAlign: 'center',
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: '#fff',
    textAlignVertical: 'center',
    fontFamily: FONTS.RobotoCondensedRegular,
    fontSize: deviceBasedDynamicDimension(16, true, 1),
  },
  spotifyContainer: {
    marginTop: verticalScale(15),
    height: deviceBasedDynamicDimension(40, true, 1),
    width: deviceBasedDynamicDimension(273, true, 1),
    backgroundColor: '#292A2F',
    borderWidth: Scale(0.5),
    borderColor: '#292A2F',
    borderRadius: Scale(10),
    flexDirection: 'row',
    // justifyContent: 'center',
    alignSelf: 'center',
    alignItems: 'center',
    justifyContent: 'center',
  },
  tabbarstyle: {
    fontFamily: FONTS.AppleSymbols,
    fontSize: Scale(22),
    color: 'white',
    fontWeight: '400',
  },
  boxcontainer: {
    backgroundColor: '#292A2F',
    height: Scale(40),
    width: Scale(200),
    alignContent: 'center',
    alignItems: 'center',
    justifyContent: 'center',
    borderRadius: Scale(10),
  },
  replaybuttontext: {
    fontFamily: FONTS.RobotoCondensedRegular,
    fontSize: Scale(18),
    color: 'white',
    fontWeight: '500',
  },
  touchablestyle: {
    marginRight: Scale(20),
    marginLeft: Scale(20),
  },
  touchableStyle1: {
    marginLeft: Scale(10),
  },
  addStyle: {
    height: Scale(35),
    width: Scale(35),
    bottom: Scale(5),
  },
  feedcardstyle: {
    elevation: 10,
    // height:  Platform.OS === 'ios' ? deviceBasedDynamicDimension(258,true,1) : deviceBasedDynamicDimension(300,true,1),
    width:
      Platform.OS === 'ios'
        ? deviceBasedDynamicDimension(324, true, 1)
        : deviceBasedDynamicDimension(324.1, true, 1),
    //height: deviceBasedDynamicDimension(258, false, 1),

    backgroundColor: '#fff',
    alignSelf: 'center',
    borderRadius: deviceBasedDynamicDimension(15, true, 1),
    marginTop: deviceBasedDynamicDimension(18, true, 1),
    borderWidth: Scale(0),
    marginVertical: 10,
    borderColor: 'rgba(1,1,1,0.1)',
    shadowColor: 'grey',
    shadowOffset: {
      width: 0,
      height: 2,
    },
    shadowOpacity: 0.4,
    shadowRadius: 10,
  },
  modalFirstStyle: {
    flex: 0.9,
    backgroundColor: '#fff',
    borderTopLeftRadius: Scale(20),
    borderTopRightRadius: Scale(20),
    paddingLeft: Scale(25),
    paddingRight: Scale(25),
    elevation: 3,
  },
  placeholderStyle: {
    // backgroundColor: '#F9705B',
    width: Scale(300),
    height: Scale(120),
    fontSize: Scale(15),
    marginLeft: Scale(10),
    color: '#000',
    borderColor: 'grey',
    borderWidth: 0.5,
    elevation: 1,
    borderRadius: Scale(12),
    padding: 10,
  },
  modalSecondStyle: {
    flex: 0.6,
    backgroundColor: '#fff',
    borderTopLeftRadius: Scale(20),
    borderTopRightRadius: Scale(20),
    paddingLeft: Scale(25),
    paddingRight: Scale(25),
    // borderColor: '#F9705B',
    borderRightColor: '#F9705B',
    borderLeftColor: '#F9705B',
    borderTopWidth: 0.2,
    borderRightWidth: 0.2,
    borderLeftWidth: 0.3,
    elevation: 3,
  },
  doneButtonStyle: {
    height: Scale(56),
    width: Scale(300),

    alignItems: 'center',
    justifyContent: 'center',
    borderRadius: Scale(10),
    shadowOpacity: 0.9,
    marginBottom: Scale(30),
    shadowRadius: 2,
    shadowOffset: {
      height: 1,
      width: 1,
    },
  },
  innerTextViewStyle1: {
    flex: 0.1,
    flexDirection: 'row',
    height: Scale(30),
    alignItems: 'center',
  },
  smallCard: {
    elevation: 5,
    marginLeft: Scale(20),
    flexDirection: 'row',
    backgroundColor: '#fff',
    borderColor: '#cfcbcb',
    width: '80%',
    height: deviceBasedDynamicDimension(60, true, 1),
    borderWidth: 1,
    borderRadius: Scale(10),
    alignItems: 'center',
    marginRight: Scale(15),
  },
  smallCard4: {
    elevation: 5,
    // marginLeft: Scale(15),
    flexDirection: 'row',
    backgroundColor: '#fff',
    borderColor: '#cfcbcb',
    width: '100%',
    height: '100%',
    borderWidth: 1,
    borderTopLeftRadius: Scale(10),
    borderBottomLeftRadius: Scale(10),
    alignItems: 'center',
  },
  smallCard2: {
    elevation: 5,
    flexDirection: 'row',
    width: '100%',
    height: '100%',
    marginTop: Scale(10),
    justifyContent: 'center',
  },
  innerSecondViewStyle: {
    flexDirection: 'row',
    // justifyContent: 'space-evenly',
    backgroundColor: 'transparent',
    width: Scale(65),
    height: Scale(30),
    alignItems: 'center',
    marginLeft: Scale(15),
  },
  innerTextViewStyle: {
    flexDirection: 'row',
    justifyContent: 'space-evenly',
    width: Scale(130),
    height: Scale(30),
    alignItems: 'center',
    marginLeft: deviceBasedDynamicDimension(10, true, 1),
    paddingHorizontal: deviceBasedDynamicDimension(10, true, 1),
  },

  bottomCardStyle: {
    width: '100%',
    backgroundColor: 'transparent',
    position: 'absolute',
    bottom: deviceBasedDynamicDimension(20, true, 1),
    zIndex: 1000,
    height: '15%',
    // backgroundColor: "pink",
  },

  myDescriptionStyle: {
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    fontFamily: 'AirbnbCerealApp-Book',
    color: 'rgba(44, 39, 75, 1)',
    textAlign: 'left',
    textAlignVertical: 'top',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  plusIconStyle: {
    width: Scale(65),
    height: Scale(65),
    alignItems: 'center',
    justifyContent: 'center',
    alignSelf: 'flex-end',
    position: 'absolute',
    bottom: deviceBasedDynamicDimension(81, true, 1),
    zIndex: 100000000000,
    // marginLeft: Scale(30),
    borderRadius: 90,
    // marginBottom:Scale(5),
    right: Scale(15),
  },
  cardContaierTwo: {
    // height: Scale(200),
    // width: deviceBasedDynamicDimension(310, true, 1),
    borderColor: '#F9705B',
    backgroundColor: 'transparent',
    borderWidth: Scale(0.8),
    marginTop: Scale(10),
    alignSelf: 'center',
    borderRadius: Scale(10),
    display: 'flex',
    margin: deviceBasedDynamicDimension(15, true, 1),
    marginHorizontal: deviceBasedDynamicDimension(5, true, 1),
    paddingHorizontal: Scale(10),
    flex: 1,
  },
  topCardStyle: {
    marginTop: 0,
    marginHorizontal: 3,
    backgroundColor: '#fff',
    shadowColor: 'rgba(1,1,1,0.5)',
    shadowOffset: {
      width: 3,
      height: 3,
    },
    shadowOpacity: 0.4,
    shadowRadius: 2,
    elevation: 6,
  },

  threeIconStyle: {
    height: Scale(25),
    width: Scale(25),
  },
  headerContainer: {
    width: Scale(375),
    height: heightPercentageToDP('20%'),
    borderBottomLeftRadius: Scale(30),
    borderBottomRightRadius: Scale(30),
    backgroundColor: COLOR_CONST.themeColor,
  },

  containerImages: {
    marginTop: Scale(25),
    flexDirection: 'row',
    width: Scale(375),
    justifyContent: 'space-between',
    alignItems: 'center',
    alignSelf: 'center',
  },

  menuStyle: {
    height: Scale(25),
    width: Scale(25),
    marginLeft: Scale(10),
    alignSelf: 'center',
  },

  logoStyle: {
    height: Scale(60),
    width: Scale(70),
    alignSelf: 'center',
  },

  searchIconStyle: {
    height: Scale(35),
    width: Scale(35),
    marginRight: Scale(5),
  },
  filterstyle: {
    height: Scale(25),
    width: Scale(25),
    marginRight: Scale(10),
    bottom: Platform.OS === 'ios' ? Scale(5) : Scale(-5),
    tintColor: 'white',
  },
  hashtag_text: {
    fontSize: Scale(14),
    color: primaryColor,
    fontFamily: FONTS.RobotoCondensedBold,
    marginRight: Scale(10),
    marginVertical: Scale(10),
  },
  Textcolor: {
    color: 'rgba(1,1, 1, 1)',
    fontSize: Scale(14),
    paddingHorizontal: Scale(15),
    fontFamily: FONTS.RobotoCondensedRegular,
  },
  spotifyContainer11: {
    marginTop: verticalScale(10),
    height: deviceBasedDynamicDimension(56, true, 1),
    width: deviceBasedDynamicDimension(273, true, 1),
    backgroundColor: '#292A2F',
    borderWidth: Scale(0.5),
    borderColor: '#292A2F',
    borderRadius: Scale(10),
    flexDirection: 'row',
    // justifyContent: 'center',
    alignSelf: 'center',
    alignItems: 'center',
  },
  boxColor: {
    backgroundColor: 'white',
    borderRadius: Scale(20),
    marginRight: Scale(10),
    alignItems: 'center',
    justifyContent: 'center',
    borderWidth: 0.5,
    height: Scale(20),
    marginVertical: Scale(10),
  },
  followButttonTitleStyle: {
    fontSize: Scale(12),
  },
  followButtonContainerStyle: {
    margin: 0,
    borderRadius: 21,
    alignSelf: 'center',
  },
  vicon: {
    height: Scale(25),
    width: Scale(25),
    marginRight: Scale(15),
  },

  bellIconStyle: {
    height: Scale(35),
    width: Scale(35),
  },

  storyCircle: {},

  blankStory: {
    // marginTop: Scale(50),
    alignSelf: 'center',
    height: Scale(90),
    width: Scale(90),
    justifyContent: 'center',
    alignItems: 'center',
    borderRadius: 90,
  },
  filledstory: {
    height: Scale(50),
    width: Scale(50),
    borderRadius: Scale(90),
    marginTop: Scale(10),
  },

  plusIcon: {
    // marginTop: Scale(20),
    // height: Scale(40),
    // width: Scale(40),
  },

  direction: {
    flexDirection: 'row',
    height: deviceBasedDynamicDimension(100, true, 1),
    alignItems: 'center',
    justifyContent: 'center',
    paddingLeft: Scale(20),
    marginTop: Scale(5),
    // backgroundColor: 'green',
  },

  colDirection: {
    flexDirection: 'column',
  },

  personStyle: {
    height: Scale(50),
    width: Scale(50),
    marginTop: Scale(10),
    borderRadius: Scale(30),
    alignItems: 'center',
    justifyContent: 'center',
  },

  storyTxt: {
    marginLeft: Scale(12),
    marginRight: Scale(10),
    color: COLOR_CONST.whiteColor,
    marginTop: Scale(8),
    fontSize: Scale(14),
  },

  hideStoryView: {
    width: Scale(375),
    borderBottomLeftRadius: Scale(30),
    borderBottomRightRadius: Scale(30),
    backgroundColor: COLOR_CONST.themeColor,
    position: 'absolute',
    zIndex: 100000,
  },

  nameTxt: {
    color: COLOR_CONST.whiteColor,
    fontSize: Scale(14),
    width: Scale(80),
    marginTop: Scale(35),
    marginLeft: Scale(10),
  },

  toggleContainer: {
    height: Scale(50),
    width: '98%',
    // backgroundColor: COLOR_CONST.toggleBackColor,
    //backgroundColor: 'red',
    // borderWidth: Scale(1),
    // borderRadius: Scale(30),
    // borderColor: COLOR_CONST.themeColor,
    alignSelf: 'center',
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    position: 'absolute',
    //  bottom: -20,
    zIndex: 100000,
  },

  toggleTxt: {
    marginHorizontal: Scale(5),
    height: Scale(40),
    width: Scale(90),
    justifyContent: 'center',
    alignSelf: 'center',
    alignItems: 'center',
    color: COLOR_CONST.toggleTxtColor,
  },

  pressToggleText: {
    // color: COLOR_CONST.themeColor,
    // height: Scale(35),
    // backgroundColor: COLOR_CONST.whiteColor,
    // // borderRadius: Scale(30),
    // justifyContent: 'center',
    // alignSelf: 'center',
    // alignItems: 'center',
    // elevation: 2,
    // shadowColor: "#B8B6BE",
    // shadowOpacity: 0.5,
    // shadowRadius: 2,
    // shadowOffset: {
    //   height: 1,
    //   width: 1,
    // },
  },
  signinButtonStyle: {
    alignSelf: 'center',
    alignItems: 'center',
    justifyContent: 'center',
    flexDirection: 'row',
    // backgroundColor: 'yellow',
    // shadowColor: COLOR_CONST.DisabledbuttonColor,
    shadowColor: '#b8b6be',
    shadowOpacity: 0.9,
    shadowRadius: 2,
    shadowOffset: {
      height: 1,
      width: 1,
    },
  },

  signInButtonTextStyle: {
    color: '#ffffff',
    marginLeft: deviceBasedDynamicDimension(80, true, 1),
    alignSelf: 'center',
    textAlign: 'center',
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    textAlignVertical: 'center',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(17, true, 1),
  },
  forwardIconStyle: {
    height: Scale(25),
    width: Scale(25),
    marginLeft:
      Platform.OS == 'ios'
        ? deviceBasedDynamicDimension(75, true, 1)
        : deviceBasedDynamicDimension(80, true, 1),
    alignSelf: 'center',
  },
  songStyleTwo: {
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: '500',
    includeFontPadding: false,
    color: 'rgba(1, 1, 1, 1)',
    fontFamily: FONTS.RobotoCondensedBold,
    fontSize: deviceBasedDynamicDimension(14, true, 1),
  },
  songStyle: {
    width: deviceBasedDynamicDimension(110, true, 1),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(1, 1, 1, 1)',
    fontFamily: FONTS.RobotoCondensedRegular,
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },

  chatStyle: {
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: '#00000060',
    fontFamily: 'AirbnbCerealApp-Medium',
    fontSize: deviceBasedDynamicDimension(13, true, 1),
  },
  homeStyle: {
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: '#F9705B',
    fontFamily: 'AirbnbCerealApp-Medium',
    fontSize: deviceBasedDynamicDimension(13, true, 1),
  },

  pressFeedText: {
    color: COLOR_CONST.themeColor,
    textAlign: 'center',
    // fontFamily: FONTS.AirbnbCereal_Book,
  },

  feedTxt: {
    color: '#00000060',
    // fontFamily: FONTS.AirbnbCereal_Book,
  },
  trendingText: {
    color: '#00000060',
    //fontFamily: FONTS.AirbnbCereal_Book,
    marginRight: Scale(10),
  },
  pressTrendingText: {
    color: COLOR_CONST.themeColor,
    textAlign: 'center',
    // fontFamily: FONTS.AirbnbCereal_Book,
    // marginHorizontal: Scale(10),
    alignSelf: 'center',
  },

  detailsContainer: {
    height: Scale(280),
    width: Scale(350),
    borderColor: COLOR_CONST.themeColor,
    backgroundColor: COLOR_CONST.whiteColor,
    borderWidth: Scale(1),
    marginTop: Scale(40),
    alignSelf: 'center',
    borderRadius: Scale(20),
  },

  subDetailContain: {
    height: Scale(130),
    width: Scale(340),
    backgroundColor: COLOR_CONST.whiteColor,
    marginTop: Scale(5),
    alignSelf: 'center',
    borderRadius: Scale(5),
    borderColor: COLOR_CONST.whiteColor,
    borderWidth: Scale(1),
    shadowColor: '#f0f0f0',
    shadowOpacity: 5,
    shadowRadius: 5,
    shadowOffset: {
      height: 5,
      width: 0,
    },
  },

  songname: {
    marginTop: Scale(10),
    fontSize: Scale(20),
    color: COLOR_CONST.blackColor,
    marginLeft: Scale(20),
    fontFamily: FONTS.AirbnbCerealMedium,
  },

  shareIcon: {
    marginTop: Scale(17),
    marginLeft: Scale(20),
  },

  postImgstyle: {
    marginTop: Scale(10),
    marginLeft: Scale(70),
  },

  singername: {
    // marginTop: Scale(10),
    fontSize: Scale(14),
    color: COLOR_CONST.themeColor,
    fontFamily: FONTS.AirbnbCerealBook,
    marginLeft: Scale(20),
    bottom: Scale(37),
  },

  storyname: {
    marginTop: Scale(5),
    fontSize: Scale(15),
    color: COLOR_CONST.FutureTxtColor,
    fontFamily: FONTS.AirbnbCerealBook,
    marginLeft: Scale(20),
    bottom: Scale(30),
  },

  direction1: {
    flexDirection: 'row',
    justifyContent: 'space-between',
  },

  profileStyle: {
    height: Scale(50),
    width: Scale(50),
    marginTop: Scale(10),
    borderRadius: Scale(90),
  },

  marryTxtStyle: {
    marginTop: Scale(10),
    marginLeft: Scale(10),
    fontSize: Scale(16),
    color: COLOR_CONST.themeColor,
    fontFamily: FONTS.AirbnbCerealBook,
  },

  userNameStyle: {
    marginTop: Scale(11),
    marginLeft: Scale(5),
    fontSize: Scale(14),
    color: COLOR_CONST.notificationTxtColor,
    fontFamily: FONTS.AirbnbCerealBook,
  },

  dotsStyle: {
    marginTop: Scale(11),
    marginLeft: Scale(40),
  },

  modalstyle: {
    flex: 1,
    height: Scale(667),
    width: Scale(375),
    alignItems: 'center',
    justifyContent: 'center',
    // backgroundColor: '#000000aa',
  },

  dotsView: {
    height: Scale(104),
    width: Scale(103),
    backgroundColor: COLOR_CONST.whiteColor,
    borderRadius: Scale(5),
    borderWidth: Scale(1),
    borderColor: COLOR_CONST.DisabledbuttonColor,
    alignItems: 'center',
    marginLeft: Scale(220),
    marginTop: Scale(70),
    // justifyContent: 'center',
    // zIndex: 1000,
  },

  editTxt: {
    marginTop: Scale(5),
    // marginLeft: Scale(5),
    fontSize: Scale(16),
    color: COLOR_CONST.notificationTxtColor,
    fontFamily: FONTS.AirbnbCerealBook,
  },

  editLine: {
    marginTop: Scale(5),
  },

  reviewTxtStyle: {
    marginLeft: Scale(70),
    // marginTop: Scale(10),
    // marginHorizontal: Scale(5),
    fontSize: Scale(14),
    bottom: Scale(25),
    fontFamily: FONTS.AirbnbCerealBook,
    color: COLOR_CONST.notificationTxtColor,
  },

  lineIcon: {
    marginLeft: Scale(65),
    bottom: Scale(20),
    width: Scale(270),
  },

  hashTxtStyle: {
    marginLeft: Scale(70),
    fontSize: Scale(14),
    bottom: Scale(15),
    color: COLOR_CONST.themeColor,
  },

  hashTxtStyle1: {
    marginLeft: Scale(5),
    fontSize: Scale(14),
    bottom: Scale(15),
    color: COLOR_CONST.notificationTxtColor,
  },

  hashTxtStyle2: {
    marginLeft: Scale(5),
    fontSize: Scale(14),
    bottom: Scale(15),
    color: COLOR_CONST.themeColor,
  },

  timingTxt: {
    marginLeft: Scale(45),
    fontSize: Scale(12),
    bottom: Scale(15),
    color: COLOR_CONST.toggleTxtColor,
    fontFamily: FONTS.AirbnbCerealBook,
  },

  imgStyle: {
    height: Scale(40),
    width: Scale(40),
    marginTop: Scale(10),
    marginLeft: Scale(10),
    bottom: Scale(30),
  },

  imgStyle1: {
    // height: Scale(20),
    // width: Scale(20),
    marginTop: Scale(25),
    // marginLeft: Scale(10),
    resizeMode: 'contain',
    bottom: Scale(30),
  },

  imgStyle2: {
    // height: Scale(20),
    // width: Scale(20),
    marginTop: Scale(27),
    resizeMode: 'contain',
    bottom: Scale(30),
    // right: 20
    // marginLeft: Scale(10),
  },

  likeTxt: {
    marginTop: Scale(27),
    right: 5,
    fontSize: Scale(12),
    color: COLOR_CONST.DisabledbuttonColor,
    bottom: Scale(30),
  },

  commentTxt: {
    marginTop: Scale(27),
    right: 5,
    fontSize: Scale(12),
    color: COLOR_CONST.DisabledbuttonColor,
    bottom: Scale(30),
  },
  cardContaier: {
    width: Scale(335),
    backgroundColor: '#fff',
    borderWidth: Scale(0.8),
    alignSelf: 'center',
    borderRadius: Scale(20),
  },

  mainStyleOfCard: {
    marginTop: 0,
    marginHorizontal: 1.1,
    backgroundColor: 'white',
    shadowColor: 'rgba(1,1,1,0.3)',
    shadowOffset: {
      width: 0,
      height: 9,
    },
    shadowOpacity: 0.25,
    shadowRadius: 2,
    elevation: 4,
    borderTopLeftRadius: Scale(20),
    borderTopRightRadius: Scale(20),
  },
  profileViewStyle: {
    flexDirection: 'row',
    alignSelf: 'center',
    alignItems: 'center',
    justifyContent: 'center',
    flexGrow: 1,

    // backgroundColor: '#F9CF55',
  },
  userNameMainViewStyle: {
    flex: 0.75,
    // backgroundColor: '#F9CF55',
    alignItems: 'flex-start',
    marginTop: Scale(5),
    width: Scale(150),
    overflow: 'hidden',
  },

  editViewStyle: {
    // backgroundColor: 'red',
    width: Scale(120),
    alignItems: 'center',
    justifyContent: 'center',
  },
  replayTxt: {
    marginTop: Scale(27),
    right: 5,
    fontSize: Scale(12),
    color: COLOR_CONST.DisabledbuttonColor,
    bottom: Scale(30),
  },

  imgStyle3: {
    // height: Scale(20),
    // width: Scale(20),
    marginTop: Scale(28),
    bottom: Scale(30),
    // right: 20
    // marginLeft: Scale(10),
  },

  imgStyle4: {
    height: Scale(27),
    width: Scale(27),
    marginTop: Scale(20),
    marginLeft: Scale(10),
    right: 15,
    bottom: Scale(30),
  },

  songPlayView: {
    height: Scale(60),
    width: Scale(120),
    backgroundColor: '#00ffffff',
    marginBottom: Scale(10),
    marginLeft: Scale(20),
    marginTop: Scale(10),
    borderRadius: Scale(10),
  },

  spotifyGreenIcon: {
    height: Scale(20),
    width: Scale(20),
    marginLeft: Scale(10),
    marginTop: Scale(5),
  },

  songIcon: {
    height: Scale(20),
    width: Scale(20),
    marginTop: Scale(5),
    marginLeft: Scale(30),
    right: 10,
  },

  songNameStyle: {
    // fontFamily:
    fontSize: Scale(14),
  },

  singerTxtStyle: {
    // fontFamily:
    fontSize: Scale(12),
    marginLeft: Scale(50),
    bottom: 10,
  },

  FooterNavView: {
    height: Scale(60),
    width: Scale(230),
    backgroundColor: '#00FFFFFF',
    marginBottom: Scale(10),
    marginLeft: Scale(40),
    marginTop: Scale(10),
    borderRadius: Scale(10),
  },

  homeIcon: {
    height: Scale(27),
    width: Scale(27),
    marginTop: Scale(10),
    marginLeft: Scale(30),
    right: 10,
  },

  homeTxt: {
    marginTop: Scale(3),
    marginLeft: Scale(30),
    right: 10,
    fontSize: Scale(14),
  },

  reportModal: {
    flex: 1,
    height: Scale(667),
    width: Scale(375),
    alignItems: 'flex-end',
    // alignSelf: 'flex-start',
    justifyContent: 'flex-end',
    // backgroundColor: "red",
    backgroundColor: '#000000aa',
  },

  reportViewModal: {
    backgroundColor: COLOR_CONST.whiteColor,
    height: Scale(400),
    width: Scale(375),
    borderWidth: 1,
    borderColor: '#fff',
    borderTopLeftRadius: Scale(30),
    borderTopRightRadius: Scale(30),
  },

  reportModalImg: {
    alignSelf: 'center',
    marginTop: Scale(5),
  },

  reportTxt: {
    marginLeft: Scale(30),
    marginTop: Scale(20),
    fontFamily: FONTS.AirbnbCerealBook,
    color: COLOR_CONST.blackColor,
    fontSize: Scale(20),
  },

  whyReportTxt: {
    marginLeft: Scale(30),
    marginTop: Scale(5),
    fontFamily: FONTS.AirbnbCerealMedium,
    color: COLOR_CONST.blackColor,
    fontSize: Scale(18),
  },

  reportDetails: {
    marginLeft: Scale(30),
    marginRight: Scale(20),
    marginTop: Scale(10),
    fontFamily: FONTS.AirbnbCerealBook,
    color: '#c3c3c3',
    fontSize: Scale(14),
    // textAlign: 'center',
  },

  reportTag: {
    marginLeft: Scale(30),
    marginTop: Scale(10),
    fontFamily: FONTS.AirbnbCerealBook,
    color: COLOR_CONST.blackColor,
    fontSize: Scale(16),
  },

  arrowDown: {
    alignSelf: 'center',
    marginRight: Scale(20),
  },
  reportItemStyle: {
    width: '100%',
    height: 0.05,
    borderWidth: 0.3,
    borderColor: '#d4d3d3',
    alignSelf: 'center',
  },
  userViewStyle: {
    justifyContent: 'space-between',
    flexDirection: 'row',
    marginVertical: Scale(5),
    alignItems: 'center',
  },
  userNameStyleFeed: {
    flex: 0.8,
    backgroundColor: '#F9CF55',
    alignItems: 'flex-start',
    marginTop: Scale(15),
    marginLeft: Scale(0),
    flexDirection: 'row',
    paddingLeft: 9,
    width: Scale(150),
    overflow: 'scroll',
  },
  handleNameStyelFeed: {
    alignSelf: 'flex-start',
    // textTransform: 'uppercase',
    flexWrap: 'wrap',
    maxWidth: widthPercentageToDP('30%'),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: '#F9705B',
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Medium',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },

  songPlayStyle: {
    alignSelf: 'center',
    marginRight: Scale(5),
    marginHorizontal: Scale(5),
    width: Scale(60),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(173, 185, 203, 1)',
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(11, true, 1),
  },
  likeStyle: {
    alignSelf: 'center',
    // width: Scale(20),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(173, 185, 203, 1)',
    fontFamily: 'AirbnbCerealApp-Book',

    textAlign: 'right',
    textAlignVertical: 'top',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  commentStyle: {
    alignSelf: 'center',
    marginRight: Scale(5),
    // width: Scale(25),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(173, 185, 203, 1)',
    textAlign: 'right',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  mainModalStyle: {
    backgroundColor: 'rgba(0,0,0,0.0)',
    flex: 1,
    margin: 20,
    borderRadius: 20,
    padding: 35,
    alignItems: 'center',
    shadowColor: '#000',
    shadowOffset: {
      width: 0,
      height: 2,
    },
    shadowOpacity: 0.25,
    shadowRadius: 4,

    justifyContent: 'center',
  },
  picturestyle: {
    top: Scale(50),
    marginBottom: Scale(20),
  },
  modalStyle: {
    // justifyContent: "space-around",
    alignItems: 'center',
    alignSelf: 'center',
    backgroundColor: '#fff',
    borderRadius: 15,
    borderWidth: 1,
    borderColor: '#fff',
    // display: "flex",
    // height: '100%',
    paddingHorizontal: Scale(10),
    width: '93%',
  },
  repeatStyle: {
    alignSelf: 'center',
    marginRight: Scale(5),
    // width: Scale(25),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(133, 138, 175, 1)',
    textAlign: 'right',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(11, true, 1),
  },

  deleteViewStyle: {
    // backgroundColor: 'red',
    width: Scale(120),
    alignItems: 'center',
    justifyContent: 'center',
  },
  promoteViewStyle: {
    // backgroundColor: 'red',
    width: Scale(120),
    // alignItems: 'center',
    justifyContent: 'center',
  },

  reportViewStyle: {
    width: Scale(90),
    height: 0.05,
    borderWidth: 0.5,
    borderColor: '#f1f1f1',
    alignSelf: 'center',
    marginTop: Scale(10),
  },
  reportViewStyle1: {
    width: Scale(90),
    height: 0.05,
    borderWidth: 0.5,
    borderColor: '#f1f1f1',
    alignSelf: 'center',
  },
  handleName: {
    alignSelf: 'flex-start',
    maxWidth: widthPercentageToDP('30%'),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(116, 118, 136, 1)',
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },

  replyStyle: {
    alignSelf: 'flex-start',
    marginLeft: Scale(5),
    marginTop: Scale(5),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(116, 118, 136, 1)',
    textAlign: 'left',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(14, true, 1),
  },

  editStyleFeed: {
    backgroundColor: '#fff',
    alignItems: 'center',
    width: Scale(120),
    height: Scale(130),
    justifyContent: 'space-evenly',
    borderRadius: Scale(10),
  },
  editStyleFeed1: {
    backgroundColor: '#fff',
    alignItems: 'center',
    width: Scale(110),
    height: Scale(90),
    justifyContent: 'space-evenly',
  },
  deleteStyle: {
    width: Scale(90),
    height: 0.05,
    borderWidth: 0.5,
    borderColor: '#f1f1f1',
    alignSelf: 'center',
    marginTop: Scale(10),
  },
  popMainViewStyle: {
    maxWidth: widthPercentageToDP('140%'),

    marginLeft: widthPercentageToDP('18%'),
    // backgroundColor: 'pink',
    overflow: 'hidden',
    paddingLeft: deviceBasedDynamicDimension(10, true, 1),
  },
  lineStyle: {
    width: widthPercentageToDP('70%'),
    borderWidth: Scale(0.03),
    borderColor: '#00000010',
    alignSelf: 'flex-start',
    marginRight: widthPercentageToDP('2%'),
    // backgroundColor: 'red',
  },
  popTextViewStyle: {
    flexDirection: 'row',
    // justifyContent: 'space-between',
    marginVertical: Scale(10),
    width: Scale(300),
    flex: 1,
    alignItems: 'center',
    maxWidth: widthPercentageToDP('140%'),
    overflow: 'hidden',
  },
  popTextStyle: {
    flex: 0.12,
    // color: '#F9705B',
    color: 'rgba(255, 106, 89, 1)',
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    // textAlign: 'left',
    //  textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  rockTextStyle: {
    flex: 0.14,
    color: '#00000070',
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  chillMusicTextStyle: {
    flex: 0.48,
    color: '#F9705B',
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  timePostStyle: {
    width: Scale(20),
    flex: 0.23,
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    paddingRight: deviceBasedDynamicDimension(5, true, 1),
    marginRight: deviceBasedDynamicDimension(5, true, 1),
    color: 'rgba(173, 185, 203, 1)',
    textAlign: 'right',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(11, true, 1),
  },
  postSongStyle: {
    alignSelf: 'flex-start',
    maxWidth: Scale(170),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'bold',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(0, 0, 0, 1)',
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Medium',
    fontSize: deviceBasedDynamicDimension(18, true, 1),
  },
  shareImageStyle: {
    width: Scale(20),
    height: Scale(20),
    // marginLeft: Scale(10),
    // backgroundColor: 'blue',
    marginHorizontal: deviceBasedDynamicDimension(10, true, 1),
    opacity: 1,
    resizeMode: 'contain',
  },
  songNameStyleTwo: {
    marginVertical: Scale(5),
    width: Scale(200),
    // backgroundColor: 'red',
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(247, 116, 97, 1)',
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: FONTS.AirbnbCerealBold,
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  spotifyTypeStyle: {
    marginVertical: deviceBasedDynamicDimension(3, true, 1),
    width: deviceBasedDynamicDimension(220, true, 1),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(43, 40, 73, 1)',
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: FONTS.AirbnbCerealBold,
    fontSize: deviceBasedDynamicDimension(13, true, 1),
  },

  spotifyImageStyle: {
    width: Scale(60),
    height: Scale(60),
    alignSelf: 'flex-end',
    marginLeft: deviceBasedDynamicDimension(8, true, 1),
    marginRight: deviceBasedDynamicDimension(5, true, 1),
    opacity: 1,
  },
  lickMainViewStyle: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    height: Scale(40),
    marginTop: Scale(10),
    flex: 1,
    // backgroundColor: 'yellow',
  },

  commentsViewStyle: {
    width: deviceBasedDynamicDimension(335, true, 1),
    height: deviceBasedDynamicDimension(0.05, true, 1),
    borderWidth: deviceBasedDynamicDimension(0.3, true, 1),
    borderColor: '#d4d3d3',
    alignSelf: 'center',
    overflow: 'hidden',
  },
  commentMainViewStyle: {
    // backgroundColor: '#229954',
    // marginTop: deviceBasedDynamicDimension(10, true, 1),
    marginRight: deviceBasedDynamicDimension(10, true, 1),
    width: deviceBasedDynamicDimension(260, true, 1),
    height: deviceBasedDynamicDimension(60, true, 1),
    borderRadius: Scale(30),
    borderWidth: 0.8,
    // elevation: 0.5,
    padding: 10,
    // alignItems: 'center',
    justifyContent: 'space-around',
    alignItems: 'center',
    borderColor: '#D0CFD4',
    shadowColor: 'grey',
    flexDirection: 'row',
    shadowOffset: {
      width: 5,
      height: 3,
    },
    shadowOpacity: 0.2,
    shadowRadius: 2,
    // elevation: 2,
  },
  doCommentStyle: {
    // backgroundColor: 'pink',
    width: deviceBasedDynamicDimension(320, true, 1),
    height: deviceBasedDynamicDimension(60, true, 1),
    alignSelf: 'center',
    flexDirection: 'row',
    justifyContent: 'space-between',
    // padding: 5,
    marginLeft: deviceBasedDynamicDimension(10, true, 1),
    overflow: 'hidden',
  },
  commentImageStyle: {
    justifyContent: 'center',
    alignItems: 'center',
    // backgroundColor: 'blue',
    width: Scale(50),
    height: Scale(60),
  },
  imageStyleComment: {
    width: Scale(35),
    height: Scale(35),
    borderRadius: Scale(90),
    marginRight: Scale(10),
    // backgroundColor: 'red',
  },
  replyCommentStyle: {
    width: Scale(25),
    height: Scale(25),
    alignSelf: 'center',
    marginRight: Scale(10),
  },
  writeCommentStyle: {
    backgroundColor: '#fff',
    width: Scale(200),
    // height: Scale(50),
    color: '#000',
    alignSelf: 'center',
    justifyContent: 'center',
    alignItems: 'center',
    paddingHorizontal: 10,
    opacity: 1,
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    // paddingRight: deviceBasedDynamicDimension(5, true, 1),
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },

  subCommentUserName: {
    color: 'rgba(55,55,55,0.5)',
    marginRight: deviceBasedDynamicDimension(5, true, 1),
    // backgroundColor: 'red',
    maxWidth: deviceBasedDynamicDimension(210, true, 1),
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  subCommentTimeStyle: {
    color: 'rgba(55,55,55,0.5)',
    maxWidth: deviceBasedDynamicDimension(210, true, 1),
    // backgroundColor: 'green',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  subCommentHour: {
    color: 'rgba(55,55,55,0.5)',
    maxWidth: deviceBasedDynamicDimension(40, true, 1),
    // backgroundColor: 'blue',
    marginLeft: deviceBasedDynamicDimension(5, true, 1),
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  subCommentDescription: {
    // backgroundColor: '#ee1',

    width: deviceBasedDynamicDimension(220, true, 1),
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
  },
  mainViewofSubComment: {
    flex: 1,
    width: Scale(260),
    alignItems: 'center',
    justifyContent: 'center',
    // backgroundColor: '#555fff',
    alignSelf: 'flex-end',
  },
  replyOfCommentStyle: {
    color: 'rgba(55,55,55,0.5)',
    marginLeft: Scale(5),
    textDecorationLine: 'underline',
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),

    textAlign: 'left',
    // textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(13, true, 1),
  },
  hideAndShowStyle: {
    color: '#F9705B',
    marginLeft: Scale(10),
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(13, true, 1),
  },
  commentTextStyle: {
    opacity: 1,
    backgroundColor: 'transparent',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    padding: deviceBasedDynamicDimension(0, true, 1),
    color: 'rgba(43, 40, 73, 1)',
    textAlign: 'left',
    textAlignVertical: 'top',
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(13, true, 1),
  },
  subCommentTimeView: {
    color: 'rgba(55,55,55,0.5)',
    marginLeft: deviceBasedDynamicDimension(3, true, 1),
    opacity: 1,
    // backgroundColor: 'blue',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    paddingRight: deviceBasedDynamicDimension(1, true, 1),
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
    maxWidth: deviceBasedDynamicDimension(70, true, 1),
  },
  subCommentHourStyle: {
    color: 'rgba(55,55,55,0.5)',
    marginLeft: deviceBasedDynamicDimension(3, true, 1),
    opacity: 1,
    // backgroundColor: 'green',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    paddingRight: deviceBasedDynamicDimension(1, true, 1),
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
    maxWidth: deviceBasedDynamicDimension(72, true, 1),
  },
  subCommentUserNameStyle: {
    color: 'rgba(55,55,55,0.5)',
    marginHorizontal: deviceBasedDynamicDimension(1, true, 1),
    opacity: 1,
    // backgroundColor: 'red',
    fontStyle: 'normal',
    fontWeight: 'normal',
    includeFontPadding: false,
    paddingRight: deviceBasedDynamicDimension(1, true, 1),
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: deviceBasedDynamicDimension(12, true, 1),
    maxWidth: deviceBasedDynamicDimension(110, true, 1),
  },
  subCommentThreeDots: {
    flex: 0.15,
    // backgroundColor: '#F97D55',
    alignItems: 'center',
    marginLeft: Scale(10),
    paddingHorizontal: Scale(10),
  },
  cardCOnatiner: {
    padding: 0,
  },
  title: {
    color: primaryColor,
    textTransform: 'uppercase',
  },
  threeDotsConatiner: {
    marginTop: -Scale(30),
  },
  descriptionText: {
    marginLeft: Scale(12),
    fontFamily: 'AirbnbCerealApp-Book',
    color: 'rgba(44, 39, 75, 1)',
  },
  divider: {
    color: primaryColor,
    marginTop: Scale(3),
    backgroundColor: primaryColor,
    marginLeft: Scale(12),
    marginRight: Scale(12),
  },
  popstyletext: {
    color: primaryColor,
    marginLeft: Scale(12),
  },
  rockstyletext: {
    marginLeft: Scale(12),
  },
  row: {
    flexDirection: 'row',
  },
  chillmusicTextStyle: {
    color: primaryColor,
    marginLeft: Scale(12),
  },
  timeAgo: {
    marginRight: Scale(12),
  },
  profileView: {
    flexDirection: 'row',
    marginLeft: -Scale(54),
    width: screenWidth,
  },
  replayedImage: {
    width: Scale(25),
    height: Scale(25),
    marginLeft: Scale(15),
    alignSelf: 'center',
  },
  rowOfRightIcons: {
    flexDirection: 'row',
  },
  plyerBlackIcon: {
    width: Scale(20),
    height: Scale(20),
    alignSelf: 'flex-start',
    marginLeft: Scale(5),
    marginRight: Scale(18),
  },
  viewOfTextinput: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    width: '68%',
    borderWidth: 0.5,
    borderColor: 'grey',
    borderRadius: 45,
    marginLeft: Scale(9),
    height: Scale(45),
  },
  spotifyIcone: {
    marginLeft: Scale(9),
    width: Scale(30),
    height: Scale(40),
  },
  starIcon: {
    width: Scale(20),
    height: Scale(20),
    alignSelf: 'flex-start',
  },
  height: {
    height: Scale(21),
  },
  popurity_text: {
    marginTop: Scale(51),
    marginLeft: Scale(21),
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: Scale(16),
  },
  divider1: {
    marginLeft: Scale(21),
    marginRight: Scale(21),
    height: Scale(1),
    marginTop: Scale(6),
    backgroundColor: '#B2B2B2',
    opacity: 0.5,
  },
  newdivider: {
    marginLeft: Scale(21),
    marginRight: Scale(21),
    height: Scale(1),
    marginTop: Scale(6),
    backgroundColor: '#B2B2B2',
    opacity: 0.5,
  },
  slide: {
    alignSelf: 'center',
    height: Scale(6),
    width: Scale(27),
    backgroundColor: '#B2B2B2',
    opacity: 0.5,
    borderRadius: 3,
  },
  topIcon: {
    width: Scale(20),
    height: Scale(20),
    alignSelf: 'center',
  },
  row1: {
    flexDirection: 'row',
    marginLeft: Scale(21),
  },
  top_text: {
    alignSelf: 'center',
  },
  time_text: {
    marginLeft: Scale(21),
    fontFamily: 'AirbnbCerealApp-Book',
    fontSize: Scale(16),
  },
  divider2: {
    marginTop: Scale(21),
    marginBottom: Scale(21),
  },
  buttonContainerStyle: {
    width: '70%',
    alignSelf: 'center',
    borderRadius: 21,
    marginTop: Scale(10),
  },
  buttonTitleStyle: {
    marginTop: Scale(5),
    marginBottom: Scale(5),
  },
  buttonStyle: {
    borderRadius: 12,
    backgroundColor: primaryColor,
  },
  linearGradient: {
    alignItems: 'center',
    justifyContent: 'center',
    borderTopRightRadius: Scale(10),
    borderBottomRightRadius: Scale(10),
    height: deviceBasedDynamicDimension(60, true, 1),
    width: deviceBasedDynamicDimension(100, true, 1),
  },
  radiotext: {
    fontSize: Scale(16),
    fontFamily: FONTS.RobotoCondensedRegular,
  },
  noMorePost: {
    fontFamily: FONTS.AppleSymbols,
    fontSize: Scale(20),
    fontWeight: '400',
    fontStyle: 'normal',
    color: '#707082',
    marginHorizontal: Scale(48),
    textAlign: 'center',
  },
  feedCardEmptyComponent: {
    marginBottom: Scale(7),
  },
  feedCardEmptyComponentView: {
    flex: 1,
    marginTop: '47%',
  },
  renderContainer: {
    flex: 1,
    backgroundColor: Apptheme.getbottomFeedBackGroundColor(),
  },
  storyView: {
    flex: 1,
    backgroundColor: 'transparent',
    alignItems: 'center',
    justifyContent: 'center',
  },
  modalbox: {
    height: Scale(460),
    borderTopLeftRadius: Scale(30),
    borderTopRightRadius: Scale(30),
    backgroundColor: Apptheme.getbottomTabBgcolor(),
  },
  featuredContainer: {
    backgroundColor: 'transparent',
    borderColor: Apptheme.getfeedHeaderBgcolor(),
    zIndex: 1000,
    flexDirection: 'row',
    justifyContent: 'space-around',
    marginTop: Scale(20),
  },
  miniPlayerView: {
    backgroundColor: 'transparent',
    position: 'absolute',
    bottom: '0.95%',
    width: '100%',
    justifyContent: 'center',
  },
  text: {
    color: '#fff',
  },
  genreFeedBlockView: {
    backgroundColor: 'transparent',
    alignItems: 'center',
    justifyContent: 'center',
  },
  modalContentContainer: {
    flex: 1,
    backgroundColor:
      Platform.OS === 'ios' ? 'rgba(0,0,0,0.5)' : 'rgba(0,0,0,0.01)',
    justifyContent: 'flex-end',
  },
});
// Customizable Area End