{"version":3,"file":"../css/page_background_image.css","mappings":"AAEA,uBAiBE,8BADA,wBAEA,4BAHA,sBAHA,YAEA,kBADA,MAFA,WAQA,WC+BA,wBDlDF,uBAEI,sCC4GF,yBD9GF,uBAKI,yCAEA,SADA,iBAEA","sources":["webpack://bidxone/./src/sass/plugins/page_background_image.scss","webpack://bidxone/./src/sass/responsive-utils.scss"],"sourcesContent":["@import '../responsive-utils.scss';\n\n.page-background-image {\n  @include mobile {\n    background-image: var(--image-mobile);\n  }\n  @include ultra-widescreen {\n    background-image: var(--image-ultra-wide);    \n    max-width: 1800px;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  width: 100%;\n  height: 100%;\n  top: 0;\n  position: absolute;\n  background-size: cover;\n  background-position: top center;\n  background-image: var(--image);\n  background-repeat: no-repeat;\n  z-index: -1;\n}\n","$ULTRA_SMALL_MOBILE_WIDTH: 360px;\n$EXTRA_SMALL_MOBILE_WIDTH: 420px;\n$SMALL_MOBILE_WIDTH: 576px;\n$MOBILE_WIDTH: 767px;\n$DESKTOP_WIDTH: 992px;\n$WIDESCREEN_WIDTH: 1200px;\n$EXTRA_WIDESCREEN_WIDTH: 1500px;\n$ULTRA_WIDESCREEN_WIDTH: 1600px;\n\n@mixin ultra-small-mobile {\n  @media (max-width: #{$ULTRA_SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin not-ultra-small-mobile {\n  @media (min-width: #{$ULTRA_SMALL_MOBILE_WIDTH + 1px}) {\n    @content;\n  }\n}\n\n@mixin extra-small-mobile {\n  @media (max-width: #{$EXTRA_SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin extra-small-mobile-only {\n  @media (min-width: #{$ULTRA_SMALL_MOBILE_WIDTH + 1}) and (max-width: #{$EXTRA_SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin small-mobile {\n  @media (max-width: #{$SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin small-mobile-only {\n  @media (min-width: #{$EXTRA_SMALL_MOBILE_WIDTH + 1}) and (max-width: #{$SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin not-small-mobile {\n  @media (min-width: #{$SMALL_MOBILE_WIDTH + 1px}) {\n    @content;\n  }\n}\n\n@mixin mobile {\n  @media (max-width: #{$MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin mobile-only {\n  @media (min-width: #{$SMALL_MOBILE_WIDTH + 1}) and (max-width: #{$MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin not-mobile {\n  @media (min-width: #{$MOBILE_WIDTH + 1px}) {\n    @content;\n  }\n}\n\n@mixin tablet {\n  @media (max-width: #{$DESKTOP_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin tablet-only {\n  @media (min-width: #{$MOBILE_WIDTH + 1px}) and (max-width: #{$DESKTOP_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin desktop {\n  @media (min-width: #{$DESKTOP_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin desktop-only {\n  @media (min-width: #{$DESKTOP_WIDTH}) and (max-width:#{$WIDESCREEN_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin not-widescreen {\n  @media (max-width: #{$WIDESCREEN_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin widescreen {\n  @media (min-width: #{$WIDESCREEN_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin extra-widescreen {\n  @media (min-width: #{$EXTRA_WIDESCREEN_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin ultra-widescreen {\n  @media (min-width: #{$ULTRA_WIDESCREEN_WIDTH}) {\n    @content;\n  }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}