@font-face{font-family:gotham;src:url(fonts/Gotham-Light.otf);font-weight:400;font-style:normal}@font-face{font-family:gotham;src:url(fonts/Gotham-LightItalic.otf);font-weight:400;font-style:italic}@font-face{font-family:gotham;src:url(fonts/Gotham-Medium.otf);font-weight:700;font-style:normal}@font-face{font-family:hiruko;src:url(fonts/HirukoLight.woff);font-weight:400;font-style:normal}@font-face{font-family:hiruko;src:url(fonts/HirukoBlack.woff);font-weight:700;font-style:normal}html{height:100%}body{overflow:hidden;height:100%;margin:0;padding:0;font-family:hiruko, sans-serif;font-weight:lighter;color:#fff;background-color:#91BFC1;z-index:-1}.wrapper-content-centered{width:100%;text-align:center}.wrapper-acc-info,.wrapper-acc-buttons{position:absolute;left:0;right:0;text-align:center}.wrapper-acc-info .label-renewal span{display:block;color:#4A5050}#app{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#93bfc0;margin:auto;overflow:hidden}#static-loading-screen{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:auto;z-index:100;background-size:100% auto;background-repeat:no-repeat;background-position:center center}#static-loading-screen p{text-align:center;font-weight:bold}#logo,#greetings,#fluffster{position:absolute}#greetings{color:#E6186D;font-weight:bold}#title{display:block;text-align:center}#version{position:absolute;width:100%;top:20px;font-size:20pt;text-align:center}#page_title{position:absolute}#boardingcomponent{height:100%}#boardingcomponent .signupText{position:absolute;left:0;right:0;margin:0 auto}#boardingcomponent .signupText:before{content:'';display:block;position:absolute;border-radius:100%}#boardingcomponent #logo_pink{position:absolute;background:url("../../img/hopster-logo.svg") 50% 50% no-repeat}#boardingcomponent #boardingMenu{width:100%;text-align:center}#boardingcomponent #signup_text1:before{background-color:#ed2676}#boardingcomponent #signup_text2:before{background-color:#e6f12a}#boardingcomponent #signup_text3:before{background-color:#57A615}#boardingcomponent #signup_text4{left:0;width:100%;text-align:center}#onboardingcomponent{height:100%}#onboardingcomponent .signupText{position:absolute;left:0;right:0;margin:0 auto}#onboardingcomponent .signupText:before{content:'';display:block;position:absolute;border-radius:100%}#onboardingcomponent #logo_pink{position:absolute;background:url("../../img/hopster-logo.svg") 50% 50% no-repeat}#onboardingcomponent #boardingMenu{width:100%;text-align:center}#onboardingcomponent #signup_text1:before{background-color:#ed2676}#onboardingcomponent #signup_text2:before{background-color:#e6f12a}#onboardingcomponent #signup_text3:before{background-color:#57A615}#onboardingcomponent #signup_text4{left:0;width:100%;text-align:center}#accountcomponent{background-position-y:100%;height:100%;background-repeat:no-repeat}#accountcomponent #accountcomponent_footerCopy{position:absolute;left:0;right:0;text-align:center}#HelpComponent{height:100%;background-repeat:no-repeat}#RegisterComponent_keypadList{position:absolute;top:0;width:100%}#RegisterComponent_tick{position:absolute}#privacyAcceptanceComponent{height:100%;background-image:url("../img/HTML5-Test-Background-2@1x.jpg")}#privacyAcceptanceComponent_formMenu{position:static;width:65%;margin:auto;padding-top:120px;text-align:center}#privacyAcceptanceComponent_acceptance,#privacyAcceptanceComponent_continue{margin-top:1.25em}#privacyAcceptanceComponent_acceptance{padding:1em .5em}#privacyAcceptanceComponent_continue{max-width:365px;margin-left:auto;margin-right:auto}#privacyComponent{height:100%;background-image:url("../img/HTML5-Test-Background-2@1x.jpg")}#privacyComponent_formMenu{position:static;width:65%;margin:auto;padding-top:120px;text-align:center}#privacyComponent_scrollPane_contentWrapper{height:250px !important}.form{text-align:center;box-sizing:border-box}.form-field{color:#000}.form-field.field-text,.form-field.field-number,.form-field.field-password,.form-field.field-submit{display:block;border:3px solid #4A5050;background-color:#fff;margin-left:auto;margin-right:0;overflow:hidden;box-sizing:border-box}.form-field.field-text.editing,.form-field.field-number.editing,.form-field.field-password.editing,.form-field.field-submit.editing{border-color:#ed2676}.form-field.field-submit{color:#fff;border:3px solid transparent;background-color:#ed2676}.form-field.field-submit.focus{border-color:#fff}.form-field.field-checkbox{color:#fff}.form-field.field-checkbox .tick{position:relative;display:inline-block;background-color:rgba(255,255,255,0.75);border-radius:100%;vertical-align:top}.form-field.field-checkbox.selected .tick:before{content:'';position:absolute;top:0;width:100%;height:100%;background:url("../img/checkbox-tick.svg") 50% no-repeat;background-size:100%}.form-field.field-checkbox.focus{border-style:solid;border-color:#fff}.form .error{display:block;margin-left:auto;margin-right:0}.form .button.valid{border-color:green}.form .button.invalid{border-color:red}.form .button.field-checkbox.valid,.form .button.field-checkbox.invalid{border-color:transparent}.form.editing .button.active:not(#backButton){border:3px solid #ed2676}.form.editing .button.field-checkbox.active{background:transparent;border:3px solid #ed2676}.form .label.error{text-align:left;color:red}#carouselComponent{position:relative}#carouselComponent>.carouselmask{margin-left:auto;margin-right:auto}#carouselComponent>.description{position:static}.carousel{height:213px}.carouselItem{position:relative}.carousel-content .locked:after{content:'';position:absolute;right:10px;bottom:10px;background:url("../img/icon-lock.svg") 50% 50% no-repeat;background-color:rgba(255,255,255,0.8);background-size:80%;border-radius:100%}.carousel .button{display:inline-block;padding:0;background-color:transparent;background-position:50%;background-repeat:no-repeat}.carousel .buttonFocussed{background-image:url(../img/circle-white.svg)}.carousel .buttonFocussed.content-books{background-image:url(../img/rounded-square-white.svg)}.carousel .buttonFocussed.content-musics,#channelcomponent #img-channel.content-musics{background-image:url("../img/rounded-diamond-white.svg")}.carousel .content-musics img,#channelcomponent #img-channel.content-musics img{position:relative;top:-2px}.carousel-title{font-size:24px;line-height:24px;margin:8px auto 0 43px}.carousel-item-title{font-size:20px;line-height:22px;margin:6px auto 8px 43px}.carousel .image{margin:4px auto}.carousel .buttonFocussed{background-size:167px}.carousel .buttonFocussed.content-books{background-size:150px}#grownupsCarousel.carousel .button{width:205px;height:205px;background-position-x:20px;background-position-y:30px}#grownupsCarousel.carousel .image{margin:40px auto}.carouselmask{overflow:hidden}.carouselwidgetstrip{position:relative;white-space:nowrap}.carouselwidgetstrip.horizontal>.carouselItem{display:inline-block}.carouselwidgetstrip.vertical>.carouselItem{display:block}.carousel-title{display:block;text-align:left;color:#fff}.carousel-item-title{display:block;text-align:left;color:#fff;font-family:gotham;font-weight:400}#grownupsCarousel .listitem{background-image:url("../img/gu-unactive.svg")}#grownupsCarousel .listitem.buttonFocussed{background-image:url("../img/gu-active.svg")}#grownupsCarousel .image{position:relative;top:5px}.carousel_carouselAll.carousel .content-musics img{top:0}.carousel_carouselAll.carousel .content-musics.buttonFocussed{background-image:url("../img/circle-white.svg");background-size:205px}.carousel_carouselFree .carouselItem .image{margin:auto}.channel #img-channel{background-image:url(../img/rounded-square-white.svg);background-repeat:no-repeat;position:absolute;background-position:50%}.channel .channel-title{display:block;text-align:left;color:#fff;font-family:hiruko;font-weight:700;text-transform:uppercase}.channel .carousel-title{margin-top:0;font-family:gotham;font-weight:400}.channel .carousel-item-title{font-family:hiruko}.channel .carouselmask{background-repeat:no-repeat}.channel-carouselChannel .carouselwidgetstrip>.button{background:none}.channel-carouselChannel .carouselwidgetstrip>.button.buttonFocussed .image{border-color:#ffffff}.channel-carouselChannel .carouselwidgetstrip>.button.locked .image{border-color:transparent}.channel-carouselChannel .carouselwidgetstrip>.button.locked.buttonFocussed{background-position:50% 50%}.channel-carouselChannel .carouselwidgetstrip>.button.locked.buttonFocussed .image{border-color:#ffffff}.channel-carouselChannel .carouselwidgetstrip .carouselItem.buttonBlurred .image{position:relative}.channel-carouselChannel .carouselwidgetstrip .carouselItem.buttonBlurred .image:before{content:"";position:absolute;top:0;left:0;right:20px;bottom:0;background-image:url(../img/720/play.svg);background-repeat:no-repeat;background-position:center;opacity:0;transition:0.1s ease}.channel-carouselChannel .carouselwidgetstrip .carouselItem.buttonFocussed .image{position:relative}.channel-carouselChannel .carouselwidgetstrip .carouselItem.buttonFocussed .image:before{content:"";position:absolute;top:0;left:0;right:20px;bottom:0;background-image:url(../img/720/play.svg);background-repeat:no-repeat;background-position:center;opacity:0.8;transition:0.1s ease}.channel-carouselChannel .carouselwidgetstrip .carouselItem.locked.buttonBlurred .image{position:relative}.channel-carouselChannel .carouselwidgetstrip .carouselItem.locked.buttonBlurred .image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../img/720/blocked-2.svg);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0;transition:0.1s ease}.channel-carouselChannel .carouselwidgetstrip .carouselItem.locked.buttonFocussed .image{position:relative}.channel-carouselChannel .carouselwidgetstrip .carouselItem.locked.buttonFocussed .image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../img/720/blocked-2.svg);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:1;transition:0.1s ease}#mediaPlayer{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:0}.player-controls{position:absolute !important;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 100%);background:-o-linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 100%);text-align:center;z-index:1;margin:0 auto;transition:all .5s ease}.player-controls .button,.player-controls .progress{position:absolute;display:inline-block;margin:0 auto}.player-controls .button span,.player-controls .progress span{display:none}.player-controls #play,.player-controls #rewind,.player-controls #fastForward{box-sizing:border-box}.player-controls #play.focus:before,.player-controls #rewind.focus:before,.player-controls #fastForward.focus:before{content:'';position:absolute;left:0;right:0;border-style:solid;border-color:#fff;margin:0 auto;border-radius:100%}.player-controls #play{left:0;right:0;background:transparent url("../img/720/play_btn.svg") 50% 50% no-repeat}.player-controls #play.paused{background-image:url("../img/720/pause_btn.svg")}.player-controls #rewind{left:30%;background:transparent url("../img/720/rewind.svg") 50% 50% no-repeat}.player-controls #fastForward{right:30%;background:transparent url("../img/720/forward.svg") 50% 50% no-repeat}.list .listitem{display:block}.background-none{background-image:none !important;background-color:transparent !important}.display-none{display:none !important}.visibility-hidden{visibility:hidden !important}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@-moz-keyframes spin{to{transform:rotate(1turn)}}@-o-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.hidden{opacity:0}.layout-full-screen{width:100%;height:100%}.layout-full-screen #backButton{position:static}.layout-full-screen #backButton.buttonBlurred{background-image:url(../img/720/back.svg)}.layout-full-screen #backButton.buttonFocussed{background-image:url(../img/720/back_on.svg)}.button#backButton,.dialog .dialog-close{position:absolute;top:0;left:0;display:block;background:transparent url("../img/720/back.svg") 0 0 no-repeat;transition:0.15s ease;padding:0}.button#backButton.active:before,.dialog .active.dialog-close:before{content:'';position:absolute;border:3px solid #fff;border-radius:100%}.button#backButton>.label,.dialog .dialog-close>.label{display:none}.button-action{border-width:3px;border-style:solid;border-radius:2em;text-align:center}.button-action.listitem{display:inline-block}.button.button-primary,.button.button-secondary{display:table;border-style:solid;border-color:transparent;box-sizing:border-box;color:#fff;margin:0 auto}.button.button-primary.focus,.button.button-secondary.focus{border-color:#fff}.button.button-primary{position:relative;display:inline-block;background-color:#ed2676;margin:0 auto}.button.button-primary.button-cta{font-weight:bold}.button.button-secondary{position:relative}.button.square{width:354px;height:74px;background-color:transparent;background-repeat:no-repeat;border-width:2px;border-color:transparent;border-style:solid}.button.square span{height:100%;display:block;width:76%;margin-left:24%;text-align:left;font-size:1.5em;color:#fff;line-height:3em}.button.square.buttonFocussed{border-color:#fff}.button.square.login-email{background-color:#ed2676;background-image:url(../img/email-icon.svg);background-position-y:9px;background-position-x:10px;background-size:71px}.button.square.login-facebook{background-color:#3B5998;background-image:url(../img/facebook-logo.svg);background-position-y:9px;background-position-x:0;background-size:71px}.keyboard{position:absolute;background-color:rgba(255,255,255,0.3)}.keyboard .button{position:relative;display:inline-block;max-width:none;vertical-align:top;background-color:#fff;border-radius:8px;text-align:center;border:3px solid #fff;margin:3px;box-sizing:border-box;transition:0.15s ease}.keyboard .button.buttonFocussed{border-color:#ed2676;transition:0.15s ease}.keyboard .button.expand{display:none}.keyboard .button.key_Next.focus{color:#fff;border-color:#fff;background-color:#ed2676}.keyboard .label{color:#000}.keyboard .label_Next{color:#fff}.keyboard .label.label_com{font-size:28px}.keyboard.keypad-number{margin:10px}.keyboard.keypad-number .key_Next{background-color:#ed2676;border-color:#ed2676}.keyboard.keypad-number .key_Next.focus{border-color:#fff;background-color:#ed2676}.keyboard.keypad-number .key_Next.focus .label{color:#fff}.keyboard.keypad-full .key_Next{background-color:#ed2676;border-color:#ed2676}.keyboard.keypad-full .key_Next.focus{border-color:#fff;background-color:#ed2676}.keyboard.keypad-full .key_Next.focus .label{color:#fff}.keyboard.keypad-full.case-upper #keyboard_row_1,.keyboard.keypad-full.case-upper #keyboard_row_2,.keyboard.keypad-full.case-upper #keyboard_row_3{text-transform:uppercase}.keyboard.keypad-full.case-lower #keyboard_row_1,.keyboard.keypad-full.case-lower #keyboard_row_2,.keyboard.keypad-full.case-lower #keyboard_row_3{text-transform:lowercase}.keyboard.keypad-full.case-upper .key_Shift{background-image:url(../img/key-shift-pink.svg)}.keyboard.keypad-full.case-upper .key_Shift.active{background-image:url(../img/key-shift-pink.svg)}.keyboard .key_Shift,.keyboard .key_Del{background-repeat:no-repeat;background-size:50%;background-position:50% 50%}.keyboard .key_Shift{background-image:url(../img/key-shift.svg)}.keyboard .key_Del{background-image:url(../img/key-delete.svg)}.keyboard .key_Shift .label,.keyboard .key_Del .label{color:transparent}#AgeGateComponent .keyboard.keyboard.case-lower .button.key_Next{width:98%}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(125,125,125,0.5)}.overlay .spinner{width:100%;height:100%;text-align:center;margin:auto}.overlay .spinner img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;animation:spin 1s infinite steps(8);-webkit-animation:spin 1s infinite steps(8);-moz-animation:spin 1s infinite steps(8);-o-animation:spin 1s infinite steps(8)}.overlay .spinner .button.dummy{display:none}#progressBar{position:absolute;top:0;left:0;margin-top:0;width:80%;margin-left:10%;height:4px;background:#ed2676;border-radius:4px}#progressBar_left{background:#ed2676}#progressBar_inner{width:10px;background:#fff;position:relative;height:100%}.scroll-pane,#privacyAcceptanceComponent_scrollPane,#privacyComponent_scrollPane{background-color:rgba(255,255,255,0.5);border-radius:0.35em}.scroll-pane-content-wrapper,#privacyAcceptanceComponent_scrollPane_contentWrapper,#privacyComponent_scrollPane_contentWrapper{display:inline-block;width:90%;margin:1em auto 0;position:relative;height:110px;overflow:hidden}.scroll-pane-content,#privacyAcceptanceComponent_scrollPane_content,#privacyComponent_scrollPane_content{color:#4A5050;line-height:1.25;position:absolute;top:0;left:0}.scroll-pane-buttons-wrapper,#privacyAcceptanceComponent_scrollPane_buttons,#privacyComponent_scrollPane_buttons{text-align:center}.scroll-pane-button,#privacyAcceptanceComponent_scrollPane_upButton,#privacyAcceptanceComponent_scrollPane_downButton,#privacyComponent_scrollPane_upButton,#privacyComponent_scrollPane_downButton{background-color:#fff;color:#4A5050;width:20%;display:inline-block;margin:.75em .5em;height:60px;border-radius:0.35em;background-repeat:no-repeat;background-size:20% auto;background-position:center;opacity:0.5}.scroll-pane-button:before,#privacyAcceptanceComponent_scrollPane_upButton:before,#privacyAcceptanceComponent_scrollPane_downButton:before,#privacyComponent_scrollPane_upButton:before,#privacyComponent_scrollPane_downButton:before{display:block;text-align:center}.scroll-pane-button-up,#privacyAcceptanceComponent_scrollPane_upButton,#privacyComponent_scrollPane_upButton{background-image:url("../img/arrow_up.png")}.scroll-pane-button-down,#privacyAcceptanceComponent_scrollPane_downButton,#privacyComponent_scrollPane_downButton{background-image:url("../img/arrow_down.png")}.scroll-pane-button-active,#privacyAcceptanceComponent_scrollPane_upButton.focus,#privacyAcceptanceComponent_scrollPane_downButton.focus,#privacyComponent_scrollPane_upButton.focus,#privacyComponent_scrollPane_downButton.focus{opacity:1}#verticalList_WidgetStrip{margin-left:auto;margin-right:auto;text-align:left}#featuredBanner_CarouselMask{width:100%;text-align:center}#featuredBanner_WidgetStrip .image,#featuredBanner_WidgetStrip .button.active,#featuredBanner_WidgetStrip .button.active .image img{background-image:none}object{position:absolute}.horizontallist,.verticallist{position:relative}.horizontallist .listitem{display:inline-block}.verticallist .horizontallist .listitem{display:inline-block}.verticallist .listitem{display:block}.horizontallist .verticallist .listitem{display:block}.horizontallistmask{overflow:hidden;width:100%}.horizontallistmask .horizontallist .listitem{display:inline-block}.horizontalcarousel{width:99999px}.page-title-label,#privacyAcceptanceComponent_titleLabelWrapper,#privacyComponent_titleLabelWrapper{position:absolute;left:0;right:0;margin:0 auto;text-align:center}.dialog .dialog-title{text-align:center;margin-bottom:.5em}.someConsoles .horizontallist .listitem{display:inline-block;float:left}

/*# sourceMappingURL=style/sourcemaps/base.css.map */