.personalisation-step2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%;padding:20px 15px 28px;background:#fff;color:#000}.personalisation-step2__genre{font-size:16px;font-weight:bold;color:#222;text-transform:uppercase;width:100%;text-align:center;padding-bottom:20px}.personalisation-step2__title{-ms-flex-item-align:baseline;align-self:baseline;font-size:14px;color:#666;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.personalisation-step2__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-15px}.personalisation-step2__items--scrollable{max-height:calc(100vh - 420px);overflow:auto}.personalisation-step2__item{margin:8px 0;padding:0 3px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:160px}.personalisation-step2__item:hover{cursor:pointer}.personalisation-step2__item__image img{height:-webkit-fill-available;height:-moz-available;height:stretch;width:100%}.personalisation-step2__item .no-image{border:1px solid black;width:100%}.personalisation-step2__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.personalisation-step2__buttons button{margin-right:20px;width:146px;height:40px;font-size:16px;font-weight:bold}.personalisation-step2__buttons button:disabled{color:#fff;background:#a0a0a0}@media (min-width: 30em){.personalisation-step2__items--scrollable{max-height:200px}.personalisation-step2__image img{height:auto;width:100%}.personalisation-step2 .no-image{height:90px}}@media (min-width: 45em) and (orientation: portrait){.personalisation-step2__item{padding:0 5px;margin:24px 0}}@media (min-width: 45em){.personalisation-step2__items--scrollable{max-height:calc(100vh - 420px)}}@media screen and (min-width: 720px) and (max-height: 414px) and (orientation: landscape){.personalisation-step2__items--scrollable{max-height:200px}}@media (min-width: 60em){.personalisation-step2__item{width:227px}.personalisation-step2__genre{font-size:24px}}@media (min-width: 75em){.personalisation-step2__items{max-width:1000px}}

.personalisation-settings__content-container--error{min-height:auto}.personalisation-settings__intro{padding:20px 14px 0;font-size:18px;font-family:"Roboto",sans-serif;color:#222;text-align:center}.personalisation-settings__intro h2{margin-bottom:10px;color:#222;font-size:24px}.personalisation-settings__intro .form-text{color:#666;font-size:14px;margin-bottom:5px;padding:0 10px}.personalisation-settings__intro .ah-title{padding-top:0}.personalisation-settings__error{width:100%;max-width:347px;margin:20px auto 40px;font-family:"Roboto",sans-serif;padding:0;color:#4d4d4d;font-size:16px;line-height:1.22;text-align:center}.personalisation-settings__error .margin-top{margin-top:20px}.personalisation-settings__buttons{text-align:center;padding:0 0 40px}.personalisation-settings__buttons .cta-btn{min-width:146px}.personalisation-settings__buttons .cta-btn:disabled{color:#fff;background-color:#a0a0a0}.personalisation-settings__buttons button:first-child{margin-right:20px}.personalisation-settings .icon-wrapper{position:absolute;z-index:1;top:10px;right:10px;width:20px;height:20px;display:none;background-color:#f0008c;border-radius:50%}.personalisation-settings .personalisation-step2__item .icon-wrapper{display:block;width:32px;height:32px}.personalisation-settings__toast--bold{font-weight:bold}.personalisation-settings__logo-link{display:inline-block;margin:0 auto;padding:35px 0;color:#a5238c}@media (min-width: 45em){.personalisation-settings__logo-link{padding:75px 0}}@media (min-width: 30em) and (orientation: landscape){.personalisation-settings__intro .form-text{margin:0 auto}.personalisation-settings__content-container--coldstart .personalisation-step2__items--scrollable{max-height:180px}}@media screen and (min-width: 600px) and (min-height: 720px) and (orientation: portrait){.personalisation-settings__intro{padding:40px 14px 0}.personalisation-settings__intro h2{font-size:24px}.personalisation-settings__intro .form-text{font-size:16px;text-align:center;margin:0 auto;padding:0}.personalisation-settings__content-container--coldstart .personalisation-step2__items--scrollable{min-height:calc(100vh - 420px)}}@media (min-width: 45em){.personalisation-settings__content-container--coldstart .personalisation-step2__items--scrollable{min-height:calc(100vh - 420px)}}@media screen and (min-width: 720px) and (max-height: 414px) and (orientation: landscape){.personalisation-settings__content-container--coldstart .personalisation-step2__items--scrollable{max-height:180px}}@media (min-width: 60em){.personalisation-settings__intro{padding-top:40px}.personalisation-settings__intro h2{margin-bottom:20px}.personalisation-settings__error{font-size:18px;padding:20px 15px 40px}.personalisation-settings .form-text{font-size:16px;margin:0 auto}}@media (min-width: 75em){.personalisation-settings__intro{padding:40px 14px 10px}.personalisation-settings__intro h2{font-size:32px}.personalisation-settings__intro .form-text{font-size:18px;margin:0 auto}}@media (hover: none){.personalisation-settings__buttons .cta-btn--secondary:hover:not(:disabled){background-color:#fff}.personalisation-settings__buttons .cta-btn--secondary:active:not(:disabled){background-color:rgba(165,35,140,0.2)}}

