/*
 * Adding this styl sheet because relative paths to cdn don't work within styled components
 * so we have to use stylus to import background images instead
 * below background image gradient was causing conflict in styled css, so moved here.
 * Was causing readability issues so when new image comes will need to be refactored and added back
 * background-image: linear-gradient(rgba(3, 57, 66, 0), rgba(3, 57, 66, 0) 55%, #033942 85%);
 */
.xbox-game-pass-background {
  background-image: url(assets/xgp-intake-bg-half-1280.0df769174e3cd74f891f0009bae4608f.jpg);
}
@media (min-width: 1560px) {
  .xbox-game-pass-background {
    background-image: url(assets/xgp-intake-bg-half-2560.ce16bac64f601043f49ae0f843ee42e2.jpg);
  }
}
.xbox-game-pass-mobile-background {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQwIiBoZWlnaHQ9IjgyNCIgdmlld0JveD0iMCAwIDY0MCA4MjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk5MzFfMjUwOTgpIj48cGF0aCBmaWxsPSIjMTA3QzEwIiBkPSJNMCAwaDY0MHY4MjRIMHoiLz48cGF0aCBkPSJNLTE4My42ODcgMTE4Ni41NWw0MS4yODgtOC44OS0yMzQuMTQxIDE3MC44NC04Mi4yNCAxMzguODcgNTU4LjI2NTctNDY4LjgzLTIxLjkwMDMgNC43MkwyNTkuODEgODc1LjMxMmwtNDQzLjQ5NyAzMTEuMjM4ek0tNTE3LjMzIDE0NTEuMjNMLTc2My42OSAxNjMxdjM4LjkyaDg3LjUyNGwxNDkuNTY4LTEyNS42IDkuMjY4LTkzLjA5ek0tMjMwLjE1NiAxNDM0Ljg4bC05LjU3NyA2Ni44NCA0ODMuNTgxLTU5Mi4yODEtMzEwLjU4OTggMzExLjI5MSA1LjM1MjUtMzcuMzYtNTI5Ljc5MTcgNDg2LjU1aDc2LjI1MmwxMTkuNjktMTE5Ljk1LTEwLjQzOCA3Ni44OCAxNzUuNTIxLTE5MS45N3pNLTc2My42OSAxNTU3LjQzbDI1My4xNjYtMTc0LjUxIDkuMDc5LTkxLjA2IDEyNi40OTctMi4zOSAyNDkuNjIxLTE3Mi4wNy00My40ODIgNi4xOCAyOTQuMzQzLTE4OS4wNzctODg5LjIyNCA0NjMuOTQ3djE1OC45OHpNLTc2My42OSAxMTc1LjQ3bDY5Ni4xMTMzLTIxOS45ODQgNDMuNTI1NC00Ni4wNDdMLTc2My42OSAxMDczLjc4djEwMS42OXpNMzA3LjE0OCA4MTAuNTQyTDE3MS4wNTYgNTczLjg4M2wzNC44MzQgMTEzLjc5Mi0zNTAuMDg4LTQ2My4zOTkgMTI2LjAxNTUgMjM4LjYyNS0xMzYuMzU4NS0xNzAuMzI3LTE4NS4wNTctODcuMjI5TDYwLjE0MjUgNjExLjIyN2wyLjAzOTQgMy44NjQtNjkuMzA2NzEtMzAuMTM0IDEyOC4xOTI4MSA5MS4zNi4xMi40NDgtNzQuNzc5NS0zNS44NTJMMjkxLjMwNiA4MTMuMzQ1bDE1Ljg0Mi0yLjgwM3pNMTkxLjEwNiAzNTAuMjU2bC0yNy4wNDYgMy4xOTkgNTEuMTY2IDg3LjAxNC0yNC4xMi05MC4yMTN6TTE2Ny42MTQgMjYyLjM4OEw5Ni4zOTY3LTRILTQ2LjExNDlMMTM0LjMxMiAzMDIuODYzbDMzLjMwMi00MC40NzV6TS03NjMuNjkgNzM3LjkyMmwzNzUuMDk0LTMwLjIxMi0zNzUuMDk0LTE4LjAzNHY0OC4yNDZ6TS03NjMuNjkgNjQwLjc5Mmw3MjkuODU0MyA4MC4zMDQtMzk1LjIxMzMtMTI0Ljg4NGgxMDAuMTgyTC03NjMuNjkgNDM3LjU4OHYyMDMuMjA0ek0tNzYzLjY5IDM1OS4xNjVsNTEzLjU2MSAxODguMjMyLTEyNS4xNzItMy4xNDggNTMxLjI2MyAyMjAuNTQ4LTI5OC41OTQtMTczLjI4NiAxMjQuMTEzNyAyNS4yMUwtNTc5LjgzIDI1OC4zMTdsNTAuMTY4IDk2Ljc2LTIzNC4wMjgtOTUuMTM4djk5LjIyNnoiIGZpbGw9IiMxRTg4MEYiLz48cGF0aCBkPSJNLTY1NC4yNTcgMTE0Ljc3OEwtMTQyLjQgNDg4LjI2NmwtNDEuMjg4LTguODkyIDE3OS41NTc2OCA4MC45OTRMLTY3Ni4xNjYtNGgtODcuNTI0djEuMTAzOTVoNDguNDIxbDYxLjAxMiAxMTcuNjc0MDV6TTExMDEuMDMgMTc2LjkxOEw1NDAuODIzIDY0Ny4zODFsMjEuOTA5LTQuNzE4LTExNi43MTMgOTQuNzU5LTQuNTA5IDEwLjM3NSAzODIuNDg3LTI2OC40MjMtNDEuMjg4IDguODkyIDIzNS44NjEtMTcyLjEwNCA4Mi40Ni0xMzkuMjQ0ek0xMzE2LjQ4LTRsLTE0OS42NyAxMjUuNjg2LTkuMjcgOTMuMDg2TDE0MDQgMzQuOTMxNFYtNGgtODcuNTJ6TTk2MC45NDEtNEg4NTIuMTYyTDYwOS40NSA0NTUuNTg4IDk2MC45NDEtNHpNODcwLjQ2NiAyMzEuMDU1bDkuNTc3LTY2Ljg0MS0zOTUuMzc3IDQ4NC4yNDUtMTUuMTAyIDM0Ljc1OCAyMzcuNDg4LTIzOC4wMjItNS4zNTMgMzcuMzYyTDEyODYuMjUtNGgtMTMxLjAxbC0xMTkuNjggMTE5Ljk2IDEwLjQzLTc2Ljg4ODhMODcwLjQ2NiAyMzEuMDU1ek0xMTQxLjQ0IDM3Ni4yNDFsLTEwOS4yMiAyLjA3LTI2Ni41ODQgMTcwLjIxNSA0My40ODItNi4xODQtMjk0LjM0MiAxODkuMDc3TDE0MDQgMjY3LjQ3NlYxNDAuOTI4bC0yNTUuMzUgMTYzLjAzOS03LjIxIDcyLjI3NHpNMTEzMS4xNCA3NjkuMjlsLTIwMC4wNjgtNDQuMjg3LTM1Ny4xNyA2My4xMTQgMjkuNzQ4LTMxLjAxNC0yODMuNDkxIDc1LjY2NEwxNDA0IDc4NS41MzlWNjQxLjQyMmwtMzQ2Ljg5IDYxLjMwMyA3NC4wMyA2Ni41NjV6IiBmaWxsPSIjMUU4ODBGIi8+PHBhdGggZD0iTTY2NC4zNyA3NTYuNDgyTDE0MDQgNTkyLjE0VjQ5MC40NTZMNzA3Ljg5NSA3MTAuNDM1bC00My41MjUgNDYuMDQ3ek00NTUuMzMgNzY5LjYxOGwtNy4xMjUgMTYuNDY0TDEzNjUuNjMgNDUxLjYybC0xNTMuNTQgMTEuMDU3IDc4Ljg1LTgzLjQtODM1LjYxIDM5MC4zNDF6TTE0MDQgODQ0LjE2OXYtNDcuNDM1bC02NzkuMjA1IDM2LjIzMkwxNDA0IDg0NC4xNjl6TTM3NC40NTggNTI0LjE3TDQ2Ny40MDMtNGgtNzQuMTg2bC0xNy40MzQgMTk5LjY5NC01NS42MjQtNjMuMDcyVjc5MC42MWwyOS40MTMtMjk0LjY1MSAyNC44ODYgMjguMjExek00NTguNDI4IDY1Mi4zNThsMTA2Ljg4Ni0xMzkuNjE1IDQ0LjEzNi0yMzYuNzYyTDM1My4xIDc2OS4yOWw5LjA3LTIuNDIzIDEwNy40NDUtMTY5LjAzNC0xMS4xODcgNTQuNTI1ek02MjEuMyAzNDUuMzRsLTE0LjE2NSA3NS45NzQgNDkuNzk5LTEyNC4zMDZMNjIxLjMgMzQ1LjM0ek0zNTkuNDMzIDYxMC43MDlsLTM1Ljc4IDIwMi4zMDggNy45NjgtNy45OTVMNjY2LjA0Ny00SDU0Mi42MzlMMzc1LjEwMyA2MjcuNzA5bC0xNS42Ny0xN3pNODAyLjUzNi00SDY4Ni4yMWwtNTUuNzcxIDMwMC4zMjZMODAyLjUzNi00ek02MDkuNDUxIDEyMTAuMzNsLjgzNCAxLjU5LTI0LjM4Ny0zMS44NiA0MC4wMzIgNjEuNDcgMjI2LjIzMiA0MjguMzloMTA4Ljc3OWwtLjAxNy0uMDEtMzUxLjQ3My00NTkuNTh6TTM0OS4wMTMgODUyLjU3OGwtMTUuODUxIDIuODAzIDEzNi4wOTIgMjM2LjY2OS00MS43MDEtMTM2LjIyNyAyMjUuMzYzIDEzMy4wNDctMTIyLjgwNi05NC40NDQgNjMuNzkxIDMwLjU4NC0yNDQuODg4LTE3Mi40MzJ6IiBmaWxsPSIjMUU4ODBGIi8+PHBhdGggZD0iTTgwOS42NjkgMTI4My4wOWwtMzMxLjA2MS0yNjAuODcgNDE3LjM2MyA0OTguNTEtODYuMzAyLTIzNy42NHpNNDEyLjk0OSAxMTgwLjA2bDU5LjE0NCA3MS4yOS0xMTguMDA0LTMyNC45NDUgNTguODYgMjUzLjY1NXpNNTQzLjkxMyAxNjY5LjkyaDEyMi4xNDNsLTE4NC4xNTItMzkxLjU2IDYyLjAwOSAzOTEuNTZ6TTQ0My44MzQgMTA5OC43OGwyNDkuOTU3IDUzNy4yNCA3LjUzOC0xNDEuMzYgNzYuMjM0IDU3LjktMzMzLjcyOS00NTMuNzh6TTYxNy4zMTYgODg1LjQ4MUwxNDA0IDEwMjQuNVY4ODAuMzkybC04MTYuNzYtMzUuNTkzIDMwLjA3NiA0MC42ODJ6TTEwNjkuMzYgMTA2OS43Mkg5NjkuMTc2TDE0MDQgMTIyOC4zM3YtMjAzLjJsLTcyOS44NTUtODAuMzA0IDM5NS4yMTUgMTI0Ljg5NHpNMTAxNS42MiAxMTIxLjY4TDQ4NC4zNTYgOTAxLjEyNmwyOTguNTg1IDE3My4yOTQtMTI0LjExMy0yNS4yMkwxMjIzLjA1IDE0MTZsLTUzLjM5LTEwMi45NyAyMzQuMzQgOTUuMjZ2LTY4Ljc4bC01MTMuNTYyLTIyMC45OCAxMjUuMTgyIDMuMTV6TTc4Mi43MDkgMTE3Ny42Nmw0MS4yODggOC44OS0xNzkuNTU3LTgxIDY3Mi4wNCA1NjQuMzdoMzguMjNsLTg2LjgzLTE2Ny40Ni00ODUuMTcxLTMyNC44ek0xNS44MTY4IDE0MTguOUwyNTYuMTc5IDk1Ni4xMzNsLTMyLjY4MyAxNS4xODgtMzYzLjE5MyA1MTkuODU5IDU4Ljg1MS0yNy4zNS0xMzEuMDA2IDIwNi4wOWgxNDIuNTk3M0w1Ni4yOTYgMTQwMC4wOWwtNDAuNDc5MiAxOC44MXpNMjgxLjAyMiAxMDU1LjM4bDE4LjAxMSAxOS41NCAxNy42MzItMjIyLjAxNC03Ljk3NyA3Ljk5NUw2Mi4zNTQzIDE0NTYuODFsMTYxLjIyNzctNzQuOTMgNTcuNDQtMzI2LjV6TS0yNS43NDY0IDE2NjkuOTJoODIuNjAxOGwtMjAuOTQ1MS0xNDkuMTktNjEuNjU2NyAxNDkuMTl6TTI1OS44MSA5MzcuNzJsMjYuNDEtNDUuODQ4LTM2LjQ3OCAyNS4yMDEtMjkuNTg1IDM1LjMyNiAzOS42NTMtMTQuNjc5ek0tNDkuNDEwOSAxMDA1LjhMMTg0Ljk3OSA4OTYuMzA1bDcuMTI1LTE2LjQ2NS0zNDUuNDkyIDEyNS45NmgxMDMuOTc3MXpNLTc2My42OSAxMzM5LjUxbDU2OC4zNzctMjY1LjY0LTE2NC41NDEgNDEuNCAxMDcuOTE4LTczLjYxLTUxMS43NTQgMTY4LjY3djEyOS4xOHpNLTc2My42OSAxMDQxLjY1bDM1My43NDUtNjkuODItODEuMi03My4wMTYgMjEyLjY0NSA0Ny4wNzMgMzQ0LjkwNzItNjguMDgzLTI5Ljc0ODQgMzEuMDIzTDI3NCA4NDUuNDc5bC01My44NDMtMTIuNzEyLTk4My44NDcuMTk4djIwOC42ODV6TTMyMi42NDYgODQ2LjkxMWwtMi40ODcgMi40OTN2NTAyLjAxNmwtMzkuMDc3LTcwLjg4LTMzLjk5IDM4OS4zOGgxNDYuMTI1bC0xOS4yOTMtMjIwLjk1IDgwLjIxIDE0NS41MS0xMzEuNDg4LTc0Ny41Njl6TS0xMjEuMzUxIDEzNC45ODVsMTQuNTYgMTkuODAyIDI1NS42MzcgMzc3Ljc0MS02OS4yNzI2LTEyNC4zNSAxMTYuOTAyNiAxNTguOTZMLTUzLjQ4MTEgMjkuOTAzM2wtNi43ODk1IDEyNy4yNTU3TC0xNTAuMDQ5LTRoLTE3MC41ODJMMTguNTQ0OSAzOTkuODktMTIxLjM1MSAxMzQuOTg1ek0xMTEuNjggMTY2OS45Mmg4NC43OTZsNDcuMzcyLTI0Mi41OC0xNjQuNjAxNyA2OSAzMi40MzM3IDE3My41OHoiIGZpbGw9IiMxRTg4MEYiLz48cGF0aCBkPSJNNzU0Ljg3MSAxNjY5LjkyaDQ3LjQyM2wtNzEuNjktMTI0LjQ0IDI0LjI2NyAxMjQuNDR6TTIyNy4zNiA0ODUuODZsLTU5LjE0NC03MS4yODNMMjg2LjIyIDczOS41MTggMjI3LjM2IDQ4NS44NnpNLTYwNi45MjggMjA2LjA1MmwzMTcuODYxIDIxNS4yNjEtMzUwLjkwNS0yNzguOTg4IDMzLjA0NCA2My43Mjd6TTE1NS45NjItNGgtMjAuOTM2bDQ0LjY2MSAyMDEuOTQ1TDE1NS45NjItNHpNMjk1Ljg0IDY5NC45MkwyODkuOTYzLTRoLTQyLjg3MWwxOS4yOTIgMjIwLjk1NC04MC4yMDktMTQ1LjUwNkwyOTUuODQgNjk0Ljkyek0zNjIuNTE0IDg0Mi43NTRsMTg3LjA5NSA2NS43NjMtNzYuNTc4LTUyLjc0OC0xMTAuNTE3LTEzLjAxNXpNNTA3Ljk4NiAxMTQ4LjVsNTEuNTAzIDQ5LjIyLTExLjk5Ni01OC4xOS01NS43ODgtNTguMTkgMTYuMjgxIDY3LjE2ek0tMzUyLjMwNyAxNjY5LjkybDEwMS44NjkgMS4wOGMyLjI4OS00LjU5IDQ0LjY0NC0xNDkuMTQgNDQuNjQ0LTE0OS4xNGwtMTQ2LjUxMyAxNDguMDZ6TTQxMy4wODcgNzk2LjczM2wyMi40LTEwNy4wNTctOTMuODkyIDEyNy41NjcgNzEuNDkyLTIwLjUxek0xMTM2LjMxIDEzNS44NDhMOTk0LjIxOCAzNjkuNDc5bDEzMC4xNTItMTUuNDQ2IDExLjk0LTIxOC4xODV6TTEwMzAuNDIgNzA1LjkyNUw5MjkuODQyIDcxMS4xbDEzNS40MTggMzUuMjQ5LTM0Ljg0LTQwLjQyNHpNMTQwNCAxNjE3LjA4VjE0MzQuOWwtMTgzLjc2LTgwLjA2TDE0MDQgMTYxNy4wOHpNNjIxLjIwNSA5NDQuODI2aDI2LjlsLTkwLjYzOS0xMTUuNzY4aC0uMDE3Yy0uMDA5IDAtLjA0My4wMDktLjEwMy4wMTgtLjEwNC4wMTctLjI3Ni4wMzQtLjUxNy4wNjktLjEyOS4wMTctLjI4NC4wMzQtLjQ0Ny4wNi0uNDMuMDYtLjk5LjEyOS0xLjY1Mi4yMTYtLjI1LjAzNC0uNTI1LjA2OS0uODAxLjEwMy0uMzM1LjA0My0uNjk2LjA5NS0xLjA3NS4xNDctLjI1OC4wMzQtLjUxNy4wNjktLjc5Mi4xMDMtMS43NTUuMjMzLTMuODY0LjUwOS02LjI1Ni44MjgtLjU0Mi4wNjktMS4wOTMuMTQ3LTEuNjYxLjIyNC0xLjk4OC4yNTktNC4xMy41NDQtNi4zODUuODQ2LTIuMDMxLjI2Ny00LjE1Ni41NTItNi4zNDIuODM2LS43MTQuMDk1LTEuNDI4LjE5LTIuMTUxLjI4NS0zLjUxMS40NjUtNy4xNDMuOTQ5LTEwLjc1NyAxLjQyMy0uNDA0LjA1Mi0uODE3LjExMi0xLjIyMi4xNjQtLjc3NC4xMDMtMS41NC4yMDctMi4zMDYuMzEtLjMyNy4wNDMtLjY2My4wODYtLjk5LjEzLTIuODEzLjM3LTUuNTc2Ljc0MS04LjIzNSAxLjA5NS0uMDA4IDAtLjAyNiAwLS4wMzQuMDA4LTIuMTYuMjg1LTQuMjUxLjU2MS02LjIzOS44MjgtLjA2OS4wMDktLjEzOC4wMTgtLjIxNS4wMjYtNC45OTEuNjY0LTkuMzAyIDEuMjM0LTEyLjM3NCAxLjYzOS0uMDk1LjAwOS0uMTgxLjAyNi0uMjY3LjAzNC0yLjk4Ni4zOTctNC43NDIuNjMtNC43MDcuNjIyIDAgMCAxMDguOTQyIDg1LjI4OCAxMzQuMTM4IDEwMi43MTggMy4yMTkgMi4yMzQgNS4wODYgMy4zNjQgNS4xNDYgMy4wMzZ6TTIwOC41NjYgMjQyLjcyNEwxMTUuODQ1IDM0NS40Nmw4OC4xNDMtMjAuMTU2IDQuNTc4LTgyLjU4ek0tMTQxLjA1NyAyNzkuMjY2TC0zNzkuMDI3LTRoLTIzNy4xMjZsMTY1LjkxOCAxMjkuNDM4IDMwOS4xNzggMTUzLjgyOHpNMTA2MC41OCAxNTEyLjk2bC0xNjQuMDI0LTE1MC42MyAxMjQuMzI0IDMwNy41OWgyNzUuNDFsLTI4NC44OC0yMzUuMDIgNDkuMTcgNzguMDZ6TTE0MDQgMTMyNS4xOHYtNzEuMTNsLTMxMi05Ni4yNiAzMTIgMTY3LjM5ek0xNDA0IDM4My4wMTJ2LTU3LjcwN2wtOTcuNDYgOTguMTY1IDk3LjQ2LTQwLjQ1OHpNLTYzNy4wNTUgNzkxLjA3Nmw4MTcuNzU3IDM1Ljc4MyA0OC4zOTYtMTguMzE4LTMxMy4zNzczLTg0LjE4NS01NTIuNzc1NyA2Ni43MnpNLTQ4NC4zODEgMTMxNC4wN2wtMTEuOTI3IDIxOC4xOSAxNDIuMDktMjMzLjY0LTEzMC4xNjMgMTUuNDV6TS0yODkuODQyIDk1Ny4wMDVsLTEzNS40Mi0zNS4yNDkgMzQuODQyIDQwLjQyNCAxMDAuNTc4LTUuMTc1ek0tNzY0IDUxLjAxNjJWMjMzLjIwMmwxODMuNzU3IDgwLjA1NEwtNzY0IDUxLjAxNjJ6IiBmaWxsPSIjMUU4ODBGIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfOTkzMV8yNTA5OCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2NDB2ODI0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+Cg==);
}
.xbox-game-pass-mobile-hero {
  content: url(assets/xgp-intake-bg-mobile.87d91d2385e6d4bb86e44b56ee903f54.jpg);
}